@mieweb/ui 0.1.0

package/dist/chunk-O7WRE2WX.js

@@ -0,0 +1,195 @@
+// src/tailwind-preset.ts
+var miewebUISafelist = [
+  // Semantic colors
+  "border-border",
+  "border-input",
+  "ring-ring",
+  "bg-background",
+  "bg-card",
+  "bg-muted",
+  "bg-primary",
+  "bg-success",
+  "bg-warning",
+  "bg-destructive",
+  "bg-info",
+  "text-foreground",
+  "text-card-foreground",
+  "text-muted-foreground",
+  "text-primary",
+  "text-primary-foreground",
+  "text-success",
+  "text-success-foreground",
+  "text-warning",
+  "text-warning-foreground",
+  "text-destructive",
+  "text-destructive-foreground",
+  "text-info",
+  "text-info-foreground",
+  "focus:ring-ring",
+  "focus:ring-primary",
+  "focus:border-transparent",
+  "focus:ring-destructive",
+  "border-primary",
+  "border-destructive",
+  "ring-primary",
+  "ring-2",
+  "ring-offset-2",
+  // Grid classes for QuickAction and responsive layouts
+  "grid-cols-1",
+  "grid-cols-2",
+  "grid-cols-3",
+  "grid-cols-4",
+  "grid-cols-6",
+  "sm:grid-cols-1",
+  "sm:grid-cols-2",
+  "sm:grid-cols-3",
+  "sm:grid-cols-4",
+  "sm:grid-cols-6",
+  "md:grid-cols-2",
+  "md:grid-cols-3",
+  "md:grid-cols-4",
+  "lg:grid-cols-2",
+  "lg:grid-cols-3",
+  "lg:grid-cols-4",
+  // Switch component
+  "bg-neutral-200",
+  "dark:bg-neutral-700",
+  "bg-primary-500",
+  "h-5",
+  "w-9",
+  "h-6",
+  "w-11",
+  "h-7",
+  "w-14",
+  "h-4",
+  "w-4",
+  "w-5",
+  "w-6",
+  "translate-x-0.5",
+  "translate-x-4",
+  "translate-x-5",
+  "translate-x-7",
+  // SchedulePicker / overflow handling
+  "overflow-x-auto",
+  "overflow-hidden",
+  // Select component
+  "truncate"
+];
+var miewebUIPreset = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  safelist: miewebUISafelist,
+  theme: {
+    extend: {
+      colors: {
+        // Primary color scale - easily overridable by consumers
+        primary: {
+          DEFAULT: "var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))",
+          50: "var(--mieweb-primary-50, #f0f9ff)",
+          100: "var(--mieweb-primary-100, #e0f4fe)",
+          200: "var(--mieweb-primary-200, #b9eafd)",
+          300: "var(--mieweb-primary-300, #7cdbfc)",
+          400: "var(--mieweb-primary-400, #36c9f8)",
+          500: "var(--mieweb-primary-500, #27aae1)",
+          600: "var(--mieweb-primary-600, #0c90c9)",
+          700: "var(--mieweb-primary-700, #0b73a3)",
+          800: "var(--mieweb-primary-800, #0f6086)",
+          900: "var(--mieweb-primary-900, #124f6f)",
+          950: "var(--mieweb-primary-950, #0c334a)",
+          foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
+        },
+        // Semantic colors using CSS variables for theming
+        border: "var(--mieweb-border, hsl(214.3 31.8% 91.4%))",
+        input: "var(--mieweb-input, hsl(214.3 31.8% 91.4%))",
+        ring: "var(--mieweb-ring, hsl(221.2 83.2% 53.3%))",
+        background: "var(--mieweb-background, hsl(0 0% 100%))",
+        foreground: "var(--mieweb-foreground, hsl(222.2 84% 4.9%))",
+        // Component-specific semantic colors
+        card: {
+          DEFAULT: "var(--mieweb-card, hsl(0 0% 100%))",
+          foreground: "var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))"
+        },
+        muted: {
+          DEFAULT: "var(--mieweb-muted, hsl(210 40% 96.1%))",
+          foreground: "var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))"
+        },
+        destructive: {
+          DEFAULT: "var(--mieweb-destructive, hsl(0 84.2% 60.2%))",
+          foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
+        },
+        success: {
+          DEFAULT: "var(--mieweb-success, hsl(142.1 76.2% 36.3%))",
+          foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
+        },
+        warning: {
+          DEFAULT: "var(--mieweb-warning, hsl(45.4 93.4% 47.5%))",
+          foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
+        },
+        info: {
+          DEFAULT: "var(--mieweb-info, hsl(204 94% 94%))",
+          foreground: "var(--mieweb-info-foreground, hsl(213 31% 91%))"
+        }
+      },
+      fontFamily: {
+        sans: [
+          "var(--mieweb-font-sans, ui-sans-serif)",
+          "system-ui",
+          "sans-serif"
+        ]
+      },
+      borderRadius: {
+        "2xl": "var(--mieweb-radius-2xl, 1rem)",
+        lg: "var(--mieweb-radius-lg, 0.75rem)",
+        md: "var(--mieweb-radius-md, 0.5rem)",
+        sm: "var(--mieweb-radius-sm, 0.25rem)",
+        xl: "var(--mieweb-radius-xl, 1rem)"
+      },
+      boxShadow: {
+        card: "var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))"
+      },
+      keyframes: {
+        "fade-in": {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        "fade-out": {
+          "0%": { opacity: "1" },
+          "100%": { opacity: "0" }
+        },
+        "slide-in-from-top": {
+          "0%": { transform: "translateY(-0.5rem)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        "slide-in-from-bottom": {
+          "0%": { transform: "translateY(0.5rem)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        "slide-in-right": {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "slide-in-left": {
+          "0%": { transform: "translateX(-100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "scale-in": {
+          "0%": { transform: "scale(0.95)", opacity: "0" },
+          "100%": { transform: "scale(1)", opacity: "1" }
+        }
+      },
+      animation: {
+        "fade-in": "fade-in 150ms ease-out",
+        "fade-out": "fade-out 150ms ease-in",
+        "slide-in-from-top": "slide-in-from-top 150ms ease-out",
+        "slide-in-from-bottom": "slide-in-from-bottom 150ms ease-out",
+        "slide-in-right": "slide-in-right 300ms ease-out",
+        "slide-in-left": "slide-in-left 300ms ease-out",
+        "scale-in": "scale-in 150ms ease-out"
+      }
+    }
+  }
+};
+var tailwind_preset_default = miewebUIPreset;
+
+export { miewebUIPreset, miewebUISafelist, tailwind_preset_default };
+//# sourceMappingURL=chunk-O7WRE2WX.js.map
+//# sourceMappingURL=chunk-O7WRE2WX.js.map

package/dist/chunk-O7WRE2WX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":";AA6BO,IAAM,gBAAA,GAAmB;AAAA;AAAA,EAE9B,eAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,6BAAA;AAAA,EACA,WAAA;AAAA,EACA,sBAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA,EACA,qBAAA;AAAA,EACA,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,iBAAA;AAAA,EACA,iBAAA;AAAA;AAAA,EAEA;AACF;AAUO,IAAM,cAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,CAAC,OAAA,EAAS,qBAAqB,CAAA;AAAA,EACzC,QAAA,EAAU,gBAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,2DAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,MAAA,EAAQ,8CAAA;AAAA,QACR,KAAA,EAAO,6CAAA;AAAA,QACP,IAAA,EAAM,4CAAA;AAAA,QACN,UAAA,EAAY,0CAAA;AAAA,QACZ,UAAA,EAAY,+CAAA;AAAA;AAAA,QAEZ,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,oCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,yCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,+CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,+CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,8CAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,sCAAA;AAAA,UACT,UAAA,EAAY;AAAA;AACd,OACF;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,wCAAA;AAAA,UACA,WAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,KAAA,EAAO,gCAAA;AAAA,QACP,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,iCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,mBAAA,EAAqB;AAAA,UACnB,IAAA,EAAM,EAAE,SAAA,EAAW,qBAAA,EAAuB,SAAS,GAAA,EAAI;AAAA,UACvD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,sBAAA,EAAwB;AAAA,UACtB,IAAA,EAAM,EAAE,SAAA,EAAW,oBAAA,EAAsB,SAAS,GAAA,EAAI;AAAA,UACtD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,SAAA,EAAW,kBAAA,EAAoB,SAAS,GAAA,EAAI;AAAA,UACpD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAqB,SAAS,GAAA,EAAI;AAAA,UACrD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,GAAA,EAAI;AAAA,UAC/C,MAAA,EAAQ,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAA;AAAI;AAChD,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,wBAAA;AAAA,QACX,UAAA,EAAY,wBAAA;AAAA,QACZ,mBAAA,EAAqB,kCAAA;AAAA,QACrB,sBAAA,EAAwB,qCAAA;AAAA,QACxB,gBAAA,EAAkB,+BAAA;AAAA,QAClB,eAAA,EAAiB,8BAAA;AAAA,QACjB,UAAA,EAAY;AAAA;AACd;AACF;AAEJ;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-O7WRE2WX.js","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n *   presets: [require('@mieweb/ui/tailwind-preset')],\n *   theme: {\n *     extend: {\n *       colors: {\n *         primary: {\n *           500: '#your-brand-color',\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n * These must be safelisted because Tailwind may not detect them when\n * components are imported from node_modules (especially with Tailwind CSS 4).\n */\nexport const miewebUISafelist = [\n  // Semantic colors\n  'border-border',\n  'border-input',\n  'ring-ring',\n  'bg-background',\n  'bg-card',\n  'bg-muted',\n  'bg-primary',\n  'bg-success',\n  'bg-warning',\n  'bg-destructive',\n  'bg-info',\n  'text-foreground',\n  'text-card-foreground',\n  'text-muted-foreground',\n  'text-primary',\n  'text-primary-foreground',\n  'text-success',\n  'text-success-foreground',\n  'text-warning',\n  'text-warning-foreground',\n  'text-destructive',\n  'text-destructive-foreground',\n  'text-info',\n  'text-info-foreground',\n  'focus:ring-ring',\n  'focus:ring-primary',\n  'focus:border-transparent',\n  'focus:ring-destructive',\n  'border-primary',\n  'border-destructive',\n  'ring-primary',\n  'ring-2',\n  'ring-offset-2',\n  // Grid classes for QuickAction and responsive layouts\n  'grid-cols-1',\n  'grid-cols-2',\n  'grid-cols-3',\n  'grid-cols-4',\n  'grid-cols-6',\n  'sm:grid-cols-1',\n  'sm:grid-cols-2',\n  'sm:grid-cols-3',\n  'sm:grid-cols-4',\n  'sm:grid-cols-6',\n  'md:grid-cols-2',\n  'md:grid-cols-3',\n  'md:grid-cols-4',\n  'lg:grid-cols-2',\n  'lg:grid-cols-3',\n  'lg:grid-cols-4',\n  // Switch component\n  'bg-neutral-200',\n  'dark:bg-neutral-700',\n  'bg-primary-500',\n  'h-5',\n  'w-9',\n  'h-6',\n  'w-11',\n  'h-7',\n  'w-14',\n  'h-4',\n  'w-4',\n  'w-5',\n  'w-6',\n  'translate-x-0.5',\n  'translate-x-4',\n  'translate-x-5',\n  'translate-x-7',\n  // SchedulePicker / overflow handling\n  'overflow-x-auto',\n  'overflow-hidden',\n  // Select component\n  'truncate',\n];\n\nexport interface MiewebUIPreset {\n  darkMode: ['class', '[data-theme=\"dark\"]'];\n  safelist: string[];\n  theme: {\n    extend: Record<string, unknown>;\n  };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'],\n  safelist: miewebUISafelist,\n  theme: {\n    extend: {\n      colors: {\n        // Primary color scale - easily overridable by consumers\n        primary: {\n          DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n          50: 'var(--mieweb-primary-50, #f0f9ff)',\n          100: 'var(--mieweb-primary-100, #e0f4fe)',\n          200: 'var(--mieweb-primary-200, #b9eafd)',\n          300: 'var(--mieweb-primary-300, #7cdbfc)',\n          400: 'var(--mieweb-primary-400, #36c9f8)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #0c90c9)',\n          700: 'var(--mieweb-primary-700, #0b73a3)',\n          800: 'var(--mieweb-primary-800, #0f6086)',\n          900: 'var(--mieweb-primary-900, #124f6f)',\n          950: 'var(--mieweb-primary-950, #0c334a)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Semantic colors using CSS variables for theming\n        border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n        input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n        ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n        background: 'var(--mieweb-background, hsl(0 0% 100%))',\n        foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n        // Component-specific semantic colors\n        card: {\n          DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n          foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n        },\n        muted: {\n          DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n          foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n        },\n        destructive: {\n          DEFAULT: 'var(--mieweb-destructive, hsl(0 84.2% 60.2%))',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        success: {\n          DEFAULT: 'var(--mieweb-success, hsl(142.1 76.2% 36.3%))',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        warning: {\n          DEFAULT: 'var(--mieweb-warning, hsl(45.4 93.4% 47.5%))',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        info: {\n          DEFAULT: 'var(--mieweb-info, hsl(204 94% 94%))',\n          foreground: 'var(--mieweb-info-foreground, hsl(213 31% 91%))',\n        },\n      },\n      fontFamily: {\n        sans: [\n          'var(--mieweb-font-sans, ui-sans-serif)',\n          'system-ui',\n          'sans-serif',\n        ],\n      },\n      borderRadius: {\n        '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n        lg: 'var(--mieweb-radius-lg, 0.75rem)',\n        md: 'var(--mieweb-radius-md, 0.5rem)',\n        sm: 'var(--mieweb-radius-sm, 0.25rem)',\n        xl: 'var(--mieweb-radius-xl, 1rem)',\n      },\n      boxShadow: {\n        card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n      },\n      keyframes: {\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        'slide-in-from-top': {\n          '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-from-bottom': {\n          '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-right': {\n          '0%': { transform: 'translateX(100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'slide-in-left': {\n          '0%': { transform: 'translateX(-100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'scale-in': {\n          '0%': { transform: 'scale(0.95)', opacity: '0' },\n          '100%': { transform: 'scale(1)', opacity: '1' },\n        },\n      },\n      animation: {\n        'fade-in': 'fade-in 150ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n        'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n        'slide-in-right': 'slide-in-right 300ms ease-out',\n        'slide-in-left': 'slide-in-left 300ms ease-out',\n        'scale-in': 'scale-in 150ms ease-out',\n      },\n    },\n  },\n};\n\nexport default miewebUIPreset;\n"]}

package/dist/chunk-ONWOB76P.js

@@ -0,0 +1,319 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var paginationButtonVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-medium transition-colors duration-200",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "text-muted-foreground hover:text-foreground hover:bg-muted",
+          "data-[active=true]:bg-primary-500 data-[active=true]:text-white"
+        ],
+        outline: [
+          "border border-border text-muted-foreground",
+          "hover:bg-muted hover:text-foreground",
+          "data-[active=true]:border-primary-500 data-[active=true]:bg-primary-50 data-[active=true]:text-primary-500",
+          "dark:data-[active=true]:bg-primary-950"
+        ],
+        ghost: [
+          "text-muted-foreground hover:text-foreground hover:bg-muted",
+          "data-[active=true]:text-primary-500 data-[active=true]:font-semibold"
+        ]
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2.5 text-xs rounded-md gap-1",
+        md: "h-10 min-w-10 px-3 text-sm rounded-lg gap-1.5",
+        lg: "h-12 min-w-12 px-4 text-base rounded-xl gap-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  showFirstLast = true,
+  showPrevNext = true,
+  variant,
+  size,
+  labels,
+  className
+}) {
+  const pageRange = React.useMemo(() => {
+    const range = [];
+    range.push(1);
+    const leftSiblingIndex = Math.max(page - siblingCount, 2);
+    const rightSiblingIndex = Math.min(page + siblingCount, totalPages - 1);
+    const showLeftEllipsis = leftSiblingIndex > 2;
+    const showRightEllipsis = rightSiblingIndex < totalPages - 1;
+    if (showLeftEllipsis) {
+      range.push("ellipsis");
+    }
+    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {
+      if (i !== 1 && i !== totalPages) {
+        range.push(i);
+      }
+    }
+    if (showRightEllipsis) {
+      range.push("ellipsis");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  }, [page, totalPages, siblingCount]);
+  const canGoPrev = page > 1;
+  const canGoNext = page < totalPages;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "Pagination",
+      className: cn("flex items-center gap-1", className),
+      children: [
+        showFirstLast && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(1),
+            disabled: !canGoPrev,
+            "aria-label": labels?.first || "Go to first page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels?.first || "First" })
+            ]
+          }
+        ),
+        showPrevNext && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page - 1),
+            disabled: !canGoPrev,
+            "aria-label": labels?.previous || "Go to previous page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only sm:not-sr-only", children: labels?.previous || "Previous" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: pageRange.map((item, index) => {
+          if (item === "ellipsis") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  paginationButtonVariants({ variant, size }),
+                  "cursor-default hover:bg-transparent"
+                ),
+                "aria-hidden": "true",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(item),
+              "aria-label": `Go to page ${item}`,
+              "aria-current": item === page ? "page" : void 0,
+              "data-active": item === page,
+              className: cn(paginationButtonVariants({ variant, size })),
+              children: item
+            },
+            item
+          );
+        }) }),
+        showPrevNext && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page + 1),
+            disabled: !canGoNext,
+            "aria-label": labels?.next || "Go to next page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only sm:not-sr-only", children: labels?.next || "Next" }),
+              /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        showFirstLast && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(totalPages),
+            disabled: !canGoNext,
+            "aria-label": labels?.last || "Go to last page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels?.last || "Last" }),
+              /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+Pagination.displayName = "Pagination";
+function SimplePagination({
+  page,
+  totalPages,
+  onPageChange,
+  showPageInfo = true,
+  variant,
+  size,
+  className
+}) {
+  const canGoPrev = page > 1;
+  const canGoNext = page < totalPages;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "Pagination",
+      className: cn("flex items-center gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page - 1),
+            disabled: !canGoPrev,
+            "aria-label": "Go to previous page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { children: "Previous" })
+            ]
+          }
+        ),
+        showPageInfo && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground px-2 text-sm", children: [
+          "Page ",
+          page,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPageChange(page + 1),
+            disabled: !canGoNext,
+            "aria-label": "Go to next page",
+            className: cn(paginationButtonVariants({ variant, size })),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "Next" }),
+              /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+SimplePagination.displayName = "SimplePagination";
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function ChevronsLeftIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "m18 17-5-5 5-5" })
+      ]
+    }
+  );
+}
+function ChevronsRightIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "m6 17 5-5-5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "m13 17 5-5-5-5" })
+      ]
+    }
+  );
+}
+
+export { Pagination, SimplePagination, paginationButtonVariants };
+//# sourceMappingURL=chunk-ONWOB76P.js.map
+//# sourceMappingURL=chunk-ONWOB76P.js.map

package/dist/chunk-ONWOB76P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-ONWOB76P.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Pagination Button Variants\n// ============================================================================\n\nconst paginationButtonVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium transition-colors duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:bg-primary-500 data-[active=true]:text-white',\n        ],\n        outline: [\n          'border border-border text-muted-foreground',\n          'hover:bg-muted hover:text-foreground',\n          'data-[active=true]:border-primary-500 data-[active=true]:bg-primary-50 data-[active=true]:text-primary-500',\n          'dark:data-[active=true]:bg-primary-950',\n        ],\n        ghost: [\n          'text-muted-foreground hover:text-foreground hover:bg-muted',\n          'data-[active=true]:text-primary-500 data-[active=true]:font-semibold',\n        ],\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2.5 text-xs rounded-md gap-1',\n        md: 'h-10 min-w-10 px-3 text-sm rounded-lg gap-1.5',\n        lg: 'h-12 min-w-12 px-4 text-base rounded-xl gap-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Pagination Component\n// ============================================================================\n\nexport interface PaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number;\n  /** Show first/last page buttons */\n  showFirstLast?: boolean;\n  /** Show prev/next buttons */\n  showPrevNext?: boolean;\n  /** Labels for navigation buttons */\n  labels?: {\n    first?: string;\n    previous?: string;\n    next?: string;\n    last?: string;\n  };\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A pagination component for navigating through pages.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  showFirstLast = true,\n  showPrevNext = true,\n  variant,\n  size,\n  labels,\n  className,\n}: PaginationProps) {\n  // Calculate page range to display\n  const pageRange = React.useMemo(() => {\n    const range: (number | 'ellipsis')[] = [];\n\n    // Always show first page\n    range.push(1);\n\n    // Calculate start and end of sibling range\n    const leftSiblingIndex = Math.max(page - siblingCount, 2);\n    const rightSiblingIndex = Math.min(page + siblingCount, totalPages - 1);\n\n    // Show left ellipsis if needed\n    const showLeftEllipsis = leftSiblingIndex > 2;\n    // Show right ellipsis if needed\n    const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n    if (showLeftEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Add sibling pages\n    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n      if (i !== 1 && i !== totalPages) {\n        range.push(i);\n      }\n    }\n\n    if (showRightEllipsis) {\n      range.push('ellipsis');\n    }\n\n    // Always show last page if more than 1 page\n    if (totalPages > 1) {\n      range.push(totalPages);\n    }\n\n    return range;\n  }, [page, totalPages, siblingCount]);\n\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-1', className)}\n    >\n      {/* First Page Button */}\n      {showFirstLast && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.first || 'Go to first page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronsLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only\">{labels?.first || 'First'}</span>\n        </button>\n      )}\n\n      {/* Previous Button */}\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={!canGoPrev}\n          aria-label={labels?.previous || 'Go to previous page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <ChevronLeftIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.previous || 'Previous'}\n          </span>\n        </button>\n      )}\n\n      {/* Page Numbers */}\n      <div className=\"flex items-center gap-1\">\n        {pageRange.map((item, index) => {\n          if (item === 'ellipsis') {\n            return (\n              <span\n                key={`ellipsis-${index}`}\n                className={cn(\n                  paginationButtonVariants({ variant, size }),\n                  'cursor-default hover:bg-transparent'\n                )}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          return (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onPageChange(item)}\n              aria-label={`Go to page ${item}`}\n              aria-current={item === page ? 'page' : undefined}\n              data-active={item === page}\n              className={cn(paginationButtonVariants({ variant, size }))}\n            >\n              {item}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Next Button */}\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!canGoNext}\n          aria-label={labels?.next || 'Go to next page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only sm:not-sr-only\">\n            {labels?.next || 'Next'}\n          </span>\n          <ChevronRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n\n      {/* Last Page Button */}\n      {showFirstLast && (\n        <button\n          type=\"button\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          aria-label={labels?.last || 'Go to last page'}\n          className={cn(paginationButtonVariants({ variant, size }))}\n        >\n          <span className=\"sr-only\">{labels?.last || 'Last'}</span>\n          <ChevronsRightIcon className=\"h-4 w-4\" />\n        </button>\n      )}\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n\n// ============================================================================\n// Simple Pagination Component\n// ============================================================================\n\nexport interface SimplePaginationProps extends VariantProps<\n  typeof paginationButtonVariants\n> {\n  /** Current page */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Callback when page changes */\n  onPageChange: (page: number) => void;\n  /** Show page info */\n  showPageInfo?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A simple pagination with just prev/next buttons.\n *\n * @example\n * ```tsx\n * <SimplePagination\n *   page={1}\n *   totalPages={10}\n *   onPageChange={setPage}\n *   showPageInfo\n * />\n * ```\n */\nfunction SimplePagination({\n  page,\n  totalPages,\n  onPageChange,\n  showPageInfo = true,\n  variant,\n  size,\n  className,\n}: SimplePaginationProps) {\n  const canGoPrev = page > 1;\n  const canGoNext = page < totalPages;\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cn('flex items-center gap-2', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page - 1)}\n        disabled={!canGoPrev}\n        aria-label=\"Go to previous page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <ChevronLeftIcon className=\"h-4 w-4\" />\n        <span>Previous</span>\n      </button>\n\n      {showPageInfo && (\n        <span className=\"text-muted-foreground px-2 text-sm\">\n          Page {page} of {totalPages}\n        </span>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page + 1)}\n        disabled={!canGoNext}\n        aria-label=\"Go to next page\"\n        className={cn(paginationButtonVariants({ variant, size }))}\n      >\n        <span>Next</span>\n        <ChevronRightIcon className=\"h-4 w-4\" />\n      </button>\n    </nav>\n  );\n}\n\nSimplePagination.displayName = 'SimplePagination';\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronsLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m11 17-5-5 5-5\" />\n      <path d=\"m18 17-5-5 5-5\" />\n    </svg>\n  );\n}\n\nfunction ChevronsRightIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 17 5-5-5-5\" />\n      <path d=\"m13 17 5-5-5-5\" />\n    </svg>\n  );\n}\n\nexport { Pagination, SimplePagination, paginationButtonVariants };\n"]}

package/dist/chunk-OR5DRJCW.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-OR5DRJCW.cjs.map
+//# sourceMappingURL=chunk-OR5DRJCW.cjs.map

package/dist/chunk-OR5DRJCW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;AAaO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-OR5DRJCW.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes with proper precedence.\n * Combines clsx for conditional classes with tailwind-merge for deduplication.\n *\n * @example\n * ```tsx\n * cn('px-4 py-2', isActive && 'bg-primary-500', className)\n * // Properly merges and dedupes Tailwind classes\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}