@duskmoon-dev/core 0.1.0 → 1.1.0

package/package.json

@@ -1,20 +1,199 @@
 {
   "name": "@duskmoon-dev/core",
-  "version": "0.1.0",
-  "description": "DuskMoonUI - Tailwind CSS component library with extended color system",
+  "version": "1.1.0",
+  "description": "DuskMoonUI - Tailwind CSS v4 plugin with Material Design 3 color system and component styles",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.css",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.css",
+      "style": "./dist/index.css",
+      "types": "./dist/types/index.d.ts"
     },
-    "./theme": {
-      "types": "./dist/theme.d.ts",
-      "import": "./dist/theme.js"
+    "./themes/sunshine": {
+      "style": "./dist/themes/sunshine.css"
+    },
+    "./themes/moonlight": {
+      "style": "./dist/themes/moonlight.css"
+    },
+    "./components": {
+      "style": "./dist/components/index.css"
+    },
+    "./components/accordion": {
+      "style": "./dist/components/accordion.css",
+      "import": "./dist/esm/components/accordion.js",
+      "default": "./dist/esm/components/accordion.js"
+    },
+    "./components/alert": {
+      "style": "./dist/components/alert.css",
+      "import": "./dist/esm/components/alert.js",
+      "default": "./dist/esm/components/alert.js"
+    },
+    "./components/appbar": {
+      "style": "./dist/components/appbar.css",
+      "import": "./dist/esm/components/appbar.js",
+      "default": "./dist/esm/components/appbar.js"
+    },
+    "./components/autocomplete": {
+      "style": "./dist/components/autocomplete.css",
+      "import": "./dist/esm/components/autocomplete.js",
+      "default": "./dist/esm/components/autocomplete.js"
+    },
+    "./components/avatar": {
+      "style": "./dist/components/avatar.css",
+      "import": "./dist/esm/components/avatar.js",
+      "default": "./dist/esm/components/avatar.js"
+    },
+    "./components/badge": {
+      "style": "./dist/components/badge.css",
+      "import": "./dist/esm/components/badge.js",
+      "default": "./dist/esm/components/badge.js"
+    },
+    "./components/bottom-navigation": {
+      "style": "./dist/components/bottom-navigation.css",
+      "import": "./dist/esm/components/bottom-navigation.js",
+      "default": "./dist/esm/components/bottom-navigation.js"
+    },
+    "./components/bottomsheet": {
+      "style": "./dist/components/bottomsheet.css",
+      "import": "./dist/esm/components/bottomsheet.js",
+      "default": "./dist/esm/components/bottomsheet.js"
+    },
+    "./components/button": {
+      "style": "./dist/components/button.css",
+      "import": "./dist/esm/components/button.js",
+      "default": "./dist/esm/components/button.js"
+    },
+    "./components/card": {
+      "style": "./dist/components/card.css",
+      "import": "./dist/esm/components/card.js",
+      "default": "./dist/esm/components/card.js"
+    },
+    "./components/chip": {
+      "style": "./dist/components/chip.css",
+      "import": "./dist/esm/components/chip.js",
+      "default": "./dist/esm/components/chip.js"
+    },
+    "./components/collapse": {
+      "style": "./dist/components/collapse.css",
+      "import": "./dist/esm/components/collapse.js",
+      "default": "./dist/esm/components/collapse.js"
+    },
+    "./components/datepicker": {
+      "style": "./dist/components/datepicker.css",
+      "import": "./dist/esm/components/datepicker.js",
+      "default": "./dist/esm/components/datepicker.js"
+    },
+    "./components/dialog": {
+      "style": "./dist/components/dialog.css",
+      "import": "./dist/esm/components/dialog.js",
+      "default": "./dist/esm/components/dialog.js"
+    },
+    "./components/divider": {
+      "style": "./dist/components/divider.css",
+      "import": "./dist/esm/components/divider.js",
+      "default": "./dist/esm/components/divider.js"
+    },
+    "./components/drawer": {
+      "style": "./dist/components/drawer.css",
+      "import": "./dist/esm/components/drawer.js",
+      "default": "./dist/esm/components/drawer.js"
+    },
+    "./components/file-upload": {
+      "style": "./dist/components/file-upload.css",
+      "import": "./dist/esm/components/file-upload.js",
+      "default": "./dist/esm/components/file-upload.js"
+    },
+    "./components/form": {
+      "style": "./dist/components/form.css",
+      "import": "./dist/esm/components/form.js",
+      "default": "./dist/esm/components/form.js"
+    },
+    "./components/input": {
+      "style": "./dist/components/input.css",
+      "import": "./dist/esm/components/input.js",
+      "default": "./dist/esm/components/input.js"
+    },
+    "./components/list": {
+      "style": "./dist/components/list.css",
+      "import": "./dist/esm/components/list.js",
+      "default": "./dist/esm/components/list.js"
+    },
+    "./components/markdown-body": {
+      "style": "./dist/components/markdown-body.css",
+      "import": "./dist/esm/components/markdown-body.js",
+      "default": "./dist/esm/components/markdown-body.js"
+    },
+    "./components/modal": {
+      "style": "./dist/components/modal.css",
+      "import": "./dist/esm/components/modal.js",
+      "default": "./dist/esm/components/modal.js"
+    },
+    "./components/navigation": {
+      "style": "./dist/components/navigation.css",
+      "import": "./dist/esm/components/navigation.js",
+      "default": "./dist/esm/components/navigation.js"
+    },
+    "./components/popover": {
+      "style": "./dist/components/popover.css",
+      "import": "./dist/esm/components/popover.js",
+      "default": "./dist/esm/components/popover.js"
+    },
+    "./components/progress": {
+      "style": "./dist/components/progress.css",
+      "import": "./dist/esm/components/progress.js",
+      "default": "./dist/esm/components/progress.js"
+    },
+    "./components/rating": {
+      "style": "./dist/components/rating.css",
+      "import": "./dist/esm/components/rating.js",
+      "default": "./dist/esm/components/rating.js"
+    },
+    "./components/skeleton": {
+      "style": "./dist/components/skeleton.css",
+      "import": "./dist/esm/components/skeleton.js",
+      "default": "./dist/esm/components/skeleton.js"
+    },
+    "./components/slider": {
+      "style": "./dist/components/slider.css",
+      "import": "./dist/esm/components/slider.js",
+      "default": "./dist/esm/components/slider.js"
+    },
+    "./components/snackbar": {
+      "style": "./dist/components/snackbar.css",
+      "import": "./dist/esm/components/snackbar.js",
+      "default": "./dist/esm/components/snackbar.js"
+    },
+    "./components/stepper": {
+      "style": "./dist/components/stepper.css",
+      "import": "./dist/esm/components/stepper.js",
+      "default": "./dist/esm/components/stepper.js"
+    },
+    "./components/switch": {
+      "style": "./dist/components/switch.css",
+      "import": "./dist/esm/components/switch.js",
+      "default": "./dist/esm/components/switch.js"
+    },
+    "./components/table": {
+      "style": "./dist/components/table.css",
+      "import": "./dist/esm/components/table.js",
+      "default": "./dist/esm/components/table.js"
+    },
+    "./components/timeline": {
+      "style": "./dist/components/timeline.css",
+      "import": "./dist/esm/components/timeline.js",
+      "default": "./dist/esm/components/timeline.js"
+    },
+    "./components/toast": {
+      "style": "./dist/components/toast.css",
+      "import": "./dist/esm/components/toast.js",
+      "default": "./dist/esm/components/toast.js"
+    },
+    "./components/tooltip": {
+      "style": "./dist/components/tooltip.css",
+      "import": "./dist/esm/components/tooltip.js",
+      "default": "./dist/esm/components/tooltip.js"
     }
   },
   "files": [
@@ -24,12 +203,17 @@
   ],
   "scripts": {
     "dev": "bun run build --watch",
-    "build": "bun run clean && bun run build:bundle && bun run build:types",
-    "build:bundle": "bun build src/index.ts --outdir dist --target node --format esm --sourcemap && bun build src/index.ts --target node --format cjs --outfile src/index.cjs --sourcemap && mv src/index.cjs src/index.cjs.map dist/",
-    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build": "bun run clean && bun run build:css && bun run build:types",
+    "build:css": "bun run scripts/build-css.ts",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist/types",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
-    "test": "bun test"
+    "test": "bun test tests/unit",
+    "test:unit": "bun test tests/unit",
+    "test:visual": "playwright test --config=playwright.visual.config.ts",
+    "test:integration": "playwright test --config=playwright.integration.config.ts",
+    "test:a11y": "playwright test --config=playwright.integration.config.ts tests/accessibility/",
+    "test:all": "bun run test:unit && bun run test:visual && bun run test:integration && bun run test:a11y"
   },
   "keywords": [
     "tailwind",
@@ -57,12 +241,17 @@
     "url": "https://github.com/duskmoon-dev/duskmoonui/issues"
   },
   "peerDependencies": {
-    "tailwindcss": "^3.4.0 || ^4.0.0"
+    "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.8.0",
+    "@playwright/test": "^1.40.0",
     "@types/bun": "latest",
-    "tailwindcss": "^3.4.0",
-    "typescript": "^5.6.0"
+    "axe-core": "^4.8.0",
+    "lightningcss": "^1.22.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.6.0",
+    "vitest": "^1.0.0"
   },
   "engines": {
     "node": ">=18.0.0",

package/dist/index.cjs

@@ -1,243 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// src/index.ts
-var exports_src = {};
-__export(exports_src, {
-  themes: () => themes,
-  default: () => src_default
-});
-module.exports = __toCommonJS(exports_src);
-
-// ../../node_modules/tailwindcss/dist/plugin.mjs
-function g(i, n) {
-  return { handler: i, config: n };
-}
-g.withOptions = function(i, n = () => ({})) {
-  function t(o) {
-    return { handler: i(o), config: n(o) };
-  }
-  return t.__isOptionsFunction = true, t;
-};
-var u = g;
-
-// src/themes/sunshine.ts
-var sunshine = {
-  primary: "38 92% 50%",
-  "primary-focus": "38 92% 40%",
-  "primary-content": "0 0% 100%",
-  "primary-container": "38 100% 90%",
-  "on-primary-container": "38 92% 15%",
-  secondary: "330 81% 60%",
-  "secondary-focus": "330 81% 50%",
-  "secondary-content": "0 0% 100%",
-  "secondary-container": "330 100% 92%",
-  "on-secondary-container": "330 81% 18%",
-  tertiary: "258 90% 66%",
-  "tertiary-focus": "258 90% 56%",
-  "tertiary-content": "0 0% 100%",
-  "tertiary-container": "258 100% 92%",
-  "on-tertiary-container": "258 90% 20%",
-  accent: "160 84% 39%",
-  "accent-focus": "160 84% 29%",
-  "accent-content": "0 0% 100%",
-  neutral: "217 33% 17%",
-  "neutral-focus": "217 33% 12%",
-  "neutral-content": "0 0% 100%",
-  "neutral-variant": "220 14% 60%",
-  surface: "0 0% 99%",
-  "surface-dim": "220 13% 94%",
-  "surface-bright": "0 0% 100%",
-  "surface-container-lowest": "0 0% 100%",
-  "surface-container-low": "220 13% 97%",
-  "surface-container": "220 13% 96%",
-  "surface-container-high": "220 13% 94%",
-  "surface-container-highest": "220 13% 91%",
-  "surface-variant": "220 14% 90%",
-  "on-surface": "217 33% 17%",
-  "on-surface-variant": "220 9% 30%",
-  "base-100": "0 0% 100%",
-  "base-200": "220 13% 96%",
-  "base-300": "220 13% 91%",
-  "base-content": "217 33% 17%",
-  outline: "220 9% 55%",
-  "outline-variant": "220 14% 80%",
-  "inverse-surface": "217 33% 17%",
-  "inverse-on-surface": "220 13% 94%",
-  "inverse-primary": "38 100% 75%",
-  shadow: "0 0% 0%",
-  scrim: "0 0% 0%",
-  info: "199 89% 48%",
-  "info-content": "0 0% 100%",
-  success: "142 71% 45%",
-  "success-content": "0 0% 100%",
-  warning: "38 92% 50%",
-  "warning-content": "0 0% 100%",
-  error: "0 72% 51%",
-  "error-content": "0 0% 100%",
-  "error-container": "0 100% 95%",
-  "on-error-container": "0 72% 20%"
-};
-
-// src/themes/moonlight.ts
-var moonlight = {
-  primary: "217 91% 60%",
-  "primary-focus": "217 91% 70%",
-  "primary-content": "0 0% 100%",
-  "primary-container": "217 91% 20%",
-  "on-primary-container": "217 91% 90%",
-  secondary: "262 83% 70%",
-  "secondary-focus": "262 83% 80%",
-  "secondary-content": "0 0% 100%",
-  "secondary-container": "262 83% 25%",
-  "on-secondary-container": "262 83% 90%",
-  tertiary: "173 80% 50%",
-  "tertiary-focus": "173 80% 60%",
-  "tertiary-content": "0 0% 100%",
-  "tertiary-container": "173 80% 20%",
-  "on-tertiary-container": "173 80% 90%",
-  accent: "189 94% 43%",
-  "accent-focus": "189 94% 53%",
-  "accent-content": "0 0% 100%",
-  neutral: "220 13% 91%",
-  "neutral-focus": "220 13% 85%",
-  "neutral-content": "220 9% 15%",
-  "neutral-variant": "220 9% 46%",
-  surface: "220 13% 11%",
-  "surface-dim": "220 13% 7%",
-  "surface-bright": "220 13% 20%",
-  "surface-container-lowest": "220 13% 7%",
-  "surface-container-low": "220 13% 9%",
-  "surface-container": "220 13% 11%",
-  "surface-container-high": "220 13% 14%",
-  "surface-container-highest": "220 13% 17%",
-  "surface-variant": "220 9% 20%",
-  "on-surface": "220 13% 91%",
-  "on-surface-variant": "220 9% 70%",
-  "base-100": "220 13% 11%",
-  "base-200": "220 13% 9%",
-  "base-300": "220 13% 7%",
-  "base-content": "220 13% 91%",
-  outline: "220 9% 46%",
-  "outline-variant": "220 9% 30%",
-  "inverse-surface": "220 13% 91%",
-  "inverse-on-surface": "220 13% 11%",
-  "inverse-primary": "217 91% 40%",
-  shadow: "0 0% 0%",
-  scrim: "0 0% 0%",
-  info: "199 89% 60%",
-  "info-content": "0 0% 100%",
-  success: "142 76% 60%",
-  "success-content": "0 0% 100%",
-  warning: "38 92% 60%",
-  "warning-content": "0 0% 100%",
-  error: "0 84% 70%",
-  "error-content": "0 0% 100%",
-  "error-container": "0 84% 25%",
-  "on-error-container": "0 84% 90%"
-};
-
-// src/themes/index.ts
-var themes = {
-  sunshine,
-  moonlight
-};
-
-// src/generators/index.ts
-function generateCssVariables(theme) {
-  const cssVars = {};
-  for (const [key, value] of Object.entries(theme)) {
-    cssVars[`--color-${key}`] = value;
-  }
-  return cssVars;
-}
-
-// src/index.ts
-var defaultOptions = {
-  themes: ["sunshine", "moonlight"],
-  darkTheme: "moonlight",
-  prefix: "",
-  components: "all",
-  utilities: true,
-  rtl: false,
-  styled: true,
-  base: true
-};
-var duskmoonuiPlugin = u.withOptions((options = {}) => {
-  const config = { ...defaultOptions, ...options };
-  return ({ addBase }) => {
-    const selectedThemes = config.themes || ["sunshine", "moonlight"];
-    const baseStyles = {};
-    selectedThemes.forEach((themeConfig) => {
-      let themeName;
-      let themeColors;
-      if (typeof themeConfig === "string") {
-        themeName = themeConfig;
-        themeColors = themes[themeConfig];
-      } else {
-        const entry = Object.entries(themeConfig)[0];
-        if (entry) {
-          const [name, colors] = entry;
-          themeName = name;
-          themeColors = colors;
-        } else {
-          return;
-        }
-      }
-      if (themeColors) {
-        const cssVars = generateCssVariables(themeColors);
-        baseStyles[`[data-theme="${themeName}"]`] = cssVars;
-      }
-    });
-    if (config.base) {
-      addBase(baseStyles);
-    }
-  };
-}, (_options = {}) => {
-  return {
-    theme: {
-      extend: {
-        colors: {
-          primary: "hsl(var(--color-primary) / <alpha-value>)",
-          "primary-focus": "hsl(var(--color-primary-focus) / <alpha-value>)",
-          "primary-content": "hsl(var(--color-primary-content) / <alpha-value>)",
-          secondary: "hsl(var(--color-secondary) / <alpha-value>)",
-          "secondary-focus": "hsl(var(--color-secondary-focus) / <alpha-value>)",
-          "secondary-content": "hsl(var(--color-secondary-content) / <alpha-value>)",
-          tertiary: "hsl(var(--color-tertiary) / <alpha-value>)",
-          "tertiary-focus": "hsl(var(--color-tertiary-focus) / <alpha-value>)",
-          "tertiary-content": "hsl(var(--color-tertiary-content) / <alpha-value>)"
-        }
-      }
-    }
-  };
-});
-var src_default = duskmoonuiPlugin;
-
-//# debugId=35DBFA0829735D7764756E2164756E21
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1,15 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../node_modules/tailwindcss/dist/plugin.mjs", "src/themes/sunshine.ts", "src/themes/moonlight.ts", "src/themes/index.ts", "src/generators/index.ts", "src/index.ts"],
-  "sourcesContent": [
-    "function g(i,n){return{handler:i,config:n}}g.withOptions=function(i,n=()=>({})){function t(o){return{handler:i(o),config:n(o)}}return t.__isOptionsFunction=!0,t};var u=g;export{u as default};\n",
-    "/**\n * Sunshine Theme (Light)\n * A warm, energetic light theme with golden and vibrant accents\n */\n\nimport type { ThemeColors } from '../types';\n\nexport const sunshine: ThemeColors = {\n  // Primary Colors - Warm Orange\n  primary: '38 92% 50%',           // #f59e0b (Amber 500)\n  'primary-focus': '38 92% 40%',\n  'primary-content': '0 0% 100%',\n  'primary-container': '38 100% 90%',\n  'on-primary-container': '38 92% 15%',\n\n  // Secondary Colors - Pink\n  secondary: '330 81% 60%',        // #ec4899 (Pink 500)\n  'secondary-focus': '330 81% 50%',\n  'secondary-content': '0 0% 100%',\n  'secondary-container': '330 100% 92%',\n  'on-secondary-container': '330 81% 18%',\n\n  // Tertiary Colors - Purple (NEW!)\n  tertiary: '258 90% 66%',         // #8b5cf6 (Violet 500)\n  'tertiary-focus': '258 90% 56%',\n  'tertiary-content': '0 0% 100%',\n  'tertiary-container': '258 100% 92%',\n  'on-tertiary-container': '258 90% 20%',\n\n  // Accent Colors - Emerald\n  accent: '160 84% 39%',           // #10b981 (Emerald 500)\n  'accent-focus': '160 84% 29%',\n  'accent-content': '0 0% 100%',\n\n  // Neutral Colors\n  neutral: '217 33% 17%',          // #1f2937 (Gray 800)\n  'neutral-focus': '217 33% 12%',\n  'neutral-content': '0 0% 100%',\n  'neutral-variant': '220 14% 60%',\n\n  // Surface Colors (Material Design 3)\n  surface: '0 0% 99%',\n  'surface-dim': '220 13% 94%',\n  'surface-bright': '0 0% 100%',\n  'surface-container-lowest': '0 0% 100%',\n  'surface-container-low': '220 13% 97%',\n  'surface-container': '220 13% 96%',\n  'surface-container-high': '220 13% 94%',\n  'surface-container-highest': '220 13% 91%',\n  'surface-variant': '220 14% 90%',\n  'on-surface': '217 33% 17%',\n  'on-surface-variant': '220 9% 30%',\n\n  // Base Colors (Legacy support)\n  'base-100': '0 0% 100%',         // White\n  'base-200': '220 13% 96%',       // Light gray\n  'base-300': '220 13% 91%',       // Medium gray\n  'base-content': '217 33% 17%',   // Dark text\n\n  // Outline Colors\n  outline: '220 9% 55%',\n  'outline-variant': '220 14% 80%',\n\n  // Inverse Colors\n  'inverse-surface': '217 33% 17%',\n  'inverse-on-surface': '220 13% 94%',\n  'inverse-primary': '38 100% 75%',\n\n  // Shadow & Scrim\n  shadow: '0 0% 0%',\n  scrim: '0 0% 0%',\n\n  // Semantic Colors\n  info: '199 89% 48%',             // Blue\n  'info-content': '0 0% 100%',\n  success: '142 71% 45%',          // Green\n  'success-content': '0 0% 100%',\n  warning: '38 92% 50%',           // Orange\n  'warning-content': '0 0% 100%',\n  error: '0 72% 51%',              // Red\n  'error-content': '0 0% 100%',\n  'error-container': '0 100% 95%',\n  'on-error-container': '0 72% 20%',\n};\n",
-    "/**\n * Moonlight Theme (Dark)\n * A serene, elegant dark theme with cool tones and soft accents\n */\n\nimport type { ThemeColors } from '../types';\n\nexport const moonlight: ThemeColors = {\n  // Primary Colors - Soft Blue\n  primary: '217 91% 60%',          // #3b82f6 (Blue 500)\n  'primary-focus': '217 91% 70%',\n  'primary-content': '0 0% 100%',\n  'primary-container': '217 91% 20%',\n  'on-primary-container': '217 91% 90%',\n\n  // Secondary Colors - Purple\n  secondary: '262 83% 70%',        // #a78bfa (Violet 400)\n  'secondary-focus': '262 83% 80%',\n  'secondary-content': '0 0% 100%',\n  'secondary-container': '262 83% 25%',\n  'on-secondary-container': '262 83% 90%',\n\n  // Tertiary Colors - Teal (NEW!)\n  tertiary: '173 80% 50%',         // #14b8a6 (Teal 500)\n  'tertiary-focus': '173 80% 60%',\n  'tertiary-content': '0 0% 100%',\n  'tertiary-container': '173 80% 20%',\n  'on-tertiary-container': '173 80% 90%',\n\n  // Accent Colors - Cyan\n  accent: '189 94% 43%',           // #06b6d4 (Cyan 500)\n  'accent-focus': '189 94% 53%',\n  'accent-content': '0 0% 100%',\n\n  // Neutral Colors\n  neutral: '220 13% 91%',          // #e5e7eb (Gray 200)\n  'neutral-focus': '220 13% 85%',\n  'neutral-content': '220 9% 15%',\n  'neutral-variant': '220 9% 46%',\n\n  // Surface Colors (Material Design 3 Dark)\n  surface: '220 13% 11%',          // #1c1e22\n  'surface-dim': '220 13% 7%',\n  'surface-bright': '220 13% 20%',\n  'surface-container-lowest': '220 13% 7%',\n  'surface-container-low': '220 13% 9%',\n  'surface-container': '220 13% 11%',\n  'surface-container-high': '220 13% 14%',\n  'surface-container-highest': '220 13% 17%',\n  'surface-variant': '220 9% 20%',\n  'on-surface': '220 13% 91%',\n  'on-surface-variant': '220 9% 70%',\n\n  // Base Colors (Legacy support)\n  'base-100': '220 13% 11%',       // Dark background\n  'base-200': '220 13% 9%',        // Darker\n  'base-300': '220 13% 7%',        // Darkest\n  'base-content': '220 13% 91%',   // Light text\n\n  // Outline Colors\n  outline: '220 9% 46%',\n  'outline-variant': '220 9% 30%',\n\n  // Inverse Colors\n  'inverse-surface': '220 13% 91%',\n  'inverse-on-surface': '220 13% 11%',\n  'inverse-primary': '217 91% 40%',\n\n  // Shadow & Scrim\n  shadow: '0 0% 0%',\n  scrim: '0 0% 0%',\n\n  // Semantic Colors\n  info: '199 89% 60%',             // Light Blue\n  'info-content': '0 0% 100%',\n  success: '142 76% 60%',          // Light Green\n  'success-content': '0 0% 100%',\n  warning: '38 92% 60%',           // Light Orange\n  'warning-content': '0 0% 100%',\n  error: '0 84% 70%',              // Light Red\n  'error-content': '0 0% 100%',\n  'error-container': '0 84% 25%',\n  'on-error-container': '0 84% 90%',\n};\n",
-    "/**\n * DuskMoonUI Themes\n * Built-in theme definitions\n */\n\nimport { sunshine } from './sunshine';\nimport { moonlight } from './moonlight';\nimport type { ThemeColors } from '../types';\n\n/**\n * All available themes\n */\nexport const themes = {\n  sunshine,\n  moonlight,\n} as const;\n\n/**\n * Get theme by name\n */\nexport function getTheme(name: keyof typeof themes): ThemeColors {\n  return themes[name];\n}\n\n/**\n * Check if theme exists\n */\nexport function hasTheme(name: string): name is keyof typeof themes {\n  return name in themes;\n}\n",
-    "/**\n * CSS Generation Utilities\n * Functions to generate CSS variables and styles from theme definitions\n */\n\nimport type { ThemeColors } from '../types';\n\n/**\n * Generate CSS variables from theme colors\n * Converts theme object to CSS custom properties\n */\nexport function generateCssVariables(theme: ThemeColors): Record<string, string> {\n  const cssVars: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(theme)) {\n    cssVars[`--color-${key}`] = value;\n  }\n\n  return cssVars;\n}\n\n/**\n * Convert CSS variables object to string\n */\nexport function cssVarsToString(cssVars: Record<string, string>): string {\n  return Object.entries(cssVars)\n    .map(([key, value]) => `  ${key}: ${value};`)\n    .join('\\n');\n}\n\n/**\n * Generate theme CSS block\n */\nexport function generateThemeBlock(themeName: string, theme: ThemeColors): string {\n  const cssVars = generateCssVariables(theme);\n  const varsString = cssVarsToString(cssVars);\n\n  return `[data-theme=\"${themeName}\"] {\\n${varsString}\\n}`;\n}\n",
-    "/**\n * DuskMoonUI - Tailwind CSS Plugin\n * Main entry point for the component library\n */\n\nimport plugin from 'tailwindcss/plugin';\nimport { themes } from './themes';\nimport { generateCssVariables } from './generators';\nimport type { DuskMoonUIOptions, ThemeColors, CustomTheme } from './types';\n\n/**\n * Default plugin options\n */\nconst defaultOptions: DuskMoonUIOptions = {\n  themes: ['sunshine', 'moonlight'],\n  darkTheme: 'moonlight',\n  prefix: '',\n  components: 'all',\n  utilities: true,\n  rtl: false,\n  styled: true,\n  base: true,\n};\n\n/**\n * DuskMoonUI Tailwind CSS Plugin\n */\nconst duskmoonuiPlugin = plugin.withOptions<Partial<DuskMoonUIOptions>>(\n  (options: Partial<DuskMoonUIOptions> = {}) => {\n    const config: DuskMoonUIOptions = { ...defaultOptions, ...options };\n\n    return ({ addBase }: { addBase: (styles: Record<string, Record<string, string>>) => void }) => {\n      // Inject theme colors as CSS variables\n      const selectedThemes = config.themes || ['sunshine', 'moonlight'];\n      const baseStyles: Record<string, Record<string, string>> = {};\n\n      selectedThemes.forEach((themeConfig) => {\n        let themeName: string;\n        let themeColors: ThemeColors | CustomTheme | undefined;\n\n        if (typeof themeConfig === 'string') {\n          themeName = themeConfig;\n          themeColors = themes[themeConfig as keyof typeof themes];\n        } else {\n          // Custom theme object\n          const entry = Object.entries(themeConfig)[0];\n          if (entry) {\n            const [name, colors] = entry;\n            themeName = name;\n            themeColors = colors;\n          } else {\n            return;\n          }\n        }\n\n        if (themeColors) {\n          const cssVars = generateCssVariables(themeColors as ThemeColors);\n          baseStyles[`[data-theme=\"${themeName}\"]`] = cssVars;\n        }\n      });\n\n      if (config.base) {\n        addBase(baseStyles);\n      }\n\n      // TODO: Add component generation\n      // TODO: Add utility generation\n    };\n  },\n  (_options: Partial<DuskMoonUIOptions> = {}) => {\n    // Extend Tailwind config\n    return {\n      theme: {\n        extend: {\n          colors: {\n            // Map color variables to Tailwind's color system\n            primary: 'hsl(var(--color-primary) / <alpha-value>)',\n            'primary-focus': 'hsl(var(--color-primary-focus) / <alpha-value>)',\n            'primary-content': 'hsl(var(--color-primary-content) / <alpha-value>)',\n\n            secondary: 'hsl(var(--color-secondary) / <alpha-value>)',\n            'secondary-focus': 'hsl(var(--color-secondary-focus) / <alpha-value>)',\n            'secondary-content': 'hsl(var(--color-secondary-content) / <alpha-value>)',\n\n            tertiary: 'hsl(var(--color-tertiary) / <alpha-value>)',\n            'tertiary-focus': 'hsl(var(--color-tertiary-focus) / <alpha-value>)',\n            'tertiary-content': 'hsl(var(--color-tertiary-content) / <alpha-value>)',\n\n            // Add more colors as needed\n          },\n        },\n      },\n    };\n  }\n) as ReturnType<typeof plugin.withOptions<Partial<DuskMoonUIOptions>>>;\n\nexport default duskmoonuiPlugin;\n\n// Export types\nexport type {\n  ThemeColors,\n  ThemeName,\n  DuskMoonUIOptions,\n  ColorRole,\n  SemanticColor,\n  SurfaceLevel,\n  ComponentSize,\n  ComponentVariant,\n} from './types';\n\n// Export themes\nexport { themes } from './themes';\n"
-  ],
-  "mappings": "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",
-  "debugId": "35DBFA0829735D7764756E2164756E21",
-  "names": []
-}