@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/{chunk-FFJVCQ5R.cjs → chunk-J644FU54.cjs}

@@ -3,6 +3,33 @@
 // src/brands/types.ts
 function generateBrandCSS(brand) {
   const { colors, typography, borderRadius, boxShadow } = brand;
+  const scaleNames = [
+    "primary",
+    "secondary",
+    "neutral",
+    "destructive",
+    "success",
+    "warning",
+    "info"
+  ];
+  const scaleBlocks = scaleNames.filter(
+    (name) => name in colors && typeof colors[name] === "object" && colors[name] !== void 0
+  ).map((name) => {
+    const scale = colors[name];
+    const label = name.charAt(0).toUpperCase() + name.slice(1);
+    return `  /* ${label} Color Scale */
+  --mieweb-${name}-50: ${scale[50]};
+  --mieweb-${name}-100: ${scale[100]};
+  --mieweb-${name}-200: ${scale[200]};
+  --mieweb-${name}-300: ${scale[300]};
+  --mieweb-${name}-400: ${scale[400]};
+  --mieweb-${name}-500: ${scale[500]};
+  --mieweb-${name}-600: ${scale[600]};
+  --mieweb-${name}-700: ${scale[700]};
+  --mieweb-${name}-800: ${scale[800]};
+  --mieweb-${name}-900: ${scale[900]};
+  --mieweb-${name}-950: ${scale[950]};`;
+  }).join("\n\n");
   return `/**
  * ${brand.displayName} Brand Theme
  * Generated by @mieweb/ui
@@ -14,18 +41,7 @@ function generateBrandCSS(brand) {
    ============================================ */
 
 :root {
-  /* Primary Color Scale */
-  --mieweb-primary-50: ${colors.primary[50]};
-  --mieweb-primary-100: ${colors.primary[100]};
-  --mieweb-primary-200: ${colors.primary[200]};
-  --mieweb-primary-300: ${colors.primary[300]};
-  --mieweb-primary-400: ${colors.primary[400]};
-  --mieweb-primary-500: ${colors.primary[500]};
-  --mieweb-primary-600: ${colors.primary[600]};
-  --mieweb-primary-700: ${colors.primary[700]};
-  --mieweb-primary-800: ${colors.primary[800]};
-  --mieweb-primary-900: ${colors.primary[900]};
-  --mieweb-primary-950: ${colors.primary[950]};
+${scaleBlocks}
 
   /* Light Mode Semantic Colors */
   --mieweb-background: ${colors.light.background};
@@ -86,12 +102,26 @@ function generateBrandCSS(brand) {
 }
 function generateTailwindTheme(brand) {
   const { colors, typography, borderRadius, boxShadow } = brand;
+  const colorConfig = {
+    primary: colors.primary,
+    // Expose brand colors under the brand name for semantic usage
+    [brand.name]: colors.primary
+  };
+  const optionalScales = [
+    "secondary",
+    "neutral",
+    "destructive",
+    "success",
+    "warning",
+    "info"
+  ];
+  for (const scale of optionalScales) {
+    if (colors[scale]) {
+      colorConfig[scale] = colors[scale];
+    }
+  }
   return {
-    colors: {
-      primary: colors.primary,
-      // Expose brand colors under the brand name for semantic usage
-      [brand.name]: colors.primary
-    },
+    colors: colorConfig,
     fontFamily: {
       sans: typography.fontFamily.sans,
       ...typography.fontFamily.mono ? { mono: typography.fontFamily.mono } : {}
@@ -124,5 +154,5 @@ function createBrandPreset(brand) {
 exports.createBrandPreset = createBrandPreset;
 exports.generateBrandCSS = generateBrandCSS;
 exports.generateTailwindTheme = generateTailwindTheme;
-//# sourceMappingURL=chunk-FFJVCQ5R.cjs.map
-//# sourceMappingURL=chunk-FFJVCQ5R.cjs.map
+//# sourceMappingURL=chunk-J644FU54.cjs.map
+//# sourceMappingURL=chunk-J644FU54.cjs.map

package/dist/chunk-J644FU54.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/types.ts"],"names":[],"mappings":"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","file":"chunk-J644FU54.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System Types\n *\n * This module provides type definitions and utilities for brand themes.\n * Brands define colors, typography, spacing, and other design tokens that\n * can be applied to @mieweb/ui components.\n */\n\n// ============================================================================\n// Type Definitions\n// ============================================================================\n\n/**\n * Primary color scale (50-950) following Tailwind conventions.\n */\nexport interface ColorScale {\n  50: string;\n  100: string;\n  200: string;\n  300: string;\n  400: string;\n  500: string;\n  600: string;\n  700: string;\n  800: string;\n  900: string;\n  950: string;\n}\n\n/**\n * Semantic colors for a specific color mode (light or dark).\n */\nexport interface SemanticColors {\n  /** Page background color */\n  background: string;\n  /** Primary text color */\n  foreground: string;\n  /** Card/panel background */\n  card: string;\n  /** Card text color */\n  cardForeground: string;\n  /** Muted/subtle background */\n  muted: string;\n  /** Muted/secondary text */\n  mutedForeground: string;\n  /** Border color */\n  border: string;\n  /** Input border color */\n  input: string;\n  /** Focus ring color */\n  ring: string;\n  /** Destructive/error color */\n  destructive: string;\n  /** Text on destructive backgrounds */\n  destructiveForeground: string;\n  /** Success color */\n  success: string;\n  /** Text on success backgrounds */\n  successForeground: string;\n  /** Warning color */\n  warning: string;\n  /** Text on warning backgrounds */\n  warningForeground: string;\n}\n\n/**\n * Complete color configuration for a brand.\n */\nexport interface BrandColors {\n  /** Primary brand color scale */\n  primary: ColorScale;\n  /** Secondary color scale (optional — falls back to library defaults) */\n  secondary?: ColorScale;\n  /** Neutral / gray color scale (optional — falls back to library defaults) */\n  neutral?: ColorScale;\n  /** Destructive / error color scale (optional — falls back to library defaults) */\n  destructive?: ColorScale;\n  /** Success color scale (optional — falls back to library defaults) */\n  success?: ColorScale;\n  /** Warning color scale (optional — falls back to library defaults) */\n  warning?: ColorScale;\n  /** Info color scale (optional — falls back to library defaults) */\n  info?: ColorScale;\n  /** Light mode semantic colors */\n  light: SemanticColors;\n  /** Dark mode semantic colors */\n  dark: SemanticColors;\n}\n\n/**\n * Typography configuration for a brand.\n */\nexport interface BrandTypography {\n  /** Font family stack for body text */\n  fontFamily: {\n    sans: string[];\n    mono?: string[];\n  };\n  /** Base font size (usually 16px) */\n  baseFontSize?: string;\n}\n\n/**\n * Border radius configuration.\n */\nexport interface BrandBorderRadius {\n  none: string;\n  sm: string;\n  md: string;\n  lg: string;\n  xl: string;\n  '2xl': string;\n  full: string;\n}\n\n/**\n * Box shadow configuration.\n */\nexport interface BrandBoxShadow {\n  card: string;\n  dropdown: string;\n  modal: string;\n}\n\n/**\n * Complete brand configuration.\n */\nexport interface BrandConfig {\n  /** Unique identifier (lowercase, no spaces) */\n  name: string;\n  /** Human-readable display name */\n  displayName: string;\n  /** Brand description */\n  description?: string;\n  /** Color configuration */\n  colors: BrandColors;\n  /** Typography settings */\n  typography: BrandTypography;\n  /** Border radius scale */\n  borderRadius: BrandBorderRadius;\n  /** Box shadow definitions */\n  boxShadow: BrandBoxShadow;\n}\n\n// ============================================================================\n// CSS Generation\n// ============================================================================\n\n/**\n * Generate CSS custom properties from a brand configuration.\n * This creates a standalone CSS file that can be imported into any project.\n */\nexport function generateBrandCSS(brand: BrandConfig): string {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  // Collect all color scales (primary + any optional scales)\n  const scaleNames = [\n    'primary',\n    'secondary',\n    'neutral',\n    'destructive',\n    'success',\n    'warning',\n    'info',\n  ] as const;\n\n  const scaleBlocks = scaleNames\n    .filter(\n      (name) =>\n        name in colors &&\n        typeof colors[name] === 'object' &&\n        colors[name] !== undefined\n    )\n    .map((name) => {\n      const scale = colors[name] as ColorScale;\n      const label = name.charAt(0).toUpperCase() + name.slice(1);\n      return `  /* ${label} Color Scale */\n  --mieweb-${name}-50: ${scale[50]};\n  --mieweb-${name}-100: ${scale[100]};\n  --mieweb-${name}-200: ${scale[200]};\n  --mieweb-${name}-300: ${scale[300]};\n  --mieweb-${name}-400: ${scale[400]};\n  --mieweb-${name}-500: ${scale[500]};\n  --mieweb-${name}-600: ${scale[600]};\n  --mieweb-${name}-700: ${scale[700]};\n  --mieweb-${name}-800: ${scale[800]};\n  --mieweb-${name}-900: ${scale[900]};\n  --mieweb-${name}-950: ${scale[950]};`;\n    })\n    .join('\\n\\n');\n\n  return `/**\n * ${brand.displayName} Brand Theme\n * Generated by @mieweb/ui\n * ${brand.description || ''}\n */\n\n/* ============================================\n   ${brand.displayName} Design Tokens\n   ============================================ */\n\n:root {\n${scaleBlocks}\n\n  /* Light Mode Semantic Colors */\n  --mieweb-background: ${colors.light.background};\n  --mieweb-foreground: ${colors.light.foreground};\n  --mieweb-card: ${colors.light.card};\n  --mieweb-card-foreground: ${colors.light.cardForeground};\n  --mieweb-muted: ${colors.light.muted};\n  --mieweb-muted-foreground: ${colors.light.mutedForeground};\n  --mieweb-border: ${colors.light.border};\n  --mieweb-input: ${colors.light.input};\n  --mieweb-ring: ${colors.light.ring};\n  --mieweb-destructive: ${colors.light.destructive};\n  --mieweb-destructive-foreground: ${colors.light.destructiveForeground};\n  --mieweb-success: ${colors.light.success};\n  --mieweb-success-foreground: ${colors.light.successForeground};\n  --mieweb-warning: ${colors.light.warning};\n  --mieweb-warning-foreground: ${colors.light.warningForeground};\n\n  /* Typography */\n  --mieweb-font-sans: ${typography.fontFamily.sans.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};\n  ${typography.fontFamily.mono ? `--mieweb-font-mono: ${typography.fontFamily.mono.map((f) => (f.includes(' ') ? `\"${f}\"` : f)).join(', ')};` : ''}\n\n  /* Border Radius */\n  --mieweb-radius-none: ${borderRadius.none};\n  --mieweb-radius-sm: ${borderRadius.sm};\n  --mieweb-radius-md: ${borderRadius.md};\n  --mieweb-radius-lg: ${borderRadius.lg};\n  --mieweb-radius-xl: ${borderRadius.xl};\n  --mieweb-radius-2xl: ${borderRadius['2xl']};\n  --mieweb-radius-full: ${borderRadius.full};\n\n  /* Shadows */\n  --mieweb-shadow-card: ${boxShadow.card};\n  --mieweb-shadow-dropdown: ${boxShadow.dropdown};\n  --mieweb-shadow-modal: ${boxShadow.modal};\n}\n\n/* Dark Mode */\n[data-theme=\"dark\"],\n.dark {\n  --mieweb-background: ${colors.dark.background};\n  --mieweb-foreground: ${colors.dark.foreground};\n  --mieweb-card: ${colors.dark.card};\n  --mieweb-card-foreground: ${colors.dark.cardForeground};\n  --mieweb-muted: ${colors.dark.muted};\n  --mieweb-muted-foreground: ${colors.dark.mutedForeground};\n  --mieweb-border: ${colors.dark.border};\n  --mieweb-input: ${colors.dark.input};\n  --mieweb-ring: ${colors.dark.ring};\n  --mieweb-destructive: ${colors.dark.destructive};\n  --mieweb-destructive-foreground: ${colors.dark.destructiveForeground};\n  --mieweb-success: ${colors.dark.success};\n  --mieweb-success-foreground: ${colors.dark.successForeground};\n  --mieweb-warning: ${colors.dark.warning};\n  --mieweb-warning-foreground: ${colors.dark.warningForeground};\n}\n`;\n}\n\n// ============================================================================\n// Tailwind Theme Generation\n// ============================================================================\n\n/**\n * Generate Tailwind CSS theme configuration from a brand.\n * Use this in your tailwind.config.js to apply the brand.\n */\nexport function generateTailwindTheme(brand: BrandConfig) {\n  const { colors, typography, borderRadius, boxShadow } = brand;\n\n  // Build color config including all provided optional scales\n  const colorConfig: Record<string, ColorScale> = {\n    primary: colors.primary,\n    // Expose brand colors under the brand name for semantic usage\n    [brand.name]: colors.primary,\n  };\n\n  const optionalScales = [\n    'secondary',\n    'neutral',\n    'destructive',\n    'success',\n    'warning',\n    'info',\n  ] as const;\n\n  for (const scale of optionalScales) {\n    if (colors[scale]) {\n      colorConfig[scale] = colors[scale];\n    }\n  }\n\n  return {\n    colors: colorConfig,\n    fontFamily: {\n      sans: typography.fontFamily.sans,\n      ...(typography.fontFamily.mono\n        ? { mono: typography.fontFamily.mono }\n        : {}),\n    },\n    borderRadius: {\n      none: borderRadius.none,\n      sm: borderRadius.sm,\n      md: borderRadius.md,\n      lg: borderRadius.lg,\n      xl: borderRadius.xl,\n      '2xl': borderRadius['2xl'],\n      full: borderRadius.full,\n    },\n    boxShadow: {\n      card: boxShadow.card,\n      dropdown: boxShadow.dropdown,\n      modal: boxShadow.modal,\n    },\n  };\n}\n\n/**\n * Generate a complete Tailwind preset for a brand.\n * This includes the mieweb/ui base preset plus brand-specific overrides.\n */\nexport function createBrandPreset(brand: BrandConfig) {\n  return {\n    darkMode: ['class', '[data-theme=\"dark\"]'] as const,\n    theme: {\n      extend: generateTailwindTheme(brand),\n    },\n  };\n}\n"]}

package/dist/chunk-JBB25LFB.js

@@ -0,0 +1,359 @@
+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 sliderTrackVariants = cva(
+  [
+    "relative w-full overflow-hidden rounded-full",
+    "bg-neutral-200 dark:bg-neutral-700",
+    "cursor-pointer",
+    "group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var sliderRangeVariants = cva(
+  ["absolute h-full rounded-full transition-all duration-75 ease-out"],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-800",
+        success: "bg-green-500",
+        warning: "bg-yellow-500",
+        danger: "bg-red-500",
+        neutral: "bg-neutral-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var sliderThumbVariants = cva(
+  [
+    "absolute top-1/2 -translate-y-1/2 -translate-x-1/2",
+    "rounded-full border-2 bg-white",
+    "shadow-md transition-shadow duration-150",
+    "cursor-grab active:cursor-grabbing",
+    "hover:shadow-lg",
+    "active:shadow-xl active:scale-110",
+    "group-focus-visible:outline-none group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2",
+    "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      },
+      variant: {
+        default: "border-primary-500",
+        success: "border-green-500",
+        warning: "border-yellow-500",
+        danger: "border-red-500",
+        neutral: "border-neutral-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Slider = React.forwardRef(
+  ({
+    value: controlledValue,
+    defaultValue = 0,
+    min = 0,
+    max = 100,
+    step = 1,
+    onValueChange,
+    onValueCommit,
+    disabled = false,
+    label,
+    showValue = false,
+    formatValue,
+    description,
+    minLabel,
+    maxLabel,
+    variant,
+    size,
+    className,
+    trackClassName,
+    id,
+    name,
+    "aria-label": ariaLabelProp,
+    "aria-labelledby": ariaLabelledByProp
+  }, ref) => {
+    const hasExplicitLabel = !!label;
+    const labelId = React.useId();
+    const descriptionId = React.useId();
+    const ariaLabelledBy = ariaLabelledByProp ?? (hasExplicitLabel ? labelId : void 0);
+    const ariaDescribedBy = description ? descriptionId : void 0;
+    const ariaLabel = ariaLabelProp ?? (!hasExplicitLabel && !ariaLabelledByProp ? "Slider" : void 0);
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const isControlled = controlledValue !== void 0;
+    const currentValue = isControlled ? controlledValue : uncontrolledValue;
+    const clampedValue = Math.min(Math.max(currentValue, min), max);
+    const percentage = max !== min ? (clampedValue - min) / (max - min) * 100 : 0;
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const trackRef = React.useRef(null);
+    const latestValueRef = React.useRef(clampedValue);
+    latestValueRef.current = clampedValue;
+    const safeStep = step > 0 ? step : 1;
+    const computeValueFromPointer = React.useCallback(
+      (clientX) => {
+        const track = trackRef.current;
+        if (!track) return clampedValue;
+        const rect = track.getBoundingClientRect();
+        const ratio = Math.min(
+          Math.max((clientX - rect.left) / rect.width, 0),
+          1
+        );
+        const raw = min + ratio * (max - min);
+        const stepped = min + Math.round((raw - min) / safeStep) * safeStep;
+        return Math.min(Math.max(stepped, min), max);
+      },
+      [min, max, safeStep, clampedValue]
+    );
+    const setValue = React.useCallback(
+      (newValue) => {
+        latestValueRef.current = newValue;
+        if (!isControlled) {
+          setUncontrolledValue(newValue);
+        }
+        onValueChange?.(newValue);
+      },
+      [isControlled, onValueChange]
+    );
+    const handlePointerDown = React.useCallback(
+      (e) => {
+        if (disabled) return;
+        e.preventDefault();
+        e.currentTarget.focus();
+        e.target.setPointerCapture(e.pointerId);
+        const newValue = computeValueFromPointer(e.clientX);
+        setValue(newValue);
+      },
+      [disabled, computeValueFromPointer, setValue]
+    );
+    const handlePointerMove = React.useCallback(
+      (e) => {
+        if (disabled) return;
+        if (!e.target.hasPointerCapture(e.pointerId)) return;
+        const newValue = computeValueFromPointer(e.clientX);
+        setValue(newValue);
+      },
+      [disabled, computeValueFromPointer, setValue]
+    );
+    const handlePointerUp = React.useCallback(
+      (e) => {
+        if (disabled) return;
+        e.target.releasePointerCapture(e.pointerId);
+        onValueCommit?.(latestValueRef.current);
+      },
+      [disabled, onValueCommit]
+    );
+    const handleLostPointerCapture = React.useCallback(() => {
+      onValueCommit?.(latestValueRef.current);
+    }, [onValueCommit]);
+    const handleChange = (e) => {
+      const newValue = parseFloat(e.target.value);
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    };
+    const handleKeyDown = React.useCallback(
+      (e) => {
+        if (disabled) return;
+        let newValue = null;
+        switch (e.key) {
+          case "ArrowRight":
+          case "ArrowUp":
+            newValue = Math.min(clampedValue + safeStep, max);
+            break;
+          case "ArrowLeft":
+          case "ArrowDown":
+            newValue = Math.max(clampedValue - safeStep, min);
+            break;
+          case "Home":
+            newValue = min;
+            break;
+          case "End":
+            newValue = max;
+            break;
+          default:
+            return;
+        }
+        e.preventDefault();
+        setValue(newValue);
+        onValueCommit?.(newValue);
+      },
+      [disabled, clampedValue, safeStep, min, max, setValue, onValueCommit]
+    );
+    const displayValue = formatValue ? formatValue(clampedValue) : String(clampedValue);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "slider",
+        className: cn("relative w-full", className),
+        "data-disabled": disabled || void 0,
+        children: [
+          (label || showValue) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "slider-label-row",
+              className: "mb-1.5 flex items-baseline justify-between",
+              children: [
+                label && /* @__PURE__ */ jsxs(
+                  "label",
+                  {
+                    id: labelId,
+                    htmlFor: inputId,
+                    "data-slot": "slider-label",
+                    className: cn(
+                      "text-foreground text-sm font-medium",
+                      disabled && "opacity-50"
+                    ),
+                    children: [
+                      label,
+                      showValue && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "data-slot": "slider-value",
+                          className: "text-muted-foreground ml-1",
+                          children: displayValue
+                        }
+                      )
+                    ]
+                  }
+                ),
+                !label && showValue && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-slot": "slider-value",
+                    className: "text-muted-foreground text-sm",
+                    children: displayValue
+                  }
+                )
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: descriptionId,
+              "data-slot": "slider-description",
+              className: cn(
+                "text-muted-foreground mb-2 text-xs",
+                disabled && "opacity-50"
+              ),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: trackRef,
+              "data-slot": "slider-track-wrapper",
+              className: "group focus-visible:ring-ring relative rounded py-2 outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+              style: { touchAction: disabled ? "auto" : "none" },
+              role: "slider",
+              tabIndex: disabled ? -1 : 0,
+              "aria-valuemin": min,
+              "aria-valuemax": max,
+              "aria-valuenow": clampedValue,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledBy,
+              "aria-describedby": ariaDescribedBy,
+              "aria-disabled": disabled || void 0,
+              "data-disabled": disabled || void 0,
+              onPointerDown: handlePointerDown,
+              onPointerMove: handlePointerMove,
+              onPointerUp: handlePointerUp,
+              onLostPointerCapture: handleLostPointerCapture,
+              onKeyDown: handleKeyDown,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "slider-track",
+                    className: cn(sliderTrackVariants({ size }), trackClassName),
+                    children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "slider-range",
+                        className: sliderRangeVariants({ variant }),
+                        style: { width: `${percentage}%` }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "slider-thumb",
+                    className: sliderThumbVariants({ size, variant }),
+                    style: { left: `${percentage}%` },
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "range",
+              className: "pointer-events-none absolute inset-0 h-full w-full opacity-0",
+              tabIndex: -1,
+              "aria-hidden": "true",
+              id: inputId,
+              name,
+              min,
+              max,
+              step,
+              value: clampedValue,
+              onChange: handleChange,
+              disabled
+            }
+          ),
+          (minLabel || maxLabel) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "slider-minmax",
+              className: cn(
+                "text-muted-foreground mt-1 flex justify-between text-xs",
+                disabled && "opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: minLabel }),
+                /* @__PURE__ */ jsx("span", { children: maxLabel })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
+export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants };
+//# sourceMappingURL=chunk-JBB25LFB.js.map
+//# sourceMappingURL=chunk-JBB25LFB.js.map

package/dist/chunk-JBB25LFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":[],"mappings":";;;;;AAQA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B;AAAA,IACE,8CAAA;AAAA,IACA,oCAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,CAAC,kEAAkE,CAAA;AAAA,EACnE;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,MAAA,EAAQ,YAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B;AAAA,IACE,oDAAA;AAAA,IACA,gCAAA;AAAA,IACA,0CAAA;AAAA,IACA,oCAAA;AAAA,IACA,iBAAA;AAAA,IACA,mCAAA;AAAA,IACA,6HAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oBAAA;AAAA,QACT,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS,mBAAA;AAAA,QACT,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AA2EA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,CAAA;AAAA,IACf,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM,GAAA;AAAA,IACN,IAAA,GAAO,CAAA;AAAA,IACP,aAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA,EAAc,aAAA;AAAA,IACd,iBAAA,EAAmB;AAAA,KAErB,GAAA,KACG;AACH,IAAA,MAAM,gBAAA,GAAmB,CAAC,CAAC,KAAA;AAC3B,IAAA,MAAM,UAAgB,KAAA,CAAA,KAAA,EAAM;AAC5B,IAAA,MAAM,gBAAsB,KAAA,CAAA,KAAA,EAAM;AAClC,IAAA,MAAM,cAAA,GACJ,kBAAA,KAAuB,gBAAA,GAAmB,OAAA,GAAU,MAAA,CAAA;AACtD,IAAA,MAAM,eAAA,GAAkB,cAAc,aAAA,GAAgB,MAAA;AACtD,IAAA,MAAM,YACJ,aAAA,KACC,CAAC,gBAAA,IAAoB,CAAC,qBAAqB,QAAA,GAAW,MAAA,CAAA;AACzD,IAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GACtC,eAAS,YAAY,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,IAAA,MAAM,YAAA,GAAe,eAAe,eAAA,GAAkB,iBAAA;AAGtD,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,YAAA,EAAc,GAAG,GAAG,GAAG,CAAA;AAG9D,IAAA,MAAM,aACJ,GAAA,KAAQ,GAAA,GAAA,CAAQ,eAAe,GAAA,KAAQ,GAAA,GAAM,OAAQ,GAAA,GAAM,CAAA;AAE7D,IAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,UAAU,EAAA,IAAM,WAAA;AAEtB,IAAA,MAAM,QAAA,GAAiB,aAAuB,IAAI,CAAA;AAClD,IAAA,MAAM,cAAA,GAAuB,aAAO,YAAY,CAAA;AAChD,IAAA,cAAA,CAAe,OAAA,GAAU,YAAA;AAEzB,IAAA,MAAM,QAAA,GAAW,IAAA,GAAO,CAAA,GAAI,IAAA,GAAO,CAAA;AAEnC,IAAA,MAAM,uBAAA,GAAgC,KAAA,CAAA,WAAA;AAAA,MACpC,CAAC,OAAA,KAAoB;AACnB,QAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,QAAA,IAAI,CAAC,OAAO,OAAO,YAAA;AACnB,QAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AACzC,QAAA,MAAM,QAAQ,IAAA,CAAK,GAAA;AAAA,UACjB,KAAK,GAAA,CAAA,CAAK,OAAA,GAAU,KAAK,IAAA,IAAQ,IAAA,CAAK,OAAO,CAAC,CAAA;AAAA,UAC9C;AAAA,SACF;AACA,QAAA,MAAM,GAAA,GAAM,GAAA,GAAM,KAAA,IAAS,GAAA,GAAM,GAAA,CAAA;AAEjC,QAAA,MAAM,UAAU,GAAA,GAAM,IAAA,CAAK,OAAO,GAAA,GAAM,GAAA,IAAO,QAAQ,CAAA,GAAI,QAAA;AAC3D,QAAA,OAAO,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,OAAA,EAAS,GAAG,GAAG,GAAG,CAAA;AAAA,MAC7C,CAAA;AAAA,MACA,CAAC,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,YAAY;AAAA,KACnC;AAEA,IAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,WAAA;AAAA,MACrB,CAAC,QAAA,KAAqB;AACpB,QAAA,cAAA,CAAe,OAAA,GAAU,QAAA;AACzB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,QAC/B;AACA,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,cAAc,aAAa;AAAA,KAC9B;AAEA,IAAA,MAAM,iBAAA,GAA0B,KAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAC,CAAA,CAAE,cAA8B,KAAA,EAAM;AACvC,QAAC,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA;AACvD,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,iBAAA,GAA0B,KAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,IAAI,CAAE,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA,EAAG;AAC/D,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,eAAA,GAAwB,KAAA,CAAA,WAAA;AAAA,MAC5B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAC,CAAA,CAAE,MAAA,CAAuB,qBAAA,CAAsB,CAAA,CAAE,SAAS,CAAA;AAC3D,QAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,MACxC,CAAA;AAAA,MACA,CAAC,UAAU,aAAa;AAAA,KAC1B;AAEA,IAAA,MAAM,wBAAA,GAAiC,kBAAY,MAAM;AACvD,MAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,IACxC,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAC1C,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,MAC/B;AACA,MAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,aAAA,GAAsB,KAAA,CAAA,WAAA;AAAA,MAC1B,CAAC,CAAA,KAA2B;AAC1B,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,IAAI,QAAA,GAA0B,IAAA;AAC9B,QAAA,QAAQ,EAAE,GAAA;AAAK,UACb,KAAK,YAAA;AAAA,UACL,KAAK,SAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,WAAA;AAAA,UACL,KAAK,WAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,MAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF,KAAK,KAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF;AACE,YAAA;AAAA;AAEJ,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,YAAA,EAAc,UAAU,GAAA,EAAK,GAAA,EAAK,UAAU,aAAa;AAAA,KACtE;AAEA,IAAA,MAAM,eAAe,WAAA,GACjB,WAAA,CAAY,YAAY,CAAA,GACxB,OAAO,YAAY,CAAA;AAEvB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QAC1C,iBAAe,QAAA,IAAY,MAAA;AAAA,QAGzB,QAAA,EAAA;AAAA,UAAA,CAAA,KAAA,IAAS,SAAA,qBACT,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,kBAAA;AAAA,cACV,SAAA,EAAU,4CAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACC,IAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,OAAA,EAAS,OAAA;AAAA,oBACT,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAW,EAAA;AAAA,sBACT,qCAAA;AAAA,sBACA,QAAA,IAAY;AAAA,qBACd;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,KAAA;AAAA,sBACA,SAAA,oBACC,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,WAAA,EAAU,cAAA;AAAA,0BACV,SAAA,EAAU,4BAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,iBAEJ;AAAA,gBAED,CAAC,SAAS,SAAA,oBACT,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAU,+BAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,WAEJ;AAAA,UAID,WAAA,oBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,aAAA;AAAA,cACJ,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,oCAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIF,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,sBAAA;AAAA,cACV,SAAA,EAAU,mHAAA;AAAA,cACV,KAAA,EAAO,EAAE,WAAA,EAAa,QAAA,GAAW,SAAS,MAAA,EAAO;AAAA,cACjD,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,cAC1B,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,YAAA;AAAA,cACf,YAAA,EAAY,SAAA;AAAA,cACZ,iBAAA,EAAiB,cAAA;AAAA,cACjB,kBAAA,EAAkB,eAAA;AAAA,cAClB,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,aAAA,EAAe,iBAAA;AAAA,cACf,aAAA,EAAe,iBAAA;AAAA,cACf,WAAA,EAAa,eAAA;AAAA,cACb,oBAAA,EAAsB,wBAAA;AAAA,cACtB,SAAA,EAAW,aAAA;AAAA,cAGX,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,GAAG,cAAc,CAAA;AAAA,oBAG3D,QAAA,kBAAA,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,cAAA;AAAA,wBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,wBAC1C,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AACnC;AAAA,iBACF;AAAA,gCAGA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,IAAA,EAAM,SAAS,CAAA;AAAA,oBAChD,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA,EAAI;AAAA,oBAChC,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,WACF;AAAA,0BAGA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,IAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAU,8DAAA;AAAA,cACV,QAAA,EAAU,EAAA;AAAA,cACV,aAAA,EAAY,MAAA;AAAA,cACZ,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA;AAAA,cACA,GAAA;AAAA,cACA,GAAA;AAAA,cACA,IAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA,EAAU,YAAA;AAAA,cACV;AAAA;AAAA,WACF;AAAA,UAAA,CAGE,YAAY,QAAA,qBACZ,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,eAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,yDAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,gCAChB,GAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA;AAAA;AAClB;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-JBB25LFB.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Slider Variants\n// ============================================================================\n\nconst sliderTrackVariants = cva(\n  [\n    'relative w-full overflow-hidden rounded-full',\n    'bg-neutral-200 dark:bg-neutral-700',\n    'cursor-pointer',\n    'group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst sliderRangeVariants = cva(\n  ['absolute h-full rounded-full transition-all duration-75 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n        neutral: 'bg-neutral-500',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst sliderThumbVariants = cva(\n  [\n    'absolute top-1/2 -translate-y-1/2 -translate-x-1/2',\n    'rounded-full border-2 bg-white',\n    'shadow-md transition-shadow duration-150',\n    'cursor-grab active:cursor-grabbing',\n    'hover:shadow-lg',\n    'active:shadow-xl active:scale-110',\n    'group-focus-visible:outline-none group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2',\n    'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-3.5 w-3.5',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n      variant: {\n        default: 'border-primary-500',\n        success: 'border-green-500',\n        warning: 'border-yellow-500',\n        danger: 'border-red-500',\n        neutral: 'border-neutral-500',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Slider Component\n// ============================================================================\n\nexport interface SliderProps\n  extends\n    VariantProps<typeof sliderTrackVariants>,\n    VariantProps<typeof sliderRangeVariants> {\n  /** Current value (controlled) */\n  value?: number;\n  /** Default value (uncontrolled) */\n  defaultValue?: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Callback when value changes */\n  onValueChange?: (value: number) => void;\n  /** Callback when interaction ends (mouseup / touchend) */\n  onValueCommit?: (value: number) => void;\n  /** Whether the slider is disabled */\n  disabled?: boolean;\n  /** Label for the slider */\n  label?: string;\n  /** Show the current value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number) => string;\n  /** Description text below the label */\n  description?: string;\n  /** Min label displayed below the track (left) */\n  minLabel?: string;\n  /** Max label displayed below the track (right) */\n  maxLabel?: string;\n  /** Additional class name for the root container */\n  className?: string;\n  /** Additional class name for the track */\n  trackClassName?: string;\n  /** ID for the underlying input */\n  id?: string;\n  /** Name for form submission */\n  name?: string;\n  /** Accessible label for the slider */\n  'aria-label'?: string;\n  /** ID of the element that labels the slider */\n  'aria-labelledby'?: string;\n}\n\n/**\n * A fully branded, accessible slider/range input component.\n *\n * Uses brand design tokens for colors, border-radius, and sizing.\n * Supports controlled and uncontrolled usage, labels, descriptions,\n * min/max labels, value display, and multiple color variants.\n *\n * @example\n * ```tsx\n * <Slider label=\"Volume\" min={0} max={100} defaultValue={50} />\n * <Slider\n *   label=\"Border Radius\"\n *   min={0}\n *   max={32}\n *   value={radius}\n *   onValueChange={setRadius}\n *   showValue\n *   formatValue={(v) => `${v}px`}\n *   minLabel=\"Square\"\n *   maxLabel=\"Rounded\"\n * />\n * ```\n */\nconst Slider = React.forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue = 0,\n      min = 0,\n      max = 100,\n      step = 1,\n      onValueChange,\n      onValueCommit,\n      disabled = false,\n      label,\n      showValue = false,\n      formatValue,\n      description,\n      minLabel,\n      maxLabel,\n      variant,\n      size,\n      className,\n      trackClassName,\n      id,\n      name,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n    },\n    ref\n  ) => {\n    const hasExplicitLabel = !!label;\n    const labelId = React.useId();\n    const descriptionId = React.useId();\n    const ariaLabelledBy =\n      ariaLabelledByProp ?? (hasExplicitLabel ? labelId : undefined);\n    const ariaDescribedBy = description ? descriptionId : undefined;\n    const ariaLabel =\n      ariaLabelProp ??\n      (!hasExplicitLabel && !ariaLabelledByProp ? 'Slider' : undefined);\n    const [uncontrolledValue, setUncontrolledValue] =\n      React.useState(defaultValue);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : uncontrolledValue;\n\n    // Clamp value to min/max\n    const clampedValue = Math.min(Math.max(currentValue, min), max);\n\n    // Percentage for visual fill\n    const percentage =\n      max !== min ? ((clampedValue - min) / (max - min)) * 100 : 0;\n\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n\n    const trackRef = React.useRef<HTMLDivElement>(null);\n    const latestValueRef = React.useRef(clampedValue);\n    latestValueRef.current = clampedValue;\n\n    const safeStep = step > 0 ? step : 1;\n\n    const computeValueFromPointer = React.useCallback(\n      (clientX: number) => {\n        const track = trackRef.current;\n        if (!track) return clampedValue;\n        const rect = track.getBoundingClientRect();\n        const ratio = Math.min(\n          Math.max((clientX - rect.left) / rect.width, 0),\n          1\n        );\n        const raw = min + ratio * (max - min);\n        // Snap to step relative to min\n        const stepped = min + Math.round((raw - min) / safeStep) * safeStep;\n        return Math.min(Math.max(stepped, min), max);\n      },\n      [min, max, safeStep, clampedValue]\n    );\n\n    const setValue = React.useCallback(\n      (newValue: number) => {\n        latestValueRef.current = newValue;\n        if (!isControlled) {\n          setUncontrolledValue(newValue);\n        }\n        onValueChange?.(newValue);\n      },\n      [isControlled, onValueChange]\n    );\n\n    const handlePointerDown = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).focus();\n        (e.target as HTMLElement).setPointerCapture(e.pointerId);\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerMove = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        if (!(e.target as HTMLElement).hasPointerCapture(e.pointerId)) return;\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerUp = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        (e.target as HTMLElement).releasePointerCapture(e.pointerId);\n        onValueCommit?.(latestValueRef.current);\n      },\n      [disabled, onValueCommit]\n    );\n\n    const handleLostPointerCapture = React.useCallback(() => {\n      onValueCommit?.(latestValueRef.current);\n    }, [onValueCommit]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseFloat(e.target.value);\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    };\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n        let newValue: number | null = null;\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowUp':\n            newValue = Math.min(clampedValue + safeStep, max);\n            break;\n          case 'ArrowLeft':\n          case 'ArrowDown':\n            newValue = Math.max(clampedValue - safeStep, min);\n            break;\n          case 'Home':\n            newValue = min;\n            break;\n          case 'End':\n            newValue = max;\n            break;\n          default:\n            return;\n        }\n        e.preventDefault();\n        setValue(newValue);\n        onValueCommit?.(newValue);\n      },\n      [disabled, clampedValue, safeStep, min, max, setValue, onValueCommit]\n    );\n\n    const displayValue = formatValue\n      ? formatValue(clampedValue)\n      : String(clampedValue);\n\n    return (\n      <div\n        data-slot=\"slider\"\n        className={cn('relative w-full', className)}\n        data-disabled={disabled || undefined}\n      >\n        {/* Label row */}\n        {(label || showValue) && (\n          <div\n            data-slot=\"slider-label-row\"\n            className=\"mb-1.5 flex items-baseline justify-between\"\n          >\n            {label && (\n              <label\n                id={labelId}\n                htmlFor={inputId}\n                data-slot=\"slider-label\"\n                className={cn(\n                  'text-foreground text-sm font-medium',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n                {showValue && (\n                  <span\n                    data-slot=\"slider-value\"\n                    className=\"text-muted-foreground ml-1\"\n                  >\n                    {displayValue}\n                  </span>\n                )}\n              </label>\n            )}\n            {!label && showValue && (\n              <span\n                data-slot=\"slider-value\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {displayValue}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Description */}\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"slider-description\"\n            className={cn(\n              'text-muted-foreground mb-2 text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            {description}\n          </p>\n        )}\n\n        {/* Track + Thumb */}\n        <div\n          ref={trackRef}\n          data-slot=\"slider-track-wrapper\"\n          className=\"group focus-visible:ring-ring relative rounded py-2 outline-none focus-visible:ring-2 focus-visible:ring-offset-2\"\n          style={{ touchAction: disabled ? 'auto' : 'none' }}\n          role=\"slider\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={clampedValue}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-disabled={disabled || undefined}\n          data-disabled={disabled || undefined}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onLostPointerCapture={handleLostPointerCapture}\n          onKeyDown={handleKeyDown}\n        >\n          {/* Visual track background */}\n          <div\n            data-slot=\"slider-track\"\n            className={cn(sliderTrackVariants({ size }), trackClassName)}\n          >\n            {/* Filled range */}\n            <div\n              data-slot=\"slider-range\"\n              className={sliderRangeVariants({ variant })}\n              style={{ width: `${percentage}%` }}\n            />\n          </div>\n\n          {/* Thumb indicator */}\n          <div\n            data-slot=\"slider-thumb\"\n            className={sliderThumbVariants({ size, variant })}\n            style={{ left: `${percentage}%` }}\n            aria-hidden=\"true\"\n          />\n        </div>\n\n        {/* Native range input — for form submission only, rendered outside role=\"slider\" to avoid nested-interactive */}\n        <input\n          ref={ref}\n          type=\"range\"\n          className=\"pointer-events-none absolute inset-0 h-full w-full opacity-0\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          id={inputId}\n          name={name}\n          min={min}\n          max={max}\n          step={step}\n          value={clampedValue}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n\n        {/* Min / Max labels */}\n        {(minLabel || maxLabel) && (\n          <div\n            data-slot=\"slider-minmax\"\n            className={cn(\n              'text-muted-foreground mt-1 flex justify-between text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            <span>{minLabel}</span>\n            <span>{maxLabel}</span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport {\n  Slider,\n  sliderTrackVariants,\n  sliderRangeVariants,\n  sliderThumbVariants,\n};\n"]}

package/dist/{chunk-VDMQCSXT.cjs → chunk-JHPFOG2N.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBXK5TNJE_cjs = require('./chunk-BXK5TNJE.cjs');
+var chunkRH43XBNV_cjs = require('./chunk-RH43XBNV.cjs');
 var chunk2O7D6F67_cjs = require('./chunk-2O7D6F67.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React = require('react');
@@ -210,7 +210,7 @@ var ThemeToggle = React__namespace.forwardRef(
     );
     if (showTooltip) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBXK5TNJE_cjs.Tooltip,
+        chunkRH43XBNV_cjs.Tooltip,
         {
           content: label,
           placement: tooltipPlacement,
@@ -230,5 +230,5 @@ exports.ThemeToggle = ThemeToggle;
 exports.themeToggleIconVariants = themeToggleIconVariants;
 exports.themeToggleVariants = themeToggleVariants;
 exports.useThemeContext = useThemeContext;
-//# sourceMappingURL=chunk-VDMQCSXT.cjs.map
-//# sourceMappingURL=chunk-VDMQCSXT.cjs.map
+//# sourceMappingURL=chunk-JHPFOG2N.cjs.map
+//# sourceMappingURL=chunk-JHPFOG2N.cjs.map

package/dist/{chunk-VDMQCSXT.cjs.map → chunk-JHPFOG2N.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ThemeProvider/ThemeProvider.tsx","../src/components/ThemeProvider/ThemeToggle.tsx"],"names":["React","useTheme","jsx","cva","React2","cn","Tooltip"],"mappings":"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","file":"chunk-VDMQCSXT.cjs","sourcesContent":["import * as React from 'react';\nimport { useTheme, type Theme, type ResolvedTheme } from '../../hooks/useTheme';\n\nexport interface ThemeProviderContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: ResolvedTheme;\n}\n\nconst ThemeProviderContext = React.createContext<\n  ThemeProviderContextValue | undefined\n>(undefined);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme to use on first load */\n  defaultTheme?: Theme;\n  /** Storage key for persisting theme */\n  storageKey?: string;\n}\n\n/**\n * Provider component that wraps your app to enable theme switching.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ThemeProvider defaultTheme=\"system\">\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n */\nfunction ThemeProvider({\n  children,\n  defaultTheme: _defaultTheme = 'system',\n}: ThemeProviderProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme();\n\n  const value = React.useMemo(\n    () => ({ theme, setTheme, resolvedTheme }),\n    [theme, setTheme, resolvedTheme]\n  );\n\n  return (\n    <ThemeProviderContext.Provider value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\nThemeProvider.displayName = 'ThemeProvider';\n\n/**\n * Hook to access the theme context.\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useThemeContext();\n *   return (\n *     <button onClick={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}>\n *       Toggle theme\n *     </button>\n *   );\n * }\n * ```\n */\nfunction useThemeContext(): ThemeProviderContextValue {\n  const context = React.useContext(ThemeProviderContext);\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { ThemeProvider, ThemeProviderContext, useThemeContext };\n","import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useTheme, type Theme } from '../../hooks/useTheme';\nimport { Tooltip } from '../Tooltip';\n\n// ============================================================================\n// Theme Toggle Variants\n// ============================================================================\n\nconst themeToggleVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-md border transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500/40',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-7 w-7',\n        md: 'h-8 w-8',\n        lg: 'h-9 w-9',\n      },\n      variant: {\n        default: [\n          'border-neutral-300 bg-white text-neutral-600 shadow-sm',\n          'hover:bg-neutral-100',\n          'dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n        ghost: [\n          'border-transparent bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nconst themeToggleIconVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'h-3.5 w-3.5',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\ninterface IconProps {\n  className?: string;\n}\n\nconst SunIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\n    />\n  </svg>\n);\n\nconst MoonIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n    />\n  </svg>\n);\n\nconst SystemIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// ThemeToggle Component\n// ============================================================================\n\nexport interface ThemeToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    VariantProps<typeof themeToggleVariants> {\n  /**\n   * What themes to cycle through.\n   * - 'two-way': Toggle between light and dark only\n   * - 'three-way': Cycle through light → dark → system\n   * @default 'two-way'\n   */\n  mode?: 'two-way' | 'three-way';\n  /**\n   * Whether to show a tooltip with the current/next theme\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Tooltip placement\n   * @default 'bottom'\n   */\n  tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Delay before showing tooltip in ms\n   * @default 140\n   */\n  tooltipDelay?: number;\n  /**\n   * Custom icon for light theme\n   */\n  lightIcon?: React.ReactNode;\n  /**\n   * Custom icon for dark theme\n   */\n  darkIcon?: React.ReactNode;\n  /**\n   * Custom icon for system theme (only used in three-way mode)\n   */\n  systemIcon?: React.ReactNode;\n}\n\n/**\n * An accessible theme toggle button that switches between light/dark modes.\n *\n * Uses the mieweb-ui useTheme hook for state management and persists\n * the user's preference to localStorage.\n *\n * @example\n * ```tsx\n * // Simple two-way toggle (light/dark)\n * <ThemeToggle />\n *\n * // Three-way cycle (light → dark → system)\n * <ThemeToggle mode=\"three-way\" />\n *\n * // With custom styling\n * <ThemeToggle size=\"lg\" variant=\"ghost\" />\n *\n * // Without tooltip\n * <ThemeToggle showTooltip={false} />\n * ```\n */\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  (\n    {\n      className,\n      size,\n      variant,\n      mode = 'two-way',\n      showTooltip = true,\n      tooltipPlacement = 'bottom',\n      tooltipDelay = 140,\n      lightIcon,\n      darkIcon,\n      systemIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const { theme, setTheme, resolvedTheme } = useTheme();\n\n    const handleClick = React.useCallback(() => {\n      if (mode === 'two-way') {\n        // Simple toggle between light and dark\n        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n      } else {\n        // Three-way cycle: light → dark → system\n        const nextTheme: Record<Theme, Theme> = {\n          light: 'dark',\n          dark: 'system',\n          system: 'light',\n        };\n        setTheme(nextTheme[theme]);\n      }\n    }, [mode, theme, resolvedTheme, setTheme]);\n\n    const getLabel = () => {\n      if (mode === 'two-way') {\n        return resolvedTheme === 'dark'\n          ? 'Switch to light mode'\n          : 'Switch to dark mode';\n      }\n      // Three-way mode - show what the next theme will be\n      const nextThemeLabels: Record<Theme, string> = {\n        light: 'Switch to dark mode',\n        dark: 'Switch to system theme',\n        system: 'Switch to light mode',\n      };\n      return nextThemeLabels[theme];\n    };\n\n    const getCurrentIcon = () => {\n      if (mode === 'three-way' && theme === 'system') {\n        return (\n          systemIcon || (\n            <SystemIcon className={themeToggleIconVariants({ size })} />\n          )\n        );\n      }\n\n      if (resolvedTheme === 'dark') {\n        return (\n          darkIcon || <SunIcon className={themeToggleIconVariants({ size })} />\n        );\n      }\n\n      return (\n        lightIcon || <MoonIcon className={themeToggleIconVariants({ size })} />\n      );\n    };\n\n    const label = getLabel();\n\n    const button = (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        onClick={handleClick}\n        className={cn(themeToggleVariants({ size, variant }), className)}\n        {...props}\n      >\n        {getCurrentIcon()}\n      </button>\n    );\n\n    if (showTooltip) {\n      return (\n        <Tooltip\n          content={label}\n          placement={tooltipPlacement}\n          delay={tooltipDelay}\n        >\n          {button}\n        </Tooltip>\n      );\n    }\n\n    return button;\n  }\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle, themeToggleVariants, themeToggleIconVariants };\n"]}
+{"version":3,"sources":["../src/components/ThemeProvider/ThemeProvider.tsx","../src/components/ThemeProvider/ThemeToggle.tsx"],"names":["React","useTheme","jsx","cva","React2","cn","Tooltip"],"mappings":"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","file":"chunk-JHPFOG2N.cjs","sourcesContent":["import * as React from 'react';\nimport { useTheme, type Theme, type ResolvedTheme } from '../../hooks/useTheme';\n\nexport interface ThemeProviderContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: ResolvedTheme;\n}\n\nconst ThemeProviderContext = React.createContext<\n  ThemeProviderContextValue | undefined\n>(undefined);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme to use on first load */\n  defaultTheme?: Theme;\n  /** Storage key for persisting theme */\n  storageKey?: string;\n}\n\n/**\n * Provider component that wraps your app to enable theme switching.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ThemeProvider defaultTheme=\"system\">\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n */\nfunction ThemeProvider({\n  children,\n  defaultTheme: _defaultTheme = 'system',\n}: ThemeProviderProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme();\n\n  const value = React.useMemo(\n    () => ({ theme, setTheme, resolvedTheme }),\n    [theme, setTheme, resolvedTheme]\n  );\n\n  return (\n    <ThemeProviderContext.Provider value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\nThemeProvider.displayName = 'ThemeProvider';\n\n/**\n * Hook to access the theme context.\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useThemeContext();\n *   return (\n *     <button onClick={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}>\n *       Toggle theme\n *     </button>\n *   );\n * }\n * ```\n */\nfunction useThemeContext(): ThemeProviderContextValue {\n  const context = React.useContext(ThemeProviderContext);\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { ThemeProvider, ThemeProviderContext, useThemeContext };\n","import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useTheme, type Theme } from '../../hooks/useTheme';\nimport { Tooltip } from '../Tooltip';\n\n// ============================================================================\n// Theme Toggle Variants\n// ============================================================================\n\nconst themeToggleVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-md border transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500/40',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-7 w-7',\n        md: 'h-8 w-8',\n        lg: 'h-9 w-9',\n      },\n      variant: {\n        default: [\n          'border-neutral-300 bg-white text-neutral-600 shadow-sm',\n          'hover:bg-neutral-100',\n          'dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n        ghost: [\n          'border-transparent bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nconst themeToggleIconVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'h-3.5 w-3.5',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\ninterface IconProps {\n  className?: string;\n}\n\nconst SunIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\n    />\n  </svg>\n);\n\nconst MoonIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n    />\n  </svg>\n);\n\nconst SystemIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// ThemeToggle Component\n// ============================================================================\n\nexport interface ThemeToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    VariantProps<typeof themeToggleVariants> {\n  /**\n   * What themes to cycle through.\n   * - 'two-way': Toggle between light and dark only\n   * - 'three-way': Cycle through light → dark → system\n   * @default 'two-way'\n   */\n  mode?: 'two-way' | 'three-way';\n  /**\n   * Whether to show a tooltip with the current/next theme\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Tooltip placement\n   * @default 'bottom'\n   */\n  tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Delay before showing tooltip in ms\n   * @default 140\n   */\n  tooltipDelay?: number;\n  /**\n   * Custom icon for light theme\n   */\n  lightIcon?: React.ReactNode;\n  /**\n   * Custom icon for dark theme\n   */\n  darkIcon?: React.ReactNode;\n  /**\n   * Custom icon for system theme (only used in three-way mode)\n   */\n  systemIcon?: React.ReactNode;\n}\n\n/**\n * An accessible theme toggle button that switches between light/dark modes.\n *\n * Uses the mieweb-ui useTheme hook for state management and persists\n * the user's preference to localStorage.\n *\n * @example\n * ```tsx\n * // Simple two-way toggle (light/dark)\n * <ThemeToggle />\n *\n * // Three-way cycle (light → dark → system)\n * <ThemeToggle mode=\"three-way\" />\n *\n * // With custom styling\n * <ThemeToggle size=\"lg\" variant=\"ghost\" />\n *\n * // Without tooltip\n * <ThemeToggle showTooltip={false} />\n * ```\n */\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  (\n    {\n      className,\n      size,\n      variant,\n      mode = 'two-way',\n      showTooltip = true,\n      tooltipPlacement = 'bottom',\n      tooltipDelay = 140,\n      lightIcon,\n      darkIcon,\n      systemIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const { theme, setTheme, resolvedTheme } = useTheme();\n\n    const handleClick = React.useCallback(() => {\n      if (mode === 'two-way') {\n        // Simple toggle between light and dark\n        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n      } else {\n        // Three-way cycle: light → dark → system\n        const nextTheme: Record<Theme, Theme> = {\n          light: 'dark',\n          dark: 'system',\n          system: 'light',\n        };\n        setTheme(nextTheme[theme]);\n      }\n    }, [mode, theme, resolvedTheme, setTheme]);\n\n    const getLabel = () => {\n      if (mode === 'two-way') {\n        return resolvedTheme === 'dark'\n          ? 'Switch to light mode'\n          : 'Switch to dark mode';\n      }\n      // Three-way mode - show what the next theme will be\n      const nextThemeLabels: Record<Theme, string> = {\n        light: 'Switch to dark mode',\n        dark: 'Switch to system theme',\n        system: 'Switch to light mode',\n      };\n      return nextThemeLabels[theme];\n    };\n\n    const getCurrentIcon = () => {\n      if (mode === 'three-way' && theme === 'system') {\n        return (\n          systemIcon || (\n            <SystemIcon className={themeToggleIconVariants({ size })} />\n          )\n        );\n      }\n\n      if (resolvedTheme === 'dark') {\n        return (\n          darkIcon || <SunIcon className={themeToggleIconVariants({ size })} />\n        );\n      }\n\n      return (\n        lightIcon || <MoonIcon className={themeToggleIconVariants({ size })} />\n      );\n    };\n\n    const label = getLabel();\n\n    const button = (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        onClick={handleClick}\n        className={cn(themeToggleVariants({ size, variant }), className)}\n        {...props}\n      >\n        {getCurrentIcon()}\n      </button>\n    );\n\n    if (showTooltip) {\n      return (\n        <Tooltip\n          content={label}\n          placement={tooltipPlacement}\n          delay={tooltipDelay}\n        >\n          {button}\n        </Tooltip>\n      );\n    }\n\n    return button;\n  }\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle, themeToggleVariants, themeToggleIconVariants };\n"]}