@mdigital_ui/ui 0.2.9 → 0.3.1

package/dist/chunk-OL2GU2O3.js

@@ -0,0 +1,293 @@
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-WTGCXWNX.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import React, { useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
+  const [activeSubmenu, setActiveSubmenu] = useState(null);
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, idx) => {
+    if (item.separator) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "separator",
+          className: cn("menubar_separator h-px bg-border my-1", classNames?.separator),
+          role: "separator"
+        },
+        item.key || `separator-${idx}`
+      );
+    }
+    if (item.type === "label") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "label",
+          className: cn(
+            "menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary",
+            classNames?.label
+          ),
+          role: "presentation",
+          children: item.label
+        },
+        item.key
+      );
+    }
+    const isCheckboxOrRadio = item.type === "checkbox" || item.type === "radio";
+    const hasChildren = item.children && item.children.length > 0;
+    if (hasChildren) {
+      return /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          open: activeSubmenu === item.key,
+          onOpenChange: (open) => setActiveSubmenu(open ? item.key : null),
+          children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "item",
+                className: cn(
+                  "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
+                  item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+                  classNames?.item
+                ),
+                role: "menuitem",
+                "aria-disabled": item.disabled,
+                "aria-haspopup": "menu",
+                tabIndex: item.disabled ? -1 : 0,
+                onMouseEnter: () => !item.disabled && setActiveSubmenu(item.key),
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowRight") {
+                    e.preventDefault();
+                    if (!item.disabled) setActiveSubmenu(item.key);
+                  } else if (e.key === "ArrowLeft") {
+                    e.preventDefault();
+                    setActiveSubmenu(null);
+                  }
+                },
+                children: [
+                  item.icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+                  /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 ml-2 shrink-0" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "right",
+                align: "start",
+                sideOffset: 4,
+                "data-slot": "submenu",
+                className: cn(
+                  "menubar_submenu min-w-[200px] w-auto p-1 rounded-md",
+                  classNames?.submenu
+                ),
+                onOpenAutoFocus: (e) => e.preventDefault(),
+                onCloseAutoFocus: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsx(MenuItems, { items: item.children, classNames, onItemClick })
+              }
+            )
+          ]
+        },
+        item.key
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "item",
+        className: cn(
+          "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
+          item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+          isCheckboxOrRadio && classNames?.checkboxItem,
+          item.type === "radio" && classNames?.radioItem,
+          classNames?.item
+        ),
+        role: item.type === "checkbox" ? "menuitemcheckbox" : item.type === "radio" ? "menuitemradio" : "menuitem",
+        "aria-disabled": item.disabled,
+        "aria-checked": isCheckboxOrRadio ? item.checked : void 0,
+        tabIndex: item.disabled ? -1 : 0,
+        onClick: () => !item.disabled && onItemClick(item),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!item.disabled) onItemClick(item);
+          }
+        },
+        children: [
+          isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.checked && /* @__PURE__ */ jsxs(Fragment, { children: [
+            item.type === "checkbox" && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4" }),
+            item.type === "radio" && /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4 fill-current" })
+          ] }) }),
+          item.icon && !isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+          item.shortcut && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "shortcut",
+              className: cn(
+                "menubar_shortcut text-xs text-text-secondary ml-auto",
+                classNames?.shortcut
+              ),
+              children: item.shortcut
+            }
+          )
+        ]
+      },
+      item.key
+    );
+  }) });
+});
+MenuItems.displayName = "MenuItems";
+var Menubar = React.memo(({ menus, className, classNames, ref }) => {
+  const [activeMenu, setActiveMenu] = useState(null);
+  const [hoverMode, setHoverMode] = useState(false);
+  const handleMenuClick = useCallback((menuKey, disabled) => {
+    if (disabled) return;
+    setActiveMenu((prev) => prev === menuKey ? null : menuKey);
+    setHoverMode(true);
+  }, []);
+  const handleMenuHover = useCallback(
+    (menuKey, disabled) => {
+      if (disabled) return;
+      if (hoverMode && activeMenu !== null) {
+        setActiveMenu(menuKey);
+      }
+    },
+    [hoverMode, activeMenu]
+  );
+  const handleClose = useCallback(() => {
+    setActiveMenu(null);
+    setHoverMode(false);
+  }, []);
+  const handleItemClick = useCallback(
+    (item) => {
+      if (item.type === "checkbox") {
+        item.onCheckedChange?.(!item.checked);
+      } else if (item.type === "radio") {
+        item.onCheckedChange?.(true);
+      } else {
+        item.onClick?.();
+      }
+      handleClose();
+    },
+    [handleClose]
+  );
+  useEffect(() => {
+    if (!activeMenu) return;
+    const handleKeyDown = (e) => {
+      const currentIndex = menus.findIndex((m) => m.key === activeMenu);
+      if (e.key === "Escape") {
+        e.preventDefault();
+        handleClose();
+      } else if (e.key === "ArrowRight") {
+        const nextIndex = (currentIndex + 1) % menus.length;
+        const nextMenu = menus[nextIndex];
+        if (nextMenu && !nextMenu.disabled) {
+          e.preventDefault();
+          setActiveMenu(nextMenu.key);
+        }
+      } else if (e.key === "ArrowLeft") {
+        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
+        const prevMenu = menus[prevIndex];
+        if (prevMenu && !prevMenu.disabled) {
+          e.preventDefault();
+          setActiveMenu(prevMenu.key);
+        }
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [activeMenu, menus, handleClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "root",
+      className: cn(
+        "menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border",
+        className,
+        classNames?.root
+      ),
+      role: "menubar",
+      children: menus.map((menu) => /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          open: activeMenu === menu.key,
+          onOpenChange: (open) => {
+            if (open) {
+              setActiveMenu(menu.key);
+              setHoverMode(true);
+            } else {
+              handleClose();
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                "data-slot": "trigger",
+                className: cn(
+                  "menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors",
+                  menu.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+                  activeMenu === menu.key && "bg-surface",
+                  classNames?.trigger
+                ),
+                role: "menuitem",
+                "aria-haspopup": "menu",
+                "aria-expanded": activeMenu === menu.key,
+                "aria-disabled": menu.disabled,
+                onClick: () => handleMenuClick(menu.key, menu.disabled),
+                onMouseEnter: () => handleMenuHover(menu.key, menu.disabled),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    handleMenuClick(menu.key, menu.disabled);
+                  }
+                },
+                children: menu.label
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "bottom",
+                align: "start",
+                sideOffset: 2,
+                "data-slot": "content",
+                className: cn(
+                  "menubar_content min-w-[200px] w-auto p-1 rounded-md",
+                  classNames?.content
+                ),
+                onOpenAutoFocus: (e) => e.preventDefault(),
+                onCloseAutoFocus: (e) => e.preventDefault(),
+                onPointerDownOutside: (e) => {
+                  const target = e.target;
+                  if (target.closest('[data-slot="root"]')) {
+                    e.preventDefault();
+                  }
+                },
+                children: /* @__PURE__ */ jsx(
+                  MenuItems,
+                  {
+                    items: menu.items,
+                    classNames,
+                    onItemClick: handleItemClick
+                  }
+                )
+              }
+            )
+          ]
+        },
+        menu.key
+      ))
+    }
+  );
+});
+Menubar.displayName = "Menubar";
+var menubar_default = Menubar;
+
+export { menubar_default };
+//# sourceMappingURL=chunk-OL2GU2O3.js.map
+//# sourceMappingURL=chunk-OL2GU2O3.js.map

package/dist/chunk-OL2GU2O3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar/index.tsx"],"names":[],"mappings":"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","file":"chunk-OL2GU2O3.js","sourcesContent":["'use client'\n\nimport { ChevronRight, Check, Circle } from 'lucide-react'\nimport React, { useState, useCallback, useEffect } from 'react'\n\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover'\nimport { cn } from '../utils'\nimport type { MenubarProps, MenubarItem } from './types'\n\ninterface MenuItemsProps {\n  items: MenubarItem[]\n  classNames?: MenubarProps['classNames']\n  onItemClick: (item: MenubarItem) => void\n}\n\nconst MenuItems = React.memo<MenuItemsProps>(({ items, classNames, onItemClick }) => {\n  const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null)\n\n  return (\n    <>\n      {items.map((item, idx) => {\n        if (item.separator) {\n          return (\n            <div\n              key={item.key || `separator-${idx}`}\n              data-slot=\"separator\"\n              className={cn('menubar_separator h-px bg-border my-1', classNames?.separator)}\n              role=\"separator\"\n            />\n          )\n        }\n\n        if (item.type === 'label') {\n          return (\n            <div\n              key={item.key}\n              data-slot=\"label\"\n              className={cn(\n                'menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary',\n                classNames?.label,\n              )}\n              role=\"presentation\"\n            >\n              {item.label}\n            </div>\n          )\n        }\n\n        const isCheckboxOrRadio = item.type === 'checkbox' || item.type === 'radio'\n        const hasChildren = item.children && item.children.length > 0\n\n        if (hasChildren) {\n          return (\n            <Popover\n              key={item.key}\n              open={activeSubmenu === item.key}\n              onOpenChange={(open) => setActiveSubmenu(open ? item.key : null)}\n            >\n              <PopoverTrigger asChild>\n                <div\n                  data-slot=\"item\"\n                  className={cn(\n                    'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n                    item.disabled\n                      ? 'opacity-50 cursor-not-allowed'\n                      : 'hover:bg-surface focus:bg-surface focus:outline-none',\n                    classNames?.item,\n                  )}\n                  role=\"menuitem\"\n                  aria-disabled={item.disabled}\n                  aria-haspopup=\"menu\"\n                  tabIndex={item.disabled ? -1 : 0}\n                  onMouseEnter={() => !item.disabled && setActiveSubmenu(item.key)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowRight') {\n                      e.preventDefault()\n                      if (!item.disabled) setActiveSubmenu(item.key)\n                    } else if (e.key === 'ArrowLeft') {\n                      e.preventDefault()\n                      setActiveSubmenu(null)\n                    }\n                  }}\n                >\n                  {item.icon && <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>}\n                  <span className=\"flex-1\">{item.label}</span>\n                  <ChevronRight className=\"w-4 h-4 ml-2 shrink-0\" />\n                </div>\n              </PopoverTrigger>\n              <PopoverContent\n                side=\"right\"\n                align=\"start\"\n                sideOffset={4}\n                data-slot=\"submenu\"\n                className={cn(\n                  'menubar_submenu min-w-[200px] w-auto p-1 rounded-md',\n                  classNames?.submenu,\n                )}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n                onCloseAutoFocus={(e) => e.preventDefault()}\n              >\n                <MenuItems items={item.children!} classNames={classNames} onItemClick={onItemClick} />\n              </PopoverContent>\n            </Popover>\n          )\n        }\n\n        return (\n          <div\n            key={item.key}\n            data-slot=\"item\"\n            className={cn(\n              'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled\n                ? 'opacity-50 cursor-not-allowed'\n                : 'hover:bg-surface focus:bg-surface focus:outline-none',\n              isCheckboxOrRadio && classNames?.checkboxItem,\n              item.type === 'radio' && classNames?.radioItem,\n              classNames?.item,\n            )}\n            role={\n              item.type === 'checkbox'\n                ? 'menuitemcheckbox'\n                : item.type === 'radio'\n                  ? 'menuitemradio'\n                  : 'menuitem'\n            }\n            aria-disabled={item.disabled}\n            aria-checked={isCheckboxOrRadio ? item.checked : undefined}\n            tabIndex={item.disabled ? -1 : 0}\n            onClick={() => !item.disabled && onItemClick(item)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n                if (!item.disabled) onItemClick(item)\n              }\n            }}\n          >\n            {isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">\n                {item.checked && (\n                  <>\n                    {item.type === 'checkbox' && <Check className=\"w-4 h-4\" />}\n                    {item.type === 'radio' && <Circle className=\"w-4 h-4 fill-current\" />}\n                  </>\n                )}\n              </span>\n            )}\n            {item.icon && !isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>\n            )}\n            <span className=\"flex-1\">{item.label}</span>\n            {item.shortcut && (\n              <span\n                data-slot=\"shortcut\"\n                className={cn(\n                  'menubar_shortcut text-xs text-text-secondary ml-auto',\n                  classNames?.shortcut,\n                )}\n              >\n                {item.shortcut}\n              </span>\n            )}\n          </div>\n        )\n      })}\n    </>\n  )\n})\n\nMenuItems.displayName = 'MenuItems'\n\nconst Menubar = React.memo<MenubarProps>(({ menus, className, classNames, ref }) => {\n  const [activeMenu, setActiveMenu] = useState<string | null>(null)\n  const [hoverMode, setHoverMode] = useState(false)\n\n  const handleMenuClick = useCallback((menuKey: string, disabled?: boolean) => {\n    if (disabled) return\n    setActiveMenu((prev) => (prev === menuKey ? null : menuKey))\n    setHoverMode(true)\n  }, [])\n\n  const handleMenuHover = useCallback(\n    (menuKey: string, disabled?: boolean) => {\n      if (disabled) return\n      if (hoverMode && activeMenu !== null) {\n        setActiveMenu(menuKey)\n      }\n    },\n    [hoverMode, activeMenu],\n  )\n\n  const handleClose = useCallback(() => {\n    setActiveMenu(null)\n    setHoverMode(false)\n  }, [])\n\n  const handleItemClick = useCallback(\n    (item: MenubarItem) => {\n      if (item.type === 'checkbox') {\n        item.onCheckedChange?.(!item.checked)\n      } else if (item.type === 'radio') {\n        item.onCheckedChange?.(true)\n      } else {\n        item.onClick?.()\n      }\n      handleClose()\n    },\n    [handleClose],\n  )\n\n  // Keyboard navigation for switching between top-level menus\n  useEffect(() => {\n    if (!activeMenu) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const currentIndex = menus.findIndex((m) => m.key === activeMenu)\n\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        handleClose()\n      } else if (e.key === 'ArrowRight') {\n        const nextIndex = (currentIndex + 1) % menus.length\n        const nextMenu = menus[nextIndex]\n        if (nextMenu && !nextMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(nextMenu.key)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1\n        const prevMenu = menus[prevIndex]\n        if (prevMenu && !prevMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(prevMenu.key)\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [activeMenu, menus, handleClose])\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"root\"\n      className={cn(\n        'menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border',\n        className,\n        classNames?.root,\n      )}\n      role=\"menubar\"\n    >\n      {menus.map((menu) => (\n        <Popover\n          key={menu.key}\n          open={activeMenu === menu.key}\n          onOpenChange={(open) => {\n            if (open) {\n              setActiveMenu(menu.key)\n              setHoverMode(true)\n            } else {\n              handleClose()\n            }\n          }}\n        >\n          <PopoverTrigger asChild>\n            <button\n              data-slot=\"trigger\"\n              className={cn(\n                'menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors',\n                menu.disabled\n                  ? 'opacity-50 cursor-not-allowed'\n                  : 'hover:bg-surface focus:bg-surface focus:outline-none',\n                activeMenu === menu.key && 'bg-surface',\n                classNames?.trigger,\n              )}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={activeMenu === menu.key}\n              aria-disabled={menu.disabled}\n              onClick={() => handleMenuClick(menu.key, menu.disabled)}\n              onMouseEnter={() => handleMenuHover(menu.key, menu.disabled)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  handleMenuClick(menu.key, menu.disabled)\n                }\n              }}\n            >\n              {menu.label}\n            </button>\n          </PopoverTrigger>\n          <PopoverContent\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={2}\n            data-slot=\"content\"\n            className={cn(\n              'menubar_content min-w-[200px] w-auto p-1 rounded-md',\n              classNames?.content,\n            )}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            onCloseAutoFocus={(e) => e.preventDefault()}\n            onPointerDownOutside={(e) => {\n              // Prevent Radix from closing when clicking another menu trigger\n              const target = e.target as HTMLElement\n              if (target.closest('[data-slot=\"root\"]')) {\n                e.preventDefault()\n              }\n            }}\n          >\n            <MenuItems\n              items={menu.items}\n              classNames={classNames}\n              onItemClick={handleItemClick}\n            />\n          </PopoverContent>\n        </Popover>\n      ))}\n    </div>\n  )\n})\n\nMenubar.displayName = 'Menubar'\n\nexport type * from './types'\nexport default Menubar\n"]}

package/dist/{chunk-N32VWE6V.js → chunk-RLYGJN56.js}

@@ -1,7 +1,7 @@
-import { checkboxBorderColorClasses, checkedColorClasses, textColorClasses } from './chunk-LK4EPTNG.js';
+import { checkboxBorderColorClasses, focusRingColorClasses, textColorClasses } from './chunk-LK4EPTNG.js';
 import { cn, iconSizes } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
-import { Check } from 'lucide-react';
+import { Minus, Check } from 'lucide-react';
 import React, { useState, useId, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -19,7 +19,7 @@ function useMergeRefs(...refs) {
   }, []);
 }
 var checkboxVariants = cva(
-  "appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none",
+  "appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
   {
     variants: {
       color: checkboxBorderColorClasses,
@@ -52,7 +52,6 @@ var Checkbox = React.memo(
     checked,
     defaultChecked,
     ref,
-    labelClassName,
     classNames,
     ...props
   }) => {
@@ -66,21 +65,23 @@ var Checkbox = React.memo(
     const mergedRef = useMergeRefs(ref, internalRef);
     const isControlled = checked !== void 0;
     const currentChecked = isControlled ? checked : internalChecked;
+    const onChangeRef = React.useRef(props.onChange);
+    onChangeRef.current = props.onChange;
     const onChange = useCallback(
       (event) => {
         if (!isControlled) {
           setInternalChecked(event.target.checked);
         }
-        props.onChange?.(event);
+        onChangeRef.current?.(event);
       },
-      [isControlled, props.onChange]
+      [isControlled]
     );
     useEffect(() => {
       if (internalRef.current) {
         internalRef.current.indeterminate = indeterminate;
       }
     }, [indeterminate]);
-    const checkboxElement = /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", children: [
+    const checkboxElement = /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", "data-slot": "wrapper", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -89,6 +90,7 @@ var Checkbox = React.memo(
           className: cn(
             "checkbox_checkbox",
             checkboxVariants({ color, size, error: !!error }),
+            focusRingColorClasses[color],
             className,
             classNames?.checkbox
           ),
@@ -97,10 +99,11 @@ var Checkbox = React.memo(
           "aria-describedby": hasHelperText ? helperId : void 0,
           ...props,
           onChange,
-          checked: currentChecked
+          checked: currentChecked,
+          "data-slot": "checkbox"
         }
       ),
-      currentChecked && /* @__PURE__ */ jsx(
+      (currentChecked || indeterminate) && /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
@@ -108,65 +111,66 @@ var Checkbox = React.memo(
             "absolute inset-0 flex items-center justify-center pointer-events-none",
             classNames?.indicator
           ),
-          children: indeterminate ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "w-[70%] h-[70%] rounded-xs border-2 border-background flex items-center justify-center",
-                checkedColorClasses[color]
-              )
-            }
-          ) : /* @__PURE__ */ jsx(Check, { className: cn(iconSizes[size], textColorClasses[color]) })
+          "data-slot": "indicator",
+          children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: cn(iconSizes[size], textColorClasses[color]), strokeWidth: 3 }) : /* @__PURE__ */ jsx(Check, { className: cn(iconSizes[size], textColorClasses[color]) })
         }
       )
     ] });
     if (!label && !helperText && !error) return checkboxElement;
-    return /* @__PURE__ */ jsxs("div", { className: cn("checkbox_root", "w-full", classNames?.root), children: [
-      /* @__PURE__ */ jsxs(
-        "label",
-        {
-          className: cn(
-            "flex items-center gap-2",
-            !props.disabled && "cursor-pointer"
-          ),
-          children: [
-            checkboxElement,
-            label && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "checkbox_label",
-                  "text-sm text-text-primary select-none",
-                  error && "text-error",
-                  props.disabled && "opacity-50",
-                  labelClassName,
-                  classNames?.label
-                ),
-                children: label
-              }
-            )
-          ]
-        }
-      ),
-      (helperText || error) && /* @__PURE__ */ jsx(
-        "p",
-        {
-          id: helperId,
-          className: cn(
-            "checkbox_description",
-            "mt-1 ml-0 text-xs",
-            error ? "text-error" : "text-text-secondary",
-            classNames?.description
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("checkbox_root", "w-full", classNames?.root),
+        "data-slot": "root",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                !props.disabled && "cursor-pointer"
+              ),
+              children: [
+                checkboxElement,
+                label && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "checkbox_label",
+                      "text-sm text-text-primary select-none",
+                      error && "text-error",
+                      props.disabled && "opacity-50",
+                      classNames?.label
+                    ),
+                    "data-slot": "label",
+                    children: label
+                  }
+                )
+              ]
+            }
           ),
-          children: typeof error === "string" ? error : helperText
-        }
-      )
-    ] });
+          (helperText || error) && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: helperId,
+              className: cn(
+                "checkbox_description",
+                "mt-1 ml-0 text-xs",
+                error ? "text-error" : "text-text-secondary",
+                classNames?.description
+              ),
+              "data-slot": "description",
+              children: typeof error === "string" ? error : helperText
+            }
+          )
+        ]
+      }
+    );
   }
 );
 Checkbox.displayName = "Checkbox";
 var checkbox_default = Checkbox;
 
 export { checkbox_default };
-//# sourceMappingURL=chunk-N32VWE6V.js.map
-//# sourceMappingURL=chunk-N32VWE6V.js.map
+//# sourceMappingURL=chunk-RLYGJN56.js.map
+//# sourceMappingURL=chunk-RLYGJN56.js.map

package/dist/chunk-RLYGJN56.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox/index.tsx"],"names":[],"mappings":"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","file":"chunk-RLYGJN56.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Check, Minus } from \"lucide-react\";\nimport React, { useState, useCallback, useEffect, useId } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport {\n  checkboxBorderColorClasses,\n  focusRingColorClasses,\n  textColorClasses,\n} from \"../variants\";\nimport type { CheckboxProps } from \"./types\";\n\n/**\n * Merges multiple refs into a single callback ref.\n * Handles both callback refs and RefObject refs safely.\n */\nfunction useMergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  // Store refs in a ref to avoid dependency array issues\n  const refsRef = React.useRef(refs);\n  refsRef.current = refs;\n\n  return useCallback((instance: T | null) => {\n    refsRef.current.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(instance);\n      } else if (ref && typeof ref === \"object\") {\n        (ref as React.MutableRefObject<T | null>).current = instance;\n      }\n    });\n  }, []);\n}\n\nconst checkboxVariants = cva(\n  \"appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      color: checkboxBorderColorClasses,\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 Checkbox = React.memo<CheckboxProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    indeterminate = false,\n    className,\n    checked,\n    defaultChecked,\n    ref,\n    classNames,\n    ...props\n  }) => {\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    );\n    const internalRef = React.useRef<HTMLInputElement>(null);\n\n    // Generate unique ID for accessibility\n    const uniqueId = useId();\n    const helperId = `checkbox-helper-${uniqueId}`;\n    const hasHelperText = !!(helperText || error);\n\n    // Safely merge refs - handles both callback refs and RefObject refs\n    const mergedRef = useMergeRefs(ref, internalRef);\n\n    // Determine if controlled\n    const isControlled = checked !== undefined;\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const onChangeRef = React.useRef(props.onChange);\n    onChangeRef.current = props.onChange;\n\n    const onChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalChecked(event.target.checked);\n        }\n        onChangeRef.current?.(event);\n      },\n      [isControlled],\n    );\n\n    useEffect(() => {\n      if (internalRef.current) {\n        internalRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const checkboxElement = (\n      <div className=\"relative inline-flex\" data-slot=\"wrapper\">\n        <input\n          ref={mergedRef}\n          type=\"checkbox\"\n          className={cn(\n            \"checkbox_checkbox\",\n            checkboxVariants({ color, size, error: !!error }),\n            focusRingColorClasses[color],\n            className,\n            classNames?.checkbox,\n          )}\n          aria-checked={indeterminate ? \"mixed\" : currentChecked}\n          aria-invalid={!!error || undefined}\n          aria-describedby={hasHelperText ? helperId : undefined}\n          {...props}\n          onChange={onChange}\n          checked={currentChecked}\n          data-slot=\"checkbox\"\n        />\n        {(currentChecked || indeterminate) && (\n          <div\n            className={cn(\n              \"checkbox_indicator\",\n              \"absolute inset-0 flex items-center justify-center pointer-events-none\",\n              classNames?.indicator,\n            )}\n            data-slot=\"indicator\"\n          >\n            {indeterminate ? (\n              <Minus className={cn(iconSizes[size], textColorClasses[color])} strokeWidth={3} />\n            ) : (\n              <Check className={cn(iconSizes[size], textColorClasses[color])} />\n            )}\n          </div>\n        )}\n      </div>\n    );\n\n    if (!label && !helperText && !error) return checkboxElement;\n\n    return (\n      <div\n        className={cn(\"checkbox_root\", \"w-full\", classNames?.root)}\n        data-slot=\"root\"\n      >\n        <label\n          className={cn(\n            \"flex items-center gap-2\",\n            !props.disabled && \"cursor-pointer\",\n          )}\n        >\n          {checkboxElement}\n          {label && (\n            <span\n              className={cn(\n                \"checkbox_label\",\n                \"text-sm text-text-primary select-none\",\n                error && \"text-error\",\n                props.disabled && \"opacity-50\",\n                classNames?.label,\n              )}\n              data-slot=\"label\"\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"checkbox_description\",\n              \"mt-1 ml-0 text-xs\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              classNames?.description,\n            )}\n            data-slot=\"description\"\n          >\n            {typeof error === \"string\" ? error : helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport type * from \"./types\";\nexport default Checkbox;\n"]}

package/dist/{chunk-X5SCI7KH.js → chunk-RZVEKAFR.js}

@@ -381,10 +381,22 @@ var Pagination = React.memo(
                 disabled,
                 onKeyDown: (e) => {
                   if (e.key === "Enter") {
-                    const value = parseInt(e.target.value);
-                    if (value >= 1 && value <= totalPages) {
-                      handlePageChange(value);
-                      e.target.value = "";
+                    const inputEl = e.target;
+                    const value = parseInt(inputEl.value);
+                    if (!isNaN(value)) {
+                      const clampedValue = Math.max(1, Math.min(totalPages, value));
+                      handlePageChange(clampedValue);
+                      inputEl.value = "";
+                    }
+                  }
+                },
+                onBlur: (e) => {
+                  const inputEl = e.target;
+                  const value = parseInt(inputEl.value);
+                  if (!isNaN(value) && inputEl.value !== "") {
+                    const clampedValue = Math.max(1, Math.min(totalPages, value));
+                    if (clampedValue !== value) {
+                      inputEl.value = String(clampedValue);
                     }
                   }
                 },
@@ -405,5 +417,5 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 export { pagination_default };
-//# sourceMappingURL=chunk-X5SCI7KH.js.map
-//# sourceMappingURL=chunk-X5SCI7KH.js.map
+//# sourceMappingURL=chunk-RZVEKAFR.js.map
+//# sourceMappingURL=chunk-RZVEKAFR.js.map