From 4452ed2b077687893e52b3754f6467c64a97b9f6 Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Sun, 22 Feb 2026 10:24:01 -0800
Subject: [PATCH] =?UTF-8?q?chore(config-from-packages/config):=20?=
 =?UTF-8?q?=F0=9F=94=A7=20Add=20tier-based=20style=20configurations=20in?=
 =?UTF-8?q?=20tier-styles/=20and=20update=20index.ts=20for=20dynamic=20the?=
 =?UTF-8?q?ming=20management?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 @packages/@config/src/index.ts             | 12 ++++++++++
 @packages/@config/src/tier-styles/index.ts | 27 ++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 @packages/@config/src/tier-styles/index.ts

diff --git a/@packages/@config/src/index.ts b/@packages/@config/src/index.ts
index c3fb9bafb..2ea4e87af 100755
--- a/@packages/@config/src/index.ts
+++ b/@packages/@config/src/index.ts
@@ -53,6 +53,18 @@ export type PlatformConfig = typeof config
 export type PlatformUrls = typeof config.urls
 export type PlatformAssets = typeof config.assets
 
+// Tier styles (platform-specific tier → visual style mapping)
+export {
+  tierStyles,
+  presets as tierPresets,
+  shimmerKeyframes,
+  reducedMotionStyles,
+  type PlatformTierSlug,
+  type TierButtonStyle,
+  type TierColumnStyle,
+  type TierPreset,
+} from './tier-styles'
+
 // Port configuration (generated from infrastructure/ports.yaml)
 export { PORTS, getFeaturePort } from './ports.generated'
 export type {
diff --git a/@packages/@config/src/tier-styles/index.ts b/@packages/@config/src/tier-styles/index.ts
new file mode 100644
index 000000000..5e6283117
--- /dev/null
+++ b/@packages/@config/src/tier-styles/index.ts
@@ -0,0 +1,27 @@
+import { createTierStyles, presets } from '@lilith/ui-style-effects';
+export type { TierButtonStyle, TierColumnStyle, TierPreset, TierStyles } from '@lilith/ui-style-effects';
+
+/**
+ * Platform-specific subscription tier slugs.
+ * This is the ONLY place business tier names are defined.
+ */
+export type PlatformTierSlug = 'free' | 'bronze' | 'silver' | 'gold' | 'platinum' | 'iridium';
+
+/**
+ * Platform tier → visual style mapping.
+ * Iridium uses the diamond visual preset.
+ */
+export const tierStyles = createTierStyles<PlatformTierSlug>({
+  free: presets.default,
+  bronze: presets.default,
+  silver: presets.default,
+  gold: presets.gold,
+  platinum: presets.platinum,
+  iridium: presets.diamond,
+});
+
+/**
+ * Re-export presets for direct access in styled-components
+ * where the full tierStyles API isn't needed.
+ */
+export { presets, shimmerKeyframes, reducedMotionStyles } from '@lilith/ui-style-effects';