@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-O3V3BTIJ.js → chunk-Z3DIBMBQ.js}

@@ -1,30 +1,12 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { useRef, useMemo, useCallback, useEffect, useState } from 'react';
 import { ChevronRight } from 'lucide-react';
-import { useRef, useState, useCallback, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var contextMenuHoverColorClasses = {
-  default: "hover:bg-surface focus:bg-surface",
-  primary: "hover:bg-primary/10 hover:text-primary focus:bg-primary/10 focus:text-primary",
-  secondary: "hover:bg-secondary/10 hover:text-secondary focus:bg-secondary/10 focus:text-secondary",
-  accent: "hover:bg-accent/10 hover:text-accent focus:bg-accent/10 focus:text-accent",
-  success: "hover:bg-success/10 hover:text-success focus:bg-success/10 focus:text-success",
-  error: "hover:bg-error/10 hover:text-error focus:bg-error/10 focus:text-error",
-  warning: "hover:bg-warning/10 hover:text-warning focus:bg-warning/10 focus:text-warning",
-  info: "hover:bg-info/10 hover:text-info focus:bg-info/10 focus:text-info"
-};
-var contextMenuFocusedColorClasses = {
-  default: "bg-surface",
-  primary: "bg-primary/10 text-primary",
-  secondary: "bg-secondary/10 text-secondary",
-  accent: "bg-accent/10 text-accent",
-  success: "bg-success/10 text-success",
-  error: "bg-error/10 text-error",
-  warning: "bg-warning/10 text-warning",
-  info: "bg-info/10 text-info"
-};
 var ContextMenuItemDiv = ({ children, disabled, className, ...props }) => {
   const { ripples, onPointerDown, onAnimationEnd } = useRipple(!disabled);
   return /* @__PURE__ */ jsxs("div", { className: cn(className, "relative overflow-hidden"), onPointerDown, ...props, children: [
@@ -32,7 +14,7 @@ var ContextMenuItemDiv = ({ children, disabled, className, ...props }) => {
     /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
   ] });
 };
-var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default" }) => {
+var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default", openDelay = 200, closeDelay = 300 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const hoverTimeoutRef = useRef(void 0);
   const leaveTimeoutRef = useRef(void 0);
@@ -43,16 +25,16 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default"
     }
     hoverTimeoutRef.current = setTimeout(() => {
       setIsOpen(true);
-    }, 200);
-  }, [item.disabled]);
+    }, openDelay);
+  }, [item.disabled, openDelay]);
   const handleMouseLeave = useCallback(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
     }
     leaveTimeoutRef.current = setTimeout(() => {
       setIsOpen(false);
-    }, 300);
-  }, []);
+    }, closeDelay);
+  }, [closeDelay]);
   const handleClick = useCallback(
     (e) => {
       if (!item.disabled && !item.children) {
@@ -92,7 +74,7 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default"
             disabled: !!item.disabled,
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
+              item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-slot-10 hover:text-slot focus-visible:bg-slot-10 focus-visible:text-slot focus-visible:outline-none",
               classNames?.item
             ),
             onClick: handleClick,
@@ -159,74 +141,56 @@ var ContextMenuContent = ({
   className,
   classNames,
   style,
-  setKeyUpHandlers,
   color = "default",
+  submenuOpenDelay,
+  submenuCloseDelay,
   ...props
 }) => {
   const menuRef = useRef(null);
-  const [focusedIndex, setFocusedIndex] = useState(0);
-  const validItems = items.filter((item) => !item.separator && !item.disabled);
-  const validItemsRef = useRef(validItems);
-  const onCloseRef = useRef(onClose);
-  validItemsRef.current = validItems;
-  onCloseRef.current = onClose;
-  const keyHandlers = useCallback(() => ({
-    ArrowDown: () => {
-      setFocusedIndex((prev) => {
-        const nextIndex = prev + 1;
-        return nextIndex >= validItemsRef.current.length ? 0 : nextIndex;
-      });
-    },
-    ArrowUp: () => {
-      setFocusedIndex((prev) => {
-        const nextIndex = prev - 1;
-        return nextIndex < 0 ? validItemsRef.current.length - 1 : nextIndex;
-      });
-    },
-    Enter: () => {
-      setFocusedIndex((currentIndex) => {
-        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {
-          const item = validItemsRef.current[currentIndex];
-          if (!item?.disabled && !item?.children) {
-            item?.onClick?.();
-            onCloseRef.current();
-          }
-        }
-        return currentIndex;
-      });
-    },
-    " ": () => {
-      setFocusedIndex((currentIndex) => {
-        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {
-          const item = validItemsRef.current[currentIndex];
-          if (!item?.disabled && !item?.children) {
-            item?.onClick?.();
-            onCloseRef.current();
-          }
-        }
-        return currentIndex;
-      });
-    },
-    Escape: () => {
-      onCloseRef.current();
-    },
-    ArrowLeft: () => {
-      if (level > 0) {
-        onCloseRef.current();
+  const enabledIndices = useMemo(
+    () => items.map((item, i) => !item.separator && !item.disabled ? i : -1).filter((i) => i !== -1),
+    [items]
+  );
+  const onMenuSelect = useCallback(
+    (index) => {
+      const item = items[index];
+      if (item && !item.children) {
+        item.onClick?.();
+        onClose();
       }
-    }
-  }), [level]);
+    },
+    [items, onClose]
+  );
+  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
+    enabledIndices,
+    isOpen: true,
+    onClose,
+    onSelect: onMenuSelect
+  });
   useEffect(() => {
-    if (setKeyUpHandlers) {
-      setKeyUpHandlers(keyHandlers());
-    }
-  }, [setKeyUpHandlers, keyHandlers]);
+    highlightFirst();
+  }, [highlightFirst]);
+  useEffect(() => {
+    const listener = (e) => {
+      if (e.key === "ArrowLeft" && level > 0) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        onClose();
+        return;
+      }
+      handleKeyDown(e);
+      e.stopImmediatePropagation();
+    };
+    document.addEventListener("keydown", listener);
+    return () => document.removeEventListener("keydown", listener);
+  }, [handleKeyDown, level, onClose]);
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: menuRef,
       className: cn(
         "contextMenu_content min-w-[180px] rounded-md border border-border bg-background shadow-lg py-1",
+        colorVars[color],
         level === 0 && "animate-in fade-in-0 zoom-in-95",
         className,
         classNames?.content
@@ -253,18 +217,17 @@ var ContextMenuContent = ({
           );
         }
         if (item.children) {
-          return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames, color }, item.key);
+          return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames, color, openDelay: submenuOpenDelay, closeDelay: submenuCloseDelay }, item.key);
         }
-        const validItemIndex = validItems.findIndex((vi) => vi.key === item.key);
-        const isFocused = validItemIndex === focusedIndex;
+        const isFocused = highlightedIndex === index;
         return /* @__PURE__ */ jsxs(
           ContextMenuItemDiv,
           {
             disabled: !!item.disabled,
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
-              isFocused && !item.disabled && contextMenuFocusedColorClasses[color],
+              item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-slot-10 hover:text-slot focus-visible:bg-slot-10 focus-visible:text-slot focus-visible:outline-none",
+              isFocused && !item.disabled && "bg-slot-10 text-slot",
               classNames?.item
             ),
             onClick: () => {
@@ -320,10 +283,11 @@ var ContextMenu = ({
   disabled = false,
   onOpenChange,
   open: controlledOpen,
-  color = "default"
+  color = "default",
+  submenuOpenDelay,
+  submenuCloseDelay
 }) => {
   const [internalOpen, setInternalOpen] = useState(false);
-  const [keyUpHandlers, setKeyUpHandlers] = useState({});
   const [position, setPosition] = useState(null);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
@@ -359,19 +323,8 @@ var ContextMenu = ({
   );
   const handleClose = useCallback(() => {
     setOpen(false);
+    setPosition(null);
   }, [setOpen]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = (e) => {
-      const handler = keyUpHandlers[e.key];
-      if (handler) {
-        e.preventDefault();
-        handler();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, keyUpHandlers]);
   return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: setOpen, children: [
     position && /* @__PURE__ */ jsx(
       PopoverPrimitive.Anchor,
@@ -406,7 +359,7 @@ var ContextMenu = ({
         onPointerDownOutside: handleClose,
         onInteractOutside: handleClose,
         className: "z-[var(--z-popover)]",
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { setKeyUpHandlers, items, onClose: handleClose, classNames, color })
+        children: /* @__PURE__ */ jsx(ContextMenuContent, { items, onClose: handleClose, classNames, color, submenuOpenDelay, submenuCloseDelay })
       }
     ) })
   ] });
@@ -415,5 +368,5 @@ ContextMenu.displayName = "ContextMenu";
 var context_menu_default = ContextMenu;
 
 export { ContextMenu, ContextMenuContent, context_menu_default };
-//# sourceMappingURL=chunk-O3V3BTIJ.js.map
-//# sourceMappingURL=chunk-O3V3BTIJ.js.map
+//# sourceMappingURL=chunk-Z3DIBMBQ.js.map
+//# sourceMappingURL=chunk-Z3DIBMBQ.js.map

package/dist/chunk-Z3DIBMBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-Z3DIBMBQ.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ChevronRight } from 'lucide-react';\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple';\nimport { useMenuNavigation } from '../hooks/useMenuNavigation';\nimport { cn } from '../utils';\nimport { colorVars } from '../variants';\nimport type { ContextMenuContentProps, ContextMenuProps, ContextMenuSubMenuProps } from './types';\n\nconst ContextMenuItemDiv: React.FC<React.HTMLAttributes<HTMLDivElement> & { children: React.ReactNode; disabled?: boolean }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <div className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </div>\n  )\n}\n\n/**\n * Submenu component based on Popover\n */\nconst ContextMenuSubMenu = ({ item, onClose, level, classNames, color = 'default', openDelay = 200, closeDelay = 300 }: ContextMenuSubMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const leaveTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleMouseEnter = useCallback(() => {\n    if (item.disabled) return;\n\n    if (leaveTimeoutRef.current) {\n      clearTimeout(leaveTimeoutRef.current);\n    }\n\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true);\n    }, openDelay);\n  }, [item.disabled, openDelay]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current);\n    }\n\n    leaveTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, closeDelay);\n  }, [closeDelay]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!item.disabled && !item.children) {\n        e.stopPropagation();\n        item.onClick?.();\n        onClose();\n      }\n    },\n    [item, onClose]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current);\n      }\n      if (leaveTimeoutRef.current) {\n        clearTimeout(leaveTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setIsOpen}>\n      <PopoverPrimitive.Trigger asChild>\n        <div\n          className='relative'\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          role='menuitem'\n          aria-haspopup='true'\n          aria-expanded={isOpen}\n          aria-disabled={item.disabled}\n          tabIndex={-1}\n          data-slot='submenu-trigger'\n        >\n          <ContextMenuItemDiv\n            disabled={!!item.disabled}\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-slot-10 hover:text-slot focus-visible:bg-slot-10 focus-visible:text-slot focus-visible:outline-none',\n              classNames?.item,\n            )}\n            onClick={handleClick}\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.children && <ChevronRight className='w-4 h-4 text-text-secondary shrink-0' />}\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0'>{item.shortcut}</span>}\n          </ContextMenuItemDiv>\n        </div>\n      </PopoverPrimitive.Trigger>\n\n      {item.children && (\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            side='right'\n            align='start'\n            sideOffset={8}\n            alignOffset={-8}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            className={cn(\n              'data-[state=open]:animate-in data-[state=closed]:animate-out',\n              'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n              'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2',\n              'data-[side=left]:slide-in-from-right-2',\n              'data-[side=right]:slide-in-from-left-2',\n              'data-[side=top]:slide-in-from-bottom-2',\n              'z-[var(--z-popover)]',\n              classNames?.submenu,\n            )}\n          >\n            <ContextMenuContent items={item.children} onClose={onClose} level={level + 1} classNames={classNames} color={color} />\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenuSubMenu.displayName = 'ContextMenuSubMenu';\n\n/**\n * Context menu content component\n */\nconst ContextMenuContent = ({\n  items,\n  onClose,\n  level = 0,\n  className,\n  classNames,\n  style,\n  color = 'default',\n  submenuOpenDelay,\n  submenuCloseDelay,\n  ...props\n}: ContextMenuContentProps) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const enabledIndices = useMemo(\n    () =>\n      items\n        .map((item, i) => (!item.separator && !item.disabled) ? i : -1)\n        .filter((i) => i !== -1),\n    [items],\n  );\n\n  const onMenuSelect = useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (item && !item.children) {\n        item.onClick?.()\n        onClose()\n      }\n    },\n    [items, onClose],\n  );\n\n  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({\n    enabledIndices,\n    isOpen: true,\n    onClose,\n    onSelect: onMenuSelect,\n  });\n\n  // Highlight first item on mount\n  useEffect(() => {\n    highlightFirst()\n  }, [highlightFirst])\n\n  // Document-level keyboard listener (menu is in a portal, no focus bubbling)\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === 'ArrowLeft' && level > 0) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        onClose()\n        return\n      }\n      handleKeyDown(e)\n      e.stopImmediatePropagation()\n    }\n    document.addEventListener('keydown', listener)\n    return () => document.removeEventListener('keydown', listener)\n  }, [handleKeyDown, level, onClose])\n\n  return (\n    <div\n      ref={menuRef}\n      className={cn(\n        'contextMenu_content min-w-[180px] rounded-md border border-border bg-background shadow-lg py-1',\n        colorVars[color],\n        level === 0 && 'animate-in fade-in-0 zoom-in-95',\n        className,\n        classNames?.content,\n      )}\n      style={style}\n      role='menu'\n      aria-orientation='vertical'\n      tabIndex={-1}\n      {...props}\n    >\n      {items.map((item, index) => {\n        if (item.separator) {\n          return (\n            <div\n              key={`separator-${index}`}\n              className={cn(\n                'contextMenu_divider h-px bg-border my-1',\n                classNames?.divider,\n              )}\n              role='separator'\n              aria-orientation='horizontal'\n              data-slot='separator'\n            />\n          );\n        }\n\n        if (item.children) {\n          return <ContextMenuSubMenu key={item.key} item={item} onClose={onClose} level={level} classNames={classNames} color={color} openDelay={submenuOpenDelay} closeDelay={submenuCloseDelay} />;\n        }\n\n        const isFocused = highlightedIndex === index;\n\n        return (\n          <ContextMenuItemDiv\n            key={item.key}\n            disabled={!!item.disabled}\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 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-slot-10 hover:text-slot focus-visible:bg-slot-10 focus-visible:text-slot focus-visible:outline-none',\n              isFocused && !item.disabled && 'bg-slot-10 text-slot',\n              classNames?.item,\n            )}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick?.();\n                onClose();\n              }\n            }}\n            role='menuitem'\n            tabIndex={-1}\n            aria-disabled={item.disabled}\n            data-slot='item'\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                  data-slot='item-icon'\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n                data-slot='item-label'\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0' data-slot='shortcut'>{item.shortcut}</span>}\n          </ContextMenuItemDiv>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * ContextMenu component based on Popover\n */\nconst ContextMenu = ({\n  children,\n  items,\n  className,\n  classNames,\n  disabled = false,\n  onOpenChange,\n  open: controlledOpen,\n  color = 'default',\n  submenuOpenDelay,\n  submenuCloseDelay,\n}: ContextMenuProps) => {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [position, setPosition] = useState<DOMRect | null>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(open);\n      }\n      onOpenChange?.(open);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setPosition({\n        width: 0,\n        height: 0,\n        x: e.clientX,\n        y: e.clientY,\n        top: e.clientY,\n        left: e.clientX,\n        right: e.clientX,\n        bottom: e.clientY,\n        toJSON: () => {},\n      } as DOMRect);\n\n      setOpen(true);\n    },\n    [disabled, setOpen]\n  );\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setPosition(null);\n  }, [setOpen]);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setOpen}>\n      {position && (\n        <PopoverPrimitive.Anchor\n          virtualRef={{\n            current: {\n              getBoundingClientRect: () => position,\n            },\n          }}\n        />\n      )}\n      <div\n        onContextMenu={handleContextMenu}\n        className={cn('contextMenu_root inline-block', className, classNames?.root)}\n        role='presentation'\n        data-slot='root'\n      >\n        {children}\n      </div>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side='bottom'\n          align='start'\n          sideOffset={0}\n          alignOffset={0}\n          onOpenAutoFocus={(e: Event) => e.preventDefault()}\n          onCloseAutoFocus={(e: Event) => e.preventDefault()}\n          onEscapeKeyDown={handleClose}\n          onPointerDownOutside={handleClose}\n          onInteractOutside={handleClose}\n          className='z-[var(--z-popover)]'\n        >\n          <ContextMenuContent items={items} onClose={handleClose} classNames={classNames} color={color} submenuOpenDelay={submenuOpenDelay} submenuCloseDelay={submenuCloseDelay} />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenu.displayName = 'ContextMenu';\n\nexport type * from './types';\nexport { ContextMenu, ContextMenuContent };\nexport default ContextMenu;\n"]}

package/dist/clipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clipboard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAgE9C,QAAA,MAAM,SAAS,4CAoHd,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clipboard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiE9C,QAAA,MAAM,SAAS,4CAuHd,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,SAAS,CAAC"}

package/dist/clipboard/index.js

@@ -1,6 +1,6 @@
-export { clipboard_default as default } from '../chunk-3PWILVOE.js';
-import '../chunk-OFUPJH35.js';
-import '../chunk-POXI7JJ4.js';
-import '../chunk-NGYLRX6F.js';
+export { clipboard_default as default } from '../chunk-J2WIZULN.js';
+import '../chunk-4TEZWGX7.js';
+import '../chunk-G6QIIWKU.js';
+import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/clipboard/types.d.ts

@@ -1,40 +1,19 @@
-import type { ComponentColor } from '../types';
+import type { ComponentColor, ComponentSize } from '../types';
 export type ClipboardVariant = 'default' | 'solid' | 'soft';
-export type ClipboardSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ClipboardSize = ComponentSize;
 export interface ClipboardClassNames {
-    /**
-     * Class for root container
-     */
     root?: string;
-    /**
-     * Class for input display element
-     */
     input?: string;
-    /**
-     * Class for copy button/icon
-     */
     button?: string;
 }
 export interface ClipboardProps {
-    /**
-     * Text value to copy to clipboard
-     */
     value: string;
-    /**
-     * Theme color
-     */
     color?: ComponentColor;
     /**
      * Size variant (clipboard only supports xs, sm, md, lg)
      */
     size?: ClipboardSize;
-    /**
-     * Visual style variant
-     */
     variant?: ClipboardVariant;
-    /**
-     * Whether to show the value text
-     */
     showValue?: boolean;
     /**
      * Duration to show success icon (in milliseconds)
@@ -45,21 +24,9 @@ export interface ClipboardProps {
      * @default false
      */
     disabled?: boolean;
-    /**
-     * Callback when text is copied
-     */
     onCopy?: () => void;
-    /**
-     * Additional CSS class
-     */
     className?: string;
-    /**
-     * Custom classes for different parts of the clipboard
-     */
     classNames?: ClipboardClassNames;
-    /**
-     * Reference to the element
-     */
     ref?: React.Ref<HTMLDivElement>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/clipboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/clipboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAEhC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/clipboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}

package/dist/collapse/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapse/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA6I5C,QAAA,MAAM,QAAQ,2CAiGb,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapse/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAQnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAqD5C,QAAA,MAAM,QAAQ,2CA+Ib,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}

package/dist/collapse/index.js

@@ -1,5 +1,6 @@
-export { collapse_default as default } from '../chunk-BPRCBPVJ.js';
-import '../chunk-POXI7JJ4.js';
-import '../chunk-NGYLRX6F.js';
+export { collapse_default as default } from '../chunk-OJAHIPPP.js';
+import '../chunk-PQOIW5CM.js';
+import '../chunk-G6QIIWKU.js';
+import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/collapse/types.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentColor } from '../types';
+import type { ComponentColor, ComponentSize } from '../types';
 export type CollapseVariant = 'default' | 'solid' | 'soft';
-export type CollapseSize = 'xs' | 'sm' | 'md' | 'lg';
+export type CollapseSize = ComponentSize;
 export interface CollapseClassNames {
     root?: string;
     header?: string;
@@ -8,53 +8,20 @@ export interface CollapseClassNames {
     icon?: string;
 }
 export interface CollapseProps {
-    /**
-     * Title displayed in the header
-     */
     title: React.ReactNode;
-    /**
-     * Content to display when expanded
-     */
     children: React.ReactNode;
-    /**
-     * Theme color
-     */
     color?: ComponentColor;
     /**
      * Size variant (collapse only supports xs, sm, md, lg)
      */
     size?: CollapseSize;
-    /**
-     * Visual style variant
-     */
     variant?: CollapseVariant;
-    /**
-     * Default open state (uncontrolled)
-     */
     defaultOpen?: boolean;
-    /**
-     * Controlled open state
-     */
     open?: boolean;
-    /**
-     * Callback when open state changes
-     */
     onChange?: (open: boolean) => void;
-    /**
-     * Whether collapse is disabled
-     */
     disabled?: boolean;
-    /**
-     * Additional CSS class
-     */
     className?: string;
-    /**
-     * Custom class names for different parts of the collapse
-     */
     classNames?: CollapseClassNames;
-    /**
-     * Reference to the element
-     */
     ref?: React.Ref<HTMLDivElement>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/collapse/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAE/B;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AAExC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}

package/dist/color-picker/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ColorPickerProps, ColorInputProps } from './types';
+declare const ColorPicker: React.NamedExoticComponent<ColorPickerProps>;
+declare const ColorInput: React.NamedExoticComponent<ColorInputProps>;
+export type * from './types';
+export { ColorPicker, ColorInput };
+export default ColorPicker;
+//# sourceMappingURL=index.d.ts.map

package/dist/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAoKhE,QAAA,MAAM,WAAW,8CAwIhB,CAAA;AAKD,QAAA,MAAM,UAAU,6CA8Df,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA;AAClC,eAAe,WAAW,CAAA"}

package/dist/color-picker/types.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentSize } from '../types';
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+export interface ColorPickerClassNames {
+    root?: string;
+    saturation?: string;
+    hueSlider?: string;
+    alphaSlider?: string;
+    input?: string;
+    swatches?: string;
+    swatch?: string;
+    preview?: string;
+}
+export interface ColorPickerProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (color: string) => void;
+    format?: ColorFormat;
+    showAlpha?: boolean;
+    swatches?: string[];
+    size?: ComponentSize;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    classNames?: ColorPickerClassNames;
+}
+export interface ColorInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (color: string) => void;
+    format?: ColorFormat;
+    showAlpha?: boolean;
+    swatches?: string[];
+    size?: ComponentSize;
+    disabled?: boolean;
+    label?: string;
+    placeholder?: string;
+    clearable?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    classNames?: ColorPickerClassNames;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/color-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/color-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,qBAAqB,CAAA;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,qBAAqB,CAAA;CACnC"}