@mieweb/ui 0.2.1 → 0.2.4

package/dist/chunk-SSKI6VTW.cjs

@@ -0,0 +1,449 @@
+'use strict';
+
+// 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",
+  "border-success",
+  "focus:ring-success/20",
+  "focus:ring-destructive/20",
+  // Opacity-modifier variants for semantic colors used by components
+  "bg-background/60",
+  "bg-background/80",
+  "bg-background/90",
+  "bg-background/95",
+  "bg-card/80",
+  "bg-destructive/5",
+  "bg-destructive/10",
+  "bg-foreground/50",
+  "bg-info/10",
+  "bg-muted/10",
+  "bg-muted/30",
+  "bg-muted/50",
+  "bg-primary/5",
+  "bg-primary/10",
+  "bg-success/10",
+  "bg-warning/10",
+  "border-border/80",
+  "border-destructive/20",
+  "border-destructive/30",
+  "border-destructive/50",
+  "border-info/30",
+  "border-muted-foreground/25",
+  "border-muted-foreground/40",
+  "border-primary/30",
+  "border-primary/50",
+  "border-success/30",
+  "border-success/50",
+  "border-warning/30",
+  "hover:bg-destructive/10",
+  "hover:bg-muted/10",
+  "hover:bg-muted/20",
+  "hover:bg-muted/50",
+  "hover:bg-muted/80",
+  "hover:bg-primary/5",
+  "hover:bg-primary/10",
+  "hover:bg-primary/20",
+  "hover:bg-primary/90",
+  "hover:border-border/80",
+  "hover:border-muted-foreground/50",
+  "hover:text-destructive/80",
+  "hover:text-primary/80",
+  "text-muted-foreground/30",
+  "text-muted-foreground/40",
+  "text-muted-foreground/50",
+  "text-muted-foreground/60",
+  "text-muted-foreground/70",
+  "text-primary/80",
+  "text-primary-foreground/90",
+  "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",
+  // ── Expanded Color Scales ────────────────────────────────────────
+  // Secondary scale
+  "bg-secondary",
+  "bg-secondary-50",
+  "bg-secondary-100",
+  "bg-secondary-500",
+  "bg-secondary-600",
+  "text-secondary",
+  "text-secondary-500",
+  "text-secondary-600",
+  "text-secondary-700",
+  "text-secondary-foreground",
+  "border-secondary",
+  "border-secondary-200",
+  // Neutral scale
+  "bg-neutral-50",
+  "bg-neutral-100",
+  "bg-neutral-200",
+  "bg-neutral-300",
+  "bg-neutral-800",
+  "bg-neutral-900",
+  "text-neutral-500",
+  "text-neutral-600",
+  "text-neutral-700",
+  "text-neutral-400",
+  "border-neutral-200",
+  "border-neutral-300",
+  "dark:bg-neutral-700",
+  "dark:bg-neutral-800",
+  "dark:text-neutral-300",
+  "dark:text-neutral-400",
+  "dark:border-neutral-600",
+  "dark:border-neutral-700",
+  // Destructive scale
+  "bg-destructive-50",
+  "bg-destructive-100",
+  "bg-destructive-500",
+  "bg-destructive-600",
+  "text-destructive-500",
+  "text-destructive-600",
+  "text-destructive-700",
+  "text-destructive-800",
+  "text-destructive-900",
+  "border-destructive-200",
+  "border-destructive-300",
+  "dark:bg-destructive-900",
+  "dark:bg-destructive-950",
+  "dark:text-destructive-300",
+  "dark:text-destructive-400",
+  // Success scale
+  "bg-success-50",
+  "bg-success-100",
+  "bg-success-500",
+  "bg-success-600",
+  "text-success-500",
+  "text-success-600",
+  "text-success-700",
+  "text-success-800",
+  "text-success-900",
+  "border-success-200",
+  "border-success-300",
+  "dark:bg-success-900",
+  "dark:bg-success-950",
+  "dark:text-success-300",
+  "dark:text-success-400",
+  // Warning scale
+  "bg-warning-50",
+  "bg-warning-100",
+  "bg-warning-500",
+  "bg-warning-600",
+  "text-warning-500",
+  "text-warning-600",
+  "text-warning-700",
+  "text-warning-800",
+  "text-warning-900",
+  "border-warning-200",
+  "border-warning-300",
+  "dark:bg-warning-900",
+  "dark:bg-warning-950",
+  "dark:text-warning-300",
+  "dark:text-warning-400",
+  // Info scale
+  "bg-info-50",
+  "bg-info-100",
+  "bg-info-500",
+  "bg-info-600",
+  "text-info-500",
+  "text-info-600",
+  "text-info-700",
+  "text-info-800",
+  "text-info-900",
+  "border-info-200",
+  "border-info-300",
+  "dark:bg-info-900",
+  "dark:bg-info-950",
+  "dark:text-info-300",
+  "dark:text-info-400",
+  // Chart colors
+  "bg-chart-1",
+  "bg-chart-2",
+  "bg-chart-3",
+  "bg-chart-4",
+  "bg-chart-5",
+  "text-chart-1",
+  "text-chart-2",
+  "text-chart-3",
+  "text-chart-4",
+  "text-chart-5",
+  "border-chart-1",
+  "border-chart-2",
+  "border-chart-3",
+  "border-chart-4",
+  "border-chart-5",
+  // Switch component
+  "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, #e6f7fc)",
+          100: "var(--mieweb-primary-100, #b3e6f6)",
+          200: "var(--mieweb-primary-200, #80d5f0)",
+          300: "var(--mieweb-primary-300, #4dc4ea)",
+          400: "var(--mieweb-primary-400, #27aae1)",
+          500: "var(--mieweb-primary-500, #27aae1)",
+          600: "var(--mieweb-primary-600, #1f98ca)",
+          700: "var(--mieweb-primary-700, #1786b3)",
+          800: "var(--mieweb-primary-800, #0f749c)",
+          900: "var(--mieweb-primary-900, #086285)",
+          950: "var(--mieweb-primary-950, #00506e)",
+          foreground: "var(--mieweb-primary-foreground, hsl(210 40% 98%))"
+        },
+        // Secondary color scale
+        secondary: {
+          DEFAULT: "var(--mieweb-secondary-500, #6366f1)",
+          50: "var(--mieweb-secondary-50, #eef2ff)",
+          100: "var(--mieweb-secondary-100, #e0e7ff)",
+          200: "var(--mieweb-secondary-200, #c7d2fe)",
+          300: "var(--mieweb-secondary-300, #a5b4fc)",
+          400: "var(--mieweb-secondary-400, #818cf8)",
+          500: "var(--mieweb-secondary-500, #6366f1)",
+          600: "var(--mieweb-secondary-600, #4f46e5)",
+          700: "var(--mieweb-secondary-700, #4338ca)",
+          800: "var(--mieweb-secondary-800, #3730a3)",
+          900: "var(--mieweb-secondary-900, #312e81)",
+          950: "var(--mieweb-secondary-950, #1e1b4b)",
+          foreground: "var(--mieweb-secondary-foreground, #ffffff)"
+        },
+        // Neutral / gray scale
+        neutral: {
+          DEFAULT: "var(--mieweb-neutral-500, #737373)",
+          50: "var(--mieweb-neutral-50, #fafafa)",
+          100: "var(--mieweb-neutral-100, #f5f5f5)",
+          200: "var(--mieweb-neutral-200, #e5e5e5)",
+          300: "var(--mieweb-neutral-300, #d4d4d4)",
+          400: "var(--mieweb-neutral-400, #a3a3a3)",
+          500: "var(--mieweb-neutral-500, #737373)",
+          600: "var(--mieweb-neutral-600, #525252)",
+          700: "var(--mieweb-neutral-700, #404040)",
+          800: "var(--mieweb-neutral-800, #262626)",
+          900: "var(--mieweb-neutral-900, #171717)",
+          950: "var(--mieweb-neutral-950, #0a0a0a)"
+        },
+        // 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 / error scale
+        destructive: {
+          DEFAULT: "var(--mieweb-destructive-500, #ef4444)",
+          50: "var(--mieweb-destructive-50, #fef2f2)",
+          100: "var(--mieweb-destructive-100, #fee2e2)",
+          200: "var(--mieweb-destructive-200, #fecaca)",
+          300: "var(--mieweb-destructive-300, #fca5a5)",
+          400: "var(--mieweb-destructive-400, #f87171)",
+          500: "var(--mieweb-destructive-500, #ef4444)",
+          600: "var(--mieweb-destructive-600, #dc2626)",
+          700: "var(--mieweb-destructive-700, #b91c1c)",
+          800: "var(--mieweb-destructive-800, #991b1b)",
+          900: "var(--mieweb-destructive-900, #7f1d1d)",
+          950: "var(--mieweb-destructive-950, #450a0a)",
+          foreground: "var(--mieweb-destructive-foreground, hsl(210 40% 98%))"
+        },
+        // Success scale
+        success: {
+          DEFAULT: "var(--mieweb-success-500, #22c55e)",
+          50: "var(--mieweb-success-50, #f0fdf4)",
+          100: "var(--mieweb-success-100, #dcfce7)",
+          200: "var(--mieweb-success-200, #bbf7d0)",
+          300: "var(--mieweb-success-300, #86efac)",
+          400: "var(--mieweb-success-400, #4ade80)",
+          500: "var(--mieweb-success-500, #22c55e)",
+          600: "var(--mieweb-success-600, #16a34a)",
+          700: "var(--mieweb-success-700, #15803d)",
+          800: "var(--mieweb-success-800, #166534)",
+          900: "var(--mieweb-success-900, #14532d)",
+          950: "var(--mieweb-success-950, #052e16)",
+          foreground: "var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))"
+        },
+        // Warning scale
+        warning: {
+          DEFAULT: "var(--mieweb-warning-500, #f59e0b)",
+          50: "var(--mieweb-warning-50, #fffbeb)",
+          100: "var(--mieweb-warning-100, #fef3c7)",
+          200: "var(--mieweb-warning-200, #fde68a)",
+          300: "var(--mieweb-warning-300, #fcd34d)",
+          400: "var(--mieweb-warning-400, #fbbf24)",
+          500: "var(--mieweb-warning-500, #f59e0b)",
+          600: "var(--mieweb-warning-600, #d97706)",
+          700: "var(--mieweb-warning-700, #b45309)",
+          800: "var(--mieweb-warning-800, #92400e)",
+          900: "var(--mieweb-warning-900, #78350f)",
+          950: "var(--mieweb-warning-950, #451a03)",
+          foreground: "var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))"
+        },
+        // Info scale
+        info: {
+          DEFAULT: "var(--mieweb-info-500, #0ea5e9)",
+          50: "var(--mieweb-info-50, #f0f9ff)",
+          100: "var(--mieweb-info-100, #e0f2fe)",
+          200: "var(--mieweb-info-200, #bae6fd)",
+          300: "var(--mieweb-info-300, #7dd3fc)",
+          400: "var(--mieweb-info-400, #38bdf8)",
+          500: "var(--mieweb-info-500, #0ea5e9)",
+          600: "var(--mieweb-info-600, #0284c7)",
+          700: "var(--mieweb-info-700, #0369a1)",
+          800: "var(--mieweb-info-800, #075985)",
+          900: "var(--mieweb-info-900, #0c4a6e)",
+          950: "var(--mieweb-info-950, #082f49)",
+          foreground: "var(--mieweb-info-foreground, #ffffff)"
+        },
+        // Chart / data visualization
+        chart: {
+          1: "var(--mieweb-chart-1, #27aae1)",
+          2: "var(--mieweb-chart-2, #22c55e)",
+          3: "var(--mieweb-chart-3, #f59e0b)",
+          4: "var(--mieweb-chart-4, #ef4444)",
+          5: "var(--mieweb-chart-5, #6366f1)"
+        }
+      },
+      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;
+
+exports.miewebUIPreset = miewebUIPreset;
+exports.miewebUISafelist = miewebUISafelist;
+exports.tailwind_preset_default = tailwind_preset_default;
+//# sourceMappingURL=chunk-SSKI6VTW.cjs.map
+//# sourceMappingURL=chunk-SSKI6VTW.cjs.map

package/dist/chunk-SSKI6VTW.cjs.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,gBAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,gBAAA;AAAA,EACA,4BAAA;AAAA,EACA,4BAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,wBAAA;AAAA,EACA,kCAAA;AAAA,EACA,2BAAA;AAAA,EACA,uBAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,iBAAA;AAAA,EACA,4BAAA;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;AAAA,EAGA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,2BAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,wBAAA;AAAA,EACA,wBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA,EACA,2BAAA;AAAA,EACA,2BAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAEA,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,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,sCAAA;AAAA,UACT,EAAA,EAAI,qCAAA;AAAA,UACJ,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;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;AAAA,SACP;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;AAAA,QAEA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,wCAAA;AAAA,UACT,EAAA,EAAI,uCAAA;AAAA,UACJ,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;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,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;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,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,iCAAA;AAAA,UACT,EAAA,EAAI,gCAAA;AAAA,UACJ,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,KAAA,EAAO;AAAA,UACL,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG;AAAA;AACL,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-SSKI6VTW.cjs","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  'border-success',\n  'focus:ring-success/20',\n  'focus:ring-destructive/20',\n  // Opacity-modifier variants for semantic colors used by components\n  'bg-background/60',\n  'bg-background/80',\n  'bg-background/90',\n  'bg-background/95',\n  'bg-card/80',\n  'bg-destructive/5',\n  'bg-destructive/10',\n  'bg-foreground/50',\n  'bg-info/10',\n  'bg-muted/10',\n  'bg-muted/30',\n  'bg-muted/50',\n  'bg-primary/5',\n  'bg-primary/10',\n  'bg-success/10',\n  'bg-warning/10',\n  'border-border/80',\n  'border-destructive/20',\n  'border-destructive/30',\n  'border-destructive/50',\n  'border-info/30',\n  'border-muted-foreground/25',\n  'border-muted-foreground/40',\n  'border-primary/30',\n  'border-primary/50',\n  'border-success/30',\n  'border-success/50',\n  'border-warning/30',\n  'hover:bg-destructive/10',\n  'hover:bg-muted/10',\n  'hover:bg-muted/20',\n  'hover:bg-muted/50',\n  'hover:bg-muted/80',\n  'hover:bg-primary/5',\n  'hover:bg-primary/10',\n  'hover:bg-primary/20',\n  'hover:bg-primary/90',\n  'hover:border-border/80',\n  'hover:border-muted-foreground/50',\n  'hover:text-destructive/80',\n  'hover:text-primary/80',\n  'text-muted-foreground/30',\n  'text-muted-foreground/40',\n  'text-muted-foreground/50',\n  'text-muted-foreground/60',\n  'text-muted-foreground/70',\n  'text-primary/80',\n  'text-primary-foreground/90',\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  // ── Expanded Color Scales ────────────────────────────────────────\n  // Secondary scale\n  'bg-secondary',\n  'bg-secondary-50',\n  'bg-secondary-100',\n  'bg-secondary-500',\n  'bg-secondary-600',\n  'text-secondary',\n  'text-secondary-500',\n  'text-secondary-600',\n  'text-secondary-700',\n  'text-secondary-foreground',\n  'border-secondary',\n  'border-secondary-200',\n  // Neutral scale\n  'bg-neutral-50',\n  'bg-neutral-100',\n  'bg-neutral-200',\n  'bg-neutral-300',\n  'bg-neutral-800',\n  'bg-neutral-900',\n  'text-neutral-500',\n  'text-neutral-600',\n  'text-neutral-700',\n  'text-neutral-400',\n  'border-neutral-200',\n  'border-neutral-300',\n  'dark:bg-neutral-700',\n  'dark:bg-neutral-800',\n  'dark:text-neutral-300',\n  'dark:text-neutral-400',\n  'dark:border-neutral-600',\n  'dark:border-neutral-700',\n  // Destructive scale\n  'bg-destructive-50',\n  'bg-destructive-100',\n  'bg-destructive-500',\n  'bg-destructive-600',\n  'text-destructive-500',\n  'text-destructive-600',\n  'text-destructive-700',\n  'text-destructive-800',\n  'text-destructive-900',\n  'border-destructive-200',\n  'border-destructive-300',\n  'dark:bg-destructive-900',\n  'dark:bg-destructive-950',\n  'dark:text-destructive-300',\n  'dark:text-destructive-400',\n  // Success scale\n  'bg-success-50',\n  'bg-success-100',\n  'bg-success-500',\n  'bg-success-600',\n  'text-success-500',\n  'text-success-600',\n  'text-success-700',\n  'text-success-800',\n  'text-success-900',\n  'border-success-200',\n  'border-success-300',\n  'dark:bg-success-900',\n  'dark:bg-success-950',\n  'dark:text-success-300',\n  'dark:text-success-400',\n  // Warning scale\n  'bg-warning-50',\n  'bg-warning-100',\n  'bg-warning-500',\n  'bg-warning-600',\n  'text-warning-500',\n  'text-warning-600',\n  'text-warning-700',\n  'text-warning-800',\n  'text-warning-900',\n  'border-warning-200',\n  'border-warning-300',\n  'dark:bg-warning-900',\n  'dark:bg-warning-950',\n  'dark:text-warning-300',\n  'dark:text-warning-400',\n  // Info scale\n  'bg-info-50',\n  'bg-info-100',\n  'bg-info-500',\n  'bg-info-600',\n  'text-info-500',\n  'text-info-600',\n  'text-info-700',\n  'text-info-800',\n  'text-info-900',\n  'border-info-200',\n  'border-info-300',\n  'dark:bg-info-900',\n  'dark:bg-info-950',\n  'dark:text-info-300',\n  'dark:text-info-400',\n  // Chart colors\n  'bg-chart-1',\n  'bg-chart-2',\n  'bg-chart-3',\n  'bg-chart-4',\n  'bg-chart-5',\n  'text-chart-1',\n  'text-chart-2',\n  'text-chart-3',\n  'text-chart-4',\n  'text-chart-5',\n  'border-chart-1',\n  'border-chart-2',\n  'border-chart-3',\n  'border-chart-4',\n  'border-chart-5',\n  // Switch component\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, #e6f7fc)',\n          100: 'var(--mieweb-primary-100, #b3e6f6)',\n          200: 'var(--mieweb-primary-200, #80d5f0)',\n          300: 'var(--mieweb-primary-300, #4dc4ea)',\n          400: 'var(--mieweb-primary-400, #27aae1)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #1f98ca)',\n          700: 'var(--mieweb-primary-700, #1786b3)',\n          800: 'var(--mieweb-primary-800, #0f749c)',\n          900: 'var(--mieweb-primary-900, #086285)',\n          950: 'var(--mieweb-primary-950, #00506e)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Secondary color scale\n        secondary: {\n          DEFAULT: 'var(--mieweb-secondary-500, #6366f1)',\n          50: 'var(--mieweb-secondary-50, #eef2ff)',\n          100: 'var(--mieweb-secondary-100, #e0e7ff)',\n          200: 'var(--mieweb-secondary-200, #c7d2fe)',\n          300: 'var(--mieweb-secondary-300, #a5b4fc)',\n          400: 'var(--mieweb-secondary-400, #818cf8)',\n          500: 'var(--mieweb-secondary-500, #6366f1)',\n          600: 'var(--mieweb-secondary-600, #4f46e5)',\n          700: 'var(--mieweb-secondary-700, #4338ca)',\n          800: 'var(--mieweb-secondary-800, #3730a3)',\n          900: 'var(--mieweb-secondary-900, #312e81)',\n          950: 'var(--mieweb-secondary-950, #1e1b4b)',\n          foreground: 'var(--mieweb-secondary-foreground, #ffffff)',\n        },\n        // Neutral / gray scale\n        neutral: {\n          DEFAULT: 'var(--mieweb-neutral-500, #737373)',\n          50: 'var(--mieweb-neutral-50, #fafafa)',\n          100: 'var(--mieweb-neutral-100, #f5f5f5)',\n          200: 'var(--mieweb-neutral-200, #e5e5e5)',\n          300: 'var(--mieweb-neutral-300, #d4d4d4)',\n          400: 'var(--mieweb-neutral-400, #a3a3a3)',\n          500: 'var(--mieweb-neutral-500, #737373)',\n          600: 'var(--mieweb-neutral-600, #525252)',\n          700: 'var(--mieweb-neutral-700, #404040)',\n          800: 'var(--mieweb-neutral-800, #262626)',\n          900: 'var(--mieweb-neutral-900, #171717)',\n          950: 'var(--mieweb-neutral-950, #0a0a0a)',\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 / error scale\n        destructive: {\n          DEFAULT: 'var(--mieweb-destructive-500, #ef4444)',\n          50: 'var(--mieweb-destructive-50, #fef2f2)',\n          100: 'var(--mieweb-destructive-100, #fee2e2)',\n          200: 'var(--mieweb-destructive-200, #fecaca)',\n          300: 'var(--mieweb-destructive-300, #fca5a5)',\n          400: 'var(--mieweb-destructive-400, #f87171)',\n          500: 'var(--mieweb-destructive-500, #ef4444)',\n          600: 'var(--mieweb-destructive-600, #dc2626)',\n          700: 'var(--mieweb-destructive-700, #b91c1c)',\n          800: 'var(--mieweb-destructive-800, #991b1b)',\n          900: 'var(--mieweb-destructive-900, #7f1d1d)',\n          950: 'var(--mieweb-destructive-950, #450a0a)',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        // Success scale\n        success: {\n          DEFAULT: 'var(--mieweb-success-500, #22c55e)',\n          50: 'var(--mieweb-success-50, #f0fdf4)',\n          100: 'var(--mieweb-success-100, #dcfce7)',\n          200: 'var(--mieweb-success-200, #bbf7d0)',\n          300: 'var(--mieweb-success-300, #86efac)',\n          400: 'var(--mieweb-success-400, #4ade80)',\n          500: 'var(--mieweb-success-500, #22c55e)',\n          600: 'var(--mieweb-success-600, #16a34a)',\n          700: 'var(--mieweb-success-700, #15803d)',\n          800: 'var(--mieweb-success-800, #166534)',\n          900: 'var(--mieweb-success-900, #14532d)',\n          950: 'var(--mieweb-success-950, #052e16)',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        // Warning scale\n        warning: {\n          DEFAULT: 'var(--mieweb-warning-500, #f59e0b)',\n          50: 'var(--mieweb-warning-50, #fffbeb)',\n          100: 'var(--mieweb-warning-100, #fef3c7)',\n          200: 'var(--mieweb-warning-200, #fde68a)',\n          300: 'var(--mieweb-warning-300, #fcd34d)',\n          400: 'var(--mieweb-warning-400, #fbbf24)',\n          500: 'var(--mieweb-warning-500, #f59e0b)',\n          600: 'var(--mieweb-warning-600, #d97706)',\n          700: 'var(--mieweb-warning-700, #b45309)',\n          800: 'var(--mieweb-warning-800, #92400e)',\n          900: 'var(--mieweb-warning-900, #78350f)',\n          950: 'var(--mieweb-warning-950, #451a03)',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        // Info scale\n        info: {\n          DEFAULT: 'var(--mieweb-info-500, #0ea5e9)',\n          50: 'var(--mieweb-info-50, #f0f9ff)',\n          100: 'var(--mieweb-info-100, #e0f2fe)',\n          200: 'var(--mieweb-info-200, #bae6fd)',\n          300: 'var(--mieweb-info-300, #7dd3fc)',\n          400: 'var(--mieweb-info-400, #38bdf8)',\n          500: 'var(--mieweb-info-500, #0ea5e9)',\n          600: 'var(--mieweb-info-600, #0284c7)',\n          700: 'var(--mieweb-info-700, #0369a1)',\n          800: 'var(--mieweb-info-800, #075985)',\n          900: 'var(--mieweb-info-900, #0c4a6e)',\n          950: 'var(--mieweb-info-950, #082f49)',\n          foreground: 'var(--mieweb-info-foreground, #ffffff)',\n        },\n        // Chart / data visualization\n        chart: {\n          1: 'var(--mieweb-chart-1, #27aae1)',\n          2: 'var(--mieweb-chart-2, #22c55e)',\n          3: 'var(--mieweb-chart-3, #f59e0b)',\n          4: 'var(--mieweb-chart-4, #ef4444)',\n          5: 'var(--mieweb-chart-5, #6366f1)',\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-SD44QJIP.js → chunk-TCQ27C5M.js}

@@ -11,7 +11,7 @@ var scrollLockState = {
   originalOverflow: null};
 var modalOverlayVariants = cva(
   [
-    "fixed inset-0 z-50",
+    "fixed inset-0",
     "bg-black/50 backdrop-blur-sm",
     "data-[state=open]:animate-in data-[state=open]:fade-in-0",
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
@@ -23,10 +23,17 @@ var modalOverlayVariants = cva(
 );
 var modalContentVariants = cva(
   [
-    "fixed left-1/2 top-1/2 z-50",
-    "-translate-x-1/2 -translate-y-1/2",
-    "w-full bg-card text-card-foreground",
-    "border border-border rounded-xl shadow-lg",
+    "relative w-full bg-card text-card-foreground",
+    "border border-border shadow-lg",
+    // Full-screen on mobile, rounded on larger screens
+    "rounded-none sm:rounded-xl",
+    "flex flex-col",
+    // Full viewport height on mobile, constrained on larger screens
+    "max-h-dvh sm:max-h-[calc(100dvh-2rem)]",
+    "min-h-dvh sm:min-h-0",
+    // If a <form> is used as a direct child (wrapping ModalBody + ModalFooter),
+    // make it participate in the flex column layout so overflow constraints work.
+    "[&>form]:flex [&>form]:flex-col [&>form]:flex-1 [&>form]:min-h-0",
     "focus:outline-none",
     "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
@@ -35,13 +42,13 @@ var modalContentVariants = cva(
   {
     variants: {
       size: {
-        sm: "max-w-sm",
-        md: "max-w-md",
-        lg: "max-w-lg",
-        xl: "max-w-xl",
-        "2xl": "max-w-2xl",
-        "3xl": "max-w-3xl",
-        "4xl": "max-w-4xl",
+        sm: "sm:max-w-sm",
+        md: "sm:max-w-md",
+        lg: "sm:max-w-lg",
+        xl: "sm:max-w-xl",
+        "2xl": "sm:max-w-2xl",
+        "3xl": "sm:max-w-3xl",
+        "4xl": "sm:max-w-4xl",
         full: "max-w-[calc(100vw-2rem)]"
       }
     },
@@ -107,26 +114,33 @@ function Modal({
           {
             className: cn(modalOverlayVariants()),
             "data-state": open ? "open" : "closed",
-            onClick: handleOverlayClick,
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ jsx(
           "div",
           {
-            ref: focusTrapRef,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": ariaLabel,
-            "aria-labelledby": ariaLabelledBy || `${modalId}-title`,
-            "aria-describedby": ariaDescribedBy,
-            id: modalId,
-            tabIndex: -1,
-            "data-state": open ? "open" : "closed",
-            className: cn(modalContentVariants({ size }), className),
-            children
+            className: "flex min-h-full items-center justify-center p-0 sm:p-4",
+            onClick: handleOverlayClick,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: focusTrapRef,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy || `${modalId}-title`,
+                "aria-describedby": ariaDescribedBy,
+                id: modalId,
+                tabIndex: -1,
+                "data-state": open ? "open" : "closed",
+                className: cn(modalContentVariants({ size }), className),
+                onClick: (e) => e.stopPropagation(),
+                children
+              }
+            )
           }
-        )
+        ) })
       ] })
     }
   );
@@ -148,7 +162,7 @@ var ModalHeader = React.forwardRef(
     {
       ref,
       className: cn(
-        "flex items-center justify-between",
+        "flex shrink-0 items-center justify-between",
         "border-border border-b px-6 py-4",
         className
       ),
@@ -210,7 +224,14 @@ var ModalClose = React.forwardRef(
 );
 ModalClose.displayName = "ModalClose";
 var ModalBody = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("px-6 py-4", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("min-h-0 flex-1 overflow-y-auto px-6 py-4", className),
+      ...props
+    }
+  )
 );
 ModalBody.displayName = "ModalBody";
 var ModalFooter = React.forwardRef(
@@ -219,7 +240,7 @@ var ModalFooter = React.forwardRef(
     {
       ref,
       className: cn(
-        "flex items-center justify-end gap-3",
+        "flex shrink-0 items-center justify-end gap-3",
         "border-border border-t px-6 py-4",
         className
       ),
@@ -251,5 +272,5 @@ function CloseIcon() {
 }
 
 export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants };
-//# sourceMappingURL=chunk-SD44QJIP.js.map
-//# sourceMappingURL=chunk-SD44QJIP.js.map
+//# sourceMappingURL=chunk-TCQ27C5M.js.map
+//# sourceMappingURL=chunk-TCQ27C5M.js.map