@mdigital_ui/ui 0.2.6 → 0.2.8

package/dist/chunk-3HBMVZF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-password/index.tsx"],"names":[],"mappings":";;;;;;AASO,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,gBAAA,GAAmB,IAAA,EAAM,IAAA,GAAO,MAAM,GAAA,EAAK,UAAA,EAAY,GAAG,KAAA,EAAM,KAAM;AACvE,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAE5D,IAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC/C,MAAA,eAAA,CAAgB,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,IACjC,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA,EAAM,eAAe,MAAA,GAAS,UAAA;AAAA,QAC9B,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAA,CAAG,oBAAA,EAAsB,UAAA,EAAY,IAAI,CAAA;AAAA,UAC/C,OAAA,EAAS,EAAA,CAAG,uBAAA,EAAyB,UAAA,EAAY,OAAO,CAAA;AAAA,UACxD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,UAClD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,UAClD,MAAA,EAAQ,EAAA,CAAG,sBAAA,EAAwB,UAAA,EAAY,MAAM,CAAA;AAAA,UACrD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK;AAAA,SACpD;AAAA,QACA,WACE,gBAAA,mBACE,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,gBAAA;AAAA,YACT,WAAA,EAAU,cAAA;AAAA,YACV,SAAA,EAAW,EAAA;AAAA,cACT,4BAAA;AAAA,cACA,wCAAA;AAAA,cACA,UAAA,EAAY;AAAA,aACd;AAAA,YACA,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,YAG5C,QAAA,EAAA,YAAA,mBACC,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,WAAA,EAAU,YAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,0BAAA;AAAA,kBACA,UAAU,IAAI,CAAA;AAAA,kBACd,UAAA,EAAY;AAAA;AACd;AAAA,aACF,mBAEA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAA,EAAU,YAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,0BAAA;AAAA,kBACA,UAAU,IAAI,CAAA;AAAA,kBACd,UAAA,EAAY;AAAA;AACd;AAAA;AACF;AAAA,SAEJ,GACE;AAAA;AAAA,KAER;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-3HBMVZF5.js","sourcesContent":["'use client'\n\nimport { Eye, EyeOff } from 'lucide-react'\nimport React from 'react'\n\nimport Input from '../input'\nimport { cn, iconSizes } from '../utils'\nimport type { PasswordInputProps } from './types'\n\nexport const PasswordInput = React.memo<PasswordInputProps>(\n  ({ visibilityToggle = true, size = 'md', ref, classNames, ...props }) => {\n    const [showPassword, setShowPassword] = React.useState(false)\n\n    const toggleVisibility = React.useCallback(() => {\n      setShowPassword((prev) => !prev)\n    }, [])\n\n    return (\n      <Input\n        {...props}\n        size={size}\n        ref={ref}\n        type={showPassword ? 'text' : 'password'}\n        classNames={{\n          root: cn('inputPassword_root', classNames?.root),\n          wrapper: cn('inputPassword_wrapper', classNames?.wrapper),\n          label: cn('inputPassword_label', classNames?.label),\n          input: cn('inputPassword_input', classNames?.input),\n          helper: cn('inputPassword_helper', classNames?.helper),\n          error: cn('inputPassword_error', classNames?.error),\n        }}\n        rightIcon={\n          visibilityToggle ? (\n            <button\n              type=\"button\"\n              onClick={toggleVisibility}\n              data-slot=\"toggleButton\"\n              className={cn(\n                'inputPassword_toggleButton',\n                'cursor-pointer hover:text-text-primary',\n                classNames?.toggleButton,\n              )}\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              // tabIndex={-1}\n            >\n              {showPassword ? (\n                <Eye\n                  data-slot=\"toggleIcon\"\n                  className={cn(\n                    'inputPassword_toggleIcon',\n                    iconSizes[size],\n                    classNames?.toggleIcon,\n                  )}\n                />\n              ) : (\n                <EyeOff\n                  data-slot=\"toggleIcon\"\n                  className={cn(\n                    'inputPassword_toggleIcon',\n                    iconSizes[size],\n                    classNames?.toggleIcon,\n                  )}\n                />\n              )}\n            </button>\n          ) : undefined\n        }\n      />\n    )\n  },\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport type * from './types'\nexport default Input\n"]}

package/dist/{chunk-7ODPSHIQ.js → chunk-3UCZ4GMN.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-2OGZENFC.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -37,6 +37,7 @@ var ButtonGroup = React.memo(
     color,
     disabled = false,
     className,
+    classNames,
     children,
     ref,
     ...props
@@ -49,7 +50,9 @@ var ButtonGroup = React.memo(
           variant: child.props.variant ?? variant,
           color: child.props.color ?? color,
           // Disabled is additive - if group is disabled, all children are disabled
-          disabled: child.props.disabled || disabled
+          disabled: child.props.disabled || disabled,
+          // Apply button classNames from ButtonGroup
+          className: cn(classNames?.button, child.props.className)
         });
       }
       return child;
@@ -60,10 +63,13 @@ var ButtonGroup = React.memo(
         ref,
         role: "group",
         className: cn(
+          "buttonGroup_root",
           buttonGroupVariants({ vertical, fullWidth }),
           attached ? vertical ? attachedVerticalClasses : attachedHorizontalClasses : gapClasses[gap],
+          classNames?.root,
           className
         ),
+        "data-slot": "root",
         ...props,
         children: enhancedChildren
       }
@@ -74,5 +80,5 @@ ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 
 export { button_group_default };
-//# sourceMappingURL=chunk-7ODPSHIQ.js.map
-//# sourceMappingURL=chunk-7ODPSHIQ.js.map
+//# sourceMappingURL=chunk-3UCZ4GMN.js.map
+//# sourceMappingURL=chunk-3UCZ4GMN.js.map

package/dist/chunk-3UCZ4GMN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button-group/index.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,mBAAA,GAAsB,IAAI,aAAA,EAAe;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,KAAA;AAAA,IACV,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAKD,IAAM,yBAAA,GACJ,gHAAA;AAEF,IAAM,uBAAA,GACJ,gHAAA;AAKF,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AA8BA,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EACxB,CAAC;AAAA,IACC,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,IAAA;AAAA,IACX,GAAA,GAAM,IAAA;AAAA,IACN,SAAA,GAAY,KAAA;AAAA,IACZ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AAEJ,IAAA,MAAM,mBAAmB,KAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AAC/D,MAAA,IAAI,KAAA,CAAM,cAAA,CAA4B,KAAK,CAAA,EAAG;AAC5C,QAAA,OAAO,KAAA,CAAM,aAAa,KAAA,EAAO;AAAA;AAAA,UAE/B,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,IAAA,IAAQ,IAAA;AAAA,UAC1B,OAAA,EAAS,KAAA,CAAM,KAAA,CAAM,OAAA,IAAW,OAAA;AAAA,UAChC,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA;AAAA,UAE5B,QAAA,EAAU,KAAA,CAAM,KAAA,CAAM,QAAA,IAAY,QAAA;AAAA;AAAA,UAElC,WAAW,EAAA,CAAG,UAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,MAAM,SAAS;AAAA,SACxD,CAAA;AAAA,MACH;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,EAAW,CAAA;AAAA,UAC3C,QAAA,GACI,QAAA,GACE,uBAAA,GACA,yBAAA,GACF,WAAW,GAAG,CAAA;AAAA,UAClB,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,IAAO,oBAAA,GAAQ","file":"chunk-3UCZ4GMN.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport type { ButtonProps } from '../button/types'\nimport { cn } from '../utils'\nimport type { ButtonGroupProps } from './types'\n\nconst buttonGroupVariants = cva('inline-flex', {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    fullWidth: {\n      true: 'w-full [&>*]:flex-1',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    fullWidth: false,\n  },\n})\n\n/**\n * Attached button styling - removes inner borders and rounds only outer corners\n */\nconst attachedHorizontalClasses =\n  '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none'\n\nconst attachedVerticalClasses =\n  '[&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)]:rounded-b-none'\n\n/**\n * Gap size classes\n */\nconst gapClasses = {\n  sm: 'gap-1',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\n/**\n * ButtonGroup Component\n *\n * Groups multiple buttons together with consistent styling and spacing.\n * Can propagate common props (size, variant, color, disabled) to all child buttons.\n *\n * @example\n * // Basic horizontal group\n * <ButtonGroup>\n *   <Button>Save</Button>\n *   <Button>Cancel</Button>\n * </ButtonGroup>\n *\n * @example\n * // Vertical group with uniform styling\n * <ButtonGroup vertical variant=\"outline\" size=\"sm\">\n *   <Button>Option 1</Button>\n *   <Button>Option 2</Button>\n * </ButtonGroup>\n *\n * @example\n * // Separated buttons with gap\n * <ButtonGroup attached={false} gap=\"md\">\n *   <Button>A</Button>\n *   <Button>B</Button>\n *   <Button>C</Button>\n * </ButtonGroup>\n */\nconst ButtonGroup = React.memo<ButtonGroupProps>(\n  ({\n    vertical = false,\n    attached = true,\n    gap = 'md',\n    fullWidth = false,\n    size,\n    variant,\n    color,\n    disabled = false,\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    // Clone children and inject group props\n    const enhancedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement<ButtonProps>(child)) {\n        return React.cloneElement(child, {\n          // Group props are defaults - child props take precedence\n          size: child.props.size ?? size,\n          variant: child.props.variant ?? variant,\n          color: child.props.color ?? color,\n          // Disabled is additive - if group is disabled, all children are disabled\n          disabled: child.props.disabled || disabled,\n          // Apply button classNames from ButtonGroup\n          className: cn(classNames?.button, child.props.className),\n        })\n      }\n      return child\n    })\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        className={cn(\n          'buttonGroup_root',\n          buttonGroupVariants({ vertical, fullWidth }),\n          attached\n            ? vertical\n              ? attachedVerticalClasses\n              : attachedHorizontalClasses\n            : gapClasses[gap],\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {enhancedChildren}\n      </div>\n    )\n  },\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n\nexport type * from './types'\nexport default ButtonGroup\n"]}

package/dist/{chunk-QVCGNOBE.js → chunk-43RDFTC5.js}

@@ -1,6 +1,6 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-EFMKUCGX.js';
-import { spinner_default } from './chunk-NQB4V5P7.js';
-import { getValidationStatus, cn, iconSizes, statusMessageVariants } from './chunk-2OGZENFC.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-WTGCXWNX.js';
+import { spinner_default } from './chunk-PHQOHVG3.js';
+import { getValidationStatus, cn, iconSizes, statusMessageVariants } from './chunk-NGYLRX6F.js';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { cva } from 'class-variance-authority';
 import { X, Search, ChevronDown, ChevronUp, Check } from 'lucide-react';
@@ -80,6 +80,7 @@ var Select = React.memo(
     virtualizeThreshold = 50,
     maxDropdownHeight = 300,
     className,
+    classNames,
     ref,
     ...props
   }) => {
@@ -323,7 +324,14 @@ var Select = React.memo(
           id: listboxId,
           "aria-labelledby": label ? labelId : void 0,
           onScroll: handleScroll,
-          children: !filteredOptions.length ? /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-text-secondary", children: "No options found" }) : shouldVirtualize ? /* @__PURE__ */ jsx(
+          children: !filteredOptions.length ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "empty",
+              className: cn("select_empty", "px-3 py-4 text-center text-sm text-text-secondary", classNames?.empty),
+              children: "No options found"
+            }
+          ) : shouldVirtualize ? /* @__PURE__ */ jsx(
             "div",
             {
               ref: refCallback,
@@ -347,6 +355,7 @@ var Select = React.memo(
                       return /* @__PURE__ */ jsx(
                         "div",
                         {
+                          "data-slot": "group",
                           style: {
                             position: "absolute",
                             top: 0,
@@ -355,8 +364,15 @@ var Select = React.memo(
                             height: `${virtualItem.size}px`,
                             transform: `translateY(${virtualItem.start}px)`
                           },
-                          className: selectGroupVariants(),
-                          children: item.data
+                          className: cn("select_group", selectGroupVariants(), classNames?.group),
+                          children: /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "data-slot": "groupLabel",
+                              className: cn("select_groupLabel", classNames?.groupLabel),
+                              children: item.data
+                            }
+                          )
                         },
                         `group-${virtualItem.index}`
                       );
@@ -373,6 +389,7 @@ var Select = React.memo(
                     return /* @__PURE__ */ jsxs(
                       "div",
                       {
+                        "data-slot": "option",
                         style: {
                           position: "absolute",
                           top: 0,
@@ -382,11 +399,14 @@ var Select = React.memo(
                           transform: `translateY(${virtualItem.start}px)`
                         },
                         className: cn(
+                          "select_option",
                           selectOptionVariants({
                             selected: isSelected,
                             disabled: !!option.disabled
                           }),
-                          isHighlighted && "bg-surface"
+                          isHighlighted && "bg-surface",
+                          classNames?.option,
+                          isSelected && classNames?.optionSelected
                         ),
                         onClick: () => !option.disabled && handleSelect(option.value),
                         role: "option",
@@ -413,8 +433,16 @@ var Select = React.memo(
               return /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: selectGroupVariants(),
-                  children: item.data
+                  "data-slot": "group",
+                  className: cn("select_group", selectGroupVariants(), classNames?.group),
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "data-slot": "groupLabel",
+                      className: cn("select_groupLabel", classNames?.groupLabel),
+                      children: item.data
+                    }
+                  )
                 },
                 `group-${index}`
               );
@@ -431,12 +459,16 @@ var Select = React.memo(
             return /* @__PURE__ */ jsxs(
               "div",
               {
+                "data-slot": "option",
                 className: cn(
+                  "select_option",
                   selectOptionVariants({
                     selected: isSelected,
                     disabled: !!option.disabled
                   }),
-                  isHighlighted && "bg-surface"
+                  isHighlighted && "bg-surface",
+                  classNames?.option,
+                  isSelected && classNames?.optionSelected
                 ),
                 onClick: () => !option.disabled && handleSelect(option.value),
                 role: "option",
@@ -464,10 +496,13 @@ var Select = React.memo(
       {
         ref: triggerRef,
         type: "button",
+        "data-slot": "trigger",
         className: cn(
+          "select_trigger",
           selectTriggerVariants({ status, size, fullWidth }),
           loading && "opacity-50",
-          className
+          className,
+          classNames?.trigger
         ),
         disabled: disabled || loading,
         "aria-haspopup": "listbox",
@@ -482,7 +517,8 @@ var Select = React.memo(
             {
               ref: inputRef,
               type: "text",
-              className: "w-full text-ellipsis flex-1 bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 pointer-events-none",
+              "data-slot": "search",
+              className: cn("select_search", "w-full text-ellipsis flex-1 bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 pointer-events-none", classNames?.search),
               placeholder,
               value: displayValue,
               onChange: handleInputChange,
@@ -493,26 +529,34 @@ var Select = React.memo(
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-text-secondary", children: [
-            clearable && currentValue && !disabled && !loading && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleClear,
-                className: "hover:text-text-primary transition-colors",
-                "aria-label": "Clear selection",
-                children: /* @__PURE__ */ jsx(X, { className: iconSizes[size] })
-              }
-            ),
-            loading ? /* @__PURE__ */ jsx(spinner_default, {}) : /* @__PURE__ */ jsx(Fragment, { children: isOpen ? /* @__PURE__ */ jsx(Search, { className: iconSizes[size] }) : /* @__PURE__ */ jsx(ChevronDown, { className: iconSizes[size] }) })
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "triggerIcon",
+              className: cn("select_triggerIcon", "flex items-center gap-1 text-text-secondary", classNames?.triggerIcon),
+              children: [
+                clearable && currentValue && !disabled && !loading && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleClear,
+                    className: "hover:text-text-primary transition-colors",
+                    "aria-label": "Clear selection",
+                    children: /* @__PURE__ */ jsx(X, { className: iconSizes[size] })
+                  }
+                ),
+                loading ? /* @__PURE__ */ jsx(spinner_default, {}) : /* @__PURE__ */ jsx(Fragment, { children: isOpen ? /* @__PURE__ */ jsx(Search, { className: iconSizes[size] }) : /* @__PURE__ */ jsx(ChevronDown, { className: iconSizes[size] }) })
+              ]
+            }
+          )
         ]
       }
     );
     const selectElement = /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("relative group", fullWidth ? "w-full" : "inline-block"),
+        "data-slot": "root",
+        className: cn("select_root", "relative group", fullWidth ? "w-full" : "inline-block", classNames?.root),
         ref,
         ...props,
         children: /* @__PURE__ */ jsxs(
@@ -525,7 +569,8 @@ var Select = React.memo(
               /* @__PURE__ */ jsx(
                 PopoverContent,
                 {
-                  className: "p-0 w-[var(--radix-popover-trigger-width)]",
+                  "data-slot": "dropdown",
+                  className: cn("select_dropdown", "p-0 w-[var(--radix-popover-trigger-width)]", classNames?.dropdown),
                   align: "start",
                   onOpenAutoFocus: (e) => {
                     e.preventDefault();
@@ -546,7 +591,8 @@ var Select = React.memo(
           "label",
           {
             id: labelId,
-            className: "block mb-0.5",
+            "data-slot": "label",
+            className: cn("select_label", "block mb-0.5", classNames?.label),
             children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-text-secondary", children: [
               label,
               required && /* @__PURE__ */ jsx("span", { className: "text-error ml-1", children: "*" })
@@ -557,7 +603,8 @@ var Select = React.memo(
           "p",
           {
             id: helperId,
-            className: statusMessageVariants({ status }),
+            "data-slot": "helper",
+            className: cn("select_helper", statusMessageVariants({ status }), classNames?.helper),
             children: helperMessage
           }
         )
@@ -570,5 +617,5 @@ Select.displayName = "Select";
 var select_default = Select;
 
 export { select_default };
-//# sourceMappingURL=chunk-QVCGNOBE.js.map
-//# sourceMappingURL=chunk-QVCGNOBE.js.map
+//# sourceMappingURL=chunk-43RDFTC5.js.map
+//# sourceMappingURL=chunk-43RDFTC5.js.map

package/dist/chunk-43RDFTC5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select/index.tsx"],"names":[],"mappings":"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","file":"chunk-43RDFTC5.js","sourcesContent":["'use client'\n\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { cva } from 'class-variance-authority'\nimport { Check, ChevronDown, ChevronUp, Search, X } from 'lucide-react'\nimport React, { useCallback, useId } from 'react'\n\nimport Spinner from '../spinner'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { SelectOption, SelectProps } from './types'\n\nconst selectTriggerVariants = cva(\n  'w-full flex items-center justify-between rounded-md bg-background text-text-primary border focus:border-primary outline-none disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors',\n  {\n    variants: {\n      status: {\n        default: 'border-border hover:border-primary/50',\n        error: 'border-error',\n        warning: 'border-warning',\n        info: 'border-info',\n        success: 'border-success',\n      },\n      size: {\n        xs: 'h-(--select-height-xs) px-(--select-padding-x-xs) text-xs gap-1.5',\n        sm: 'h-(--select-height-sm) px-(--select-padding-x-sm) text-sm gap-2',\n        md: 'h-(--select-height-md) px-(--select-padding-x-md) text-base gap-2',\n        lg: 'h-(--select-height-lg) px-(--select-padding-x-lg) text-lg gap-3',\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 selectOptionVariants = cva(\n  'relative cursor-pointer select-none px-3 py-2 text-text-primary rounded-sm transition-colors',\n  {\n    variants: {\n      selected: {\n        true: 'bg-primary/10 text-primary font-medium',\n        false: 'hover:bg-surface',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n)\n\nconst selectGroupVariants = cva(\n  'px-3 py-2 text-xs font-semibold text-text-secondary uppercase tracking-wider bg-surface/50',\n)\n\nconst Select = React.memo<SelectProps>(\n  ({\n    size = 'md',\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    options = [],\n    placeholder = 'Select an option',\n    loading = false,\n    fullWidth = true,\n    value,\n    defaultValue,\n    onChange,\n    clearable = false,\n    disabled,\n    required,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [parentNode, setParentNode] = React.useState<HTMLDivElement | null>(\n      null,\n    )\n    const [internalValue, setInternalValue] = React.useState<string | number>(defaultValue || '')\n    const [searchQuery, setSearchQuery] = React.useState('')\n    const [highlightedIndex, setHighlightedIndex] = React.useState(-1)\n    const [showTopArrow, setShowTopArrow] = React.useState(false)\n    const [showBottomArrow, setShowBottomArrow] = React.useState(false)\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    const scrollContainerRef = React.useRef<HTMLDivElement>(null)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId()\n    const labelId = `select-label-${uniqueId}`\n    const listboxId = `select-listbox-${uniqueId}`\n    const helperId = `select-helper-${uniqueId}`\n\n    // Use shared validation status utility\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    const groupedOptions = React.useMemo(() => {\n      const groups: Record<string, SelectOption[]> = {}\n      const ungrouped: SelectOption[] = []\n\n      options.forEach((option) => {\n        if (option.group) {\n          if (!groups[option.group]) {\n            groups[option.group] = []\n          }\n          groups[option.group]!.push(option)\n        } else {\n          ungrouped.push(option)\n        }\n      })\n\n      return { groups, ungrouped }\n    }, [options])\n\n    const flattenedOptions = React.useMemo(() => {\n      const items: Array<{\n        type: 'option' | 'group'\n        data: SelectOption | string\n      }> = []\n\n      groupedOptions.ungrouped.forEach((option) => {\n        items.push({ type: 'option', data: option })\n      })\n\n      Object.entries(groupedOptions.groups).forEach(\n        ([groupName, groupOptions]) => {\n          items.push({ type: 'group', data: groupName })\n          groupOptions.forEach((option) => {\n            items.push({ type: 'option', data: option })\n          })\n        },\n      )\n\n      return items\n    }, [groupedOptions])\n\n    const filteredOptions = React.useMemo(() => {\n      if (!searchQuery) return flattenedOptions\n\n      return flattenedOptions.filter((item) => {\n        if (item.type === 'group') return true\n        const option = item.data as SelectOption\n        return option.label.toLowerCase().includes(searchQuery.toLowerCase())\n      })\n    }, [flattenedOptions, searchQuery])\n\n    const shouldVirtualize = filteredOptions.length > virtualizeThreshold\n\n    const virtualizer = useVirtualizer({\n      count: filteredOptions.length,\n      getScrollElement: () => parentNode,\n      estimateSize: () => 40,\n      enabled: shouldVirtualize,\n      overscan: 10,\n    })\n\n    // Store virtualizer in ref to avoid recreating handleKeyDown on every render\n    const virtualizerRef = React.useRef(virtualizer)\n    React.useEffect(() => {\n      virtualizerRef.current = virtualizer\n    }, [virtualizer])\n\n    const refCallback = useCallback((node: HTMLDivElement) => {\n      if (node) {\n        setParentNode(node)\n        // Also set as scroll container for virtualized lists\n        scrollContainerRef.current = node\n      }\n    }, [])\n\n    const selectedOption = options.find((opt) => opt.value === currentValue)\n    const displayValue = isOpen ? searchQuery : selectedOption?.label || ''\n\n    const handleSelect = React.useCallback(\n      (optionValue: string | number) => {\n        if (value === undefined) {\n          setInternalValue(optionValue)\n        }\n        onChange?.(optionValue)\n        setIsOpen(false)\n        setSearchQuery('')\n        setHighlightedIndex(-1)\n      },\n      [value, onChange],\n    )\n\n    const handleClear = React.useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation()\n        if (value === undefined) {\n          setInternalValue('')\n        }\n        onChange?.('')\n        setSearchQuery('')\n        setHighlightedIndex(-1)\n      },\n      [value, onChange],\n    )\n\n    const handleInputChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchQuery(e.target.value)\n        if (!isOpen) setIsOpen(true)\n      },\n      [isOpen],\n    )\n\n    const handleInputFocus = React.useCallback(() => {\n      setIsOpen(true)\n    }, [])\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!isOpen && e.key !== 'Tab') {\n          if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n            e.preventDefault()\n            setIsOpen(true)\n          }\n          return\n        }\n\n        const selectableOptions = filteredOptions.filter(\n          (item) =>\n            item.type === 'option' && !(item.data as SelectOption).disabled,\n        )\n\n        switch (e.key) {\n          case 'Escape':\n            e.preventDefault()\n            setIsOpen(false)\n            setSearchQuery('')\n            setHighlightedIndex(-1)\n            inputRef.current?.blur()\n            break\n\n          case 'ArrowDown':\n            e.preventDefault()\n            setHighlightedIndex((prev) => {\n              const nextIndex = Math.min(prev + 1, selectableOptions.length - 1)\n              const option = selectableOptions[nextIndex]\n              if (option) {\n                const optionIndex = filteredOptions.indexOf(option)\n                if (shouldVirtualize && virtualizerRef.current) {\n                  virtualizerRef.current.scrollToIndex(optionIndex, {\n                    align: 'auto',\n                  })\n                }\n              }\n              return nextIndex\n            })\n            break\n\n          case 'ArrowUp':\n            e.preventDefault()\n            setHighlightedIndex((prev) => {\n              const nextIndex = Math.max(prev - 1, 0)\n              const option = selectableOptions[nextIndex]\n              if (option) {\n                const optionIndex = filteredOptions.indexOf(option)\n                if (shouldVirtualize && virtualizerRef.current) {\n                  virtualizerRef.current.scrollToIndex(optionIndex, {\n                    align: 'auto',\n                  })\n                }\n              }\n              return nextIndex\n            })\n            break\n\n          case 'Enter':\n            e.preventDefault()\n            if (\n              highlightedIndex >= 0 &&\n              highlightedIndex < selectableOptions.length\n            ) {\n              const item = selectableOptions[highlightedIndex]\n              if (item) {\n                const option = item.data as SelectOption\n                handleSelect(option.value)\n              }\n            }\n            break\n\n          case 'Home':\n            e.preventDefault()\n            setHighlightedIndex(0)\n            if (shouldVirtualize && virtualizerRef.current) {\n              virtualizerRef.current.scrollToIndex(0)\n            }\n            break\n\n          case 'End':\n            e.preventDefault()\n            setHighlightedIndex(selectableOptions.length - 1)\n            if (shouldVirtualize && virtualizerRef.current) {\n              virtualizerRef.current.scrollToIndex(filteredOptions.length - 1)\n            }\n            break\n\n          default:\n            break\n        }\n      },\n      [\n        isOpen,\n        filteredOptions,\n        highlightedIndex,\n        handleSelect,\n        shouldVirtualize,\n      ],\n    )\n\n    // Handle scroll to update arrow visibility\n    const handleScroll = React.useCallback(\n      (e: React.UIEvent<HTMLDivElement>) => {\n        const element = e.currentTarget\n        const { scrollTop, scrollHeight, clientHeight } = element\n\n        setShowTopArrow(scrollTop > 0)\n        setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1)\n      },\n      [],\n    )\n\n    // Check initial scroll state when dropdown opens\n    React.useEffect(() => {\n      if (isOpen) {\n        // Use a small delay to ensure the DOM is fully rendered\n        const timeoutId = setTimeout(() => {\n          const element = scrollContainerRef.current\n          if (element) {\n            const { scrollTop, scrollHeight, clientHeight } = element\n            setShowTopArrow(scrollTop > 0)\n            setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1)\n          }\n        }, 50)\n\n        return () => clearTimeout(timeoutId)\n      } else {\n        setShowTopArrow(false)\n        setShowBottomArrow(false)\n        return undefined\n      }\n    }, [isOpen, filteredOptions, shouldVirtualize])\n\n    const renderOptionsList = () => (\n      <div className=\"relative\">\n        {/* Top scroll indicator */}\n        <div className=\"flex items-center justify-center h-4\">\n          {showTopArrow && <ChevronUp className=\"size-4 text-text-primary\" />}\n        </div>\n\n        <div\n          ref={scrollContainerRef}\n          className=\"overflow-auto relative\"\n          style={{ maxHeight: maxDropdownHeight }}\n          role=\"listbox\"\n          id={listboxId}\n          aria-labelledby={label ? labelId : undefined}\n          onScroll={handleScroll}\n        >\n          {!filteredOptions.length ? (\n            <div\n              data-slot=\"empty\"\n              className={cn('select_empty', 'px-3 py-4 text-center text-sm text-text-secondary', classNames?.empty)}\n            >\n              No options found\n            </div>\n          ) : shouldVirtualize ? (\n            <div\n              ref={refCallback}\n              style={{\n                height: `${Math.min(virtualizer.getTotalSize(), maxDropdownHeight)}px`,\n                overflow: 'auto',\n              }}\n              onScroll={handleScroll}\n            >\n              <div\n                style={{\n                  height: `${virtualizer.getTotalSize()}px`,\n                  width: '100%',\n                  position: 'relative',\n                }}\n              >\n                {virtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = filteredOptions[virtualItem.index]\n\n                  if (!item) return null\n\n                  if (item.type === 'group') {\n                    return (\n                      <div\n                        key={`group-${virtualItem.index}`}\n                        data-slot=\"group\"\n                        style={{\n                          position: 'absolute',\n                          top: 0,\n                          left: 0,\n                          width: '100%',\n                          height: `${virtualItem.size}px`,\n                          transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={cn('select_group', selectGroupVariants(), classNames?.group)}\n                      >\n                        <span\n                          data-slot=\"groupLabel\"\n                          className={cn('select_groupLabel', classNames?.groupLabel)}\n                        >\n                          {item.data as string}\n                        </span>\n                      </div>\n                    )\n                  }\n\n                  const option = item.data as SelectOption\n                  const isSelected = option.value === currentValue\n                  const selectableOptions = filteredOptions.filter(\n                    (i) =>\n                      i.type === 'option' && !(i.data as SelectOption).disabled,\n                  )\n                  const selectableIndex = selectableOptions.findIndex(\n                    (i) => i === item,\n                  )\n                  const isHighlighted = selectableIndex === highlightedIndex\n\n                  return (\n                    <div\n                      key={option.value}\n                      data-slot=\"option\"\n                      style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        height: `${virtualItem.size}px`,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                      className={cn(\n                        'select_option',\n                        selectOptionVariants({\n                          selected: isSelected,\n                          disabled: !!option.disabled,\n                        }),\n                        isHighlighted && 'bg-surface',\n                        classNames?.option,\n                        isSelected && classNames?.optionSelected,\n                      )}\n                      onClick={() =>\n                        !option.disabled && handleSelect(option.value)\n                      }\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      aria-disabled={option.disabled}\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check\n                            className={cn('text-primary', iconSizes[size])}\n                          />\n                        </span>\n                      )}\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          ) : (\n            <div className=\"py-1\">\n              {filteredOptions.map((item, index) => {\n                if (item.type === 'group') {\n                  return (\n                    <div\n                      key={`group-${index}`}\n                      data-slot=\"group\"\n                      className={cn('select_group', selectGroupVariants(), classNames?.group)}\n                    >\n                      <span\n                        data-slot=\"groupLabel\"\n                        className={cn('select_groupLabel', classNames?.groupLabel)}\n                      >\n                        {item.data as string}\n                      </span>\n                    </div>\n                  )\n                }\n\n                const option = item.data as SelectOption\n                const isSelected = option.value === currentValue\n                const selectableOptions = filteredOptions.filter(\n                  (i) =>\n                    i.type === 'option' && !(i.data as SelectOption).disabled,\n                )\n                const selectableIndex = selectableOptions.findIndex(\n                  (i) => i === item,\n                )\n                const isHighlighted = selectableIndex === highlightedIndex\n\n                return (\n                  <div\n                    key={option.value}\n                    data-slot=\"option\"\n                    className={cn(\n                      'select_option',\n                      selectOptionVariants({\n                        selected: isSelected,\n                        disabled: !!option.disabled,\n                      }),\n                      isHighlighted && 'bg-surface',\n                      classNames?.option,\n                      isSelected && classNames?.optionSelected,\n                    )}\n                    onClick={() =>\n                      !option.disabled && handleSelect(option.value)\n                    }\n                    role=\"option\"\n                    aria-selected={isSelected}\n                    aria-disabled={option.disabled}\n                  >\n                    {option.label}\n                    {isSelected && (\n                      <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                        <Check\n                          className={cn('text-primary', iconSizes[size])}\n                        />\n                      </span>\n                    )}\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </div>\n\n        {/* Bottom scroll indicator */}\n        <div className=\"flex items-center justify-center h-4\">\n          {showBottomArrow && (\n            <ChevronDown className=\"size-4 text-text-primary\" />\n          )}\n        </div>\n      </div>\n    )\n\n    // Trigger button (used in both desktop and mobile)\n    const triggerButton = (\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-slot=\"trigger\"\n        className={cn(\n          'select_trigger',\n          selectTriggerVariants({ status, size, fullWidth }),\n          loading && 'opacity-50',\n          className,\n          classNames?.trigger,\n        )}\n        disabled={disabled || loading}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={helperMessage ? helperId : undefined}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <input\n          ref={inputRef}\n          type=\"text\"\n          data-slot=\"search\"\n          className={cn('select_search', 'w-full text-ellipsis flex-1 bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 pointer-events-none', classNames?.search)}\n          placeholder={placeholder}\n          value={displayValue}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onKeyDown={handleKeyDown}\n          disabled={disabled || loading}\n          readOnly={!isOpen}\n          tabIndex={-1}\n        />\n        <div\n          data-slot=\"triggerIcon\"\n          className={cn('select_triggerIcon', 'flex items-center gap-1 text-text-secondary', classNames?.triggerIcon)}\n        >\n          {clearable && currentValue && !disabled && !loading && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"hover:text-text-primary transition-colors\"\n              aria-label=\"Clear selection\"\n            >\n              <X className={iconSizes[size]} />\n            </button>\n          )}\n          {loading ? (\n            <Spinner />\n          ) : (\n            <>\n              {isOpen ? (\n                <Search className={iconSizes[size]} />\n              ) : (\n                <ChevronDown className={iconSizes[size]} />\n              )}\n            </>\n          )}\n        </div>\n      </button>\n    )\n\n    const selectElement = (\n      <div\n        data-slot=\"root\"\n        className={cn('select_root', 'relative group', fullWidth ? 'w-full' : 'inline-block', classNames?.root)}\n        ref={ref}\n        {...props}\n      >\n        <Popover\n          open={isOpen}\n          onOpenChange={setIsOpen}\n        >\n          <PopoverTrigger asChild>{triggerButton}</PopoverTrigger>\n\n          <PopoverContent\n            data-slot=\"dropdown\"\n            className={cn('select_dropdown', 'p-0 w-[var(--radix-popover-trigger-width)]', classNames?.dropdown)}\n            align=\"start\"\n            onOpenAutoFocus={(e: Event) => {\n              e.preventDefault()\n              inputRef.current?.focus()\n            }}\n          >\n            {renderOptionsList()}\n          </PopoverContent>\n        </Popover>\n      </div>\n    )\n\n    if (!label && !helperText && !error) return selectElement\n\n    return (\n      <div className={cn('w-full flex flex-col', !fullWidth && 'inline-block')}>\n        <div className=\"flex gap-2 items-center\">\n          {label && (\n            <label\n              id={labelId}\n              data-slot=\"label\"\n              className={cn('select_label', 'block mb-0.5', classNames?.label)}\n            >\n              <span className=\"text-sm font-medium text-text-secondary\">\n                {label}\n                {required && <span className=\"text-error ml-1\">*</span>}\n              </span>\n            </label>\n          )}\n          {helperMessage && (\n            <p\n              id={helperId}\n              data-slot=\"helper\"\n              className={cn('select_helper', statusMessageVariants({ status }), classNames?.helper)}\n            >\n              {helperMessage}\n            </p>\n          )}\n        </div>\n        {selectElement}\n      </div>\n    )\n  },\n)\n\nSelect.displayName = 'Select'\n\nexport type * from './types'\nexport default Select\n"]}

package/dist/{chunk-7YPX6NJK.js → chunk-4LSKRZOT.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-2OGZENFC.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -9,6 +9,7 @@ var CheckboxGroup = React.memo(
     error,
     orientation = "vertical",
     className,
+    classNames,
     children,
     ref,
     ...props
@@ -17,16 +18,18 @@ var CheckboxGroup = React.memo(
       "div",
       {
         ref,
-        className: cn("w-full", className),
+        className: cn("checkboxGroup_root", "w-full", className, classNames?.root),
         ...props,
         children: [
-          label && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary", children: label }) }),
+          label && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { className: cn("checkboxGroup_label", "text-sm font-medium text-text-secondary", classNames?.label), children: label }) }),
           /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
+                "checkboxGroup_group",
                 "flex",
-                orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4"
+                orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
+                classNames?.group
               ),
               children
             }
@@ -35,8 +38,10 @@ var CheckboxGroup = React.memo(
             "p",
             {
               className: cn(
+                error ? "checkboxGroup_error" : "checkboxGroup_helper",
                 "mt-2 text-xs",
-                error ? "text-error" : "text-text-secondary"
+                error ? "text-error" : "text-text-secondary",
+                error ? classNames?.error : classNames?.helper
               ),
               children: error || helperText
             }
@@ -50,5 +55,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 var checkbox_group_default = CheckboxGroup;
 
 export { checkbox_group_default };
-//# sourceMappingURL=chunk-7YPX6NJK.js.map
-//# sourceMappingURL=chunk-7YPX6NJK.js.map
+//# sourceMappingURL=chunk-4LSKRZOT.js.map
+//# sourceMappingURL=chunk-4LSKRZOT.js.map

package/dist/chunk-4LSKRZOT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-group/index.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EAC1B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,oBAAA,EAAsB,QAAA,EAAU,SAAA,EAAW,YAAY,IAAI,CAAA;AAAA,QACxE,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,yCAAA,EAA2C,UAAA,EAAY,KAAK,CAAA,EACpG,iBACH,CAAA,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,qBAAA;AAAA,gBACA,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA,0BAAA;AAAA,gBACJ,UAAA,EAAY;AAAA,eACd;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,QAAQ,qBAAA,GAAwB,sBAAA;AAAA,gBAChC,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe,qBAAA;AAAA,gBACvB,KAAA,GAAQ,UAAA,EAAY,KAAA,GAAQ,UAAA,EAAY;AAAA,eAC1C;AAAA,cAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-4LSKRZOT.js","sourcesContent":["import React from 'react'\n\nimport { cn } from '../utils'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = React.memo<CheckboxGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('checkboxGroup_root', 'w-full', className, classNames?.root)}\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\">\n            <span className={cn('checkboxGroup_label', 'text-sm font-medium text-text-secondary', classNames?.label)}>\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'checkboxGroup_group',\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n            classNames?.group,\n          )}\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              error ? 'checkboxGroup_error' : 'checkboxGroup_helper',\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n              error ? classNames?.error : classNames?.helper,\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport type * from './types'\nexport default CheckboxGroup\n"]}

package/dist/chunk-5PUATOLR.js

@@ -0,0 +1,127 @@
+import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/theme/ThemeProvider.tsx
+var ThemeProviderContext = createContext(
+  void 0
+);
+var MEDIA_QUERY = "(prefers-color-scheme: dark)";
+var getStoredTheme = (storageKey) => {
+  if (typeof window === "undefined") return null;
+  try {
+    return localStorage.getItem(storageKey) || null;
+  } catch {
+    return null;
+  }
+};
+var setStoredTheme = (storageKey, theme) => {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(storageKey, theme);
+  } catch {
+  }
+};
+var getSystemTheme = () => {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia(MEDIA_QUERY).matches ? "dark" : "light";
+};
+var applyTheme = (theme, disableTransitionOnChange) => {
+  if (typeof window === "undefined") return;
+  const root = document.documentElement;
+  if (disableTransitionOnChange) {
+    const css = document.createElement("style");
+    css.textContent = "* { transition: none !important; }";
+    document.head.appendChild(css);
+    void root.offsetHeight;
+    setTimeout(() => {
+      document.head.removeChild(css);
+    }, 1);
+  }
+  root.setAttribute("data-theme", theme);
+  root.classList.remove("light", "dark");
+  root.classList.add(theme);
+};
+var ThemeProvider = ({
+  children,
+  defaultTheme = "system",
+  storageKey = "ui-theme",
+  disableTransitionOnChange = false
+  // enableStrictMode is defined in props but reserved for future use
+}) => {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    const stored = getStoredTheme(storageKey);
+    return stored ?? defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = useState(() => {
+    if (typeof window === "undefined") return "light";
+    const stored = getStoredTheme(storageKey) ?? defaultTheme;
+    if (stored === "system") return getSystemTheme();
+    return stored;
+  });
+  const setTheme = useCallback(
+    (newTheme) => {
+      setThemeState(newTheme);
+      setStoredTheme(storageKey, newTheme);
+      const resolved = newTheme === "system" ? getSystemTheme() : newTheme;
+      setResolvedTheme(resolved);
+      applyTheme(resolved, disableTransitionOnChange);
+    },
+    [storageKey, disableTransitionOnChange]
+  );
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mediaQuery = window.matchMedia(MEDIA_QUERY);
+    const handleChange = (e) => {
+      const systemTheme = e.matches ? "dark" : "light";
+      setResolvedTheme(systemTheme);
+      applyTheme(systemTheme, disableTransitionOnChange);
+    };
+    handleChange(mediaQuery);
+    if (mediaQuery.addEventListener) {
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    }
+    mediaQuery.addListener(handleChange);
+    return () => mediaQuery.removeListener(handleChange);
+  }, [theme, disableTransitionOnChange]);
+  useEffect(() => {
+    applyTheme(resolvedTheme, false);
+  }, [resolvedTheme]);
+  const value = useMemo(
+    () => ({
+      theme,
+      resolvedTheme,
+      setTheme
+    }),
+    [theme, resolvedTheme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value, children });
+};
+var useTheme = () => {
+  const context = useContext(ThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+var themeScript = `
+(function() {
+  try {
+    var storageKey = 'ui-theme';
+    var theme = localStorage.getItem(storageKey) || 'system';
+    var resolved = theme;
+
+    if (theme === 'system') {
+      resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+
+    document.documentElement.setAttribute('data-theme', resolved);
+    document.documentElement.classList.add(resolved);
+  } catch (e) {}
+})();
+`;
+
+export { ThemeProvider, themeScript, useTheme };
+//# sourceMappingURL=chunk-5PUATOLR.js.map
+//# sourceMappingURL=chunk-5PUATOLR.js.map

package/dist/chunk-5PUATOLR.js.map

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