@compose-market/theme 0.0.2 → 0.0.3

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/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@compose-market/theme",
-  "version": "0.0.2",
-  "description": "Official design tokens and UI primitives for Compose.Market",
+  "version": "0.0.3",
+  "description": "Official design tokens and theme system for Compose.Market",
   "keywords": [
     "design-tokens",
     "theme",
     "compose-market",
     "tailwind",
-    "css-variables",
-    "react-components"
+    "css-variables"
   ],
   "homepage": "https://github.com/compose-market/theme#readme",
   "bugs": {
@@ -27,11 +26,6 @@
       "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",
@@ -58,51 +52,21 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsx scripts/build.ts",
     "prepublishOnly": "npm run build",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@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"
+    "esbuild": "^0.27.3",
+    "get-tsconfig": "^4.13.6",
+    "resolve-pkg-maps": "^1.0.0",
+    "undici-types": "^7.22.0"
   },
   "devDependencies": {
     "@types/node": "^25.3.3",
-    "@types/react": "^19.2.14",
-    "react": "^19.2.4",
+    "tsx": "^4.21.0",
     "typescript": "^5.9.3"
   },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },