@mdigital_ui/ui 0.4.3 → 0.4.4

package/dist/{chunk-X3CNTOKQ.js → chunk-TDNPACQD.js}

@@ -1,4 +1,4 @@
-import { spinner_default } from './chunk-GGQF5PQN.js';
+import { spinner_default } from './chunk-RRPMZYVN.js';
 import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
@@ -107,7 +107,7 @@ var FloatInput = React.memo(
     ref,
     ...props
   }) => {
-    const [internalValue, setInternalValue] = React.useState("");
+    const [internalValue, setInternalValue] = React.useState(props.defaultValue ?? "");
     const currentValue = value !== void 0 ? value : internalValue;
     const uniqueId = useId();
     const inputId = props.id || `float-input-${uniqueId}`;
@@ -309,5 +309,5 @@ FloatInput.displayName = "FloatInput";
 var float_input_default = FloatInput;
 
 export { float_input_default };
-//# sourceMappingURL=chunk-X3CNTOKQ.js.map
-//# sourceMappingURL=chunk-X3CNTOKQ.js.map
+//# sourceMappingURL=chunk-TDNPACQD.js.map
+//# sourceMappingURL=chunk-TDNPACQD.js.map

package/dist/chunk-TDNPACQD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/float-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-TDNPACQD.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport React, { useId, useMemo } from \"react\";\n\nimport Spinner from \"../spinner\";\n\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from \"../utils\";\nimport type { FloatInputProps } from \"./types\";\n\nconst floatInputVariants = cva(\n  \"peer w-full placeholder:text-transparent rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-[border-color] duration-200 border border-border focus-visible:border-primary bg-background\",\n  {\n    variants: {\n      status: {\n        default: \"\",\n        error: \"border-error focus-visible:border-error\",\n        warning: \"border-warning focus-visible:border-warning\",\n        info: \"border-info focus-visible:border-info\",\n        success: \"border-success focus-visible:border-success\",\n      },\n      size: {\n        xs: \"h-9 pt-3.5 px-2 text-xs\",\n        sm: \"h-10 pt-4 px-3 text-sm\",\n        md: \"h-12 pt-5 px-3 text-base\",\n        lg: \"h-14 pt-5 px-4 text-lg\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n    },\n  },\n);\n\nconst floatLabelVariants = cva(\n  \"absolute pointer-events-none transition-[top,font-size,color] duration-200 text-text-secondary origin-left\",\n  {\n    variants: {\n      size: {\n        xs: \"left-2 text-xs top-2.5 peer-focus:top-1 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1 peer-[:not(:placeholder-shown)]:text-[10px]\",\n        sm: \"left-3 text-sm top-2.5 peer-focus:top-1.5 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:text-[10px]\",\n        md: \"left-3 text-base top-3 peer-focus:top-2 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2 peer-[:not(:placeholder-shown)]:text-xs\",\n        lg: \"left-4 text-lg top-3.5 peer-focus:top-2.5 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2.5 peer-[:not(:placeholder-shown)]:text-xs\",\n      },\n      status: {\n        default: \"\",\n        error: \"peer-focus:text-error\",\n        warning: \"peer-focus:text-warning\",\n        info: \"peer-focus:text-info\",\n        success: \"peer-focus:text-success\",\n      },\n      hasLeftIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"xs\",\n        hasLeftIcon: true,\n        className: \"left-8\",\n      },\n      {\n        size: \"sm\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n      {\n        size: \"md\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n      {\n        size: \"lg\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n    ],\n    defaultVariants: {\n      size: \"md\",\n      status: \"default\",\n      hasLeftIcon: false,\n    },\n  },\n);\n\nconst FloatInput = React.memo<FloatInputProps>(\n  ({\n    size = \"md\",\n    label,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    leftIcon,\n    rightIcon,\n    clearable = false,\n    onClear,\n    loading = false,\n    fullWidth = true,\n    className,\n    classNames,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const [internalValue, setInternalValue] = React.useState(props.defaultValue ?? '');\n    const currentValue = value !== undefined ? value : internalValue;\n\n    const uniqueId = useId();\n    const inputId = props.id || `float-input-${uniqueId}`;\n    const helperId = `float-input-helper-${uniqueId}`;\n    const loadingId = `float-input-loading-${uniqueId}`;\n    const labelId = `float-input-label-${uniqueId}`;\n\n    const { status, message: helperMessage } = useMemo(\n      () => getValidationStatus({ error, warning, info, success, helperText }),\n      [error, warning, info, success, helperText],\n    );\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (value === undefined) setInternalValue(e.target.value);\n        onChange?.(e);\n      },\n      [value, onChange],\n    );\n\n    const handleClear = React.useCallback(() => {\n      if (value === undefined) setInternalValue('');\n      onChange?.({\n        target: { value: \"\" },\n      } as React.ChangeEvent<HTMLInputElement>);\n      onClear?.();\n    }, [value, onChange, onClear]);\n\n    const showClear =\n      clearable && currentValue && !props.disabled && !props.readOnly;\n    const hasRightIcon = rightIcon || showClear || loading;\n\n    // Memoize aria-describedby to avoid array recreation on every render\n    const ariaDescribedBy = useMemo(() => {\n      const parts: string[] = [];\n      if (helperMessage) parts.push(helperId);\n      if (loading) parts.push(loadingId);\n      return parts.length > 0 ? parts.join(\" \") : undefined;\n    }, [helperMessage, helperId, loading, loadingId]);\n\n    // Memoize expensive className computations\n    const rootClass = useMemo(\n      () =>\n        cn(\n          \"float-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 wrapperClass = useMemo(\n      () =>\n        cn(\n          \"float-input_wrapper\",\n          \"relative w-full\",\n          loading && \"opacity-50 cursor-not-allowed\",\n          classNames?.wrapper,\n        ),\n      [loading, classNames?.wrapper],\n    );\n\n    const leftIconClass = useMemo(() => {\n      const sizeClasses = {\n        xs: \"left-2\",\n        sm: \"left-3\",\n        md: \"left-3\",\n        lg: \"left-4\",\n      };\n      return cn(\n        \"float-input_leftIcon\",\n        \"absolute flex items-center h-full top-0 text-text-secondary\",\n        sizeClasses[size],\n        classNames?.leftIcon,\n      );\n    }, [size, classNames?.leftIcon]);\n\n    const inputClass = useMemo(() => {\n      const leftPadding = leftIcon\n        ? {\n            xs: \"pl-8\",\n            sm: \"pl-10\",\n            md: \"pl-10\",\n            lg: \"pl-11\",\n          }[size]\n        : \"\";\n\n      const rightPadding = hasRightIcon\n        ? {\n            xs: \"pr-8\",\n            sm: \"pr-8\",\n            md: \"pr-8\",\n            lg: \"pr-10\",\n          }[size]\n        : \"\";\n\n      return cn(\n        \"float-input_input\",\n        floatInputVariants({ status, size, fullWidth }),\n        leftPadding,\n        rightPadding,\n        className,\n        classNames?.input,\n      );\n    }, [\n      status,\n      size,\n      fullWidth,\n      leftIcon,\n      hasRightIcon,\n      className,\n      classNames?.input,\n    ]);\n\n    const labelClass = useMemo(\n      () =>\n        cn(\n          \"float-input_label\",\n          floatLabelVariants({ size, status, hasLeftIcon: !!leftIcon }),\n          classNames?.label,\n        ),\n      [size, status, leftIcon, classNames?.label],\n    );\n\n    const rightIconClass = useMemo(() => {\n      const sizeClasses = {\n        xs: \"right-2\",\n        sm: \"right-3\",\n        md: \"right-3\",\n        lg: \"right-4\",\n      };\n      return cn(\n        \"float-input_rightIcon\",\n        \"absolute flex gap-2 items-center h-full top-0 text-text-secondary\",\n        sizeClasses[size],\n        classNames?.rightIcon,\n      );\n    }, [size, classNames?.rightIcon]);\n\n    const clearButtonClass = useMemo(\n      () =>\n        cn(\n          \"float-input_clearButton\",\n          \"flex items-center h-full top-0 text-text-secondary hover:text-text-primary transition-colors\",\n          classNames?.clearButton,\n        ),\n      [classNames?.clearButton],\n    );\n\n    const helperClass = useMemo(\n      () =>\n        cn(\n          \"float-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    return (\n      <div data-slot=\"root\" className={rootClass}>\n        <div data-slot=\"wrapper\" className={wrapperClass}>\n          {leftIcon && (\n            <div\n              data-slot=\"leftIcon\"\n              className={leftIconClass}\n              aria-hidden=\"true\"\n            >\n              {leftIcon}\n            </div>\n          )}\n          <input\n            ref={ref}\n            id={inputId}\n            data-slot=\"input\"\n            className={inputClass}\n            value={currentValue}\n            onChange={handleChange}\n            placeholder=\" \"\n            aria-invalid={status === \"error\"}\n            aria-busy={loading}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={labelId}\n            {...props}\n          />\n          <label\n            id={labelId}\n            htmlFor={inputId}\n            data-slot=\"label\"\n            className={labelClass}\n          >\n            {label}\n            {props.required && <span className=\"text-error ml-0.5\">*</span>}\n          </label>\n          {(hasRightIcon || rightIcon) && (\n            <div data-slot=\"rightIcon\" className={rightIconClass}>\n              {showClear && !loading && (\n                <button\n                  type=\"button\"\n                  onClick={handleClear}\n                  data-slot=\"clearButton\"\n                  className={clearButtonClass}\n                  aria-label=\"Clear input\"\n                >\n                  <X className={iconSize} aria-hidden=\"true\" />\n                </button>\n              )}\n              {loading ? (\n                <>\n                  <Spinner aria-hidden=\"true\" size={size} />\n                  <span id={loadingId} className=\"sr-only\">\n                    Loading\n                  </span>\n                </>\n              ) : (\n                rightIcon && <span aria-hidden=\"true\">{rightIcon}</span>\n              )}\n            </div>\n          )}\n        </div>\n        {helperMessage && (\n          <p id={helperId} data-slot=\"helper\" className={helperClass}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nFloatInput.displayName = \"FloatInput\";\n\nexport type * from \"./types\";\nexport default FloatInput;\n"]}

package/dist/{chunk-QZ67UOPR.js → chunk-TQEMGWZ2.js}

@@ -1,7 +1,8 @@
+import { useControllable } from './chunk-PQOIW5CM.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { Star } from 'lucide-react';
 import React, { useState, useId, useCallback } from 'react';
+import { Star } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ratingVariants = cva("inline-flex items-center gap-1", {
@@ -86,21 +87,17 @@ var Rating = React.memo(
     classNames,
     "aria-label": ariaLabel
   }) => {
-    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [currentValue, setCurrentValue] = useControllable({ value: controlledValue, defaultValue, onChange });
     const [hoverValue, setHoverValue] = useState(null);
     const uniqueId = useId();
-    const value = controlledValue !== void 0 ? controlledValue : internalValue;
-    const displayValue = hoverValue !== null ? hoverValue : value;
+    const displayValue = hoverValue !== null ? hoverValue : currentValue ?? 0;
     const isInteractive = !disabled && !readOnly;
     const updateValue = useCallback(
       (newValue) => {
         if (!isInteractive) return;
-        if (controlledValue === void 0) {
-          setInternalValue(newValue);
-        }
-        onChange?.(newValue);
+        setCurrentValue(newValue);
       },
-      [isInteractive, controlledValue, onChange]
+      [isInteractive, setCurrentValue]
     );
     const handleStarClick = useCallback(
       (index, isHalf) => {
@@ -125,17 +122,17 @@ var Rating = React.memo(
       (e) => {
         if (!isInteractive) return;
         const step = allowHalf ? 0.5 : 1;
-        let newValue = value;
+        let newValue = currentValue ?? 0;
         switch (e.key) {
           case "ArrowRight":
           case "ArrowUp":
             e.preventDefault();
-            newValue = Math.min(value + step, count);
+            newValue = Math.min((currentValue ?? 0) + step, count);
             break;
           case "ArrowLeft":
           case "ArrowDown":
             e.preventDefault();
-            newValue = Math.max(value - step, 0);
+            newValue = Math.max((currentValue ?? 0) - step, 0);
             break;
           case "Home":
             e.preventDefault();
@@ -150,7 +147,7 @@ var Rating = React.memo(
         }
         updateValue(newValue);
       },
-      [isInteractive, value, count, allowHalf, updateValue]
+      [isInteractive, currentValue, count, allowHalf, updateValue]
     );
     const getStarFill = useCallback((index) => {
       const fillValue = displayValue - index;
@@ -212,7 +209,8 @@ var Rating = React.memo(
                 /* @__PURE__ */ jsx(
                   Star,
                   {
-                    size: starSizes[size],
+                    width: starSizes[size],
+                    height: starSizes[size],
                     className: cn(
                       getStarClasses(color, variant, false, false),
                       "transition-colors",
@@ -225,7 +223,8 @@ var Rating = React.memo(
                 fillType !== "empty" && /* @__PURE__ */ jsx(
                   Star,
                   {
-                    size: starSizes[size],
+                    width: starSizes[size],
+                    height: starSizes[size],
                     className: cn(
                       "absolute top-0 left-0 transition-colors",
                       getStarClasses(color, variant, true, isHovered),
@@ -251,5 +250,5 @@ Rating.displayName = "Rating";
 var rating_default = Rating;
 
 export { rating_default };
-//# sourceMappingURL=chunk-QZ67UOPR.js.map
-//# sourceMappingURL=chunk-QZ67UOPR.js.map
+//# sourceMappingURL=chunk-TQEMGWZ2.js.map
+//# sourceMappingURL=chunk-TQEMGWZ2.js.map

package/dist/chunk-TQEMGWZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rating/index.tsx"],"names":[],"mappings":"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","file":"chunk-TQEMGWZ2.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState, useCallback, useId } from 'react'\nimport { useControllable } from '../hooks/useControllable'\n\nimport { Star } from 'lucide-react'\n\nimport { cn } from '../utils'\nimport type { RatingProps } from './types'\n\nconst ratingVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst starSizes = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n}\n\n/**\n * Color mappings for Tailwind JIT compatibility\n */\nconst fillColorClasses: Record<string, string> = {\n  default: 'fill-border',\n  primary: 'fill-primary',\n  secondary: 'fill-secondary',\n  accent: 'fill-accent',\n  success: 'fill-success',\n  error: 'fill-error',\n  warning: 'fill-warning',\n  info: 'fill-info',\n}\n\nconst strokeColorClasses: Record<string, string> = {\n  default: 'stroke-border',\n  primary: 'stroke-primary',\n  secondary: 'stroke-secondary',\n  accent: 'stroke-accent',\n  success: 'stroke-success',\n  error: 'stroke-error',\n  warning: 'stroke-warning',\n  info: 'stroke-info',\n}\n\nconst getStarClasses = (\n  color: string,\n  variant: string,\n  isFilled: boolean,\n  isHovered: boolean,\n) => {\n  const state = isFilled || isHovered ? 'filled' : 'empty'\n  const strokeClass = strokeColorClasses[color] || strokeColorClasses.default\n  const fillClass = fillColorClasses[color] || fillColorClasses.default\n\n  if (state === 'empty') {\n    if (variant === 'solid') {\n      if (color === 'default') return 'fill-transparent stroke-border'\n      return `fill-transparent ${strokeClass} opacity-20`\n    }\n    if (variant === 'soft') {\n      if (color === 'default') return 'fill-transparent stroke-border/50'\n      return `fill-transparent ${strokeClass} opacity-20`\n    }\n    if (color === 'default') return 'fill-transparent stroke-border'\n    return `fill-transparent ${strokeClass} opacity-20`\n  }\n\n  // filled state\n  if (variant === 'solid') {\n    if (color === 'default') return 'fill-border stroke-border'\n    return `${fillClass} ${strokeClass}`\n  }\n  if (variant === 'soft') {\n    if (color === 'default') return 'fill-border/50 stroke-border'\n    return `${fillClass} opacity-20 ${strokeClass}`\n  }\n  if (color === 'default') return 'fill-border stroke-border'\n  return `${fillClass} ${strokeClass}`\n}\n\nconst Rating = React.memo<RatingProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 0,\n    count = 5,\n    allowHalf = false,\n    color = 'warning',\n    size = 'md',\n    variant = 'solid',\n    onChange,\n    disabled = false,\n    readOnly = false,\n    className,\n    classNames,\n    'aria-label': ariaLabel,\n  }) => {\n    const [currentValue, setCurrentValue] = useControllable({ value: controlledValue, defaultValue, onChange })\n    const [hoverValue, setHoverValue] = useState<number | null>(null)\n    const uniqueId = useId()\n\n    const displayValue = hoverValue !== null ? hoverValue : (currentValue ?? 0)\n    const isInteractive = !disabled && !readOnly\n\n    const updateValue = useCallback(\n      (newValue: number) => {\n        if (!isInteractive) return\n        setCurrentValue(newValue)\n      },\n      [isInteractive, setCurrentValue],\n    )\n\n    const handleStarClick = useCallback(\n      (index: number, isHalf: boolean) => {\n        if (!isInteractive) return\n        const newValue = isHalf ? index + 0.5 : index + 1\n        updateValue(newValue)\n      },\n      [isInteractive, updateValue],\n    )\n\n    const handleStarHover = useCallback(\n      (index: number, isHalf: boolean) => {\n        if (!isInteractive) return\n        const newValue = isHalf ? index + 0.5 : index + 1\n        setHoverValue(newValue)\n      },\n      [isInteractive],\n    )\n\n    const handleMouseLeave = useCallback(() => {\n      setHoverValue(null)\n    }, [])\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!isInteractive) return\n\n        const step = allowHalf ? 0.5 : 1\n        let newValue = currentValue ?? 0\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowUp':\n            e.preventDefault()\n            newValue = Math.min((currentValue ?? 0) + step, count)\n            break\n          case 'ArrowLeft':\n          case 'ArrowDown':\n            e.preventDefault()\n            newValue = Math.max((currentValue ?? 0) - step, 0)\n            break\n          case 'Home':\n            e.preventDefault()\n            newValue = 0\n            break\n          case 'End':\n            e.preventDefault()\n            newValue = count\n            break\n          default:\n            return\n        }\n\n        updateValue(newValue)\n      },\n      [isInteractive, currentValue, count, allowHalf, updateValue],\n    )\n\n    const getStarFill = useCallback((index: number) => {\n      const fillValue = displayValue - index\n      if (fillValue >= 1) return 'full'\n      if (fillValue > 0 && fillValue < 1) return 'half'\n      return 'empty'\n    }, [displayValue])\n\n    return (\n      <div data-slot=\"root\" className={cn(ratingVariants({ size }), 'rating_root', classNames?.root, className)}>\n        <div\n          id={`rating-${uniqueId}`}\n          role=\"radiogroup\"\n          aria-label={ariaLabel || 'Rating'}\n          tabIndex={isInteractive ? 0 : -1}\n          onKeyDown={handleKeyDown}\n          onMouseLeave={handleMouseLeave}\n          className={cn(\n            'inline-flex items-center gap-0.5 outline-none',\n            'rating_label',\n            classNames?.label,\n            isInteractive && 'focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded',\n          )}\n        >\n          {Array.from({ length: count }, (_, index) => {\n            const fillType = getStarFill(index)\n            const isHovered =\n              hoverValue !== null && index < Math.ceil(hoverValue)\n\n            const starValue = index + 1\n            const isChecked = fillType !== 'empty'\n\n            return (\n              <div\n                key={index}\n                role=\"radio\"\n                aria-checked={isChecked}\n                aria-label={`${starValue} ${starValue === 1 ? 'star' : 'stars'}`}\n                className={cn(\n                  'relative inline-flex',\n                  isInteractive && 'cursor-pointer',\n                  disabled && 'opacity-50 cursor-not-allowed',\n                )}\n              >\n                {/* Left half */}\n                {allowHalf && (\n                  <div\n                    className=\"absolute inset-0 w-1/2 z-10\"\n                    onClick={() => handleStarClick(index, true)}\n                    onMouseEnter={() => handleStarHover(index, true)}\n                  />\n                )}\n                {/* Right half or full star */}\n                <div\n                  className={cn(\n                    'absolute inset-0 z-10',\n                    allowHalf ? 'left-1/2' : 'left-0',\n                  )}\n                  onClick={() => handleStarClick(index, false)}\n                  onMouseEnter={() => handleStarHover(index, false)}\n                />\n\n                {/* Background star (empty) */}\n                <Star\n                  width={starSizes[size]}\n                  height={starSizes[size]}\n                  className={cn(\n                    getStarClasses(color, variant, false, false),\n                    'transition-colors',\n                    'rating_star',\n                    classNames?.star,\n                  )}\n                  aria-hidden=\"true\"\n                />\n\n                {/* Foreground star (filled) */}\n                {fillType !== 'empty' && (\n                  <Star\n                    width={starSizes[size]}\n                    height={starSizes[size]}\n                    className={cn(\n                      'absolute top-0 left-0 transition-colors',\n                      getStarClasses(color, variant, true, isHovered),\n                      'rating_starFilled',\n                      classNames?.starFilled,\n                    )}\n                    style={{\n                      clipPath:\n                        fillType === 'half'\n                          ? 'polygon(0 0, 50% 0, 50% 100%, 0 100%)'\n                          : 'none',\n                    }}\n                    aria-hidden=\"true\"\n                  />\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n)\n\nRating.displayName = 'Rating'\n\nexport type * from './types'\nexport default Rating\n"]}

package/dist/{chunk-U3RHF7QF.js → chunk-U4JPTWK6.js}

@@ -1,8 +1,8 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
 import React from 'react';
+import { X } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var notificationVariants = cva(
@@ -104,5 +104,5 @@ Notification.displayName = "Notification";
 var notification_default = Notification;
 
 export { notification_default };
-//# sourceMappingURL=chunk-U3RHF7QF.js.map
-//# sourceMappingURL=chunk-U3RHF7QF.js.map
+//# sourceMappingURL=chunk-U4JPTWK6.js.map
+//# sourceMappingURL=chunk-U4JPTWK6.js.map

package/dist/chunk-U4JPTWK6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notification/index.tsx"],"names":[],"mappings":"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","file":"chunk-U4JPTWK6.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { X } from 'lucide-react'\n\nimport { cn, iconSizes } from '../utils'\nimport { colorVars } from '../variants'\nimport type { NotificationProps } from './types'\n\nconst notificationVariants = cva(\n  'relative flex gap-3 rounded-md transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'bg-slot border border-slot text-slot-fg',\n        solid: 'bg-slot text-slot-fg',\n        outline: 'bg-background border border-slot border-l-4 border-l-slot text-slot',\n        soft: 'bg-slot-10 border-l-4 border-l-slot text-slot',\n      },\n      color: colorVars,\n      size: {\n        xs: 'p-2 gap-2',\n        sm: 'p-3 gap-2.5',\n        md: 'p-4 gap-3',\n        lg: 'p-5 gap-3.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'default',\n      size: 'md',\n    },\n  },\n)\n\nconst titleSizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst descriptionSizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-sm',\n  lg: 'text-base',\n}\n\nconst Notification = React.memo<NotificationProps>(\n  ({\n    title,\n    description,\n    variant = 'default',\n    color = 'default',\n    size = 'md',\n    closable,\n    onClose,\n    action,\n    className,\n    classNames,\n    children,\n  }) => {\n    const isClosable = closable ?? (onClose !== undefined)\n\n    return (\n      <div\n        data-slot=\"root\"\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className={cn(\n          'notification_root',\n          notificationVariants({ variant, color, size }),\n          className,\n          classNames?.root,\n        )}\n      >\n        <div className={cn('flex-1 min-w-0', 'notification_content', classNames?.content)}>\n          {title && <div className={cn('font-semibold mb-1', titleSizeClasses[size], 'notification_title', classNames?.title)}>{title}</div>}\n          {description && (\n            <div className={cn('opacity-90', descriptionSizeClasses[size], 'notification_description', classNames?.description)}>{description}</div>\n          )}\n          {children && <div className=\"mt-2\">{children}</div>}\n          {action && (\n            <button\n              type=\"button\"\n              onClick={action.onClick}\n              className={cn('mt-2 font-medium underline hover:no-underline', descriptionSizeClasses[size], 'notification_action', classNames?.action)}\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {isClosable && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={cn('shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity', 'notification_closeButton', classNames?.closeButton)}\n            aria-label=\"Close notification\"\n          >\n            <X className={cn(iconSizes[size], 'notification_icon', classNames?.icon)} aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n    )\n  },\n)\n\nNotification.displayName = 'Notification'\n\nexport type * from './types'\nexport default Notification\n"]}

package/dist/{chunk-S7R4NTOI.js → chunk-UFC3RGIN.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useId } from 'react';
@@ -108,5 +108,5 @@ Radio.displayName = "Radio";
 var radio_default = Radio;
 
 export { radio_default };
-//# sourceMappingURL=chunk-S7R4NTOI.js.map
-//# sourceMappingURL=chunk-S7R4NTOI.js.map
+//# sourceMappingURL=chunk-UFC3RGIN.js.map
+//# sourceMappingURL=chunk-UFC3RGIN.js.map

package/dist/{chunk-S7R4NTOI.js.map → chunk-UFC3RGIN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,2OAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,EAClB,CAAC;AAAA,IACC,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AAEJ,IAAA,MAAM,WAAW,KAAA,EAAM;AACvB,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,EAAA,IAAM,CAAA,MAAA,EAAS,QAAQ,CAAA,CAAA;AAC7C,IAAA,MAAM,QAAA,GAAW,gBAAgB,QAAQ,CAAA,CAAA;AACzC,IAAA,MAAM,aAAA,GAAgB,CAAC,EAAE,UAAA,IAAc,KAAA,CAAA;AAEvC,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,aAAA;AAAA,UACA,aAAA,CAAc,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,CAAC,CAAC,OAAO,CAAA;AAAA,UAC7C,yGAAA;AAAA,UACA,yBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA,EAAY;AAAA,SACd;AAAA,QACA,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,kBAAA,EAAkB,gBAAgB,QAAA,GAAW,MAAA;AAAA,QAC5C,GAAG,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AAAA,KACN;AAGF,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,MAAA,EAAO,SAAA,EAAW,GAAG,YAAA,EAAc,QAAA,EAAU,UAAA,EAAY,IAAI,CAAA,EAC1E,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,OAAA;AAAA,UACT,SAAA,EAAW,EAAA;AAAA,YACT,yBAAA;AAAA,YACA,CAAC,MAAM,QAAA,IAAY;AAAA,WACrB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,YAAA;AAAA,YACA,KAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,aAAA;AAAA,kBACA,uCAAA;AAAA,kBACA,KAAA,IAAS,YAAA;AAAA,kBACT,MAAM,QAAA,IAAY,YAAA;AAAA,kBAClB,UAAA,EAAY;AAAA,iBACd;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,OAEJ;AAAA,MAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,QAAA;AAAA,UACJ,SAAA,EAAW,EAAA;AAAA,YACT,mBAAA;AAAA,YACA,mBAAA;AAAA,YACA,QAAQ,YAAA,GAAe,qBAAA;AAAA,YACvB,UAAA,EAAY;AAAA,WACd;AAAA,UAEC,QAAA,EAAA,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ;AAAA;AAAA;AACvC,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;AAGpB,IAAO,aAAA,GAAQ","file":"chunk-S7R4NTOI.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { RadioProps } from \"./types\";\n\nconst radioVariants = cva(\n  \"appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary\",\n  {\n    variants: {\n      color: colorVars,\n      size: {\n        xs: \"w-(--checkbox-size-xs) h-(--checkbox-size-xs)\",\n        sm: \"w-(--checkbox-size-sm) h-(--checkbox-size-sm)\",\n        md: \"w-(--checkbox-size-md) h-(--checkbox-size-md)\",\n        lg: \"w-(--checkbox-size-lg) h-(--checkbox-size-lg)\",\n      },\n      error: {\n        true: \"border-error checked:border-error\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nconst Radio = React.memo<RadioProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    className,\n    ref,\n    classNames,\n    ...props\n  }) => {\n    // Generate unique ID for accessibility\n    const uniqueId = useId();\n    const radioId = props.id || `radio-${uniqueId}`;\n    const helperId = `radio-helper-${uniqueId}`;\n    const hasHelperText = !!(helperText || error);\n\n    const radioElement = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={cn(\n          \"radio_radio\",\n          radioVariants({ color, size, error: !!error }),\n          \"checked:border-slot checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--_c)]\",\n          \"focus-visible:ring-slot\",\n          className,\n          classNames?.radio,\n        )}\n        aria-invalid={!!error || undefined}\n        aria-describedby={hasHelperText ? helperId : undefined}\n        {...props}\n        id={radioId}\n      />\n    );\n\n    return (\n      <div data-slot=\"root\" className={cn(\"radio_root\", \"w-full\", classNames?.root)}>\n        <label\n          htmlFor={radioId}\n          className={cn(\n            \"flex items-center gap-2\",\n            !props.disabled && \"cursor-pointer\",\n          )}\n        >\n          {radioElement}\n          {label && (\n            <span\n              className={cn(\n                \"radio_label\",\n                \"text-sm text-text-primary select-none\",\n                error && \"text-error\",\n                props.disabled && \"opacity-50\",\n                classNames?.label,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"radio_description\",\n              \"mt-1 ml-0 text-xs\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              classNames?.description,\n            )}\n          >\n            {typeof error === \"string\" ? error : helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n\nexport type * from \"./types\";\nexport default Radio;\n"]}
+{"version":3,"sources":["../src/radio/index.tsx"],"names":[],"mappings":"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","file":"chunk-UFC3RGIN.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { RadioProps } from \"./types\";\n\nconst radioVariants = cva(\n  \"appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary\",\n  {\n    variants: {\n      color: colorVars,\n      size: {\n        xs: \"w-(--checkbox-size-xs) h-(--checkbox-size-xs)\",\n        sm: \"w-(--checkbox-size-sm) h-(--checkbox-size-sm)\",\n        md: \"w-(--checkbox-size-md) h-(--checkbox-size-md)\",\n        lg: \"w-(--checkbox-size-lg) h-(--checkbox-size-lg)\",\n      },\n      error: {\n        true: \"border-error checked:border-error\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nconst Radio = React.memo<RadioProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    className,\n    ref,\n    classNames,\n    ...props\n  }) => {\n    // Generate unique ID for accessibility\n    const uniqueId = useId();\n    const radioId = props.id || `radio-${uniqueId}`;\n    const helperId = `radio-helper-${uniqueId}`;\n    const hasHelperText = !!(helperText || error);\n\n    const radioElement = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={cn(\n          \"radio_radio\",\n          radioVariants({ color, size, error: !!error }),\n          \"checked:border-slot checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--_c)]\",\n          \"focus-visible:ring-slot\",\n          className,\n          classNames?.radio,\n        )}\n        aria-invalid={!!error || undefined}\n        aria-describedby={hasHelperText ? helperId : undefined}\n        {...props}\n        id={radioId}\n      />\n    );\n\n    return (\n      <div data-slot=\"root\" className={cn(\"radio_root\", \"w-full\", classNames?.root)}>\n        <label\n          htmlFor={radioId}\n          className={cn(\n            \"flex items-center gap-2\",\n            !props.disabled && \"cursor-pointer\",\n          )}\n        >\n          {radioElement}\n          {label && (\n            <span\n              className={cn(\n                \"radio_label\",\n                \"text-sm text-text-primary select-none\",\n                error && \"text-error\",\n                props.disabled && \"opacity-50\",\n                classNames?.label,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"radio_description\",\n              \"mt-1 ml-0 text-xs\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              classNames?.description,\n            )}\n          >\n            {typeof error === \"string\" ? error : helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n\nexport type * from \"./types\";\nexport default Radio;\n"]}

package/dist/{chunk-2OBMSB5S.js → chunk-W5VLFE4U.js}

@@ -1,8 +1,8 @@
-import { spinner_default } from './chunk-GGQF5PQN.js';
+import { spinner_default } from './chunk-RRPMZYVN.js';
 import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
 import React, { useId, useMemo } from 'react';
+import { X } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var inputVariants = cva(
@@ -66,7 +66,7 @@ var Input = React.memo(
     ref,
     ...props
   }) => {
-    const [internalValue, setInternalValue] = React.useState("");
+    const [internalValue, setInternalValue] = React.useState(props.defaultValue ?? "");
     const currentValue = value !== void 0 ? value : internalValue;
     const uniqueId = useId();
     const inputId = props.id || `input-${uniqueId}`;
@@ -217,5 +217,5 @@ Input.displayName = "Input";
 var input_default = Input;
 
 export { input_default };
-//# sourceMappingURL=chunk-2OBMSB5S.js.map
-//# sourceMappingURL=chunk-2OBMSB5S.js.map
+//# sourceMappingURL=chunk-W5VLFE4U.js.map
+//# sourceMappingURL=chunk-W5VLFE4U.js.map

package/dist/chunk-W5VLFE4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/index.tsx"],"names":[],"mappings":"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","file":"chunk-W5VLFE4U.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useId, useMemo } from \"react\";\n\nimport { X } from 'lucide-react';\n\nimport Spinner from \"../spinner\";\n\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from \"../utils\";\nimport type { InputProps } from \"./types\";\n\nconst inputVariants = 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      variant: {\n        outline: \"bg-background border border-border focus:border-primary\",\n        filled: \"bg-surface border border-transparent focus:border-primary\",\n      },\n      status: {\n        default: \"\",\n        error: \"border-error focus:border-error\",\n        warning: \"border-warning focus:border-warning\",\n        info: \"border-info focus:border-info\",\n        success: \"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    },\n    defaultVariants: {\n      variant: \"outline\",\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n    },\n  },\n);\n\nconst Input = React.memo<InputProps>(\n  ({\n    variant = \"outline\",\n    size = \"md\",\n    label,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    messagePosition = \"bottom\",\n    leftIcon,\n    rightIcon,\n    clearable = false,\n    onClear,\n    loading = false,\n    maxLength,\n    showCount = false,\n    fullWidth = true,\n    className,\n    wrapperClassName,\n    classNames,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n\n\n    const [internalValue, setInternalValue] = React.useState(props.defaultValue ?? '');\n    const currentValue = value !== undefined ? value : internalValue;\n\n    const uniqueId = useId();\n    const inputId = props.id || `input-${uniqueId}`;\n    const helperId = `input-helper-${uniqueId}`;\n    const loadingId = `input-loading-${uniqueId}`;\n\n    const { status, message: helperMessage } = useMemo(\n      () => getValidationStatus({ error, warning, info, success, helperText }),\n      [error, warning, info, success, helperText],\n    );\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (value === undefined) setInternalValue(e.target.value);\n        onChange?.(e);\n      },\n      [value, onChange],\n    );\n\n    const handleClear = React.useCallback(() => {\n      if (value === undefined) setInternalValue('');\n\n      onChange?.({\n        target: { value: \"\" },\n      } as React.ChangeEvent<HTMLInputElement>);\n      onClear?.();\n    }, [value, onChange, onClear]);\n\n    const showClear =\n      clearable && currentValue && !props.disabled && !props.readOnly;\n    const hasRightIcon = rightIcon || showClear || loading;\n\n    // Memoize aria-describedby to avoid array recreation on every render\n    const ariaDescribedBy = useMemo(() => {\n      const parts: string[] = [];\n      if (helperMessage) parts.push(helperId);\n      if (loading) parts.push(loadingId);\n      return parts.length > 0 ? parts.join(\" \") : undefined;\n    }, [helperMessage, helperId, loading, loadingId]);\n\n    const wrapperClass = cn(\n      \"input_wrapper\",\n      \"relative w-full\",\n      wrapperClassName,\n      loading && \"opacity-50 cursor-not-allowed\",\n      classNames?.wrapper,\n    );\n\n    const leftIconClass = cn(\n      \"input_leftIcon\",\n      \"absolute left-3 flex items-center h-full top-0 text-text-secondary\",\n      classNames?.leftIcon,\n    );\n\n    const inputClass = cn(\n      \"input_input\",\n      inputVariants({ variant, status, size, fullWidth }),\n      !!leftIcon && \"pl-10\",\n      !!hasRightIcon && \"pr-8\",\n      className,\n      classNames?.input,\n    );\n\n    const rightIconClass = cn(\n      \"input_rightIcon\",\n      \"absolute right-3 flex gap-2 items-center h-full top-0 text-text-secondary\",\n      classNames?.rightIcon,\n    );\n\n    const clearButtonClass = cn(\n      \"input_clearButton\",\n      \"flex items-center h-full top-0 text-text-secondary hover:text-text-primary\",\n      classNames?.clearButton,\n    );\n\n    const rootClass = cn(\n      \"input_root\",\n      \"w-full flex flex-col relative\",\n      !fullWidth && \"inline-block\",\n      classNames?.root,\n    );\n\n    const labelClass = cn(\n      \"input_label\",\n      \"text-sm font-medium text-text-secondary\",\n      classNames?.label,\n    );\n\n    const helperClass = cn(\n      \"input_helper\",\n      statusMessageVariants({ status }),\n      status === \"error\" ? classNames?.error : classNames?.helper,\n    );\n\n    const helperBottomClass = cn(\n      \"input_helper\",\n      statusMessageVariants({ status }),\n      \"mt-0.5\",\n      status === \"error\" ? classNames?.error : classNames?.helper,\n    );\n\n    const iconSize = iconSizes[size];\n\n    const inputElement = (\n      <div data-slot=\"wrapper\" className={wrapperClass}>\n        {leftIcon && (\n          <div\n            data-slot=\"leftIcon\"\n            className={leftIconClass}\n            aria-hidden=\"true\"\n          >\n            {leftIcon}\n          </div>\n        )}\n        <input\n          ref={ref}\n          id={inputId}\n          data-slot=\"input\"\n          className={inputClass}\n          value={currentValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={status === \"error\"}\n          aria-busy={loading}\n          aria-describedby={ariaDescribedBy}\n          {...props}\n        />\n        {(rightIcon || showClear || loading) && (\n          <div data-slot=\"rightIcon\" className={rightIconClass}>\n            {showClear && !loading && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                data-slot=\"clearButton\"\n                className={clearButtonClass}\n                aria-label=\"Clear input\"\n              >\n                <X className={iconSize} aria-hidden=\"true\" />\n              </button>\n            )}\n            {loading ? (\n              <>\n                <Spinner aria-hidden=\"true\" />\n                <span id={loadingId} className=\"sr-only\">\n                  Loading\n                </span>\n              </>\n            ) : (\n              rightIcon && <span aria-hidden=\"true\">{rightIcon}</span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"root\" className={rootClass}>\n        <div className=\"flex gap-2 items-center relative mb-0.5\">\n          {label && (\n            <label htmlFor={inputId} data-slot=\"label\" className={labelClass}>\n              {label}\n              {props.required && <span className=\"text-error ml-1\">*</span>}\n            </label>\n          )}\n          {helperMessage && messagePosition === \"top\" && (\n            <p id={helperId} data-slot=\"helper\" className={helperClass}>\n              {helperMessage}\n            </p>\n          )}\n          {showCount && maxLength && (\n            <span className=\"text-xs text-text-secondary absolute right-0\">\n              {String(currentValue).length}/{maxLength}\n            </span>\n          )}\n        </div>\n        {inputElement}\n        {helperMessage && messagePosition === \"bottom\" && (\n          <p id={helperId} data-slot=\"helper\" className={helperBottomClass}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport type * from \"./types\";\nexport default Input;\n"]}

package/dist/{chunk-6ZPCKFRS.js → chunk-WG5AYAC6.js}

@@ -1,9 +1,10 @@
-import { Modal, ModalHeader, ModalTitle, ModalDescription, ModalContent } from './chunk-3KISIZGP.js';
+import { Modal, ModalHeader, ModalTitle, ModalDescription, ModalContent } from './chunk-AFW2ORFT.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Command as Command$1 } from 'cmdk';
-import { SearchIcon } from 'lucide-react';
 import * as React from 'react';
+import { Search } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var commandVariants = cva(
@@ -115,7 +116,7 @@ var CommandInput = React.memo(({
       className: commandInputWrapperVariants({ size }),
       children: [
         /* @__PURE__ */ jsx(
-          SearchIcon,
+          Search,
           {
             "data-slot": "command-input-icon",
             className: cn("command_inputIcon", "shrink-0 opacity-50 text-text-secondary", iconSizes[size], classNames?.inputIcon)
@@ -254,16 +255,6 @@ var CommandSeparator = React.memo(({
   );
 });
 CommandSeparator.displayName = "CommandSeparator";
-var commandSelectedColorClasses = {
-  default: "data-[selected=true]:bg-surface data-[selected=true]:text-text-primary",
-  primary: "data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary",
-  secondary: "data-[selected=true]:bg-secondary/10 data-[selected=true]:text-secondary",
-  accent: "data-[selected=true]:bg-accent/10 data-[selected=true]:text-accent",
-  success: "data-[selected=true]:bg-success/10 data-[selected=true]:text-success",
-  error: "data-[selected=true]:bg-error/10 data-[selected=true]:text-error",
-  warning: "data-[selected=true]:bg-warning/10 data-[selected=true]:text-warning",
-  info: "data-[selected=true]:bg-info/10 data-[selected=true]:text-info"
-};
 var commandItemVariants = cva(
   "relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-secondary transition-colors",
   {
@@ -291,7 +282,7 @@ var CommandItem = React.memo(({
     Command$1.Item,
     {
       "data-slot": "command-item",
-      className: cn("command_item", commandItemVariants({ size }), commandSelectedColorClasses[color], classNames?.item, className),
+      className: cn("command_item", commandItemVariants({ size }), colorVars[color], "data-[selected=true]:bg-slot-10 data-[selected=true]:text-slot", classNames?.item, className),
       ...props
     }
   );
@@ -331,5 +322,5 @@ var CommandShortcut = React.memo(({
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=chunk-6ZPCKFRS.js.map
-//# sourceMappingURL=chunk-6ZPCKFRS.js.map
+//# sourceMappingURL=chunk-WG5AYAC6.js.map
+//# sourceMappingURL=chunk-WG5AYAC6.js.map

package/dist/chunk-WG5AYAC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/command/index.tsx"],"names":["CommandPrimitive","SearchIcon"],"mappings":"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","file":"chunk-WG5AYAC6.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport * as React from 'react'\n\nimport { Search as SearchIcon } from 'lucide-react'\n\nimport { colorVars } from '../variants'\nimport { CommandSize, CommandClassNames } from './types'\n\nimport {\n  Modal,\n  ModalContent,\n  ModalDescription,\n  ModalHeader,\n  ModalTitle,\n} from '../modal'\nimport { ComponentColor } from '../types'\nimport { cn, iconSizes } from '../utils'\n\nconst commandVariants = cva(\n  'flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-text-primary',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst Command = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('command_root', commandVariants({ size }), classNames?.root, className)}\n      {...props}\n    />\n  )\n})\n\nCommand.displayName = 'Command'\n\nconst CommandModal = React.memo(({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof Modal> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  size?: CommandSize\n}) => {\n  return (\n    <Modal {...props}>\n      <ModalHeader className=\"sr-only\">\n        <ModalTitle>{title}</ModalTitle>\n        <ModalDescription>{description}</ModalDescription>\n      </ModalHeader>\n      <ModalContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          size={size}\n          className=\"[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\"\n        >\n          {children}\n        </Command>\n      </ModalContent>\n    </Modal>\n  )\n})\n\nCommandModal.displayName = 'CommandModal'\n\nconst commandInputVariants = cva(\n  'flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-secondary/50 text-text-primary',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst commandInputWrapperVariants = cva(\n  'flex items-center gap-2 border-b border-border px-3',\n  {\n    variants: {\n      size: {\n        xs: 'h-6',\n        sm: 'h-8',\n        md: 'h-10',\n        lg: 'h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandInput = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: Omit<React.ComponentProps<typeof CommandPrimitive.Input>, 'size'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={commandInputWrapperVariants({ size })}\n    >\n      <SearchIcon\n        data-slot=\"command-input-icon\"\n        className={cn('command_inputIcon', 'shrink-0 opacity-50 text-text-secondary', iconSizes[size], classNames?.inputIcon)}\n      />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('command_input', commandInputVariants({ size }), classNames?.input, className)}\n        {...props}\n      />\n    </div>\n  )\n})\n\nCommandInput.displayName = 'CommandInput'\n\nconst commandListVariants = cva(\n  'scroll-py-1 overflow-x-hidden overflow-y-auto',\n  {\n    variants: {\n      size: {\n        xs: 'max-h-[150px]',\n        sm: 'max-h-[200px]',\n        md: 'max-h-[300px]',\n        lg: 'max-h-[400px]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandList = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('command_list', commandListVariants({ size }), classNames?.list, className)}\n      {...props}\n    />\n  )\n})\n\nCommandList.displayName = 'CommandList'\n\nconst commandEmptyVariants = cva('text-center text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'py-3 text-[10px]',\n      sm: 'py-4 text-xs',\n      md: 'py-6 text-sm',\n      lg: 'py-8 text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst CommandEmpty = React.memo(({\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('command_empty', commandEmptyVariants({ size }), classNames?.empty)}\n      {...props}\n    />\n  )\n})\n\nCommandEmpty.displayName = 'CommandEmpty'\n\nconst commandGroupVariants = cva(\n  'overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:font-medium',\n  {\n    variants: {\n      size: {\n        xs: 'p-0.5 [&_[cmdk-group-heading]]:px-1 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-[9px]',\n        sm: 'p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-[10px]',\n        md: 'p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs',\n        lg: 'p-1.5 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandGroup = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('command_group', commandGroupVariants({ size }), classNames?.group, className)}\n      {...props}\n    />\n  )\n})\n\nCommandGroup.displayName = 'CommandGroup'\n\nconst commandSeparatorVariants = cva('bg-border h-px', {\n  variants: {\n    size: {\n      xs: '-mx-0',\n      sm: '-mx-0.5',\n      md: '-mx-1',\n      lg: '-mx-1.5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst CommandSeparator = React.memo(({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator> & {\n  size?: CommandSize\n}) => {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(commandSeparatorVariants({ size }), className)}\n      {...props}\n    />\n  )\n})\n\nCommandSeparator.displayName = 'CommandSeparator'\n\nconst commandItemVariants = cva(\n  \"relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-secondary transition-colors\",\n  {\n    variants: {\n      size: {\n        xs: \"px-1 py-0.5 text-[10px] gap-1 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"px-1.5 py-1 text-xs gap-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        md: \"px-2 py-1.5 text-sm gap-2 [&_svg:not([class*='size-'])]:size-4\",\n        lg: \"px-3 py-2 text-base gap-2.5 [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandItem = React.memo(({\n  className,\n  size = 'md',\n  color = 'primary',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item> & {\n  size?: CommandSize\n  color?: ComponentColor\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('command_item', commandItemVariants({ size }), colorVars[color], 'data-[selected=true]:bg-slot-10 data-[selected=true]:text-slot', classNames?.item, className)}\n      {...props}\n    />\n  )\n})\n\nCommandItem.displayName = 'CommandItem'\n\nconst commandShortcutVariants = cva(\n  'ml-auto tracking-widest text-text-secondary opacity-60',\n  {\n    variants: {\n      size: {\n        xs: 'text-[9px]',\n        sm: 'text-[10px]',\n        md: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandShortcut = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<'span'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('command_shortcut', commandShortcutVariants({ size }), classNames?.shortcut, className)}\n      {...props}\n    />\n  )\n})\n\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport type * from './types'\nexport {\n  Command,\n  CommandModal,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}

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

@@ -1,6 +1,5 @@
 import { cn } from './chunk-RAS6HUEI.js';
 import React, { useId, useRef, useEffect } from 'react';
-import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var stylesInjected = /* @__PURE__ */ new Set();
@@ -10,19 +9,7 @@ var scrollbarSizes = {
   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,
@@ -108,7 +95,7 @@ var ScrollArea = React.memo(
       {
         ref,
         className: cn(
-          scrollAreaVariants({ size }),
+          scrollAreaBase,
           classNames?.root,
           className
         ),
@@ -136,5 +123,5 @@ ScrollArea.displayName = "ScrollArea";
 var scroll_area_default = ScrollArea;
 
 export { scroll_area_default };
-//# sourceMappingURL=chunk-TS2PG6Z4.js.map
-//# sourceMappingURL=chunk-TS2PG6Z4.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-FZXMRXWE.js → chunk-X7MF3TIF.js}

@@ -1,9 +1,10 @@
-import { spinner_default } from './chunk-GGQF5PQN.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 React, { useId, useMemo, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var numberInputVariants = cva(
@@ -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) => {
@@ -352,5 +347,5 @@ NumberInput.displayName = "NumberInput";
 var number_input_default = NumberInput;
 
 export { number_input_default };
-//# sourceMappingURL=chunk-FZXMRXWE.js.map
-//# sourceMappingURL=chunk-FZXMRXWE.js.map
+//# sourceMappingURL=chunk-X7MF3TIF.js.map
+//# sourceMappingURL=chunk-X7MF3TIF.js.map