impact-nova 2.1.0-alpha.8 → 2.1.0-alpha.9

package/dist/tailwind.config.js

@@ -0,0 +1,297 @@
+/** Published Tailwind preset — generated by scripts/build-tailwind-preset.mjs. Do not edit. */
+// tailwind.config.js
+import tailwindcssAnimate from "tailwindcss-animate";
+import tailwindPlugin from "tailwindcss/plugin.js";
+
+// src/theme/generated/tailwind-colors.js
+var cssVar = (name) => `var(${name})`;
+var generatedColors = {
+  canvas: {
+    DEFAULT: cssVar("--color-background"),
+    elevated: {
+      DEFAULT: cssVar("--color-surface-elevated"),
+      foreground: cssVar("--color-surface-elevated-foreground")
+    },
+    overlay: {
+      DEFAULT: cssVar("--color-surface-floating"),
+      foreground: cssVar("--color-surface-floating-foreground")
+    },
+    muted: cssVar("--color-surface-muted"),
+    wash: cssVar("--color-surface-canvas"),
+    disabled: cssVar("--color-surface-input-disabled"),
+    readonly: cssVar("--color-surface-readonly"),
+    accent: cssVar("--color-surface-selection-tint"),
+    subtle: cssVar("--color-surface-subtle"),
+    tint: cssVar("--color-surface-tint-blue"),
+    accordion: cssVar("--color-surface-accordion")
+  },
+  content: {
+    DEFAULT: cssVar("--color-foreground"),
+    secondary: cssVar("--color-foreground-secondary"),
+    tertiary: cssVar("--color-foreground-tertiary"),
+    placeholder: cssVar("--color-foreground-placeholder"),
+    empty: cssVar("--color-foreground-empty"),
+    muted: cssVar("--color-muted-foreground"),
+    icon: cssVar("--color-foreground-icon"),
+    "header-notification": cssVar("--color-header-notification-icon"),
+    charcoal: cssVar("--color-neutral-charcoal"),
+    title: cssVar("--color-foreground-title"),
+    badge: cssVar("--color-neutral-badge"),
+    heading: cssVar("--color-header-notification-icon"),
+    subheading: cssVar("--color-secondary")
+  },
+  brand: {
+    DEFAULT: cssVar("--color-primary"),
+    foreground: cssVar("--color-primary-foreground"),
+    strong: cssVar("--color-primary-strong"),
+    hover: cssVar("--color-primary-hover"),
+    subtle: cssVar("--color-primary-surface-subtle"),
+    "on-subtle": cssVar("--color-primary-on-surface-subtle"),
+    highlight: cssVar("--color-primary-selection"),
+    tint: cssVar("--color-primary-soft"),
+    "tint-hover": cssVar("--color-primary-soft-hover"),
+    variant: cssVar("--color-primary-variant"),
+    "variant-hover": cssVar("--color-primary-variant-hover")
+  },
+  secondary: {
+    DEFAULT: cssVar("--color-secondary"),
+    foreground: cssVar("--color-secondary-foreground"),
+    "hover-foreground": cssVar("--color-secondary-hover-foreground")
+  },
+  accent: {
+    DEFAULT: cssVar("--color-accent"),
+    foreground: cssVar("--color-accent-foreground")
+  },
+  muted: cssVar("--color-muted"),
+  stroke: {
+    DEFAULT: cssVar("--color-border"),
+    subtle: cssVar("--color-border-subtle"),
+    hairline: cssVar("--color-border-hairline"),
+    strong: cssVar("--color-border-strong"),
+    accent: cssVar("--color-border-accent-muted"),
+    track: cssVar("--color-track-muted"),
+    field: cssVar("--color-border-tertiary")
+  },
+  field: {
+    border: cssVar("--color-input")
+  },
+  focus: {
+    ring: cssVar("--color-ring")
+  },
+  disabled: {
+    border: cssVar("--color-disabled-border"),
+    surface: cssVar("--color-disabled-surface"),
+    foreground: cssVar("--color-disabled-foreground")
+  },
+  validation: cssVar("--color-danger-validation"),
+  destructive: {
+    DEFAULT: cssVar("--color-destructive"),
+    foreground: cssVar("--color-destructive-foreground"),
+    hover: cssVar("--color-destructive-hover")
+  },
+  success: {
+    DEFAULT: cssVar("--color-success"),
+    foreground: cssVar("--color-success-foreground")
+  },
+  warning: cssVar("--color-warning"),
+  danger: cssVar("--color-danger-bright"),
+  button: {
+    "primary-disabled": cssVar("--color-button-primary-disabled")
+  },
+  badge: {
+    neutral: {
+      muted: cssVar("--color-badge-neutral-muted")
+    },
+    info: {
+      filled: cssVar("--color-badge-info-filled"),
+      muted: cssVar("--color-badge-info-muted")
+    },
+    warning: {
+      filled: cssVar("--color-badge-warning-filled"),
+      muted: cssVar("--color-badge-warning-muted"),
+      ink: cssVar("--color-badge-warning-text")
+    },
+    error: {
+      filled: cssVar("--color-badge-error-filled"),
+      muted: cssVar("--color-badge-error-muted"),
+      ink: cssVar("--color-badge-error-text")
+    },
+    success: {
+      filled: cssVar("--color-badge-success-filled"),
+      muted: cssVar("--color-badge-success-muted"),
+      ink: cssVar("--color-badge-success-text")
+    }
+  },
+  feedback: {
+    info: {
+      surface: cssVar("--color-info-surface"),
+      border: cssVar("--color-info-border")
+    },
+    warning: {
+      surface: cssVar("--color-warning-surface"),
+      border: cssVar("--color-warning-border")
+    },
+    error: {
+      surface: cssVar("--color-error-surface"),
+      border: cssVar("--color-error-border")
+    },
+    success: {
+      surface: cssVar("--color-success-surface"),
+      border: cssVar("--color-success-border")
+    }
+  },
+  chart: {
+    "1": cssVar("--color-chart-1"),
+    "2": cssVar("--color-chart-2"),
+    "3": cssVar("--color-chart-3"),
+    "4": cssVar("--color-chart-4"),
+    "5": cssVar("--color-chart-5")
+  },
+  domain: {
+    cohort: cssVar("--color-data-cohort")
+  },
+  indicator: {
+    sort: cssVar("--color-indicator-sort"),
+    filter: cssVar("--color-indicator-filter")
+  },
+  pinSwitch: {
+    "label-active": cssVar("--color-pin-switch-label-active"),
+    "label-inactive": cssVar("--color-pin-switch-label-inactive"),
+    "track-bg": cssVar("--color-pin-switch-track-bg"),
+    "track-border": cssVar("--color-pin-switch-track-border"),
+    "track-hover": cssVar("--color-pin-switch-track-hover")
+  },
+  scrim: cssVar("--color-scrim"),
+  "scrim-deep": cssVar("--color-scrim-deep"),
+  "scrim-light": cssVar("--color-scrim-light"),
+  "scrim-skeleton": cssVar("--color-scrim-skeleton"),
+  "scrim-hover": cssVar("--color-scrim-hover"),
+  navigation: {
+    DEFAULT: cssVar("--color-sidebar-background"),
+    foreground: cssVar("--color-sidebar-foreground"),
+    surface: cssVar("--color-sidebar-surface"),
+    "on-surface": cssVar("--color-sidebar-on-surface"),
+    hover: cssVar("--color-sidebar-hover"),
+    "on-hover": cssVar("--color-sidebar-on-hover"),
+    border: cssVar("--color-sidebar-border"),
+    ring: cssVar("--color-sidebar-ring"),
+    indicator: cssVar("--color-sidebar-indicator"),
+    "item-hover": cssVar("--color-sidebar-item-hover"),
+    "item-active": cssVar("--color-sidebar-item-active"),
+    muted: cssVar("--color-sidebar-foreground-muted"),
+    canvas: cssVar("--color-sidebar-canvas")
+  },
+  background: {
+    DEFAULT: cssVar("--color-background"),
+    foreground: cssVar("--color-foreground")
+  }
+};
+var generatedBoxShadow = {
+  "alert-elevated": "var(--shadow-alert-elevated)",
+  "elevation-card": "var(--shadow-elevation-card)",
+  "elevation-dialog-footer": "var(--shadow-elevation-dialog-footer)",
+  "elevation-floating": "var(--shadow-elevation-floating)",
+  "elevation-header": "var(--shadow-elevation-header)",
+  "elevation-kbd-dark": "var(--shadow-elevation-kbd-dark)",
+  "elevation-menu-ag-grid": "var(--shadow-elevation-menu-ag-grid)",
+  "elevation-pin-switch": "var(--shadow-elevation-pin-switch)",
+  "elevation-select": "var(--shadow-elevation-select)",
+  "elevation-settings": "var(--shadow-elevation-settings)",
+  "elevation-toast": "var(--shadow-elevation-toast)",
+  "elevation-wizard-footer": "var(--shadow-elevation-wizard-footer)"
+};
+
+// tailwind.config.js
+var scrollbarUtilities = tailwindPlugin(({ addUtilities }) => {
+  addUtilities({
+    ".scrollbar-hide": {
+      "-ms-overflow-style": "none",
+      "scrollbar-width": "none"
+    },
+    ".scrollbar-hide::-webkit-scrollbar": {
+      display: "none"
+    }
+  });
+});
+var baseConfig = {
+  darkMode: ["class"],
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./src/components/ui/**/*.{js,ts,jsx,tsx}",
+    "./src/components/ui/stories/**/*.{js,ts,jsx,tsx}",
+    "./.storybook/**/*.{js,ts,jsx,tsx,mdx}"
+  ],
+  theme: {
+    colors: {
+      transparent: "transparent",
+      current: "currentColor",
+      inherit: "inherit",
+      ...generatedColors
+    },
+    extend: {
+      fontFamily: {
+        sans: ["Manrope", "sans-serif"]
+      },
+      borderRadius: {
+        lg: "calc(var(--radius) + 4px)",
+        md: "var(--radius)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      boxShadow: generatedBoxShadow,
+      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" }
+        },
+        "collapsible-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-collapsible-content-height)" }
+        },
+        "collapsible-up": {
+          from: { height: "var(--radix-collapsible-content-height)" },
+          to: { height: "0" }
+        },
+        "header-bot-gradient": {
+          "0%": { backgroundPosition: "0% 50%" },
+          "50%": { backgroundPosition: "100% 50%" },
+          "100%": { backgroundPosition: "0% 50%" }
+        },
+        "notification-waves": {
+          "0%": { width: "8px", height: "8px" },
+          "100%": { width: "16px", height: "16px" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "collapsible-down": "collapsible-down 0.2s ease-out",
+        "collapsible-up": "collapsible-up 0.2s ease-out",
+        "header-bot-gradient": "header-bot-gradient 5s ease infinite",
+        "header-bot-gradient-fast": "header-bot-gradient 2s ease infinite",
+        "notification-waves": "notification-waves 1.5s ease-out infinite"
+      }
+    }
+  },
+  plugins: [tailwindcssAnimate, scrollbarUtilities]
+};
+var tailwind_config_default = baseConfig;
+function createTailwindConfig(contentPaths) {
+  return {
+    ...baseConfig,
+    content: contentPaths
+  };
+}
+function createAppTailwindConfig(appRootDir, appContentPaths) {
+  const impactNovaSourceGlob = `${appRootDir.replace(/\\/g, "/")}/../impact-nova/src/**/*.{js,ts,jsx,tsx}`;
+  return createTailwindConfig([...appContentPaths, impactNovaSourceGlob]);
+}
+export {
+  createAppTailwindConfig,
+  createTailwindConfig,
+  tailwind_config_default as default
+};

package/dist/theme/tailwind-colors.js

@@ -0,0 +1,199 @@
+/** Generated from src/theme/semantic-map.json — do not edit by hand. */
+export const cssVar = (name) => `var(${name})`;
+
+export const generatedColors = {
+  canvas: {
+    DEFAULT: cssVar("--color-background"),
+    elevated: {
+      DEFAULT: cssVar("--color-surface-elevated"),
+      foreground: cssVar("--color-surface-elevated-foreground"),
+    },
+    overlay: {
+      DEFAULT: cssVar("--color-surface-floating"),
+      foreground: cssVar("--color-surface-floating-foreground"),
+    },
+    muted: cssVar("--color-surface-muted"),
+    wash: cssVar("--color-surface-canvas"),
+    disabled: cssVar("--color-surface-input-disabled"),
+    readonly: cssVar("--color-surface-readonly"),
+    accent: cssVar("--color-surface-selection-tint"),
+    subtle: cssVar("--color-surface-subtle"),
+    tint: cssVar("--color-surface-tint-blue"),
+    accordion: cssVar("--color-surface-accordion"),
+  },
+  content: {
+    DEFAULT: cssVar("--color-foreground"),
+    secondary: cssVar("--color-foreground-secondary"),
+    tertiary: cssVar("--color-foreground-tertiary"),
+    placeholder: cssVar("--color-foreground-placeholder"),
+    empty: cssVar("--color-foreground-empty"),
+    muted: cssVar("--color-muted-foreground"),
+    icon: cssVar("--color-foreground-icon"),
+    "header-notification": cssVar("--color-header-notification-icon"),
+    charcoal: cssVar("--color-neutral-charcoal"),
+    title: cssVar("--color-foreground-title"),
+    badge: cssVar("--color-neutral-badge"),
+    heading: cssVar("--color-header-notification-icon"),
+    subheading: cssVar("--color-secondary"),
+  },
+  brand: {
+    DEFAULT: cssVar("--color-primary"),
+    foreground: cssVar("--color-primary-foreground"),
+    strong: cssVar("--color-primary-strong"),
+    hover: cssVar("--color-primary-hover"),
+    subtle: cssVar("--color-primary-surface-subtle"),
+    "on-subtle": cssVar("--color-primary-on-surface-subtle"),
+    highlight: cssVar("--color-primary-selection"),
+    tint: cssVar("--color-primary-soft"),
+    "tint-hover": cssVar("--color-primary-soft-hover"),
+    variant: cssVar("--color-primary-variant"),
+    "variant-hover": cssVar("--color-primary-variant-hover"),
+  },
+  secondary: {
+    DEFAULT: cssVar("--color-secondary"),
+    foreground: cssVar("--color-secondary-foreground"),
+    "hover-foreground": cssVar("--color-secondary-hover-foreground"),
+  },
+  accent: {
+    DEFAULT: cssVar("--color-accent"),
+    foreground: cssVar("--color-accent-foreground"),
+  },
+  muted: cssVar("--color-muted"),
+  stroke: {
+    DEFAULT: cssVar("--color-border"),
+    subtle: cssVar("--color-border-subtle"),
+    hairline: cssVar("--color-border-hairline"),
+    strong: cssVar("--color-border-strong"),
+    accent: cssVar("--color-border-accent-muted"),
+    track: cssVar("--color-track-muted"),
+    field: cssVar("--color-border-tertiary"),
+  },
+  field: {
+    border: cssVar("--color-input"),
+  },
+  focus: {
+    ring: cssVar("--color-ring"),
+  },
+  disabled: {
+    border: cssVar("--color-disabled-border"),
+    surface: cssVar("--color-disabled-surface"),
+    foreground: cssVar("--color-disabled-foreground"),
+  },
+  validation: cssVar("--color-danger-validation"),
+  destructive: {
+    DEFAULT: cssVar("--color-destructive"),
+    foreground: cssVar("--color-destructive-foreground"),
+    hover: cssVar("--color-destructive-hover"),
+  },
+  success: {
+    DEFAULT: cssVar("--color-success"),
+    foreground: cssVar("--color-success-foreground"),
+  },
+  warning: cssVar("--color-warning"),
+  danger: cssVar("--color-danger-bright"),
+  button: {
+    "primary-disabled": cssVar("--color-button-primary-disabled"),
+  },
+  badge: {
+    neutral: {
+      muted: cssVar("--color-badge-neutral-muted"),
+    },
+    info: {
+      filled: cssVar("--color-badge-info-filled"),
+      muted: cssVar("--color-badge-info-muted"),
+    },
+    warning: {
+      filled: cssVar("--color-badge-warning-filled"),
+      muted: cssVar("--color-badge-warning-muted"),
+      ink: cssVar("--color-badge-warning-text"),
+    },
+    error: {
+      filled: cssVar("--color-badge-error-filled"),
+      muted: cssVar("--color-badge-error-muted"),
+      ink: cssVar("--color-badge-error-text"),
+    },
+    success: {
+      filled: cssVar("--color-badge-success-filled"),
+      muted: cssVar("--color-badge-success-muted"),
+      ink: cssVar("--color-badge-success-text"),
+    },
+  },
+  feedback: {
+    info: {
+      surface: cssVar("--color-info-surface"),
+      border: cssVar("--color-info-border"),
+    },
+    warning: {
+      surface: cssVar("--color-warning-surface"),
+      border: cssVar("--color-warning-border"),
+    },
+    error: {
+      surface: cssVar("--color-error-surface"),
+      border: cssVar("--color-error-border"),
+    },
+    success: {
+      surface: cssVar("--color-success-surface"),
+      border: cssVar("--color-success-border"),
+    },
+  },
+  chart: {
+    "1": cssVar("--color-chart-1"),
+    "2": cssVar("--color-chart-2"),
+    "3": cssVar("--color-chart-3"),
+    "4": cssVar("--color-chart-4"),
+    "5": cssVar("--color-chart-5"),
+  },
+  domain: {
+    cohort: cssVar("--color-data-cohort"),
+  },
+  indicator: {
+    sort: cssVar("--color-indicator-sort"),
+    filter: cssVar("--color-indicator-filter"),
+  },
+  pinSwitch: {
+    "label-active": cssVar("--color-pin-switch-label-active"),
+    "label-inactive": cssVar("--color-pin-switch-label-inactive"),
+    "track-bg": cssVar("--color-pin-switch-track-bg"),
+    "track-border": cssVar("--color-pin-switch-track-border"),
+    "track-hover": cssVar("--color-pin-switch-track-hover"),
+  },
+  scrim: cssVar("--color-scrim"),
+  "scrim-deep": cssVar("--color-scrim-deep"),
+  "scrim-light": cssVar("--color-scrim-light"),
+  "scrim-skeleton": cssVar("--color-scrim-skeleton"),
+  "scrim-hover": cssVar("--color-scrim-hover"),
+  navigation: {
+    DEFAULT: cssVar("--color-sidebar-background"),
+    foreground: cssVar("--color-sidebar-foreground"),
+    surface: cssVar("--color-sidebar-surface"),
+    "on-surface": cssVar("--color-sidebar-on-surface"),
+    hover: cssVar("--color-sidebar-hover"),
+    "on-hover": cssVar("--color-sidebar-on-hover"),
+    border: cssVar("--color-sidebar-border"),
+    ring: cssVar("--color-sidebar-ring"),
+    indicator: cssVar("--color-sidebar-indicator"),
+    "item-hover": cssVar("--color-sidebar-item-hover"),
+    "item-active": cssVar("--color-sidebar-item-active"),
+    muted: cssVar("--color-sidebar-foreground-muted"),
+    canvas: cssVar("--color-sidebar-canvas"),
+  },
+  background: {
+    DEFAULT: cssVar("--color-background"),
+    foreground: cssVar("--color-foreground"),
+  },
+};
+
+export const generatedBoxShadow = {
+  "alert-elevated": "var(--shadow-alert-elevated)",
+  "elevation-card": "var(--shadow-elevation-card)",
+  "elevation-dialog-footer": "var(--shadow-elevation-dialog-footer)",
+  "elevation-floating": "var(--shadow-elevation-floating)",
+  "elevation-header": "var(--shadow-elevation-header)",
+  "elevation-kbd-dark": "var(--shadow-elevation-kbd-dark)",
+  "elevation-menu-ag-grid": "var(--shadow-elevation-menu-ag-grid)",
+  "elevation-pin-switch": "var(--shadow-elevation-pin-switch)",
+  "elevation-select": "var(--shadow-elevation-select)",
+  "elevation-settings": "var(--shadow-elevation-settings)",
+  "elevation-toast": "var(--shadow-elevation-toast)",
+  "elevation-wizard-footer": "var(--shadow-elevation-wizard-footer)"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "2.1.0-alpha.8",
+  "version": "2.1.0-alpha.9",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",
@@ -77,7 +77,6 @@
   ],
   "files": [
     "dist",
-    "tailwind.config.js",
     "tailwind.config.d.ts",
     "LICENSE",
     "README.md"
@@ -438,13 +437,17 @@
     },
     "./tailwind.config": {
       "types": "./tailwind.config.d.ts",
-      "import": "./tailwind.config.js",
-      "default": "./tailwind.config.js"
+      "import": "./dist/tailwind.config.js",
+      "default": "./dist/tailwind.config.js"
     },
     "./tailwind.config.js": {
       "types": "./tailwind.config.d.ts",
-      "import": "./tailwind.config.js",
-      "default": "./tailwind.config.js"
+      "import": "./dist/tailwind.config.js",
+      "default": "./dist/tailwind.config.js"
+    },
+    "./theme/tailwind-colors": {
+      "import": "./dist/theme/tailwind-colors.js",
+      "default": "./dist/theme/tailwind-colors.js"
     },
     "./dist/*": "./dist/*",
     "./kbd": {
@@ -485,7 +488,9 @@
     "validate:theme-editor-metadata": "node scripts/validate-theme-editor-metadata.mjs",
     "generate:theme-presets": "node scripts/complete-dark-theme.mjs && node scripts/generate-theme-presets.mjs",
     "validate:theme-presets": "node scripts/validate-theme-presets.mjs",
-    "build": "node scripts/validate-imports.mjs && npm run build:tokens && npm run validate:token-usage && npm run build:registry && npm run validate:registry && tsc -b && vite build && node scripts/build-css-splits.mjs && node scripts/build-llms.mjs && node scripts/validate-declaration-exports.mjs",
+    "build:tailwind-preset": "node scripts/build-tailwind-preset.mjs",
+    "validate:published-package": "node scripts/validate-published-package.mjs",
+    "build": "node scripts/validate-imports.mjs && npm run build:tokens && npm run build:tailwind-preset && npm run validate:token-usage && npm run build:registry && npm run validate:registry && tsc -b && vite build && node scripts/build-css-splits.mjs && node scripts/build-llms.mjs && node scripts/validate-declaration-exports.mjs && npm run validate:published-package",
     "analyze": "ANALYZE=true npm run build",
     "lint": "eslint packages/mcp/src scripts --max-warnings 0",
     "lint:src": "eslint src --max-warnings 0",
@@ -510,7 +515,7 @@
     "bundle-budget": "node scripts/bundle-budget.mjs",
     "bundle-budget:update": "node scripts/bundle-budget.mjs --update",
     "ci:validate": "npm run validate-imports && npm run validate:docs && npm run validate:export-ssot && npm run build:registry && npm run validate:registry && npm run validate:mcp-sync && npm run validate:charter && npm run validate:factory-rollout && npm run validate:component-tests && npm run validate:component-types && npm run validate:layering && npm run validate:figma-tokens && npm run validate:token-usage && npm run validate:theme-presets && npm run sync:storybook-releases && npm run validate:story-docs && npm run lint && npm run lint:src && npm run typecheck",
-    "ci:build": "npm run build && npm run test:tree-shaking && npm run bundle-budget",
+    "ci:build": "npm run build && npm run validate:published-package && npm run test:tree-shaking && npm run bundle-budget",
     "ci:storybook": "npm run test:storybook && npm run build-storybook",
     "ci": "npm run ci:validate && npm run test:coverage:ratchet && npm run ci:build && npm run ci:storybook"
   },

package/tailwind.config.js

@@ -1,116 +0,0 @@
-import tailwindcssAnimate from "tailwindcss-animate";
-import tailwindPlugin from "tailwindcss/plugin";
-import { generatedBoxShadow, generatedColors } from "./src/theme/generated/tailwind-colors.js";
-
-const scrollbarUtilities = tailwindPlugin(({ addUtilities }) => {
-  addUtilities({
-    ".scrollbar-hide": {
-      "-ms-overflow-style": "none",
-      "scrollbar-width": "none",
-    },
-    ".scrollbar-hide::-webkit-scrollbar": {
-      display: "none",
-    },
-  });
-});
-
-/**
- * Semantic color roles — generated from src/theme/semantic-map.json.
- * Edit semantic-map.json and run `npm run build:tokens`.
- */
-const baseConfig = {
-  darkMode: ["class"],
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./src/components/ui/**/*.{js,ts,jsx,tsx}",
-    "./src/components/ui/stories/**/*.{js,ts,jsx,tsx}",
-    "./.storybook/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    colors: {
-      transparent: "transparent",
-      current: "currentColor",
-      inherit: "inherit",
-      ...generatedColors,
-    },
-    extend: {
-      fontFamily: {
-        sans: ["Manrope", "sans-serif"],
-      },
-      borderRadius: {
-        lg: "calc(var(--radius) + 4px)",
-        md: "var(--radius)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      boxShadow: generatedBoxShadow,
-
-      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" },
-        },
-        "collapsible-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-collapsible-content-height)" },
-        },
-        "collapsible-up": {
-          from: { height: "var(--radix-collapsible-content-height)" },
-          to: { height: "0" },
-        },
-        "header-bot-gradient": {
-          "0%": { backgroundPosition: "0% 50%" },
-          "50%": { backgroundPosition: "100% 50%" },
-          "100%": { backgroundPosition: "0% 50%" },
-        },
-        "notification-waves": {
-          "0%": { width: "8px", height: "8px" },
-          "100%": { width: "16px", height: "16px" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-        "collapsible-down": "collapsible-down 0.2s ease-out",
-        "collapsible-up": "collapsible-up 0.2s ease-out",
-        "header-bot-gradient": "header-bot-gradient 5s ease infinite",
-        "header-bot-gradient-fast": "header-bot-gradient 2s ease infinite",
-        "notification-waves": "notification-waves 1.5s ease-out infinite",
-      },
-    },
-  },
-  plugins: [tailwindcssAnimate, scrollbarUtilities],
-};
-
-/** @type {import('tailwindcss').Config} */
-export default baseConfig;
-
-/**
- * Creates a Tailwind config with custom content paths.
- *
- * @param {string[]} contentPaths - Array of content paths for your project
- * @returns {import('tailwindcss').Config}
- *
- * @example
- * import { createTailwindConfig } from "impact-nova/tailwind.config";
- * export default createTailwindConfig(["./index.html", "./src"]);
- */
-export function createTailwindConfig(contentPaths) {
-  return {
-    ...baseConfig,
-    content: contentPaths,
-  };
-}
-
-/**
- * Tailwind config for apps consuming impact-nova via file: / npm link.
- * Single utility pipeline: scan app + impact-nova source (no duplicate impact-nova.css utilities).
- */
-export function createAppTailwindConfig(appRootDir, appContentPaths) {
-  const impactNovaSourceGlob = `${appRootDir.replace(/\\/g, "/")}/../impact-nova/src/**/*.{js,ts,jsx,tsx}`;
-  return createTailwindConfig([...appContentPaths, impactNovaSourceGlob]);
-}