@compose-market/theme 0.0.1 → 0.0.2

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@compose-market/theme",
-  "version": "0.0.1",
-  "description": "Official design tokens and theme system for Compose.Market",
+  "version": "0.0.2",
+  "description": "Official design tokens and UI primitives for Compose.Market",
   "keywords": [
     "design-tokens",
     "theme",
     "compose-market",
     "tailwind",
-    "css-variables"
+    "css-variables",
+    "react-components"
   ],
   "homepage": "https://github.com/compose-market/theme#readme",
   "bugs": {
@@ -26,6 +27,11 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
+    },
     "./tokens": {
       "types": "./dist/tokens/index.d.ts",
       "import": "./dist/tokens/index.js",
@@ -52,21 +58,51 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsx scripts/build.ts",
+    "build": "tsc",
     "prepublishOnly": "npm run build",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "esbuild": "^0.27.3",
-    "get-tsconfig": "^4.13.6",
-    "resolve-pkg-maps": "^1.0.0",
-    "undici-types": "^7.18.2"
+    "@compose-market/session": "^0.0.3",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.575.0",
+    "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@types/node": "^25.3.3",
-    "tsx": "^4.21.0",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.4",
     "typescript": "^5.9.3"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },

package/dist/css/dark.css

@@ -1,38 +0,0 @@
-/**
- * Compose.Market Dark Theme
- * @compose-market/theme
- * 
- * Cyberpunk-inspired dark theme with neon accents.
- * DO NOT EDIT - This file is generated from the theme package.
- */
-
-:root {
-  /* Colors */
-  --background: 222 47% 3%;
-  --foreground: 210 40% 80%;
-  --card: 222 40% 5%;
-  --card-foreground: 210 30% 75%;
-  --popover: 222 40% 4%;
-  --popover-foreground: 210 30% 75%;
-  --primary: 188 95% 43%;
-  --primary-foreground: 222 47% 3%;
-  --secondary: 270 60% 20%;
-  --secondary-foreground: 270 80% 90%;
-  --muted: 217 33% 15%;
-  --muted-foreground: 215 16% 47%;
-  --accent: 292 85% 55%;
-  --accent-foreground: 0 0% 100%;
-  --destructive: 0 90% 50%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 217 33% 15%;
-  --input: 217 33% 10%;
-  --ring: 188 95% 43%;
-  --sidebar: 222 47% 3%;
-  --sidebar-foreground: 210 30% 75%;
-  --sidebar-primary: 188 95% 43%;
-  --sidebar-primary-foreground: 222 47% 3%;
-  --sidebar-accent: 222 40% 8%;
-  --sidebar-accent-foreground: 210 40% 90%;
-  --sidebar-border: 217 33% 15%;
-  --sidebar-ring: 188 95% 43%;
-}

package/dist/css/index.css

@@ -1,9 +0,0 @@
-/**
- * Compose.Market Theme System
- * @compose-market/theme/css
- * 
- * Import this file for the complete theme (dark by default).
- */
-
-@import './tokens.css';
-@import './dark.css';

package/dist/css/index.d.ts

@@ -1,16 +0,0 @@
-/**
- * CSS Custom Properties Generator
- *
- * This file is the source for generating CSS. The actual CSS files
- * are generated via the build script, but we also export static
- * templates that can be used directly.
- */
-import { darkTheme } from '../themes/dark';
-export declare function generateThemeCss(theme: typeof darkTheme, themeName: string): string;
-export declare function generateFontCss(): string;
-export declare function generateRadiusCss(): string;
-export declare const baseTokensCss: string;
-export declare const darkThemeCss: string;
-export declare const lightThemeCss: string;
-export declare const indexCss = "/**\n * Compose.Market Theme System\n * @compose-market/theme/css\n * \n * Import this file for the complete theme (dark by default).\n * For light mode support, also import ./light.css\n */\n\n@import './tokens.css';\n@import './dark.css';\n";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAanF;AAED,wBAAgB,eAAe,IAAI,MAAM,CASxC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAS1C;AAED,eAAO,MAAM,aAAa,QAazB,CAAC;AAEF,eAAO,MAAM,YAAY,QAaxB,CAAC;AAEF,eAAO,MAAM,aAAa,QAiBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uPAUpB,CAAC"}

package/dist/css/index.js

@@ -1,96 +0,0 @@
-/**
- * CSS Custom Properties Generator
- *
- * This file is the source for generating CSS. The actual CSS files
- * are generated via the build script, but we also export static
- * templates that can be used directly.
- */
-import { fontFamilies } from '../tokens/typography';
-import { radius } from '../tokens/radius';
-import { darkTheme } from '../themes/dark';
-import { lightTheme } from '../themes/light';
-export function generateThemeCss(theme, themeName) {
-    const lines = [];
-    lines.push(`/* Compose.Market Theme: ${themeName} */`);
-    lines.push(`/* Generated from @compose-market/theme */`);
-    lines.push('');
-    for (const [key, value] of Object.entries(theme)) {
-        const cssVarName = `--${key.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
-        lines.push(`  ${cssVarName}: ${value};`);
-    }
-    return lines.join('\n');
-}
-export function generateFontCss() {
-    const lines = [];
-    lines.push('/* Typography */');
-    for (const font of Object.values(fontFamilies)) {
-        lines.push(`  ${font.cssVar}: ${font.value}, ${font.fallback};`);
-    }
-    return lines.join('\n');
-}
-export function generateRadiusCss() {
-    const lines = [];
-    lines.push('/* Border Radius */');
-    for (const r of Object.values(radius)) {
-        lines.push(`  ${r.cssVar}: ${r.value};`);
-    }
-    return lines.join('\n');
-}
-export const baseTokensCss = `/**
- * Compose.Market Design Tokens
- * @compose-market/theme
- * 
- * DO NOT EDIT - This file is generated from the theme package.
- * Source: backend/services/packages/theme/src/css/tokens.css
- */
-
-:root {
-${generateFontCss()}
-
-${generateRadiusCss()}
-}
-`;
-export const darkThemeCss = `/**
- * Compose.Market Dark Theme
- * @compose-market/theme
- * 
- * Cyberpunk-inspired dark theme with neon accents.
- * DO NOT EDIT - This file is generated from the theme package.
- */
-
-:root {
-${generateThemeCss(darkTheme, 'dark')}
-}
-
-/* Dark mode is default - no @media query needed */
-`;
-export const lightThemeCss = `/**
- * Compose.Market Light Theme
- * @compose-market/theme
- * 
- * Clean, professional light theme.
- * DO NOT EDIT - This file is generated from the theme package.
- */
-
-:root {
-${generateThemeCss(lightTheme, 'light')}
-}
-
-/* Light mode activation via class or data attribute */
-.light,
-[data-theme="light"] {
-${generateThemeCss(lightTheme, 'light').split('\n').slice(3).join('\n')}
-}
-`;
-export const indexCss = `/**
- * Compose.Market Theme System
- * @compose-market/theme/css
- * 
- * Import this file for the complete theme (dark by default).
- * For light mode support, also import ./light.css
- */
-
-@import './tokens.css';
-@import './dark.css';
-`;
-//# sourceMappingURL=index.js.map

package/dist/css/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAC,KAAuB,EAAE,SAAiB;IACzE,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,4BAA4B,SAAS,KAAK,CAAC,CAAC;IACvD,KAAK,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;IACzD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEf,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACvE,KAAK,CAAC,IAAI,CAAC,KAAK,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAClC,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,eAAe,EAAE;;EAEjB,iBAAiB,EAAE;;CAEpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;EAS1B,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;EAS3B,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC;;;;;;EAMrC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;CAUvB,CAAC"}

package/dist/css/light.css

@@ -1,70 +0,0 @@
-/**
- * Compose.Market Light Theme
- * @compose-market/theme
- * 
- * Clean, professional light theme.
- * DO NOT EDIT - This file is generated from the theme package.
- */
-
-:root {
-  /* Colors */
-  --background: 0 0% 100%;
-  --foreground: 222 47% 11%;
-  --card: 0 0% 100%;
-  --card-foreground: 222 47% 11%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 222 47% 11%;
-  --primary: 188 95% 43%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222 47% 11%;
-  --muted: 210 40% 96%;
-  --muted-foreground: 215 16% 47%;
-  --accent: 292 85% 55%;
-  --accent-foreground: 0 0% 100%;
-  --destructive: 0 84% 60%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 214 32% 91%;
-  --input: 214 32% 91%;
-  --ring: 188 95% 43%;
-  --sidebar: 0 0% 98%;
-  --sidebar-foreground: 222 47% 11%;
-  --sidebar-primary: 188 95% 43%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 210 40% 96%;
-  --sidebar-accent-foreground: 222 47% 11%;
-  --sidebar-border: 214 32% 91%;
-  --sidebar-ring: 188 95% 43%;
-}
-
-/* Light mode activation */
-.light,
-[data-theme="light"] {
-  --background: 0 0% 100%;
-  --foreground: 222 47% 11%;
-  --card: 0 0% 100%;
-  --card-foreground: 222 47% 11%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 222 47% 11%;
-  --primary: 188 95% 43%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222 47% 11%;
-  --muted: 210 40% 96%;
-  --muted-foreground: 215 16% 47%;
-  --accent: 292 85% 55%;
-  --accent-foreground: 0 0% 100%;
-  --destructive: 0 84% 60%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 214 32% 91%;
-  --input: 214 32% 91%;
-  --ring: 188 95% 43%;
-  --sidebar: 0 0% 98%;
-  --sidebar-foreground: 222 47% 11%;
-  --sidebar-primary: 188 95% 43%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 210 40% 96%;
-  --sidebar-accent-foreground: 222 47% 11%;
-  --sidebar-border: 214 32% 91%;
-  --sidebar-ring: 188 95% 43%;
-}

package/dist/css/tokens.css

@@ -1,24 +0,0 @@
-/**
- * Compose.Market Design Tokens
- * @compose-market/theme
- * 
- * DO NOT EDIT - This file is generated from the theme package.
- */
-
-:root {
-  /* Typography */
-  --font-display: "Orbitron", sans-serif;
-  --font-sans: "Rajdhani", sans-serif;
-  --font-mono: "Fira Code", monospace;
-
-  /* Border Radius */
-  --radius-none: 0;
-  --radius-sm: 0.125rem;
-  --radius: 0.25rem;
-  --radius-md: 0.25rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.75rem;
-  --radius-2xl: 1rem;
-  --radius-3xl: 1.5rem;
-  --radius-full: 9999px;
-}

package/dist/tailwind/preset.d.ts

@@ -1,282 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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"}