@mdigital_ui/ui 0.3.4 → 0.3.6

package/dist/chunk-KYDQJSSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/index.tsx"],"names":[],"mappings":"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","file":"chunk-KYDQJSSW.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 { 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    const [internalValue, setInternalValue] = React.useState(\"\");\n    const currentValue = value !== undefined ? value : internalValue;\n\n    // Generate unique IDs for accessibility\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    // 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    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      onClear?.();\n    }, [value, 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 - these don't change on every keystroke\n    const wrapperClass = useMemo(\n      () =>\n        cn(\n          \"input_wrapper\",\n          \"relative w-full\",\n          wrapperClassName,\n          loading && \"opacity-50 cursor-not-allowed\",\n          classNames?.wrapper,\n        ),\n      [wrapperClassName, loading, classNames?.wrapper],\n    );\n\n    const leftIconClass = useMemo(\n      () =>\n        cn(\n          \"input_leftIcon\",\n          \"absolute left-3 flex items-center h-full top-0 text-text-secondary\",\n          classNames?.leftIcon,\n        ),\n      [classNames?.leftIcon],\n    );\n\n    const inputClass = useMemo(\n      () =>\n        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        variant,\n        status,\n        size,\n        fullWidth,\n        leftIcon,\n        hasRightIcon,\n        className,\n        classNames?.input,\n      ],\n    );\n\n    const rightIconClass = useMemo(\n      () =>\n        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      [classNames?.rightIcon],\n    );\n\n    const clearButtonClass = useMemo(\n      () =>\n        cn(\n          \"input_clearButton\",\n          \"flex items-center h-full top-0 text-text-secondary hover:text-text-primary\",\n          classNames?.clearButton,\n        ),\n      [classNames?.clearButton],\n    );\n\n    const rootClass = useMemo(\n      () =>\n        cn(\n          \"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          \"input_label\",\n          \"text-sm font-medium text-text-secondary\",\n          classNames?.label,\n        ),\n      [classNames?.label],\n    );\n\n    const helperClass = useMemo(\n      () =>\n        cn(\n          \"input_helper\",\n          statusMessageVariants({ status }),\n          status === \"error\" ? classNames?.error : classNames?.helper,\n        ),\n      [status, classNames?.error, classNames?.helper],\n    );\n\n    const helperBottomClass = useMemo(\n      () =>\n        cn(\n          \"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 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        <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      </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-VKLDLJXG.js → chunk-L76WWJGR.js}

@@ -39,6 +39,7 @@ var Radio = React.memo(
     ...props
   }) => {
     const uniqueId = useId();
+    const radioId = props.id || `radio-${uniqueId}`;
     const helperId = `radio-helper-${uniqueId}`;
     const hasHelperText = !!(helperText || error);
     const radioElement = /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", children: [
@@ -55,20 +56,26 @@ var Radio = React.memo(
           ),
           "aria-invalid": !!error || void 0,
           "aria-describedby": hasHelperText ? helperId : void 0,
-          ...props
+          ...props,
+          id: radioId
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: cn(
-        "radio_indicator",
-        "absolute inset-0 pointer-events-none",
-        classNames?.indicator
-      ) })
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "radio_indicator",
+            "absolute inset-0 pointer-events-none",
+            classNames?.indicator
+          )
+        }
+      )
     ] });
-    if (!label && !helperText && !error) return radioElement;
     return /* @__PURE__ */ jsxs("div", { className: cn("radio_root", "w-full", classNames?.root), children: [
       /* @__PURE__ */ jsxs(
         "label",
         {
+          htmlFor: radioId,
           className: cn(
             "flex items-center gap-2",
             !props.disabled && "cursor-pointer"
@@ -111,5 +118,5 @@ Radio.displayName = "Radio";
 var radio_default = Radio;
 
 export { radio_default };
-//# sourceMappingURL=chunk-VKLDLJXG.js.map
-//# sourceMappingURL=chunk-VKLDLJXG.js.map
+//# sourceMappingURL=chunk-L76WWJGR.js.map
+//# sourceMappingURL=chunk-L76WWJGR.js.map

package/dist/chunk-L76WWJGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio/index.tsx"],"names":[],"mappings":"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","file":"chunk-L76WWJGR.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { radioCheckedColorClasses } 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: radioCheckedColorClasses,\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      <div className=\"relative inline-flex\">\n        <input\n          ref={ref}\n          type=\"radio\"\n          className={cn(\n            \"radio_radio\",\n            radioVariants({ color, size, error: !!error }),\n            className,\n            classNames?.radio,\n          )}\n          aria-invalid={!!error || undefined}\n          aria-describedby={hasHelperText ? helperId : undefined}\n          {...props}\n          id={radioId}\n        />\n        <div\n          className={cn(\n            \"radio_indicator\",\n            \"absolute inset-0 pointer-events-none\",\n            classNames?.indicator,\n          )}\n        />\n      </div>\n    );\n\n    return (\n      <div 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-secondary 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-TBH7QF26.js → chunk-MGKFJWQU.js}

@@ -164,14 +164,7 @@ var Button = React.memo(
               children: leftIcon
             }
           ),
-          content && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("button_content", classNames?.content),
-              "data-slot": "content",
-              children: content
-            }
-          ),
+          content,
           showRightIcon && /* @__PURE__ */ jsx(
             "span",
             {
@@ -197,5 +190,5 @@ Button.displayName = "Button";
 var button_default = Button;
 
 export { button_default };
-//# sourceMappingURL=chunk-TBH7QF26.js.map
-//# sourceMappingURL=chunk-TBH7QF26.js.map
+//# sourceMappingURL=chunk-MGKFJWQU.js.map
+//# sourceMappingURL=chunk-MGKFJWQU.js.map

package/dist/chunk-MGKFJWQU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-MGKFJWQU.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../utils\";\nimport { buttonColors, createAllColorVariants } from \"../variants\";\nimport type { ButtonProps, ButtonColor } from \"./types\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex cursor-pointer text-center font-medium items-center justify-center\",\n    \"transition-[colors,transform] duration-200\",\n    \"active:scale-[0.97]\",\n    \"disabled:opacity-50 disabled:pointer-events-none\",\n    // Focus ring for accessibility\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: \"border\",\n        outline: \"border bg-transparent\",\n        soft: \"border-none\",\n        dashed: \"border border-dashed bg-transparent\",\n        link: \"border-none bg-transparent hover:underline active:scale-100\",\n        ghost: \"border-none bg-transparent\",\n      },\n      color: {\n        primary: \"border-primary focus-visible:ring-primary\",\n        secondary: \"border-secondary focus-visible:ring-secondary\",\n        accent: \"border-accent focus-visible:ring-accent\",\n        success: \"border-success focus-visible:ring-success\",\n        error: \"border-error focus-visible:ring-error\",\n        warning: \"border-warning focus-visible:ring-warning\",\n        info: \"border-info focus-visible:ring-info\",\n      },\n      size: {\n        xs: \"h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2\",\n        lg: \"h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5\",\n      },\n      shape: {\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      iconOnly: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Icon-only buttons: square aspect ratio\n      { iconOnly: true, size: \"xs\", class: \"w-(--button-height-xs) px-0\" },\n      { iconOnly: true, size: \"sm\", class: \"w-(--button-height-sm) px-0\" },\n      { iconOnly: true, size: \"md\", class: \"w-(--button-height-md) px-0\" },\n      { iconOnly: true, size: \"lg\", class: \"w-(--button-height-lg) px-0\" },\n      // Color variants\n      ...createAllColorVariants(buttonColors, [\n        \"solid\",\n        \"outline\",\n        \"soft\",\n        \"dashed\",\n        \"link\",\n        \"ghost\",\n      ]),\n    ],\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"md\",\n      shape: \"rounded\",\n      fullWidth: false,\n      iconOnly: false,\n    },\n  },\n);\n\n// Map button size to spinner size\nconst spinnerSizeMap: Record<\n  NonNullable<ButtonProps[\"size\"]>,\n  \"xs\" | \"sm\" | \"md\" | \"lg\"\n> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n\n// Get spinner color based on button variant\nfunction getSpinnerColor(\n  variant: ButtonProps[\"variant\"],\n  color: ButtonColor,\n): ButtonColor | \"default\" {\n  // Solid buttons have white text, so spinner should be white/default\n  if (variant === \"solid\") {\n    return \"default\";\n  }\n  // Other variants use the button's color\n  return color;\n}\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = \"solid\",\n    color = \"primary\",\n    size = \"md\",\n    shape = \"rounded\",\n    loading = false,\n    loadingText,\n    loadingPosition = \"left\",\n    icon,\n    iconPlacement = \"left\",\n    leftIcon: leftIconProp,\n    rightIcon: rightIconProp,\n    fullWidth = false,\n    iconOnly = false,\n    className,\n    classNames,\n    children,\n    disabled,\n    ref,\n    ...props\n  }) => {\n    const isDisabled = disabled || loading;\n    const spinnerSize = spinnerSizeMap[size];\n    const spinnerColor = getSpinnerColor(variant, color);\n\n    // Resolve icons: leftIcon/rightIcon take precedence over icon+iconPlacement\n    const leftIcon = leftIconProp ?? (iconPlacement === \"left\" ? icon : undefined);\n    const rightIcon = rightIconProp ?? (iconPlacement === \"right\" ? icon : undefined);\n\n    // Determine what to render\n    const showLeftIcon = !loading && leftIcon;\n    const showRightIcon = !loading && rightIcon;\n    const showSpinnerLeft = loading && loadingPosition === \"left\";\n    const showSpinnerRight = loading && loadingPosition === \"right\";\n\n    // Content: loadingText when loading, otherwise children\n    const content = loading && loadingText ? loadingText : children;\n\n    // For icon-only buttons with loading, just show spinner\n    const iconOnlyLoading = iconOnly && loading;\n\n    return (\n      <button\n        ref={ref}\n        type={props.type ?? \"button\"}\n        className={cn(\n          \"button_root\",\n          buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),\n          classNames?.root,\n          className,\n        )}\n        disabled={isDisabled}\n        aria-busy={loading}\n        aria-disabled={isDisabled}\n        data-slot=\"root\"\n        {...props}\n      >\n        {iconOnlyLoading ? (\n          <span\n            className={cn(\"button_spinner\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        ) : (\n          <>\n            {showSpinnerLeft && (\n              <span\n                className={cn(\"button_spinner\", classNames?.spinner)}\n                data-slot=\"spinner\"\n              >\n                <Spinner size={spinnerSize} color={spinnerColor} />\n              </span>\n            )}\n            {showLeftIcon && (\n              <span\n                className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.leftIcon)}\n                data-slot=\"icon\"\n              >\n                {leftIcon}\n              </span>\n            )}\n            {content}\n            {showRightIcon && (\n              <span\n                className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.rightIcon)}\n                data-slot=\"icon\"\n              >\n                {rightIcon}\n              </span>\n            )}\n            {showSpinnerRight && (\n              <span\n                className={cn(\"button_spinner\", classNames?.spinner)}\n                data-slot=\"spinner\"\n              >\n                <Spinner size={spinnerSize} color={spinnerColor} />\n              </span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport type * from \"./types\";\nexport default Button;\n"]}

package/dist/{chunk-DHXVNO75.js → chunk-S2DZXTRN.js}

@@ -1,4 +1,4 @@
-import { checkbox_default } from './chunk-RLYGJN56.js';
+import { checkbox_default } from './chunk-56BHCAPI.js';
 import { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-NGYLRX6F.js';
 import { Search, ChevronRight, ChevronLeft, ChevronsRight, ChevronsLeft } from 'lucide-react';
 import React from 'react';
@@ -403,5 +403,5 @@ var Transfer = React.memo(
 Transfer.displayName = "Transfer";
 
 export { Transfer };
-//# sourceMappingURL=chunk-DHXVNO75.js.map
-//# sourceMappingURL=chunk-DHXVNO75.js.map
+//# sourceMappingURL=chunk-S2DZXTRN.js.map
+//# sourceMappingURL=chunk-S2DZXTRN.js.map

package/dist/{chunk-DHXVNO75.js.map → chunk-S2DZXTRN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/transfer/utils.ts","../src/transfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-DHXVNO75.js","sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { TransferItem } from './types'\n\nexport const transferHeaderVariants = cva(\n  'flex items-center justify-between px-4 py-2 border-b border-border bg-surface',\n)\n\nexport const transferBodyVariants = cva('overflow-y-auto')\n\nexport const transferItemVariants = cva(\n  'flex items-center gap-2 px-4 py-2 cursor-pointer transition-colors hover:bg-surface',\n  {\n    variants: {\n      selected: {\n        true: 'bg-primary/10',\n        false: '',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed hover:bg-transparent',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n)\n\nexport const transferButtonVariants = cva('flex flex-col gap-2')\n\nexport const transferActionButtonVariants = cva(\n  'flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-primary hover:text-white hover:border-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-background disabled:hover:text-text-secondary disabled:hover:border-border',\n)\n\nexport const filterItems = (\n  items: TransferItem[],\n  searchValue: string,\n): TransferItem[] => {\n  if (!searchValue) return items\n\n  const lowerSearch = searchValue.toLowerCase()\n  return items.filter(\n    (item) =>\n      item.label.toLowerCase().includes(lowerSearch) ||\n      item.description?.toLowerCase().includes(lowerSearch),\n  )\n}\n\nexport const getItemsByKeys = (\n  items: TransferItem[],\n  keys: string[],\n): TransferItem[] => {\n  return items.filter((item) => keys.includes(item.key))\n}\n\nexport const getEnabledItems = (items: TransferItem[]): TransferItem[] => {\n  return items.filter((item) => !item.disabled)\n}\n","'use client'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Search,\n} from 'lucide-react'\nimport React from 'react'\n\nimport Checkbox from '../checkbox'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { TransferItem, TransferListProps, TransferProps } from './types'\nimport {\n  filterItems,\n  getEnabledItems,\n  getItemsByKeys,\n  transferActionButtonVariants,\n  transferBodyVariants,\n  transferButtonVariants,\n  transferHeaderVariants,\n  transferItemVariants,\n} from './utils'\n\nconst TransferList = React.memo<TransferListProps>(\n  ({\n    title,\n    dataSource,\n    selectedKeys,\n    disabled = false,\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    onItemSelect,\n    onItemSelectAll,\n    onSearch,\n    render,\n    footer,\n    classNames,\n  }) => {\n    const [searchValue, setSearchValue] = React.useState('')\n\n    const filteredData = React.useMemo(\n      () => filterItems(dataSource, searchValue),\n      [dataSource, searchValue],\n    )\n\n    const enabledItems = React.useMemo(\n      () => getEnabledItems(filteredData),\n      [filteredData],\n    )\n\n    const selectedCount = React.useMemo(\n      () =>\n        filteredData.filter((item) => selectedKeys.includes(item.key)).length,\n      [filteredData, selectedKeys],\n    )\n\n    const allChecked =\n      enabledItems.length > 0 && selectedCount === enabledItems.length\n    const indeterminate =\n      selectedCount > 0 && selectedCount < enabledItems.length\n\n    const handleSearchChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        setSearchValue(value)\n        onSearch?.(value)\n      },\n      [onSearch],\n    )\n\n    const handleSelectAll = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const checked = e.target.checked\n        const keys = enabledItems.map((item) => item.key)\n        onItemSelectAll(keys, checked)\n      },\n      [enabledItems, onItemSelectAll],\n    )\n\n    const handleItemSelect = React.useCallback(\n      (item: TransferItem) => {\n        if (item.disabled) return\n        const checked = !selectedKeys.includes(item.key)\n        onItemSelect(item.key, checked)\n      },\n      [selectedKeys, onItemSelect],\n    )\n\n    return (\n      <div className={cn(\"flex flex-col border border-border rounded-lg bg-card overflow-hidden min-w-72 transfer_list\", classNames?.list)}>\n        {/* Header */}\n        <div className={cn(transferHeaderVariants(), \"transfer_header\", classNames?.header)}>\n          <div className=\"flex items-center gap-2 flex-1\">\n            {showSelectAll && (\n              <Checkbox\n                checked={allChecked}\n                indeterminate={indeterminate}\n                onChange={handleSelectAll}\n                disabled={disabled || enabledItems.length === 0}\n                size=\"sm\"\n              />\n            )}\n            <span className=\"text-sm font-medium text-text-primary\">\n              {title}\n              <span className=\"text-text-secondary ml-1\">\n                ({selectedCount}/{filteredData.length})\n              </span>\n            </span>\n          </div>\n        </div>\n\n        {/* Search */}\n        {showSearch && (\n          <div className=\"p-2 border-b border-border\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\" />\n              <input\n                type=\"text\"\n                className={cn(\"w-full pl-8 pr-3 py-1.5 text-sm bg-background border border-border rounded-md outline-none focus:border-primary transition-colors transfer_search\", classNames?.search)}\n                placeholder={searchPlaceholder}\n                value={searchValue}\n                onChange={handleSearchChange}\n                disabled={disabled}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Body */}\n        <div\n          className={transferBodyVariants()}\n          style={{ height: listHeight }}\n        >\n          {filteredData.length === 0 ? (\n            <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n              No data\n            </div>\n          ) : (\n            filteredData.map((item) => (\n              <div\n                key={item.key}\n                className={cn(\n                  transferItemVariants({\n                    selected: selectedKeys.includes(item.key),\n                    disabled: !!item.disabled || disabled,\n                  }),\n                  \"transfer_item\",\n                  classNames?.item\n                )}\n                onClick={() => handleItemSelect(item)}\n              >\n                <Checkbox\n                  checked={selectedKeys.includes(item.key)}\n                  disabled={!!item.disabled || disabled}\n                  size=\"sm\"\n                  onChange={() => {}} // Handled by parent click\n                />\n                {render ? (\n                  render(item)\n                ) : (\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"text-sm text-text-primary truncate\">\n                      {item.label}\n                    </div>\n                    {item.description && (\n                      <div className=\"text-xs text-text-secondary truncate\">\n                        {item.description}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-4 py-2 border-t border-border bg-surface text-sm text-text-secondary\">\n            {footer}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nTransferList.displayName = 'TransferList'\n\nexport const Transfer = React.memo<TransferProps>(\n  ({\n    dataSource = [],\n    targetKeys,\n    defaultTargetKeys = [],\n    titles = ['Source', 'Target'],\n    size = 'md',\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    oneWay = false,\n    disabled = false,\n    render,\n    footer,\n    onChange,\n    onSelectChange,\n    onSearch,\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [internalTargetKeys, setInternalTargetKeys] =\n      React.useState<string[]>(defaultTargetKeys)\n    const [leftSelectedKeys, setLeftSelectedKeys] = React.useState<string[]>([])\n    const [rightSelectedKeys, setRightSelectedKeys] = React.useState<string[]>(\n      [],\n    )\n\n    const currentTargetKeys =\n      targetKeys !== undefined ? targetKeys : internalTargetKeys\n\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    // Split data into source and target\n    const leftDataSource = React.useMemo(\n      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),\n      [dataSource, currentTargetKeys],\n    )\n\n    const rightDataSource = React.useMemo(\n      () => getItemsByKeys(dataSource, currentTargetKeys),\n      [dataSource, currentTargetKeys],\n    )\n\n    const handleLeftItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...leftSelectedKeys, key]\n          : leftSelectedKeys.filter((k) => k !== key)\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...rightSelectedKeys, key]\n          : rightSelectedKeys.filter((k) => k !== key)\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleLeftSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, onSelectChange],\n    )\n\n    const moveToRight = React.useCallback(() => {\n      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', leftSelectedKeys)\n      setLeftSelectedKeys([])\n    }, [currentTargetKeys, leftSelectedKeys, targetKeys, onChange])\n\n    const moveToLeft = React.useCallback(() => {\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !rightSelectedKeys.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', rightSelectedKeys)\n      setRightSelectedKeys([])\n    }, [currentTargetKeys, rightSelectedKeys, targetKeys, onChange])\n\n    const moveAllToRight = React.useCallback(() => {\n      const enabledLeftItems = getEnabledItems(leftDataSource)\n      const keysToMove = enabledLeftItems.map((item) => item.key)\n      const newTargetKeys = [...currentTargetKeys, ...keysToMove]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', keysToMove)\n      setLeftSelectedKeys([])\n    }, [leftDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const moveAllToLeft = React.useCallback(() => {\n      const enabledRightItems = getEnabledItems(rightDataSource)\n      const keysToMove = enabledRightItems.map((item) => item.key)\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !keysToMove.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', keysToMove)\n      setRightSelectedKeys([])\n    }, [rightDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const leftFooter = footer?.({ direction: 'left' })\n    const rightFooter = footer?.({ direction: 'right' })\n\n    return (\n      <div ref={ref}>\n        {label && (\n          <label className=\"block mb-2\">\n            <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n          </label>\n        )}\n\n        <div className={cn('flex items-center gap-4 transfer_root', classNames?.root, className)}>\n          {/* Left List */}\n          <TransferList\n            title={titles[0]}\n            dataSource={leftDataSource}\n            selectedKeys={leftSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"left\"\n            onItemSelect={handleLeftItemSelect}\n            onItemSelectAll={handleLeftSelectAll}\n            onSearch={(value) => onSearch?.('left', value)}\n            render={render}\n            footer={leftFooter}\n            size={size}\n            classNames={classNames}\n          />\n\n          {/* Action Buttons */}\n          <div className={cn(transferButtonVariants(), \"transfer_actions\", classNames?.actions)}>\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveToRight}\n              disabled={disabled || leftSelectedKeys.length === 0}\n              title=\"Move selected to right\"\n            >\n              <ChevronRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveToLeft}\n                disabled={disabled || rightSelectedKeys.length === 0}\n                title=\"Move selected to left\"\n              >\n                <ChevronLeft className={iconSizes[size]} />\n              </button>\n            )}\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveAllToRight}\n              disabled={disabled || leftDataSource.length === 0}\n              title=\"Move all to right\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveAllToLeft}\n                disabled={disabled || rightDataSource.length === 0}\n                title=\"Move all to left\"\n              >\n                <ChevronsLeft className={iconSizes[size]} />\n              </button>\n            )}\n          </div>\n\n          {/* Right List */}\n          <TransferList\n            title={titles[1]}\n            dataSource={rightDataSource}\n            selectedKeys={rightSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"right\"\n            onItemSelect={handleRightItemSelect}\n            onItemSelectAll={handleRightSelectAll}\n            onSearch={(value) => onSearch?.('right', value)}\n            render={render}\n            footer={rightFooter}\n            size={size}\n            classNames={classNames}\n          />\n        </div>\n\n        {helperMessage && (\n          <p className={cn(statusMessageVariants({ status }), 'mt-1')}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTransfer.displayName = 'Transfer'\n\nexport type * from './types'\nexport type * from './types'\n"]}
+{"version":3,"sources":["../src/transfer/utils.ts","../src/transfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-S2DZXTRN.js","sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { TransferItem } from './types'\n\nexport const transferHeaderVariants = cva(\n  'flex items-center justify-between px-4 py-2 border-b border-border bg-surface',\n)\n\nexport const transferBodyVariants = cva('overflow-y-auto')\n\nexport const transferItemVariants = cva(\n  'flex items-center gap-2 px-4 py-2 cursor-pointer transition-colors hover:bg-surface',\n  {\n    variants: {\n      selected: {\n        true: 'bg-primary/10',\n        false: '',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed hover:bg-transparent',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n)\n\nexport const transferButtonVariants = cva('flex flex-col gap-2')\n\nexport const transferActionButtonVariants = cva(\n  'flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-primary hover:text-white hover:border-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-background disabled:hover:text-text-secondary disabled:hover:border-border',\n)\n\nexport const filterItems = (\n  items: TransferItem[],\n  searchValue: string,\n): TransferItem[] => {\n  if (!searchValue) return items\n\n  const lowerSearch = searchValue.toLowerCase()\n  return items.filter(\n    (item) =>\n      item.label.toLowerCase().includes(lowerSearch) ||\n      item.description?.toLowerCase().includes(lowerSearch),\n  )\n}\n\nexport const getItemsByKeys = (\n  items: TransferItem[],\n  keys: string[],\n): TransferItem[] => {\n  return items.filter((item) => keys.includes(item.key))\n}\n\nexport const getEnabledItems = (items: TransferItem[]): TransferItem[] => {\n  return items.filter((item) => !item.disabled)\n}\n","'use client'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Search,\n} from 'lucide-react'\nimport React from 'react'\n\nimport Checkbox from '../checkbox'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { TransferItem, TransferListProps, TransferProps } from './types'\nimport {\n  filterItems,\n  getEnabledItems,\n  getItemsByKeys,\n  transferActionButtonVariants,\n  transferBodyVariants,\n  transferButtonVariants,\n  transferHeaderVariants,\n  transferItemVariants,\n} from './utils'\n\nconst TransferList = React.memo<TransferListProps>(\n  ({\n    title,\n    dataSource,\n    selectedKeys,\n    disabled = false,\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    onItemSelect,\n    onItemSelectAll,\n    onSearch,\n    render,\n    footer,\n    classNames,\n  }) => {\n    const [searchValue, setSearchValue] = React.useState('')\n\n    const filteredData = React.useMemo(\n      () => filterItems(dataSource, searchValue),\n      [dataSource, searchValue],\n    )\n\n    const enabledItems = React.useMemo(\n      () => getEnabledItems(filteredData),\n      [filteredData],\n    )\n\n    const selectedCount = React.useMemo(\n      () =>\n        filteredData.filter((item) => selectedKeys.includes(item.key)).length,\n      [filteredData, selectedKeys],\n    )\n\n    const allChecked =\n      enabledItems.length > 0 && selectedCount === enabledItems.length\n    const indeterminate =\n      selectedCount > 0 && selectedCount < enabledItems.length\n\n    const handleSearchChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        setSearchValue(value)\n        onSearch?.(value)\n      },\n      [onSearch],\n    )\n\n    const handleSelectAll = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const checked = e.target.checked\n        const keys = enabledItems.map((item) => item.key)\n        onItemSelectAll(keys, checked)\n      },\n      [enabledItems, onItemSelectAll],\n    )\n\n    const handleItemSelect = React.useCallback(\n      (item: TransferItem) => {\n        if (item.disabled) return\n        const checked = !selectedKeys.includes(item.key)\n        onItemSelect(item.key, checked)\n      },\n      [selectedKeys, onItemSelect],\n    )\n\n    return (\n      <div className={cn(\"flex flex-col border border-border rounded-lg bg-card overflow-hidden min-w-72 transfer_list\", classNames?.list)}>\n        {/* Header */}\n        <div className={cn(transferHeaderVariants(), \"transfer_header\", classNames?.header)}>\n          <div className=\"flex items-center gap-2 flex-1\">\n            {showSelectAll && (\n              <Checkbox\n                checked={allChecked}\n                indeterminate={indeterminate}\n                onChange={handleSelectAll}\n                disabled={disabled || enabledItems.length === 0}\n                size=\"sm\"\n              />\n            )}\n            <span className=\"text-sm font-medium text-text-primary\">\n              {title}\n              <span className=\"text-text-secondary ml-1\">\n                ({selectedCount}/{filteredData.length})\n              </span>\n            </span>\n          </div>\n        </div>\n\n        {/* Search */}\n        {showSearch && (\n          <div className=\"p-2 border-b border-border\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\" />\n              <input\n                type=\"text\"\n                className={cn(\"w-full pl-8 pr-3 py-1.5 text-sm bg-background border border-border rounded-md outline-none focus:border-primary transition-colors transfer_search\", classNames?.search)}\n                placeholder={searchPlaceholder}\n                value={searchValue}\n                onChange={handleSearchChange}\n                disabled={disabled}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Body */}\n        <div\n          className={transferBodyVariants()}\n          style={{ height: listHeight }}\n        >\n          {filteredData.length === 0 ? (\n            <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n              No data\n            </div>\n          ) : (\n            filteredData.map((item) => (\n              <div\n                key={item.key}\n                className={cn(\n                  transferItemVariants({\n                    selected: selectedKeys.includes(item.key),\n                    disabled: !!item.disabled || disabled,\n                  }),\n                  \"transfer_item\",\n                  classNames?.item\n                )}\n                onClick={() => handleItemSelect(item)}\n              >\n                <Checkbox\n                  checked={selectedKeys.includes(item.key)}\n                  disabled={!!item.disabled || disabled}\n                  size=\"sm\"\n                  onChange={() => {}} // Handled by parent click\n                />\n                {render ? (\n                  render(item)\n                ) : (\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"text-sm text-text-primary truncate\">\n                      {item.label}\n                    </div>\n                    {item.description && (\n                      <div className=\"text-xs text-text-secondary truncate\">\n                        {item.description}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-4 py-2 border-t border-border bg-surface text-sm text-text-secondary\">\n            {footer}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nTransferList.displayName = 'TransferList'\n\nexport const Transfer = React.memo<TransferProps>(\n  ({\n    dataSource = [],\n    targetKeys,\n    defaultTargetKeys = [],\n    titles = ['Source', 'Target'],\n    size = 'md',\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    oneWay = false,\n    disabled = false,\n    render,\n    footer,\n    onChange,\n    onSelectChange,\n    onSearch,\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [internalTargetKeys, setInternalTargetKeys] =\n      React.useState<string[]>(defaultTargetKeys)\n    const [leftSelectedKeys, setLeftSelectedKeys] = React.useState<string[]>([])\n    const [rightSelectedKeys, setRightSelectedKeys] = React.useState<string[]>(\n      [],\n    )\n\n    const currentTargetKeys =\n      targetKeys !== undefined ? targetKeys : internalTargetKeys\n\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    // Split data into source and target\n    const leftDataSource = React.useMemo(\n      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),\n      [dataSource, currentTargetKeys],\n    )\n\n    const rightDataSource = React.useMemo(\n      () => getItemsByKeys(dataSource, currentTargetKeys),\n      [dataSource, currentTargetKeys],\n    )\n\n    const handleLeftItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...leftSelectedKeys, key]\n          : leftSelectedKeys.filter((k) => k !== key)\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...rightSelectedKeys, key]\n          : rightSelectedKeys.filter((k) => k !== key)\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleLeftSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, onSelectChange],\n    )\n\n    const moveToRight = React.useCallback(() => {\n      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', leftSelectedKeys)\n      setLeftSelectedKeys([])\n    }, [currentTargetKeys, leftSelectedKeys, targetKeys, onChange])\n\n    const moveToLeft = React.useCallback(() => {\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !rightSelectedKeys.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', rightSelectedKeys)\n      setRightSelectedKeys([])\n    }, [currentTargetKeys, rightSelectedKeys, targetKeys, onChange])\n\n    const moveAllToRight = React.useCallback(() => {\n      const enabledLeftItems = getEnabledItems(leftDataSource)\n      const keysToMove = enabledLeftItems.map((item) => item.key)\n      const newTargetKeys = [...currentTargetKeys, ...keysToMove]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', keysToMove)\n      setLeftSelectedKeys([])\n    }, [leftDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const moveAllToLeft = React.useCallback(() => {\n      const enabledRightItems = getEnabledItems(rightDataSource)\n      const keysToMove = enabledRightItems.map((item) => item.key)\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !keysToMove.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', keysToMove)\n      setRightSelectedKeys([])\n    }, [rightDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const leftFooter = footer?.({ direction: 'left' })\n    const rightFooter = footer?.({ direction: 'right' })\n\n    return (\n      <div ref={ref}>\n        {label && (\n          <label className=\"block mb-2\">\n            <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n          </label>\n        )}\n\n        <div className={cn('flex items-center gap-4 transfer_root', classNames?.root, className)}>\n          {/* Left List */}\n          <TransferList\n            title={titles[0]}\n            dataSource={leftDataSource}\n            selectedKeys={leftSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"left\"\n            onItemSelect={handleLeftItemSelect}\n            onItemSelectAll={handleLeftSelectAll}\n            onSearch={(value) => onSearch?.('left', value)}\n            render={render}\n            footer={leftFooter}\n            size={size}\n            classNames={classNames}\n          />\n\n          {/* Action Buttons */}\n          <div className={cn(transferButtonVariants(), \"transfer_actions\", classNames?.actions)}>\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveToRight}\n              disabled={disabled || leftSelectedKeys.length === 0}\n              title=\"Move selected to right\"\n            >\n              <ChevronRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveToLeft}\n                disabled={disabled || rightSelectedKeys.length === 0}\n                title=\"Move selected to left\"\n              >\n                <ChevronLeft className={iconSizes[size]} />\n              </button>\n            )}\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveAllToRight}\n              disabled={disabled || leftDataSource.length === 0}\n              title=\"Move all to right\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveAllToLeft}\n                disabled={disabled || rightDataSource.length === 0}\n                title=\"Move all to left\"\n              >\n                <ChevronsLeft className={iconSizes[size]} />\n              </button>\n            )}\n          </div>\n\n          {/* Right List */}\n          <TransferList\n            title={titles[1]}\n            dataSource={rightDataSource}\n            selectedKeys={rightSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"right\"\n            onItemSelect={handleRightItemSelect}\n            onItemSelectAll={handleRightSelectAll}\n            onSearch={(value) => onSearch?.('right', value)}\n            render={render}\n            footer={rightFooter}\n            size={size}\n            classNames={classNames}\n          />\n        </div>\n\n        {helperMessage && (\n          <p className={cn(statusMessageVariants({ status }), 'mt-1')}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTransfer.displayName = 'Transfer'\n\nexport type * from './types'\nexport type * from './types'\n"]}

package/dist/{chunk-I7MESP7F.js → chunk-SB3JGUGE.js}

@@ -39,10 +39,10 @@ var floatLabelVariants = cva(
   {
     variants: {
       size: {
-        xs: "left-2 text-xs top-1/2 -translate-y-1/2 peer-focus:top-1 peer-focus:translate-y-0 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1 peer-[:not(:placeholder-shown)]:translate-y-0 peer-[:not(:placeholder-shown)]:text-[10px]",
-        sm: "left-3 text-sm top-1/2 -translate-y-1/2 peer-focus:top-1.5 peer-focus:translate-y-0 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:translate-y-0 peer-[:not(:placeholder-shown)]:text-[10px]",
-        md: "left-3 text-base top-1/2 -translate-y-1/2 peer-focus:top-2 peer-focus:translate-y-0 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2 peer-[:not(:placeholder-shown)]:translate-y-0 peer-[:not(:placeholder-shown)]:text-xs",
-        lg: "left-4 text-lg top-1/2 -translate-y-1/2 peer-focus:top-2.5 peer-focus:translate-y-0 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2.5 peer-[:not(:placeholder-shown)]:translate-y-0 peer-[:not(:placeholder-shown)]:text-xs"
+        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]",
+        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]",
+        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",
+        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"
       },
       status: {
         default: "",
@@ -306,5 +306,5 @@ FloatInput.displayName = "FloatInput";
 var float_input_default = FloatInput;
 
 export { float_input_default };
-//# sourceMappingURL=chunk-I7MESP7F.js.map
-//# sourceMappingURL=chunk-I7MESP7F.js.map
+//# sourceMappingURL=chunk-SB3JGUGE.js.map
+//# sourceMappingURL=chunk-SB3JGUGE.js.map

package/dist/chunk-SB3JGUGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/float-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-SB3JGUGE.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:border-primary focus:ring-1 focus:ring-primary/20 bg-background\",\n  {\n    variants: {\n      status: {\n        default: \"\",\n        error: \"border-error focus:border-error focus:ring-error/20\",\n        warning: \"border-warning focus:border-warning focus:ring-warning/20\",\n        info: \"border-info focus:border-info focus:ring-info/20\",\n        success: \"border-success focus:border-success focus:ring-success/20\",\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(\"\");\n    const currentValue = value !== undefined ? value : internalValue;\n\n    // Generate unique IDs for accessibility\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    // 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    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      onClear?.();\n    }, [value, 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-2REG4OUB.js → chunk-WMTEAMPB.js}

@@ -104,82 +104,99 @@ var Switch = React.memo(
       props.onChange?.(e);
     };
     const isDisabled = disabled || loading;
-    const switchElement = /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex items-center", "switch_root", classNames?.root), children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          id: inputId,
-          type: "checkbox",
-          className: "peer sr-only",
-          disabled: isDisabled,
-          role: "switch",
-          "aria-checked": currentChecked,
-          "aria-invalid": !!error || void 0,
-          "aria-describedby": hasHelperText ? helperId : void 0,
-          checked: currentChecked,
-          onChange: handleChange,
-          required,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn(
-            switchTrackVariants({ color, size, hasError: !!error }),
-            "switch_track",
-            classNames?.track,
-            className
+    const switchElement = /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "relative inline-flex items-center",
+          "switch_root",
+          classNames?.root
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "checkbox",
+              className: "peer sr-only",
+              role: "switch",
+              "aria-checked": currentChecked,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": hasHelperText ? helperId : void 0,
+              required,
+              ...props,
+              id: inputId,
+              disabled: isDisabled,
+              checked: currentChecked,
+              onChange: handleChange
+            }
           ),
-          children: [
-            startContent && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "absolute right-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
-                  trackContentSizeClasses[size],
-                  currentChecked ? "opacity-0" : "opacity-100"
-                ),
-                children: startContent
-              }
-            ),
-            endContent && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "absolute left-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
-                  trackContentSizeClasses[size],
-                  currentChecked ? "opacity-100" : "opacity-0"
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                switchTrackVariants({ color, size, hasError: !!error }),
+                "switch_track",
+                classNames?.track,
+                className
+              ),
+              children: [
+                startContent && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "absolute right-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
+                      trackContentSizeClasses[size],
+                      currentChecked ? "opacity-0" : "opacity-100"
+                    ),
+                    children: startContent
+                  }
                 ),
-                children: endContent
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: cn(switchThumbVariants({ size }), "switch_thumb", classNames?.thumb), children: loading ? /* @__PURE__ */ jsx(
-        Loader2,
-        {
-          className: cn(
-            "animate-spin text-text-secondary",
-            loaderSizeClasses[size]
-          )
-        }
-      ) : thumbIcon ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "flex items-center justify-center text-text-secondary",
-            thumbIconSizeClasses[size]
+                endContent && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "absolute left-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
+                      trackContentSizeClasses[size],
+                      currentChecked ? "opacity-100" : "opacity-0"
+                    ),
+                    children: endContent
+                  }
+                )
+              ]
+            }
           ),
-          children: thumbIcon
-        }
-      ) : null })
-    ] });
-    if (!label && !helperText && !error) {
-      return switchElement;
-    }
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                switchThumbVariants({ size }),
+                "switch_thumb",
+                classNames?.thumb
+              ),
+              children: loading ? /* @__PURE__ */ jsx(
+                Loader2,
+                {
+                  className: cn(
+                    "animate-spin text-text-secondary",
+                    loaderSizeClasses[size]
+                  )
+                }
+              ) : thumbIcon ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex items-center justify-center text-text-secondary",
+                    thumbIconSizeClasses[size]
+                  ),
+                  children: thumbIcon
+                }
+              ) : null
+            }
+          )
+        ]
+      }
+    );
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
       /* @__PURE__ */ jsxs(
         "label",
@@ -233,5 +250,5 @@ Switch.displayName = "Switch";
 var switch_default = Switch;
 
 export { switch_default };
-//# sourceMappingURL=chunk-2REG4OUB.js.map
-//# sourceMappingURL=chunk-2REG4OUB.js.map
+//# sourceMappingURL=chunk-WMTEAMPB.js.map
+//# sourceMappingURL=chunk-WMTEAMPB.js.map

package/dist/chunk-WMTEAMPB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch/index.tsx"],"names":[],"mappings":"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","file":"chunk-WMTEAMPB.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\nimport React, { useState, useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { switchTrackColorClasses } from \"../variants\";\nimport type { SwitchProps, SwitchSize } from \"./types\";\n\nconst switchTrackVariants = cva(\n  [\n    \"relative rounded-full cursor-pointer transition-colors\",\n    \"peer-disabled:opacity-50 peer-disabled:cursor-not-allowed\",\n    \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background\",\n  ],\n  {\n    variants: {\n      color: switchTrackColorClasses,\n      size: {\n        xs: \"w-(--switch-width-xs) h-(--switch-height-xs)\",\n        sm: \"w-(--switch-width-sm) h-(--switch-height-sm)\",\n        md: \"w-(--switch-width-md) h-(--switch-height-md)\",\n        lg: \"w-(--switch-width-lg) h-(--switch-height-lg)\",\n      },\n      hasError: {\n        true: \"bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"primary\",\n      size: \"md\",\n      hasError: false,\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  \"absolute top-0.5 left-0.5 bg-background rounded-full shadow-sm transition-transform duration-200 ease-in-out flex items-center justify-center\",\n  {\n    variants: {\n      size: {\n        xs: \"w-(--switch-thumb-xs) h-(--switch-thumb-xs) peer-checked:translate-x-(--switch-translate-xs)\",\n        sm: \"w-(--switch-thumb-sm) h-(--switch-thumb-sm) peer-checked:translate-x-(--switch-translate-sm)\",\n        md: \"w-(--switch-thumb-md) h-(--switch-thumb-md) peer-checked:translate-x-(--switch-translate-md)\",\n        lg: \"w-(--switch-thumb-lg) h-(--switch-thumb-lg) peer-checked:translate-x-(--switch-translate-lg)\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Loader size classes based on switch size\n */\nconst loaderSizeClasses: Record<SwitchSize, string> = {\n  xs: \"size-2\",\n  sm: \"size-2.5\",\n  md: \"size-3\",\n  lg: \"size-3.5\",\n};\n\n/**\n * Thumb icon size classes based on switch size\n */\nconst thumbIconSizeClasses: Record<SwitchSize, string> = {\n  xs: \"size-2\",\n  sm: \"size-2.5\",\n  md: \"size-3\",\n  lg: \"size-3.5\",\n};\n\n/**\n * Track content size classes\n */\nconst trackContentSizeClasses: Record<SwitchSize, string> = {\n  xs: \"text-[6px] px-0.5\",\n  sm: \"text-[7px] px-0.5\",\n  md: \"text-[8px] px-1\",\n  lg: \"text-[9px] px-1.5\",\n};\n\nconst Switch = React.memo<SwitchProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    labelPosition = \"right\",\n    helperText,\n    error,\n    loading = false,\n    thumbIcon,\n    startContent,\n    endContent,\n    required,\n    labelClassName,\n    className,\n    classNames,\n    disabled,\n    checked,\n    defaultChecked,\n    ref,\n    ...props\n  }) => {\n    const id = useId();\n    const inputId = props.id || id;\n    const helperId = `switch-helper-${id}`;\n    const hasHelperText = !!(helperText || error);\n\n    // Handle uncontrolled mode\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    );\n    const isControlled = checked !== undefined;\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalChecked(e.target.checked);\n      }\n      props.onChange?.(e);\n    };\n\n    const isDisabled = disabled || loading;\n\n    const switchElement = (\n      <span\n        className={cn(\n          \"relative inline-flex items-center\",\n          \"switch_root\",\n          classNames?.root,\n        )}\n      >\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          className=\"peer sr-only\"\n          role=\"switch\"\n          aria-checked={currentChecked}\n          aria-invalid={!!error || undefined}\n          aria-describedby={hasHelperText ? helperId : undefined}\n          required={required}\n          {...props}\n          id={inputId}\n          disabled={isDisabled}\n          checked={currentChecked}\n          onChange={handleChange}\n        />\n        <span\n          className={cn(\n            switchTrackVariants({ color, size, hasError: !!error }),\n            \"switch_track\",\n            classNames?.track,\n            className,\n          )}\n        >\n          {/* Track content - start (visible when unchecked) */}\n          {startContent && (\n            <span\n              className={cn(\n                \"absolute right-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity\",\n                trackContentSizeClasses[size],\n                currentChecked ? \"opacity-0\" : \"opacity-100\",\n              )}\n            >\n              {startContent}\n            </span>\n          )}\n          {/* Track content - end (visible when checked) */}\n          {endContent && (\n            <span\n              className={cn(\n                \"absolute left-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity\",\n                trackContentSizeClasses[size],\n                currentChecked ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              {endContent}\n            </span>\n          )}\n        </span>\n\n        {/* Thumb */}\n        <span\n          className={cn(\n            switchThumbVariants({ size }),\n            \"switch_thumb\",\n            classNames?.thumb,\n          )}\n        >\n          {loading ? (\n            <Loader2\n              className={cn(\n                \"animate-spin text-text-secondary\",\n                loaderSizeClasses[size],\n              )}\n            />\n          ) : thumbIcon ? (\n            <span\n              className={cn(\n                \"flex items-center justify-center text-text-secondary\",\n                thumbIconSizeClasses[size],\n              )}\n            >\n              {thumbIcon}\n            </span>\n          ) : null}\n        </span>\n      </span>\n    );\n\n    // Switch with label and/or helper/error text\n    return (\n      <div className=\"w-full\">\n        <label\n          htmlFor={inputId}\n          className={cn(\n            \"inline-flex items-center gap-2\",\n            !isDisabled && \"cursor-pointer\",\n            labelPosition === \"left\" && \"flex-row-reverse\",\n          )}\n        >\n          {switchElement}\n          {label && (\n            <span\n              className={cn(\n                \"text-sm text-text-primary select-none\",\n                error && \"text-error\",\n                isDisabled && \"opacity-50\",\n                \"switch_label\",\n                classNames?.label,\n                labelClassName,\n              )}\n            >\n              {label}\n              {required && (\n                <span className=\"text-error ml-0.5\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"mt-1 text-xs\",\n              labelPosition === \"left\" ? \"text-right\" : \"text-left\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              \"switch_description\",\n              classNames?.description,\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n\nexport type * from \"./types\";\nexport default Switch;\n"]}