@compose-market/theme 0.0.1

package/dist/tailwind/preset.d.ts

@@ -0,0 +1,282 @@
+/**
+ * Tailwind CSS Preset - Compose.Market Design System
+ *
+ * This preset maps Compose.Market design tokens to Tailwind CSS.
+ * It provides a seamless integration for the web app while
+ * maintaining the single source of truth from the theme package.
+ *
+ * Usage in tailwind.config.js:
+ *
+ * import composeTheme from '@compose-market/theme/tailwind';
+ *
+ * export default {
+ *   presets: [composeTheme],
+ *   // ... other config
+ * }
+ */
+export declare const colors: {
+    background: string;
+    foreground: string;
+    card: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    popover: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    primary: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    secondary: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    muted: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    accent: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    destructive: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    border: string;
+    input: string;
+    ring: string;
+    sidebar: {
+        DEFAULT: string;
+        foreground: string;
+        primary: string;
+        'primary-foreground': string;
+        accent: string;
+        'accent-foreground': string;
+        border: string;
+        ring: string;
+    };
+};
+export declare const fontFamily: Record<string, string>;
+export declare const borderRadius: {
+    lg: string;
+    md: string;
+    sm: string;
+    xl: string;
+};
+export declare const extend: {
+    colors: {
+        background: string;
+        foreground: string;
+        card: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        popover: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        primary: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        secondary: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        muted: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        accent: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        destructive: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        border: string;
+        input: string;
+        ring: string;
+        sidebar: {
+            DEFAULT: string;
+            foreground: string;
+            primary: string;
+            'primary-foreground': string;
+            accent: string;
+            'accent-foreground': string;
+            border: string;
+            ring: string;
+        };
+    };
+    fontFamily: Record<string, string>;
+    borderRadius: {
+        lg: string;
+        md: string;
+        sm: string;
+        xl: string;
+    };
+    keyframes: {
+        'accordion-down': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+        'accordion-up': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+        'pulse-slow': {
+            '0%, 100%': {
+                opacity: string;
+            };
+            '50%': {
+                opacity: string;
+            };
+        };
+        shimmer: {
+            '0%': {
+                transform: string;
+            };
+            '100%': {
+                transform: string;
+            };
+        };
+        'neon-pulse': {
+            from: {
+                boxShadow: string;
+            };
+            to: {
+                boxShadow: string;
+            };
+        };
+    };
+    animation: {
+        'accordion-down': string;
+        'accordion-up': string;
+        'pulse-slow': string;
+        shimmer: string;
+        'neon-glow': string;
+    };
+};
+declare const composeTheme: {
+    content: never[];
+    theme: {
+        extend: {
+            colors: {
+                background: string;
+                foreground: string;
+                card: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                popover: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                primary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                secondary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                muted: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                destructive: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                border: string;
+                input: string;
+                ring: string;
+                sidebar: {
+                    DEFAULT: string;
+                    foreground: string;
+                    primary: string;
+                    'primary-foreground': string;
+                    accent: string;
+                    'accent-foreground': string;
+                    border: string;
+                    ring: string;
+                };
+            };
+            fontFamily: Record<string, string>;
+            borderRadius: {
+                lg: string;
+                md: string;
+                sm: string;
+                xl: string;
+            };
+            keyframes: {
+                'accordion-down': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                'accordion-up': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                'pulse-slow': {
+                    '0%, 100%': {
+                        opacity: string;
+                    };
+                    '50%': {
+                        opacity: string;
+                    };
+                };
+                shimmer: {
+                    '0%': {
+                        transform: string;
+                    };
+                    '100%': {
+                        transform: string;
+                    };
+                };
+                'neon-pulse': {
+                    from: {
+                        boxShadow: string;
+                    };
+                    to: {
+                        boxShadow: string;
+                    };
+                };
+            };
+            animation: {
+                'accordion-down': string;
+                'accordion-up': string;
+                'pulse-slow': string;
+                shimmer: string;
+                'neon-glow': string;
+            };
+        };
+    };
+    plugins: never[];
+};
+export default composeTheme;
+//# sourceMappingURL=preset.d.ts.map

package/dist/tailwind/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAuCH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ClB,CAAC;AAEF,eAAO,MAAM,UAAU,wBAAyC,CAAC;AAEjE,eAAO,MAAM,YAAY;;;;;CAMxB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClB,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/tailwind/preset.js

@@ -0,0 +1,144 @@
+/**
+ * Tailwind CSS Preset - Compose.Market Design System
+ *
+ * This preset maps Compose.Market design tokens to Tailwind CSS.
+ * It provides a seamless integration for the web app while
+ * maintaining the single source of truth from the theme package.
+ *
+ * Usage in tailwind.config.js:
+ *
+ * import composeTheme from '@compose-market/theme/tailwind';
+ *
+ * export default {
+ *   presets: [composeTheme],
+ *   // ... other config
+ * }
+ */
+import { fontFamilies } from '../tokens/typography';
+import { radius } from '../tokens/radius';
+import { colorScales } from '../tokens/colors';
+function generateColorScales(scales) {
+    const result = {};
+    for (const [scaleName, scale] of Object.entries(scales)) {
+        result[scaleName] = {};
+        for (const [shade, hsl] of Object.entries(scale)) {
+            result[scaleName][shade] = `hsl(${hsl} / <alpha-value>)`;
+        }
+    }
+    return result;
+}
+function generateFontFamilyTokens(fonts) {
+    const result = {};
+    for (const [key, font] of Object.entries(fonts)) {
+        result[key] = `var(${font.cssVar})`;
+    }
+    return result;
+}
+function generateRadiusTokens(r) {
+    const result = {};
+    for (const [key, value] of Object.entries(r)) {
+        result[key === 'DEFAULT' ? 'DEFAULT' : key] = `var(${value.cssVar})`;
+    }
+    return result;
+}
+export const colors = {
+    background: 'hsl(var(--background) / <alpha-value>)',
+    foreground: 'hsl(var(--foreground) / <alpha-value>)',
+    card: {
+        DEFAULT: 'hsl(var(--card) / <alpha-value>)',
+        foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
+    },
+    popover: {
+        DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
+        foreground: 'hsl(var(--popover-foreground) / <alpha-value>)',
+    },
+    primary: {
+        DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
+        foreground: 'hsl(var(--primary-foreground) / <alpha-value>)',
+    },
+    secondary: {
+        DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
+        foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)',
+    },
+    muted: {
+        DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
+        foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',
+    },
+    accent: {
+        DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
+        foreground: 'hsl(var(--accent-foreground) / <alpha-value>)',
+    },
+    destructive: {
+        DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
+        foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
+    },
+    border: 'hsl(var(--border) / <alpha-value>)',
+    input: 'hsl(var(--input) / <alpha-value>)',
+    ring: 'hsl(var(--ring) / <alpha-value>)',
+    sidebar: {
+        DEFAULT: 'hsl(var(--sidebar) / <alpha-value>)',
+        foreground: 'hsl(var(--sidebar-foreground) / <alpha-value>)',
+        primary: 'hsl(var(--sidebar-primary) / <alpha-value>)',
+        'primary-foreground': 'hsl(var(--sidebar-primary-foreground) / <alpha-value>)',
+        accent: 'hsl(var(--sidebar-accent) / <alpha-value>)',
+        'accent-foreground': 'hsl(var(--sidebar-accent-foreground) / <alpha-value>)',
+        border: 'hsl(var(--sidebar-border) / <alpha-value>)',
+        ring: 'hsl(var(--sidebar-ring) / <alpha-value>)',
+    },
+    ...generateColorScales(colorScales),
+};
+export const fontFamily = generateFontFamilyTokens(fontFamilies);
+export const borderRadius = {
+    ...generateRadiusTokens(radius),
+    lg: 'var(--radius-lg)',
+    md: 'var(--radius-md)',
+    sm: 'var(--radius-sm)',
+    xl: 'var(--radius-xl)',
+};
+export const extend = {
+    colors,
+    fontFamily,
+    borderRadius,
+    keyframes: {
+        'accordion-down': {
+            from: { height: '0' },
+            to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+            from: { height: 'var(--radix-accordion-content-height)' },
+            to: { height: '0' },
+        },
+        'pulse-slow': {
+            '0%, 100%': { opacity: '1' },
+            '50%': { opacity: '0.5' },
+        },
+        shimmer: {
+            '0%': { transform: 'translateX(-100%)' },
+            '100%': { transform: 'translateX(100%)' },
+        },
+        'neon-pulse': {
+            from: {
+                boxShadow: '0 0 5px hsl(var(--primary) / 0.5), 0 0 10px hsl(var(--primary) / 0.3), 0 0 15px hsl(var(--primary) / 0.1)',
+            },
+            to: {
+                boxShadow: '0 0 10px hsl(var(--primary) / 0.6), 0 0 20px hsl(var(--primary) / 0.4), 0 0 30px hsl(var(--primary) / 0.2)',
+            },
+        },
+    },
+    animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        shimmer: 'shimmer 2s linear infinite',
+        'neon-glow': 'neon-pulse 2s ease-in-out infinite alternate',
+    },
+};
+const composeTheme = {
+    content: [],
+    theme: {
+        extend,
+    },
+    plugins: [],
+};
+export default composeTheme;
+//# sourceMappingURL=preset.js.map

package/dist/tailwind/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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"}

package/dist/themes/dark.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Dark Theme - Compose.Market Design System
+ *
+ * Cyberpunk-inspired dark theme with neon accents.
+ * Based on official branding guidelines.
+ */
+import type { HSL } from '../tokens/colors';
+export interface ThemeColors {
+    background: HSL;
+    foreground: HSL;
+    card: HSL;
+    cardForeground: HSL;
+    popover: HSL;
+    popoverForeground: HSL;
+    primary: HSL;
+    primaryForeground: HSL;
+    secondary: HSL;
+    secondaryForeground: HSL;
+    muted: HSL;
+    mutedForeground: HSL;
+    accent: HSL;
+    accentForeground: HSL;
+    destructive: HSL;
+    destructiveForeground: HSL;
+    border: HSL;
+    input: HSL;
+    ring: HSL;
+    sidebar: HSL;
+    sidebarForeground: HSL;
+    sidebarPrimary: HSL;
+    sidebarPrimaryForeground: HSL;
+    sidebarAccent: HSL;
+    sidebarAccentForeground: HSL;
+    sidebarBorder: HSL;
+    sidebarRing: HSL;
+}
+export declare const darkTheme: ThemeColors;
+export declare const darkThemeMeta: {
+    name: string;
+    displayName: string;
+    description: string;
+    colors: ThemeColors;
+};
+export declare const darkBackgrounds: {
+    default: string;
+    subtle: string;
+    elevated: string;
+};
+export declare const darkEffects: {
+    neonGlow: {
+        cyan: string;
+        fuchsia: string;
+    };
+    glassPanel: {
+        background: string;
+        backdropFilter: string;
+        border: string;
+        boxShadow: string;
+    };
+};
+//# sourceMappingURL=dark.d.ts.map

package/dist/themes/dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,GAAG,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,EAAE,GAAG,CAAC;IACpB,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,GAAG,CAAC;IACf,mBAAmB,EAAE,GAAG,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,WAAW,EAAE,GAAG,CAAC;IACjB,qBAAqB,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;IACpB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,aAAa,EAAE,GAAG,CAAC;IACnB,uBAAuB,EAAE,GAAG,CAAC;IAC7B,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,WA4BvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAC"}

package/dist/themes/dark.js

@@ -0,0 +1,59 @@
+/**
+ * Dark Theme - Compose.Market Design System
+ *
+ * Cyberpunk-inspired dark theme with neon accents.
+ * Based on official branding guidelines.
+ */
+export const darkTheme = {
+    background: '222 47% 3%',
+    foreground: '210 40% 80%',
+    card: '222 40% 5%',
+    cardForeground: '210 30% 75%',
+    popover: '222 40% 4%',
+    popoverForeground: '210 30% 75%',
+    primary: '188 95% 43%',
+    primaryForeground: '222 47% 3%',
+    secondary: '270 60% 20%',
+    secondaryForeground: '270 80% 90%',
+    muted: '217 33% 15%',
+    mutedForeground: '215 16% 47%',
+    accent: '292 85% 55%',
+    accentForeground: '0 0% 100%',
+    destructive: '0 90% 50%',
+    destructiveForeground: '0 0% 100%',
+    border: '217 33% 15%',
+    input: '217 33% 10%',
+    ring: '188 95% 43%',
+    sidebar: '222 47% 3%',
+    sidebarForeground: '210 30% 75%',
+    sidebarPrimary: '188 95% 43%',
+    sidebarPrimaryForeground: '222 47% 3%',
+    sidebarAccent: '222 40% 8%',
+    sidebarAccentForeground: '210 40% 90%',
+    sidebarBorder: '217 33% 15%',
+    sidebarRing: '188 95% 43%',
+};
+export const darkThemeMeta = {
+    name: 'dark',
+    displayName: 'Dark',
+    description: 'Cyberpunk-inspired dark theme with neon cyan and fuchsia accents',
+    colors: darkTheme,
+};
+export const darkBackgrounds = {
+    default: 'radial-gradient(circle at 50% 0%, hsl(270 60% 10% / 0.2), transparent 70%), linear-gradient(to bottom, transparent, hsl(222 47% 3%))',
+    subtle: 'hsl(222 47% 3%)',
+    elevated: 'hsl(222 40% 5%)',
+};
+export const darkEffects = {
+    neonGlow: {
+        cyan: '0 0 10px hsl(188 95% 43% / 0.5), 0 0 20px hsl(188 95% 43% / 0.3)',
+        fuchsia: '0 0 10px hsl(292 85% 55% / 0.5), 0 0 20px hsl(292 85% 55% / 0.3)',
+    },
+    glassPanel: {
+        background: 'linear-gradient(145deg, hsl(222 40% 5% / 0.8), hsl(222 40% 5% / 0.4))',
+        backdropFilter: 'blur(12px)',
+        border: '1px solid hsl(217 33% 15% / 0.5)',
+        boxShadow: '0 4px 24px -1px hsl(0 0% 0% / 0.3), inset 0 1px 0 hsl(0 0% 100% / 0.05)',
+    },
+};
+//# sourceMappingURL=dark.js.map

package/dist/themes/dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkCH,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,YAAY;IAClB,cAAc,EAAE,aAAa;IAC7B,OAAO,EAAE,YAAY;IACrB,iBAAiB,EAAE,aAAa;IAChC,OAAO,EAAE,aAAa;IACtB,iBAAiB,EAAE,YAAY;IAC/B,SAAS,EAAE,aAAa;IACxB,mBAAmB,EAAE,aAAa;IAClC,KAAK,EAAE,aAAa;IACpB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,aAAa;IACrB,gBAAgB,EAAE,WAAW;IAC7B,WAAW,EAAE,WAAW;IACxB,qBAAqB,EAAE,WAAW;IAClC,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,YAAY;IACrB,iBAAiB,EAAE,aAAa;IAChC,cAAc,EAAE,aAAa;IAC7B,wBAAwB,EAAE,YAAY;IACtC,aAAa,EAAE,YAAY;IAC3B,uBAAuB,EAAE,aAAa;IACtC,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,kEAAkE;IAC/E,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,sIAAsI;IAC/I,MAAM,EAAE,iBAAiB;IACzB,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE;QACR,IAAI,EAAE,kEAAkE;QACxE,OAAO,EAAE,kEAAkE;KAC5E;IACD,UAAU,EAAE;QACV,UAAU,EAAE,uEAAuE;QACnF,cAAc,EAAE,YAAY;QAC5B,MAAM,EAAE,kCAAkC;QAC1C,SAAS,EAAE,yEAAyE;KACrF;CACF,CAAC"}

package/dist/themes/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Themes Index - Compose.Market Design System
+ */
+export * from './dark';
+export * from './light';
+import { darkTheme, darkThemeMeta, darkBackgrounds, darkEffects } from './dark';
+import { lightTheme, lightThemeMeta, lightBackgrounds, lightEffects } from './light';
+import type { ThemeColors } from './dark';
+export { type ThemeColors } from './dark';
+export type ThemeName = 'dark' | 'light';
+export interface Theme {
+    name: ThemeName;
+    displayName: string;
+    description: string;
+    colors: ThemeColors;
+}
+export declare const themes: Record<ThemeName, Theme>;
+export declare const defaultTheme: ThemeName;
+export declare function getTheme(name: ThemeName): Theme;
+export declare function getThemeColors(name: ThemeName): ThemeColors;
+export { darkTheme, darkThemeMeta, darkBackgrounds, darkEffects, lightTheme, lightThemeMeta, lightBackgrounds, lightEffects, };
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,CAa3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAAkB,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,CAE/C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,CAE3D;AAED,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,GACb,CAAC"}

package/dist/themes/index.js

@@ -0,0 +1,30 @@
+/**
+ * Themes Index - Compose.Market Design System
+ */
+export * from './dark';
+export * from './light';
+import { darkTheme, darkThemeMeta, darkBackgrounds, darkEffects } from './dark';
+import { lightTheme, lightThemeMeta, lightBackgrounds, lightEffects } from './light';
+export const themes = {
+    dark: {
+        name: 'dark',
+        displayName: darkThemeMeta.displayName,
+        description: darkThemeMeta.description,
+        colors: darkTheme,
+    },
+    light: {
+        name: 'light',
+        displayName: lightThemeMeta.displayName,
+        description: lightThemeMeta.description,
+        colors: lightTheme,
+    },
+};
+export const defaultTheme = 'dark';
+export function getTheme(name) {
+    return themes[name];
+}
+export function getThemeColors(name) {
+    return themes[name].colors;
+}
+export { darkTheme, darkThemeMeta, darkBackgrounds, darkEffects, lightTheme, lightThemeMeta, lightBackgrounds, lightEffects, };
+//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAcrF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,aAAa,CAAC,WAAW;QACtC,WAAW,EAAE,aAAa,CAAC,WAAW;QACtC,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,cAAc,CAAC,WAAW;QACvC,WAAW,EAAE,cAAc,CAAC,WAAW;QACvC,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAc,MAAM,CAAC;AAE9C,MAAM,UAAU,QAAQ,CAAC,IAAe;IACtC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAe;IAC5C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AAC7B,CAAC;AAED,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,GACb,CAAC"}

package/dist/themes/light.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Light Theme - Compose.Market Design System
+ *
+ * Clean, professional light theme derived from the dark theme's
+ * color relationships but adapted for light backgrounds.
+ *
+ * Based on logo-white.svg color relationships:
+ * - Dark text: #0f172a (slate-900)
+ * - Muted text: #475569 (slate-600)
+ * - Light fills: #f8fafc (slate-50)
+ */
+import type { ThemeColors } from './dark';
+export declare const lightTheme: ThemeColors;
+export declare const lightThemeMeta: {
+    name: string;
+    displayName: string;
+    description: string;
+    colors: ThemeColors;
+};
+export declare const lightBackgrounds: {
+    default: string;
+    subtle: string;
+    elevated: string;
+};
+export declare const lightEffects: {
+    cardShadow: {
+        boxShadow: string;
+        boxShadowHover: string;
+    };
+    glassPanel: {
+        background: string;
+        backdropFilter: string;
+        border: string;
+        boxShadow: string;
+    };
+};
+//# sourceMappingURL=light.d.ts.map

package/dist/themes/light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,WA4BxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC"}