@compose-market/theme 0.0.1

package/dist/themes/light.js

@@ -0,0 +1,64 @@
+/**
+ * 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)
+ */
+export const lightTheme = {
+    background: '0 0% 100%',
+    foreground: '222 47% 11%',
+    card: '0 0% 100%',
+    cardForeground: '222 47% 11%',
+    popover: '0 0% 100%',
+    popoverForeground: '222 47% 11%',
+    primary: '188 95% 43%',
+    primaryForeground: '0 0% 100%',
+    secondary: '210 40% 96%',
+    secondaryForeground: '222 47% 11%',
+    muted: '210 40% 96%',
+    mutedForeground: '215 16% 47%',
+    accent: '292 85% 55%',
+    accentForeground: '0 0% 100%',
+    destructive: '0 84% 60%',
+    destructiveForeground: '0 0% 100%',
+    border: '214 32% 91%',
+    input: '214 32% 91%',
+    ring: '188 95% 43%',
+    sidebar: '0 0% 98%',
+    sidebarForeground: '222 47% 11%',
+    sidebarPrimary: '188 95% 43%',
+    sidebarPrimaryForeground: '0 0% 100%',
+    sidebarAccent: '210 40% 96%',
+    sidebarAccentForeground: '222 47% 11%',
+    sidebarBorder: '214 32% 91%',
+    sidebarRing: '188 95% 43%',
+};
+export const lightThemeMeta = {
+    name: 'light',
+    displayName: 'Light',
+    description: 'Clean, professional light theme with cyan and fuchsia accents',
+    colors: lightTheme,
+};
+export const lightBackgrounds = {
+    default: 'hsl(0 0% 100%)',
+    subtle: 'hsl(0 0% 98%)',
+    elevated: 'hsl(0 0% 100%)',
+};
+export const lightEffects = {
+    cardShadow: {
+        boxShadow: '0 1px 3px hsl(0 0% 0% / 0.1), 0 1px 2px hsl(0 0% 0% / 0.06)',
+        boxShadowHover: '0 4px 6px hsl(0 0% 0% / 0.1), 0 2px 4px hsl(0 0% 0% / 0.06)',
+    },
+    glassPanel: {
+        background: 'linear-gradient(145deg, hsl(0 0% 100% / 0.9), hsl(0 0% 100% / 0.7))',
+        backdropFilter: 'blur(12px)',
+        border: '1px solid hsl(214 32% 91% / 0.8)',
+        boxShadow: '0 4px 24px -1px hsl(0 0% 0% / 0.1), inset 0 1px 0 hsl(0 0% 100% / 0.5)',
+    },
+};
+//# sourceMappingURL=light.js.map

package/dist/themes/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,CAAC,MAAM,UAAU,GAAgB;IACrC,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,aAAa;IAC7B,OAAO,EAAE,WAAW;IACpB,iBAAiB,EAAE,aAAa;IAChC,OAAO,EAAE,aAAa;IACtB,iBAAiB,EAAE,WAAW;IAC9B,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,UAAU;IACnB,iBAAiB,EAAE,aAAa;IAChC,cAAc,EAAE,aAAa;IAC7B,wBAAwB,EAAE,WAAW;IACrC,aAAa,EAAE,aAAa;IAC5B,uBAAuB,EAAE,aAAa;IACtC,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,+DAA+D;IAC5E,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,eAAe;IACvB,QAAQ,EAAE,gBAAgB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE;QACV,SAAS,EAAE,6DAA6D;QACxE,cAAc,EAAE,6DAA6D;KAC9E;IACD,UAAU,EAAE;QACV,UAAU,EAAE,qEAAqE;QACjF,cAAc,EAAE,YAAY;QAC5B,MAAM,EAAE,kCAAkC;QAC1C,SAAS,EAAE,wEAAwE;KACpF;CACF,CAAC"}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Color Tokens - Compose.Market Design System
+ *
+ * Based on official branding guidelines from /app/public/branding/README.md
+ *
+ * Color Philosophy:
+ * - Cyan (Primary): Action-oriented, links, primary buttons, focus states
+ * - Fuchsia (Accent): Highlights, secondary actions, special elements
+ * - Dark backgrounds for dark mode, light backgrounds for light mode
+ */
+export type HSL = `${number} ${number}% ${number}%`;
+export type HSLWithAlpha = `${number} ${number}% ${number}% / ${number | `${number}%`}`;
+export interface ColorToken {
+    name: string;
+    hsl: HSL;
+    cssVar: string;
+    description: string;
+}
+export interface ColorScale {
+    50: HSL;
+    100: HSL;
+    200: HSL;
+    300: HSL;
+    400: HSL;
+    500: HSL;
+    600: HSL;
+    700: HSL;
+    800: HSL;
+    900: HSL;
+    950: HSL;
+}
+export declare const brandColors: {
+    readonly cyan: {
+        readonly name: "Cyan";
+        readonly description: "Primary brand color - actions, links, focus states";
+        readonly hsl: HSL;
+    };
+    readonly fuchsia: {
+        readonly name: "Fuchsia";
+        readonly description: "Accent brand color - highlights, special elements";
+        readonly hsl: HSL;
+    };
+    readonly dark: {
+        readonly name: "Dark";
+        readonly description: "Primary dark background";
+        readonly hsl: HSL;
+    };
+};
+export declare const colorScales: Record<string, ColorScale>;
+export declare const semanticColors: {
+    readonly background: "Background color for the main content area";
+    readonly foreground: "Primary text color for content";
+    readonly card: "Background color for card components";
+    readonly cardForeground: "Text color for card content";
+    readonly popover: "Background color for popover/dropdown components";
+    readonly popoverForeground: "Text color for popover content";
+    readonly primary: "Primary action color (buttons, links)";
+    readonly primaryForeground: "Text color on primary backgrounds";
+    readonly secondary: "Secondary action color";
+    readonly secondaryForeground: "Text color on secondary backgrounds";
+    readonly muted: "Background for muted/de-emphasized content";
+    readonly mutedForeground: "Text color for muted content";
+    readonly accent: "Accent/highlight color";
+    readonly accentForeground: "Text color on accent backgrounds";
+    readonly destructive: "Destructive/error color";
+    readonly destructiveForeground: "Text color on destructive backgrounds";
+    readonly border: "Default border color";
+    readonly input: "Input field border/background color";
+    readonly ring: "Focus ring color";
+    readonly sidebar: "Sidebar background color";
+    readonly sidebarForeground: "Sidebar text color";
+    readonly sidebarPrimary: "Sidebar primary accent color";
+    readonly sidebarPrimaryForeground: "Text on sidebar primary elements";
+    readonly sidebarAccent: "Sidebar accent color";
+    readonly sidebarAccentForeground: "Text on sidebar accent elements";
+    readonly sidebarBorder: "Sidebar border color";
+};
+export type SemanticColorName = keyof typeof semanticColors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,OAAO,MAAM,GAAG,GAAG,MAAM,GAAG,EAAE,CAAC;AAExF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,GAAG,CAAC;IACR,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;CACV;AAED,eAAO,MAAM,WAAW;;;;sBAIE,GAAG;;;;;sBAKH,GAAG;;;;;sBAKJ,GAAG;;CAElB,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA4FlD,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAC"}

package/dist/tokens/colors.js

@@ -0,0 +1,149 @@
+/**
+ * Color Tokens - Compose.Market Design System
+ *
+ * Based on official branding guidelines from /app/public/branding/README.md
+ *
+ * Color Philosophy:
+ * - Cyan (Primary): Action-oriented, links, primary buttons, focus states
+ * - Fuchsia (Accent): Highlights, secondary actions, special elements
+ * - Dark backgrounds for dark mode, light backgrounds for light mode
+ */
+export const brandColors = {
+    cyan: {
+        name: 'Cyan',
+        description: 'Primary brand color - actions, links, focus states',
+        hsl: '188 95% 43%',
+    },
+    fuchsia: {
+        name: 'Fuchsia',
+        description: 'Accent brand color - highlights, special elements',
+        hsl: '292 85% 55%',
+    },
+    dark: {
+        name: 'Dark',
+        description: 'Primary dark background',
+        hsl: '222 47% 3%',
+    },
+};
+export const colorScales = {
+    slate: {
+        50: '210 40% 98%',
+        100: '210 40% 96%',
+        200: '210 40% 90%',
+        300: '210 40% 80%',
+        400: '215 20% 65%',
+        500: '215 16% 47%',
+        600: '215 19% 35%',
+        700: '217 23% 23%',
+        800: '217 25% 15%',
+        900: '222 47% 11%',
+        950: '222 47% 4%',
+    },
+    cyan: {
+        50: '183 100% 96%',
+        100: '185 96% 90%',
+        200: '186 95% 80%',
+        300: '187 95% 65%',
+        400: '188 95% 43%',
+        500: '189 94% 43%',
+        600: '190 95% 36%',
+        700: '191 97% 30%',
+        800: '192 100% 25%',
+        900: '193 100% 21%',
+        950: '194 100% 13%',
+    },
+    fuchsia: {
+        50: '287 100% 96%',
+        100: '289 100% 91%',
+        200: '290 100% 83%',
+        300: '291 97% 73%',
+        400: '292 85% 65%',
+        500: '292 85% 55%',
+        600: '293 84% 47%',
+        700: '294 83% 40%',
+        800: '295 82% 35%',
+        900: '296 80% 30%',
+        950: '297 80% 18%',
+    },
+    purple: {
+        50: '270 100% 97%',
+        100: '269 100% 94%',
+        200: '269 100% 88%',
+        300: '269 100% 80%',
+        400: '270 100% 70%',
+        500: '270 100% 60%',
+        600: '271 91% 51%',
+        700: '272 72% 42%',
+        800: '273 67% 35%',
+        900: '274 66% 29%',
+        950: '275 60% 18%',
+    },
+    red: {
+        50: '0 86% 97%',
+        100: '0 93% 94%',
+        200: '0 96% 89%',
+        300: '0 94% 82%',
+        400: '0 91% 71%',
+        500: '0 84% 60%',
+        600: '0 72% 51%',
+        700: '0 74% 42%',
+        800: '0 70% 35%',
+        900: '0 63% 31%',
+        950: '0 75% 15%',
+    },
+    green: {
+        50: '138 76% 97%',
+        100: '141 85% 93%',
+        200: '141 79% 85%',
+        300: '142 77% 73%',
+        400: '142 76% 60%',
+        500: '142 71% 45%',
+        600: '142 76% 36%',
+        700: '142 72% 29%',
+        800: '143 64% 24%',
+        900: '144 61% 20%',
+        950: '145 80% 10%',
+    },
+    amber: {
+        50: '48 100% 96%',
+        100: '48 96% 89%',
+        200: '48 97% 77%',
+        300: '46 97% 65%',
+        400: '43 96% 56%',
+        500: '38 92% 50%',
+        600: '32 95% 44%',
+        700: '26 90% 37%',
+        800: '22 82% 32%',
+        900: '18 78% 28%',
+        950: '12 76% 15%',
+    },
+};
+export const semanticColors = {
+    background: 'Background color for the main content area',
+    foreground: 'Primary text color for content',
+    card: 'Background color for card components',
+    cardForeground: 'Text color for card content',
+    popover: 'Background color for popover/dropdown components',
+    popoverForeground: 'Text color for popover content',
+    primary: 'Primary action color (buttons, links)',
+    primaryForeground: 'Text color on primary backgrounds',
+    secondary: 'Secondary action color',
+    secondaryForeground: 'Text color on secondary backgrounds',
+    muted: 'Background for muted/de-emphasized content',
+    mutedForeground: 'Text color for muted content',
+    accent: 'Accent/highlight color',
+    accentForeground: 'Text color on accent backgrounds',
+    destructive: 'Destructive/error color',
+    destructiveForeground: 'Text color on destructive backgrounds',
+    border: 'Default border color',
+    input: 'Input field border/background color',
+    ring: 'Focus ring color',
+    sidebar: 'Sidebar background color',
+    sidebarForeground: 'Sidebar text color',
+    sidebarPrimary: 'Sidebar primary accent color',
+    sidebarPrimaryForeground: 'Text on sidebar primary elements',
+    sidebarAccent: 'Sidebar accent color',
+    sidebarAccentForeground: 'Text on sidebar accent elements',
+    sidebarBorder: 'Sidebar border color',
+};
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

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

package/dist/tokens/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Design Tokens Index - Compose.Market Design System
+ *
+ * Aggregates all token definitions for the design system
+ */
+export * from './colors';
+export * from './typography';
+export * from './spacing';
+export * from './radius';
+import { brandColors, colorScales, semanticColors } from './colors';
+import { fontTokens } from './typography';
+import { spacing } from './spacing';
+import { radius } from './radius';
+export interface DesignTokens {
+    colors: {
+        brand: typeof brandColors;
+        scales: typeof colorScales;
+        semantic: typeof semanticColors;
+    };
+    typography: typeof fontTokens;
+    spacing: typeof spacing;
+    radius: typeof radius;
+}
+export declare const tokens: DesignTokens;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,QAAQ,EAAE,OAAO,cAAc,CAAC;KACjC,CAAC;IACF,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,24 @@
+/**
+ * Design Tokens Index - Compose.Market Design System
+ *
+ * Aggregates all token definitions for the design system
+ */
+export * from './colors';
+export * from './typography';
+export * from './spacing';
+export * from './radius';
+import { brandColors, colorScales, semanticColors } from './colors';
+import { fontTokens } from './typography';
+import { spacing } from './spacing';
+import { radius } from './radius';
+export const tokens = {
+    colors: {
+        brand: brandColors,
+        scales: colorScales,
+        semantic: semanticColors,
+    },
+    typography: fontTokens,
+    spacing,
+    radius,
+};
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,MAAM,EAAE;QACN,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,cAAc;KACzB;IACD,UAAU,EAAE,UAAU;IACtB,OAAO;IACP,MAAM;CACP,CAAC"}

package/dist/tokens/radius.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Border Radius Tokens - Compose.Market Design System
+ *
+ * Sharp, cyberpunk-inspired aesthetic with minimal rounding
+ */
+export type RadiusScale = {
+    name: string;
+    value: string;
+    cssVar: string;
+};
+export declare const radius: Record<string, RadiusScale>;
+export declare const radiusTokens: {
+    readonly radius: Record<string, RadiusScale>;
+    readonly default: string;
+};
+//# sourceMappingURL=radius.d.ts.map

package/dist/tokens/radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CA8CrC,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}

package/dist/tokens/radius.js

@@ -0,0 +1,57 @@
+/**
+ * Border Radius Tokens - Compose.Market Design System
+ *
+ * Sharp, cyberpunk-inspired aesthetic with minimal rounding
+ */
+export const radius = {
+    none: {
+        name: 'None',
+        value: '0',
+        cssVar: '--radius-none',
+    },
+    sm: {
+        name: 'Small',
+        value: '0.125rem',
+        cssVar: '--radius-sm',
+    },
+    DEFAULT: {
+        name: 'Default',
+        value: '0.25rem',
+        cssVar: '--radius',
+    },
+    md: {
+        name: 'Medium',
+        value: '0.25rem',
+        cssVar: '--radius-md',
+    },
+    lg: {
+        name: 'Large',
+        value: '0.5rem',
+        cssVar: '--radius-lg',
+    },
+    xl: {
+        name: 'Extra Large',
+        value: '0.75rem',
+        cssVar: '--radius-xl',
+    },
+    '2xl': {
+        name: '2XL',
+        value: '1rem',
+        cssVar: '--radius-2xl',
+    },
+    '3xl': {
+        name: '3XL',
+        value: '1.5rem',
+        cssVar: '--radius-3xl',
+    },
+    full: {
+        name: 'Full',
+        value: '9999px',
+        cssVar: '--radius-full',
+    },
+};
+export const radiusTokens = {
+    radius,
+    default: radius.DEFAULT.value,
+};
+//# sourceMappingURL=radius.js.map

package/dist/tokens/radius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,MAAM,CAAC,MAAM,MAAM,GAAgC;IACjD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,aAAa;KACtB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,aAAa;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,aAAa;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,cAAc;KACvB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,cAAc;KACvB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,eAAe;KACxB;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK;CACrB,CAAC"}

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Spacing Tokens - Compose.Market Design System
+ *
+ * Based on a 4px base unit for consistent rhythm
+ */
+export type SpacingScale = {
+    name: string;
+    value: string;
+    pixels: number;
+    cssVar: string;
+};
+export declare const spacing: Record<string, SpacingScale>;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/tokens/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAmNvC,CAAC"}