@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-YJOLLSHH.js → chunk-WQT24BGG.js}

@@ -1,27 +1,15 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import React, { useId } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useId, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
+var stylesInjected = /* @__PURE__ */ new Set();
 var scrollbarSizes = {
   xs: "4px",
   sm: "6px",
   md: "8px",
   lg: "10px"
 };
-var scrollAreaVariants = cva("scroll-area_root relative overflow-hidden", {
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
+var scrollAreaBase = "scroll-area_root relative overflow-hidden";
 var ScrollArea = React.memo(
   ({
     children,
@@ -39,6 +27,7 @@ var ScrollArea = React.memo(
     const scrollId = useId().replace(/:/g, "");
     const scrollClass = `scroll-area-${scrollId}`;
     const thickness = scrollbarSizes[size];
+    const styleElRef = useRef(null);
     const getOverflowClass = () => {
       if (direction === "vertical") return "overflow-y-auto overflow-x-hidden";
       if (direction === "horizontal") return "overflow-x-auto overflow-y-hidden";
@@ -49,17 +38,16 @@ var ScrollArea = React.memo(
       ...maxHeight && { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
       ...maxWidth && { maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth }
     };
-    const getScrollbarStyles = () => {
-      const baseOpacity = scrollbarVisibility === "hover" ? "0" : "1";
-      const hoverOpacity = "1";
-      return `
-        /* Firefox */
+    useEffect(() => {
+      if (!stylesInjected.has(scrollClass)) {
+        const baseOpacity = scrollbarVisibility === "hover" ? "0" : "1";
+        const hoverOpacity = "1";
+        const scrollbarStyles = `
         .${scrollClass} {
           scrollbar-width: thin;
           scrollbar-color: hsl(var(--color-border)) transparent;
         }
 
-        /* Webkit (Chrome, Safari, Edge) */
         .${scrollClass}::-webkit-scrollbar {
           width: ${direction !== "horizontal" ? thickness : "0"};
           height: ${direction !== "vertical" ? thickness : "0"};
@@ -81,45 +69,52 @@ var ScrollArea = React.memo(
           background: hsl(var(--color-border-strong));
         }
 
-        ${scrollbarVisibility === "hover" ? `
-        .${scrollClass}:hover::-webkit-scrollbar-thumb {
+        ${scrollbarVisibility === "hover" ? `.${scrollClass}:hover::-webkit-scrollbar-thumb {
           opacity: ${hoverOpacity};
-        }
-        ` : ""}
+        }` : ""}
 
         .${scrollClass}::-webkit-scrollbar-corner {
           background: transparent;
         }
       `;
-    };
-    return /* @__PURE__ */ jsxs(
+        const styleEl = document.createElement("style");
+        styleEl.textContent = scrollbarStyles;
+        document.head.appendChild(styleEl);
+        styleElRef.current = styleEl;
+        stylesInjected.add(scrollClass);
+      }
+      return () => {
+        if (styleElRef.current) {
+          document.head.removeChild(styleElRef.current);
+          stylesInjected.delete(scrollClass);
+        }
+      };
+    }, [scrollClass, direction, thickness, scrollbarVisibility]);
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         className: cn(
-          scrollAreaVariants({ size }),
+          scrollAreaBase,
           classNames?.root,
           className
         ),
         "data-slot": "root",
         ...props,
-        children: [
-          /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: getScrollbarStyles() } }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "scroll-area_viewport",
-                scrollClass,
-                getOverflowClass(),
-                classNames?.viewport
-              ),
-              style: viewportStyle,
-              "data-slot": "viewport",
-              children
-            }
-          )
-        ]
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "scroll-area_viewport",
+              scrollClass,
+              getOverflowClass(),
+              classNames?.viewport
+            ),
+            style: viewportStyle,
+            "data-slot": "viewport",
+            children
+          }
+        )
       }
     );
   }
@@ -128,5 +123,5 @@ ScrollArea.displayName = "ScrollArea";
 var scroll_area_default = ScrollArea;
 
 export { scroll_area_default };
-//# sourceMappingURL=chunk-YJOLLSHH.js.map
-//# sourceMappingURL=chunk-YJOLLSHH.js.map
+//# sourceMappingURL=chunk-WQT24BGG.js.map
+//# sourceMappingURL=chunk-WQT24BGG.js.map

package/dist/chunk-WQT24BGG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scroll-area/index.tsx"],"names":[],"mappings":"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","file":"chunk-WQT24BGG.js","sourcesContent":["'use client'\n\nimport React, { useEffect, useId, useRef } from 'react'\n\n\nimport { cn } from '../utils'\nimport type { ScrollAreaProps, ScrollAreaSize } from './types'\n\nconst stylesInjected = new Set<string>()\n\n/**\n * Scrollbar thickness by size\n */\nconst scrollbarSizes: Record<ScrollAreaSize, string> = {\n  xs: '4px',\n  sm: '6px',\n  md: '8px',\n  lg: '10px',\n}\n\n/**\n * ScrollArea root variants\n */\nconst scrollAreaBase = 'scroll-area_root relative overflow-hidden'\n\n/**\n * ScrollArea Component\n * Provides a customizable scrollable container with styled scrollbars\n */\nconst ScrollArea = React.memo<ScrollAreaProps>(\n  ({\n    children,\n    maxHeight,\n    maxWidth,\n    direction = 'vertical',\n    size = 'md',\n    scrollbarVisibility = 'auto',\n    className,\n    classNames,\n    ref,\n    style,\n    ...props\n  }) => {\n    const scrollId = useId().replace(/:/g, '')\n    const scrollClass = `scroll-area-${scrollId}`\n    const thickness = scrollbarSizes[size]\n    const styleElRef = useRef<HTMLStyleElement | null>(null)\n\n    const getOverflowClass = () => {\n      if (direction === 'vertical') return 'overflow-y-auto overflow-x-hidden'\n      if (direction === 'horizontal') return 'overflow-x-auto overflow-y-hidden'\n      return 'overflow-auto'\n    }\n\n    const viewportStyle: React.CSSProperties = {\n      ...style,\n      ...(maxHeight && { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }),\n      ...(maxWidth && { maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth }),\n    }\n\n    useEffect(() => {\n      if (!stylesInjected.has(scrollClass)) {\n        const baseOpacity = scrollbarVisibility === 'hover' ? '0' : '1'\n        const hoverOpacity = '1'\n\n        const scrollbarStyles = `\n        .${scrollClass} {\n          scrollbar-width: thin;\n          scrollbar-color: hsl(var(--color-border)) transparent;\n        }\n\n        .${scrollClass}::-webkit-scrollbar {\n          width: ${direction !== 'horizontal' ? thickness : '0'};\n          height: ${direction !== 'vertical' ? thickness : '0'};\n        }\n\n        .${scrollClass}::-webkit-scrollbar-track {\n          background: transparent;\n          border-radius: ${thickness};\n        }\n\n        .${scrollClass}::-webkit-scrollbar-thumb {\n          background: hsl(var(--color-border));\n          border-radius: ${thickness};\n          opacity: ${baseOpacity};\n          transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;\n        }\n\n        .${scrollClass}::-webkit-scrollbar-thumb:hover {\n          background: hsl(var(--color-border-strong));\n        }\n\n        ${\n          scrollbarVisibility === 'hover'\n            ? `.${scrollClass}:hover::-webkit-scrollbar-thumb {\n          opacity: ${hoverOpacity};\n        }`\n            : ''\n        }\n\n        .${scrollClass}::-webkit-scrollbar-corner {\n          background: transparent;\n        }\n      `\n\n        const styleEl = document.createElement('style')\n        styleEl.textContent = scrollbarStyles\n        document.head.appendChild(styleEl)\n        styleElRef.current = styleEl\n        stylesInjected.add(scrollClass)\n      }\n\n      return () => {\n        if (styleElRef.current) {\n          document.head.removeChild(styleElRef.current)\n          stylesInjected.delete(scrollClass)\n        }\n      }\n    }, [scrollClass, direction, thickness, scrollbarVisibility])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          scrollAreaBase,\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'scroll-area_viewport',\n            scrollClass,\n            getOverflowClass(),\n            classNames?.viewport,\n          )}\n          style={viewportStyle}\n          data-slot=\"viewport\"\n        >\n          {children}\n        </div>\n      </div>\n    )\n  },\n)\n\nScrollArea.displayName = 'ScrollArea'\n\nexport type * from './types'\nexport default ScrollArea\n"]}

package/dist/{chunk-JWTWPZ32.js → chunk-X7MF3TIF.js}

@@ -1,10 +1,11 @@
-import { spinner_default } from './chunk-Y4XAXZHB.js';
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-NGYLRX6F.js';
+import { useControllable } from './chunk-PQOIW5CM.js';
+import { spinner_default } from './chunk-RRPMZYVN.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { cn, getValidationStatus, statusMessageVariants, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Plus, Minus } from 'lucide-react';
-import React, { useState, useId, useMemo, useCallback } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useId, useMemo, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var numberInputVariants = cva(
   "w-full placeholder:text-text-secondary/50 rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-colors",
@@ -41,7 +42,7 @@ var numberInputVariants = cva(
   }
 );
 var controlButtonVariants = cva(
-  "flex items-center justify-center cursor-pointer transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+  "flex items-center justify-center cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
       size: {
@@ -61,13 +62,13 @@ var controlButtonVariants = cva(
     }
   }
 );
-var ControlButton = ({ children, disabled, className, ...props }) => {
+var ControlButton = React.memo(({ children, disabled, className, ...props }) => {
   const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
   return /* @__PURE__ */ jsxs("button", { className: cn(className, "relative overflow-hidden"), onPointerDown, onKeyDown, disabled, ...props, children: [
     children,
     /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
   ] });
-};
+});
 var NumberInput = React.memo(
   ({
     value,
@@ -99,10 +100,7 @@ var NumberInput = React.memo(
     id,
     name
   }) => {
-    const [internalValue, setInternalValue] = useState(
-      defaultValue
-    );
-    const currentValue = value !== void 0 ? value : internalValue;
+    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue, onChange });
     const uniqueId = useId();
     const inputId = id || `number-input-${uniqueId}`;
     const helperId = `number-input-helper-${uniqueId}`;
@@ -137,12 +135,9 @@ var NumberInput = React.memo(
     );
     const updateValue = useCallback(
       (newValue) => {
-        if (value === void 0) {
-          setInternalValue(newValue);
-        }
-        onChange?.(newValue);
+        setCurrentValue(newValue);
       },
-      [value, onChange]
+      [setCurrentValue]
     );
     const handleChange = useCallback(
       (e) => {
@@ -152,6 +147,7 @@ var NumberInput = React.memo(
           return;
         }
         const parsed = parseValue(inputValue);
+        if (parsed === void 0) return;
         updateValue(parsed);
       },
       [parseValue, updateValue]
@@ -351,5 +347,5 @@ NumberInput.displayName = "NumberInput";
 var number_input_default = NumberInput;
 
 export { number_input_default };
-//# sourceMappingURL=chunk-JWTWPZ32.js.map
-//# sourceMappingURL=chunk-JWTWPZ32.js.map
+//# sourceMappingURL=chunk-X7MF3TIF.js.map
+//# sourceMappingURL=chunk-X7MF3TIF.js.map

package/dist/chunk-X7MF3TIF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/number-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-X7MF3TIF.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Plus, Minus } from \"lucide-react\";\nimport React, { useId, useMemo, useCallback } from \"react\";\nimport { useControllable } from '../hooks/useControllable'\n\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\nimport Spinner from \"../spinner\";\n\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from \"../utils\";\nimport type { NumberInputProps } from \"./types\";\n\nconst numberInputVariants = cva(\n  \"w-full placeholder:text-text-secondary/50 rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-colors\",\n  {\n    variants: {\n      status: {\n        default: \"bg-background border border-border focus:border-primary\",\n        error: \"bg-background border border-error focus:border-error\",\n        warning: \"bg-background border border-warning focus:border-warning\",\n        info: \"bg-background border border-info focus:border-info\",\n        success: \"bg-background border border-success focus:border-success\",\n      },\n      size: {\n        xs: \"h-(--input-height-xs) px-(--input-padding-x-xs) text-xs\",\n        sm: \"h-(--input-height-sm) px-(--input-padding-x-sm) text-sm\",\n        md: \"h-(--input-height-md) px-(--input-padding-x-md) text-base\",\n        lg: \"h-(--input-height-lg) px-(--input-padding-x-lg) text-lg\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n      controlsPosition: {\n        right: \"\",\n        sides: \"\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n      controlsPosition: \"right\",\n    },\n  },\n);\n\nconst controlButtonVariants = cva(\n  \"flex items-center justify-center cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        xs: \"w-6 h-6\",\n        sm: \"w-7 h-7\",\n        md: \"w-8 h-8\",\n        lg: \"w-10 h-10\",\n      },\n      position: {\n        right: \"hover:bg-surface-hover\",\n        sides: \"hover:bg-surface-hover\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      position: \"right\",\n    },\n  },\n);\n\nconst ControlButton = React.memo<React.ButtonHTMLAttributes<HTMLButtonElement> & { children: React.ReactNode }>(({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n});\n\nconst NumberInput = React.memo<NumberInputProps>(\n  ({\n    value,\n    defaultValue,\n    onChange,\n    min,\n    max,\n    step = 1,\n    precision,\n    size = \"md\",\n    label,\n    placeholder,\n    disabled = false,\n    readOnly = false,\n    required = false,\n    controls = true,\n    controlsPosition = \"right\",\n    clampOnBlur = true,\n    className,\n    classNames,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    loading = false,\n    fullWidth = true,\n    ref,\n    id,\n    name,\n  }) => {\n    const [currentValue, setCurrentValue] = useControllable<number | undefined>({ value, defaultValue, onChange });\n\n    const uniqueId = useId();\n    const inputId = id || `number-input-${uniqueId}`;\n    const helperId = `number-input-helper-${uniqueId}`;\n\n    // Use shared validation status utility - memoized\n    const { status, message: helperMessage } = useMemo(\n      () => getValidationStatus({ error, warning, info, success, helperText }),\n      [error, warning, info, success, helperText],\n    );\n\n    // Format number to precision\n    const formatValue = useCallback(\n      (val: number | undefined): string => {\n        if (val === undefined || isNaN(val)) return \"\";\n        if (precision !== undefined) {\n          return val.toFixed(precision);\n        }\n        return String(val);\n      },\n      [precision],\n    );\n\n    // Parse string to number\n    const parseValue = useCallback((str: string): number | undefined => {\n      if (str === \"\" || str === \"-\") return undefined;\n      const parsed = parseFloat(str);\n      return isNaN(parsed) ? undefined : parsed;\n    }, []);\n\n    // Clamp value to min/max\n    const clampValue = useCallback(\n      (val: number | undefined): number | undefined => {\n        if (val === undefined) return undefined;\n        let clamped = val;\n        if (min !== undefined && clamped < min) clamped = min;\n        if (max !== undefined && clamped > max) clamped = max;\n        return clamped;\n      },\n      [min, max],\n    );\n\n    // Update value\n    const updateValue = useCallback(\n      (newValue: number | undefined) => {\n        setCurrentValue(newValue);\n      },\n      [setCurrentValue],\n    );\n\n    // Handle input change\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n\n        // Allow empty, minus sign, and valid numbers\n        if (inputValue === \"\" || inputValue === \"-\") {\n          updateValue(undefined);\n          return;\n        }\n\n        const parsed = parseValue(inputValue);\n        if (parsed === undefined) return  // reject invalid input\n        updateValue(parsed);\n      },\n      [parseValue, updateValue],\n    );\n\n    // Handle blur - clamp if needed\n    const handleBlur = useCallback(() => {\n      if (clampOnBlur && currentValue !== undefined) {\n        const clamped = clampValue(currentValue);\n        if (clamped !== currentValue) {\n          updateValue(clamped);\n        }\n      }\n    }, [clampOnBlur, currentValue, clampValue, updateValue]);\n\n    // Increment value\n    const handleIncrement = useCallback(() => {\n      const newValue = (currentValue ?? 0) + step;\n      const clamped = clampValue(newValue);\n      updateValue(clamped);\n    }, [currentValue, step, clampValue, updateValue]);\n\n    // Decrement value\n    const handleDecrement = useCallback(() => {\n      const newValue = (currentValue ?? 0) - step;\n      const clamped = clampValue(newValue);\n      updateValue(clamped);\n    }, [currentValue, step, clampValue, updateValue]);\n\n    // Handle keyboard events\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (readOnly || disabled) return;\n\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          handleIncrement();\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          handleDecrement();\n        }\n      },\n      [readOnly, disabled, handleIncrement, handleDecrement],\n    );\n\n    // Check if buttons should be disabled\n    const isIncrementDisabled = useMemo(() => {\n      if (disabled || readOnly || loading) return true;\n      if (\n        max !== undefined &&\n        currentValue !== undefined &&\n        currentValue >= max\n      )\n        return true;\n      return false;\n    }, [disabled, readOnly, loading, max, currentValue]);\n\n    const isDecrementDisabled = useMemo(() => {\n      if (disabled || readOnly || loading) return true;\n      if (\n        min !== undefined &&\n        currentValue !== undefined &&\n        currentValue <= min\n      )\n        return true;\n      return false;\n    }, [disabled, readOnly, loading, min, currentValue]);\n\n    // Memoize aria-describedby\n    const ariaDescribedBy = useMemo(() => {\n      return helperMessage ? helperId : undefined;\n    }, [helperMessage, helperId]);\n\n    // Memoized className computations\n    const rootClass = useMemo(\n      () =>\n        cn(\n          \"number-input_root\",\n          \"w-full flex flex-col relative\",\n          !fullWidth && \"inline-block\",\n          classNames?.root,\n        ),\n      [fullWidth, classNames?.root],\n    );\n\n    const labelClass = useMemo(\n      () =>\n        cn(\n          \"number-input_label\",\n          \"text-sm font-medium text-text-secondary mb-0.5\",\n          classNames?.label,\n        ),\n      [classNames?.label],\n    );\n\n    const wrapperClass = useMemo(\n      () =>\n        cn(\n          \"number-input_wrapper\",\n          \"relative flex items-center\",\n          loading && \"opacity-50 cursor-not-allowed\",\n          controlsPosition === \"sides\" && \"gap-1\",\n          classNames?.wrapper,\n        ),\n      [loading, controlsPosition, classNames?.wrapper],\n    );\n\n    const inputClass = useMemo(\n      () =>\n        cn(\n          \"number-input_input\",\n          numberInputVariants({ status, size, fullWidth, controlsPosition }),\n          controls && controlsPosition === \"right\" && \"pr-16\",\n          controls && controlsPosition === \"sides\" && \"text-center\",\n          className,\n          classNames?.input,\n        ),\n      [\n        status,\n        size,\n        fullWidth,\n        controlsPosition,\n        controls,\n        className,\n        classNames?.input,\n      ],\n    );\n\n    const controlsClass = useMemo(\n      () =>\n        cn(\n          \"number-input_controls\",\n          \"flex\",\n          controlsPosition === \"right\" &&\n            \"absolute right-0 top-0 h-full border-l border-border\",\n          controlsPosition === \"sides\" && \"gap-1\",\n          classNames?.controls,\n        ),\n      [controlsPosition, classNames?.controls],\n    );\n\n    const helperClass = useMemo(\n      () =>\n        cn(\n          \"number-input_helper\",\n          statusMessageVariants({ status }),\n          \"mt-0.5\",\n          status === \"error\" ? classNames?.error : classNames?.helper,\n        ),\n      [status, classNames?.error, classNames?.helper],\n    );\n\n    const iconSize = iconSizes[size];\n\n    const incrementButton = (\n      <ControlButton\n        type=\"button\"\n        onClick={handleIncrement}\n        disabled={isIncrementDisabled}\n        data-slot=\"increment\"\n        className={cn(\n          \"number-input_increment h-full!\",\n          controlButtonVariants({ size, position: controlsPosition }),\n          controlsPosition === \"right\" && \"\",\n          classNames?.increment,\n        )}\n        aria-label=\"Increment value\"\n        tabIndex={-1}\n      >\n        <Plus className={iconSize} aria-hidden=\"true\" />\n      </ControlButton>\n    );\n\n    const decrementButton = (\n      <ControlButton\n        type=\"button\"\n        onClick={handleDecrement}\n        disabled={isDecrementDisabled}\n        data-slot=\"decrement\"\n        className={cn(\n          \"number-input_decrement h-full!\",\n          controlButtonVariants({ size, position: controlsPosition }),\n          controlsPosition === \"right\" && \"border-r border-border\",\n          classNames?.decrement,\n        )}\n        aria-label=\"Decrement value\"\n        tabIndex={-1}\n      >\n        <Minus className={iconSize} aria-hidden=\"true\" />\n      </ControlButton>\n    );\n\n    const inputElement = (\n      <div data-slot=\"wrapper\" className={wrapperClass}>\n        {controls && controlsPosition === \"sides\" && decrementButton}\n        <input\n          ref={ref}\n          id={inputId}\n          name={name}\n          type=\"text\"\n          inputMode=\"decimal\"\n          data-slot=\"input\"\n          className={inputClass}\n          value={formatValue(currentValue)}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          aria-invalid={status === \"error\"}\n          aria-describedby={ariaDescribedBy}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n        />\n        {controls && controlsPosition === \"right\" && (\n          <div data-slot=\"controls\" className={controlsClass}>\n            <div className=\"flex flex-row h-full\">\n              {decrementButton}\n              {incrementButton}\n            </div>\n          </div>\n        )}\n        {controls && controlsPosition === \"sides\" && incrementButton}\n        {loading && (\n          <div className=\"absolute right-3 flex items-center\">\n            <Spinner aria-hidden=\"true\" />\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"root\" className={rootClass}>\n        {label && (\n          <label htmlFor={inputId} data-slot=\"label\" className={labelClass}>\n            {label}\n            {required && <span className=\"text-error ml-1\">*</span>}\n          </label>\n        )}\n        {inputElement}\n        {helperMessage && (\n          <p id={helperId} data-slot=\"helper\" className={helperClass}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = \"NumberInput\";\n\nexport type * from \"./types\";\nexport default NumberInput;\n"]}

package/dist/chunk-XAM5EKOS.js

@@ -0,0 +1,150 @@
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
+import { cva } from 'class-variance-authority';
+import React, { useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var toggleGroupVariants = cva(
+  "inline-flex border rounded-md overflow-hidden"
+);
+var toggleItemVariants = cva(
+  "font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  {
+    variants: {
+      size: {
+        xs: "h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs",
+        sm: "h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm",
+        md: "h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base",
+        lg: "h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var getToggleClasses = (color, variant, isActive) => {
+  const baseColor = colorVars[color] || colorVars.default;
+  if (!isActive) {
+    return cn(baseColor, "text-text-secondary hover:text-slot hover:bg-slot-10");
+  }
+  if (variant === "solid") {
+    return cn(baseColor, "bg-slot text-slot-fg");
+  }
+  if (variant === "soft") {
+    return cn(baseColor, "bg-slot-20 text-slot");
+  }
+  return cn(baseColor, "border-slot bg-slot-10 text-slot");
+};
+var ToggleItemButton = React.memo(({ children, disabled, className, ...props }) => {
+  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
+  return /* @__PURE__ */ jsxs("button", { className: cn(className, "relative overflow-hidden"), onPointerDown, onKeyDown, disabled, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
+  ] });
+});
+var ToggleGroup = React.memo(
+  ({
+    options,
+    value: controlledValue,
+    defaultValue,
+    multiple = false,
+    color = "primary",
+    size = "md",
+    variant = "default",
+    onChange,
+    fullWidth = false,
+    disabled = false,
+    className,
+    centered = false,
+    classNames,
+    ref
+  }) => {
+    const [internalValue, setInternalValue] = useState(
+      defaultValue || (multiple ? [] : options?.[0]?.value || "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : internalValue;
+    const handleToggleClick = useCallback(
+      (e) => {
+        const optionValue = e.currentTarget.dataset.value;
+        const optionDisabled = e.currentTarget.dataset.disabled === "true";
+        if (!optionValue || disabled || optionDisabled) return;
+        setInternalValue((prevValue) => {
+          const currentValues = Array.isArray(prevValue) ? prevValue : [];
+          let newValue;
+          if (multiple) {
+            if (currentValues.includes(optionValue)) {
+              newValue = currentValues.filter((v) => v !== optionValue);
+            } else {
+              newValue = [...currentValues, optionValue];
+            }
+          } else {
+            newValue = optionValue;
+          }
+          onChange?.(newValue);
+          return controlledValue !== void 0 ? prevValue : newValue;
+        });
+      },
+      [disabled, multiple, onChange, controlledValue]
+    );
+    const isActive = (optionValue) => {
+      if (multiple && Array.isArray(value)) {
+        return value.includes(optionValue);
+      }
+      return optionValue === value;
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "root",
+        ref,
+        role: "group",
+        className: cn(
+          "toggleGroup_root",
+          toggleGroupVariants(),
+          "border-border bg-background",
+          classNames?.root,
+          className,
+          fullWidth && "grid w-full"
+        ),
+        style: fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : void 0,
+        children: options.map((option) => {
+          const active = isActive(option.value);
+          const isDisabled = disabled || option.disabled;
+          return /* @__PURE__ */ jsx(
+            ToggleItemButton,
+            {
+              type: "button",
+              className: cn(
+                "toggleGroup_item",
+                toggleItemVariants({ size }),
+                getToggleClasses(color, variant, active),
+                "border-border flex items-center justify-center",
+                isDisabled && "opacity-50 cursor-not-allowed",
+                centered && "text-center",
+                classNames?.item
+              ),
+              "data-value": option.value,
+              "data-disabled": option.disabled,
+              onClick: handleToggleClick,
+              disabled: isDisabled,
+              "aria-pressed": active,
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                option.icon,
+                option.label
+              ] })
+            },
+            option.value
+          );
+        })
+      }
+    );
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+var toggle_group_default = ToggleGroup;
+
+export { ToggleGroup, toggle_group_default };
+//# sourceMappingURL=chunk-XAM5EKOS.js.map
+//# sourceMappingURL=chunk-XAM5EKOS.js.map

package/dist/chunk-XAM5EKOS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle-group/index.tsx"],"names":[],"mappings":"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","file":"chunk-XAM5EKOS.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState, useCallback } from 'react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { ToggleGroupProps } from './types'\n\nconst toggleGroupVariants = cva(\n  'inline-flex border rounded-md overflow-hidden',\n)\n\nconst toggleItemVariants = cva(\n  'font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n  {\n    variants: {\n      size: {\n        xs: 'h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs',\n        sm: 'h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm',\n        md: 'h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base',\n        lg: 'h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (!isActive) {\n    // Inactive: text-secondary with hover to accent color\n    return cn(baseColor, 'text-text-secondary hover:text-slot hover:bg-slot-10')\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return cn(baseColor, 'bg-slot text-slot-fg')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'bg-slot-20 text-slot')\n  }\n  // default variant\n  return cn(baseColor, 'border-slot bg-slot-10 text-slot')\n}\n\nconst ToggleItemButton = React.memo<React.ButtonHTMLAttributes<HTMLButtonElement> & { children: React.ReactNode }>(({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n})\n\nexport const ToggleGroup = React.memo<ToggleGroupProps>(\n  ({\n    options,\n    value: controlledValue,\n    defaultValue,\n    multiple = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    fullWidth = false,\n    disabled = false,\n    className,\n    centered = false,\n    classNames,\n    ref,\n  }) => {\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      defaultValue || (multiple ? [] : options?.[0]?.value || ''),\n    )\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n\n    const handleToggleClick = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        const optionValue = e.currentTarget.dataset.value\n        const optionDisabled = e.currentTarget.dataset.disabled === 'true'\n\n        if (!optionValue || disabled || optionDisabled) return\n\n        setInternalValue((prevValue) => {\n          const currentValues = Array.isArray(prevValue) ? prevValue : []\n          let newValue: string | string[]\n\n          if (multiple) {\n            if (currentValues.includes(optionValue)) {\n              newValue = currentValues.filter((v) => v !== optionValue)\n            } else {\n              newValue = [...currentValues, optionValue]\n            }\n          } else {\n            newValue = optionValue\n          }\n\n          onChange?.(newValue)\n          return controlledValue !== undefined ? prevValue : newValue\n        })\n      },\n      [disabled, multiple, onChange, controlledValue],\n    )\n\n    const isActive = (optionValue: string) => {\n      if (multiple && Array.isArray(value)) {\n        return value.includes(optionValue)\n      }\n      return optionValue === value\n    }\n\n    return (\n      <div\n        data-slot=\"root\"\n        ref={ref}\n        role=\"group\"\n        className={cn(\n          'toggleGroup_root',\n          toggleGroupVariants(),\n          'border-border bg-background',\n          classNames?.root,\n          className,\n          fullWidth && 'grid w-full',\n        )}\n        style={fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : undefined}\n      >\n        {options.map((option) => {\n          const active = isActive(option.value)\n          const isDisabled = disabled || option.disabled\n\n          return (\n            <ToggleItemButton\n              type=\"button\"\n              key={option.value}\n              className={cn(\n                'toggleGroup_item',\n                toggleItemVariants({ size }),\n                getToggleClasses(color, variant, active),\n\n                'border-border flex items-center justify-center',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n                centered && 'text-center',\n                classNames?.item,\n              )}\n              data-value={option.value}\n              data-disabled={option.disabled}\n              onClick={handleToggleClick}\n              disabled={isDisabled}\n              aria-pressed={active}\n            >\n              <div className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </div>\n            </ToggleItemButton>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nToggleGroup.displayName = 'ToggleGroup'\n\nexport type * from './types'\nexport default ToggleGroup\n"]}

package/dist/{chunk-EHWXPH76.js → chunk-XBXPY7U3.js}

@@ -1,5 +1,5 @@
-import { Spinner } from './chunk-Y4XAXZHB.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Spinner } from './chunk-RRPMZYVN.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -18,16 +18,18 @@ var FetchingOverlay = React.memo(({
       className: cn(
         "fetchingOverlay_root",
         "absolute inset-0 flex items-center justify-center transition-opacity duration-300",
-        fullscreen && "fixed w-full h-screen z-50",
+        fullscreen && "fixed w-full h-screen z-[var(--z-overlay)]",
         isFetching ? "opacity-100" : "opacity-0 pointer-events-none",
         className
       ),
       style: isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : void 0,
-      children: /* @__PURE__ */ jsx(
+      role: "status",
+      "aria-busy": isFetching,
+      "aria-label": isFetching ? "Loading content" : void 0,
+      children: isFetching && /* @__PURE__ */ jsx(
         Spinner,
         {
           size,
-          className: "transition-transform duration-300 animate-spin",
           ...rest
         }
       )
@@ -38,5 +40,5 @@ FetchingOverlay.displayName = "FetchingOverlay";
 var fetching_overlay_default = FetchingOverlay;
 
 export { fetching_overlay_default };
-//# sourceMappingURL=chunk-EHWXPH76.js.map
-//# sourceMappingURL=chunk-EHWXPH76.js.map
+//# sourceMappingURL=chunk-XBXPY7U3.js.map
+//# sourceMappingURL=chunk-XBXPY7U3.js.map

package/dist/chunk-XBXPY7U3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fetching-overlay/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,CAA2B,CAAC;AAAA,EACxD,UAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,UAAA,GAAa,IAAA;AAAA,EACb,eAAA,GAAkB,EAAA;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,sBAAA;AAAA,QACA,mFAAA;AAAA,QACA,UAAA,IAAc,4CAAA;AAAA,QACd,aAAa,aAAA,GAAgB,+BAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,aAAa,EAAE,eAAA,EAAiB,iBAAiB,eAAA,GAAkB,GAAG,KAAI,GAAI,MAAA;AAAA,MACrF,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAW,UAAA;AAAA,MACX,YAAA,EAAY,aAAa,iBAAA,GAAoB,MAAA;AAAA,MAE5C,QAAA,EAAA,UAAA,oBACC,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACC,GAAG;AAAA;AAAA;AACN;AAAA,GAEJ;AAEJ,CAAC,CAAA;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAO,wBAAA,GAAQ","file":"chunk-XBXPY7U3.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Spinner } from '../spinner'\nimport { SpinnerProps } from '../spinner/types'\nimport { cn } from '../utils'\n\nexport interface FetchingOverlayProps extends SpinnerProps {\n  isFetching: boolean\n  fullscreen?: boolean\n  backdropOpacity?: number\n}\n\nconst FetchingOverlay = React.memo<FetchingOverlayProps>(({\n  isFetching,\n  size = 'lg',\n  fullscreen = true,\n  backdropOpacity = 30,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'fetchingOverlay_root',\n        'absolute inset-0 flex items-center justify-center transition-opacity duration-300',\n        fullscreen && 'fixed w-full h-screen z-[var(--z-overlay)]',\n        isFetching ? 'opacity-100' : 'opacity-0 pointer-events-none',\n        className,\n      )}\n      style={isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : undefined}\n      role=\"status\"\n      aria-busy={isFetching}\n      aria-label={isFetching ? \"Loading content\" : undefined}\n    >\n      {isFetching && (\n        <Spinner\n          size={size}\n          {...rest}\n        />\n      )}\n    </div>\n  )\n})\n\nFetchingOverlay.displayName = 'FetchingOverlay'\n\nexport default FetchingOverlay\n"]}

package/dist/{chunk-5PUATOLR.js → chunk-XCK62GVU.js}

@@ -37,9 +37,9 @@ var applyTheme = (theme, disableTransitionOnChange) => {
       document.head.removeChild(css);
     }, 1);
   }
-  root.setAttribute("data-theme", theme);
   root.classList.remove("light", "dark");
   root.classList.add(theme);
+  root.setAttribute("data-mode", theme);
 };
 var ThemeProvider = ({
   children,
@@ -116,12 +116,12 @@ var themeScript = `
       resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
 
-    document.documentElement.setAttribute('data-theme', resolved);
     document.documentElement.classList.add(resolved);
+    document.documentElement.setAttribute('data-mode', resolved);
   } catch (e) {}
 })();
 `;
 
 export { ThemeProvider, themeScript, useTheme };
-//# sourceMappingURL=chunk-5PUATOLR.js.map
-//# sourceMappingURL=chunk-5PUATOLR.js.map
+//# sourceMappingURL=chunk-XCK62GVU.js.map
+//# sourceMappingURL=chunk-XCK62GVU.js.map

package/dist/chunk-XCK62GVU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"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","file":"chunk-XCK62GVU.js","sourcesContent":["'use client'\n\n/**\n * ThemeProvider\n * Production-ready theme management with React context\n *\n * Dark/light mode: controlled via `.dark` / `.light` class on <html>\n * Theme presets: controlled via `data-theme` attribute on <html> (e.g. data-theme=\"corporate\")\n *\n * These are independent — you can combine any preset with any mode:\n *   <html class=\"dark\" data-theme=\"corporate\">\n */\n\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { Theme, ThemeProviderProps, ThemeProviderState } from './types';\n\nconst ThemeProviderContext = createContext<ThemeProviderState | undefined>(\n  undefined\n);\n\nconst MEDIA_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * Get stored theme from localStorage (SSR-safe)\n */\nconst getStoredTheme = (storageKey: string): Theme | null => {\n  if (typeof window === 'undefined') return null;\n  try {\n    return (localStorage.getItem(storageKey) as Theme) || null;\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Store theme to localStorage (SSR-safe)\n */\nconst setStoredTheme = (storageKey: string, theme: Theme): void => {\n  if (typeof window === 'undefined') return;\n  try {\n    localStorage.setItem(storageKey, theme);\n  } catch {\n    // Silently fail if localStorage is not available\n  }\n};\n\n/**\n * Get system theme preference (SSR-safe)\n */\nconst getSystemTheme = (): 'light' | 'dark' => {\n  if (typeof window === 'undefined') return 'light';\n  return window.matchMedia(MEDIA_QUERY).matches ? 'dark' : 'light';\n};\n\n/**\n * Apply theme mode to document (SSR-safe)\n * Only touches the class (.dark / .light) and data-mode attribute.\n * Does NOT touch data-theme — that's reserved for preset names.\n */\nconst applyTheme = (\n  theme: 'light' | 'dark',\n  disableTransitionOnChange: boolean\n): void => {\n  if (typeof window === 'undefined') return;\n\n  const root = document.documentElement;\n\n  // Disable transitions temporarily if requested\n  if (disableTransitionOnChange) {\n    const css = document.createElement('style');\n    css.textContent = '* { transition: none !important; }';\n    document.head.appendChild(css);\n\n    // Force reflow\n    void root.offsetHeight;\n\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  }\n\n  // Apply mode via class only — data-theme is reserved for presets\n  root.classList.remove('light', 'dark');\n  root.classList.add(theme);\n  // Also set data-mode for CSS selectors that prefer attribute-based targeting\n  root.setAttribute('data-mode', theme);\n};\n\n/**\n * ThemeProvider Component\n * Provides theme context and manages theme state with persistence\n */\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'ui-theme',\n  disableTransitionOnChange = false,\n  // enableStrictMode is defined in props but reserved for future use\n}) => {\n  // Initialize theme state (SSR-safe)\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') return defaultTheme;\n    const stored = getStoredTheme(storageKey);\n    return stored ?? defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') return 'light';\n    const stored = getStoredTheme(storageKey) ?? defaultTheme;\n    if (stored === 'system') return getSystemTheme();\n    return stored;\n  });\n\n  // Handle theme changes\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme);\n      setStoredTheme(storageKey, newTheme);\n\n      const resolved = newTheme === 'system' ? getSystemTheme() : newTheme;\n      setResolvedTheme(resolved);\n      applyTheme(resolved, disableTransitionOnChange);\n    },\n    [storageKey, disableTransitionOnChange]\n  );\n\n  // Listen for system theme changes\n  useEffect(() => {\n    if (theme !== 'system') return;\n\n    const mediaQuery = window.matchMedia(MEDIA_QUERY);\n\n    const handleChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      const systemTheme = e.matches ? 'dark' : 'light';\n      setResolvedTheme(systemTheme);\n      applyTheme(systemTheme, disableTransitionOnChange);\n    };\n\n    // Initial check\n    handleChange(mediaQuery);\n\n    // Modern browsers\n    if (mediaQuery.addEventListener) {\n      mediaQuery.addEventListener('change', handleChange);\n      return () => mediaQuery.removeEventListener('change', handleChange);\n    }\n\n    // Legacy browsers\n    mediaQuery.addListener(handleChange);\n    return () => mediaQuery.removeListener(handleChange);\n  }, [theme, disableTransitionOnChange]);\n\n  // Apply initial theme on mount (client-side only)\n  useEffect(() => {\n    applyTheme(resolvedTheme, false);\n  }, [resolvedTheme]);\n\n  // Memoize context value\n  const value = useMemo<ThemeProviderState>(\n    () => ({\n      theme,\n      resolvedTheme,\n      setTheme,\n    }),\n    [theme, resolvedTheme, setTheme]\n  );\n\n  return (\n    <ThemeProviderContext.Provider value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n};\n\n/**\n * useTheme Hook\n * Access theme context from any component\n *\n * @throws {Error} When used outside ThemeProvider (in strict mode)\n * @returns {ThemeProviderState} Theme state and setTheme function\n *\n * @example\n * ```tsx\n * const { theme, setTheme, resolvedTheme } = useTheme();\n *\n * // Current theme setting\n * console.log(theme); // 'light' | 'dark' | 'system'\n *\n * // Resolved theme (actual theme being displayed)\n * console.log(resolvedTheme); // 'light' | 'dark'\n *\n * // Change theme\n * setTheme('dark');\n * ```\n */\nexport const useTheme = (): ThemeProviderState => {\n  const context = useContext(ThemeProviderContext);\n\n  if (context === undefined) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n};\n\n/**\n * Script to inject in <head> for SSR apps to prevent flash of unstyled content.\n * Place this in your HTML template before any styles.\n *\n * Only sets class and data-mode — does NOT touch data-theme (preset).\n *\n * @example\n * ```html\n * <script dangerouslySetInnerHTML={{ __html: themeScript }} />\n * ```\n */\nexport const themeScript = `\n(function() {\n  try {\n    var storageKey = 'ui-theme';\n    var theme = localStorage.getItem(storageKey) || 'system';\n    var resolved = theme;\n\n    if (theme === 'system') {\n      resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n\n    document.documentElement.classList.add(resolved);\n    document.documentElement.setAttribute('data-mode', resolved);\n  } catch (e) {}\n})();\n`;\n"]}

package/dist/{chunk-ONGJXAYQ.js → chunk-XMBZBXXS.js}

@@ -1,22 +1,15 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { ExternalLink } from 'lucide-react';
+import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var linkVariants = cva(
-  "inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  "inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slot focus-visible:ring-offset-2 focus-visible:ring-offset-background text-slot hover:text-slot-80",
   {
     variants: {
-      color: {
-        default: "text-text-primary hover:text-text-primary/80",
-        primary: "text-primary hover:text-primary/80",
-        secondary: "text-secondary hover:text-secondary/80",
-        accent: "text-accent hover:text-accent/80",
-        success: "text-success hover:text-success/80",
-        error: "text-error hover:text-error/80",
-        warning: "text-warning hover:text-warning/80",
-        info: "text-info hover:text-info/80"
-      },
+      color: colorVars,
       size: {
         xs: "text-xs",
         sm: "text-sm",
@@ -41,7 +34,7 @@ var linkVariants = cva(
     }
   }
 );
-var Link = ({
+var Link = React.memo(({
   children,
   color = "default",
   size = "md",
@@ -135,10 +128,10 @@ var Link = ({
       ]
     }
   );
-};
+});
 Link.displayName = "Link";
 var link_default = Link;
 
 export { link_default };
-//# sourceMappingURL=chunk-ONGJXAYQ.js.map
-//# sourceMappingURL=chunk-ONGJXAYQ.js.map
+//# sourceMappingURL=chunk-XMBZBXXS.js.map
+//# sourceMappingURL=chunk-XMBZBXXS.js.map