@mdigital_ui/ui 0.4.7 → 0.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAmCzC,QAAA,MAAM,KAAK,wCA6FV,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA4BzC,QAAA,MAAM,KAAK,wCA2FV,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,KAAK,CAAA"}

package/dist/alert/index.js

@@ -1,4 +1,4 @@
-export { alert_default as default } from '../chunk-C65SCJD6.js';
+export { alert_default as default } from '../chunk-SK6YMTMA.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA0CpE,QAAA,MAAM,YAAY,+CAqQjB,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA0CpE,QAAA,MAAM,YAAY,+CAkQjB,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,YAAY,CAAA"}

package/dist/autocomplete/index.js

@@ -1,5 +1,6 @@
-export { autocomplete_default as default } from '../chunk-JWYBDNC6.js';
-import '../chunk-ROQGBDET.js';
+export { autocomplete_default as default } from '../chunk-KTK7LSKX.js';
+import '../chunk-CB7YOZWV.js';
+import '../chunk-6XXAZ6P2.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AAiGzE,QAAA,MAAM,MAAM,yCA6HX,CAAC;AAIF,QAAA,MAAM,WAAW,8CA+EhB,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AAyFzE,QAAA,MAAM,MAAM,yCA6HX,CAAC;AAIF,QAAA,MAAM,WAAW,8CA+EhB,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/B,eAAe,MAAM,CAAC"}

package/dist/avatar/index.js

@@ -1,4 +1,4 @@
-export { Avatar, AvatarGroup, avatar_default as default } from '../chunk-HSMO2BR4.js';
+export { Avatar, AvatarGroup, avatar_default as default } from '../chunk-VNB7ZHCZ.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js

@@ -1,8 +1,8 @@
-export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbs_default as default } from '../chunk-6ROGWFQ2.js';
-import '../chunk-6NXZWLSM.js';
+export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbs_default as default } from '../chunk-NKLKTAUP.js';
+import '../chunk-S4BF3Z6O.js';
 import '../chunk-NZHKNUGE.js';
-import '../chunk-4TEZWGX7.js';
-import '../chunk-ROQGBDET.js';
+import '../chunk-64OCJYSH.js';
+import '../chunk-6XXAZ6P2.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

package/dist/button/index.js

@@ -1,6 +1,6 @@
-export { buttonVariants, button_default as default } from '../chunk-SJLH5ZDW.js';
+export { buttonVariants, button_default as default } from '../chunk-4QLYRAW2.js';
 import '../chunk-RRPMZYVN.js';
-import '../chunk-4TEZWGX7.js';
+import '../chunk-64OCJYSH.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8F5C,QAAA,MAAM,QAAQ,2CAuKb,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8F5C,QAAA,MAAM,QAAQ,2CA2Kb,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}

package/dist/calendar/index.js

@@ -1,4 +1,5 @@
-export { calendar_default as default } from '../chunk-5YEC6FDN.js';
+export { calendar_default as default } from '../chunk-6CMHCCDO.js';
+import '../chunk-CB7YOZWV.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascader/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAkB,aAAa,EAAgB,MAAM,SAAS,CAAC;AAiC3E,QAAA,MAAM,QAAQ,2CAsXb,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascader/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAkB,aAAa,EAAgB,MAAM,SAAS,CAAC;AAiC3E,QAAA,MAAM,QAAQ,2CAkXb,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,QAAQ,CAAC"}

package/dist/cascader/index.js

@@ -1,4 +1,4 @@
-export { cascader_default as default } from '../chunk-LWYZCSX4.js';
+export { cascader_default as default } from '../chunk-UBJK5623.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA0C7C,QAAA,MAAM,QAAQ,2CAuIb,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyD7C,QAAA,MAAM,QAAQ,2CAuIb,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,QAAQ,CAAC"}

package/dist/checkbox/index.js

@@ -1,4 +1,4 @@
-export { checkbox_default as default } from '../chunk-A4MYCEGM.js';
+export { checkbox_default as default } from '../chunk-UHHCUCEE.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

package/dist/checkbox/types.d.ts

@@ -1,6 +1,7 @@
 import type { ButtonColor, ComponentSize } from '../types';
 export type CheckboxColor = ButtonColor;
 export type CheckboxSize = ComponentSize;
+export type CheckboxVariant = 'solid' | 'outline' | 'soft';
 export interface CheckboxClassNames {
     root?: string;
     checkbox?: string;
@@ -9,6 +10,7 @@ export interface CheckboxClassNames {
     description?: string;
 }
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    variant?: CheckboxVariant;
     color?: CheckboxColor;
     size?: CheckboxSize;
     label?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAEvC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AAExC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAEvC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AAExC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAE1D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC"}

package/dist/{chunk-Z3DIBMBQ.js → chunk-3K4GIXFA.js}

@@ -1,23 +1,43 @@
 import { useMenuNavigation } from './chunk-NZHKNUGE.js';
-import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { useRipple, RippleContainer } from './chunk-64OCJYSH.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 React, { useState, useCallback, useRef, useMemo, useEffect } from 'react';
 import { ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 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: [
-    children,
-    /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(className, "relative overflow-hidden"),
+      onPointerDown,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
+      ]
+    }
+  );
 };
-var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default", openDelay = 200, closeDelay = 300 }) => {
+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);
+  const hoverTimeoutRef = useRef(
+    void 0
+  );
+  const leaveTimeoutRef = useRef(
+    void 0
+  );
   const handleMouseEnter = useCallback(() => {
     if (item.disabled) return;
     if (leaveTimeoutRef.current) {
@@ -93,10 +113,7 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default",
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: cn(
-                      "contextMenu_itemLabel",
-                      classNames?.itemLabel
-                    ),
+                    className: cn("contextMenu_itemLabel", classNames?.itemLabel),
                     children: item.label
                   }
                 )
@@ -113,8 +130,8 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default",
       {
         side: "right",
         align: "start",
-        sideOffset: 8,
-        alignOffset: -8,
+        sideOffset: 4,
+        alignOffset: -4,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         className: cn(
@@ -125,10 +142,19 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default",
           "data-[side=left]:slide-in-from-right-2",
           "data-[side=right]:slide-in-from-left-2",
           "data-[side=top]:slide-in-from-bottom-2",
-          "z-[var(--z-popover)]",
+          "z-(--z-popover)",
           classNames?.submenu
         ),
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { items: item.children, onClose, level: level + 1, classNames, color })
+        children: /* @__PURE__ */ jsx(
+          ContextMenuContent,
+          {
+            items: item.children,
+            onClose,
+            level: level + 1,
+            classNames,
+            color
+          }
+        )
       }
     ) })
   ] });
@@ -161,12 +187,14 @@ var ContextMenuContent = ({
     },
     [items, onClose]
   );
-  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
-    enabledIndices,
-    isOpen: true,
-    onClose,
-    onSelect: onMenuSelect
-  });
+  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation(
+    {
+      enabledIndices,
+      isOpen: true,
+      onClose,
+      onSelect: onMenuSelect
+    }
+  );
   useEffect(() => {
     highlightFirst();
   }, [highlightFirst]);
@@ -217,7 +245,19 @@ var ContextMenuContent = ({
           );
         }
         if (item.children) {
-          return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames, color, openDelay: submenuOpenDelay, closeDelay: submenuCloseDelay }, item.key);
+          return /* @__PURE__ */ jsx(
+            ContextMenuSubMenu,
+            {
+              item,
+              onClose,
+              level,
+              classNames,
+              color,
+              openDelay: submenuOpenDelay,
+              closeDelay: submenuCloseDelay
+            },
+            item.key
+          );
         }
         const isFocused = highlightedIndex === index;
         return /* @__PURE__ */ jsxs(
@@ -256,16 +296,20 @@ var ContextMenuContent = ({
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: cn(
-                      "contextMenu_itemLabel",
-                      classNames?.itemLabel
-                    ),
+                    className: cn("contextMenu_itemLabel", classNames?.itemLabel),
                     "data-slot": "item-label",
                     children: item.label
                   }
                 )
               ] }),
-              item.shortcut && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary shrink-0", "data-slot": "shortcut", children: item.shortcut })
+              item.shortcut && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-xs text-text-secondary shrink-0",
+                  "data-slot": "shortcut",
+                  children: item.shortcut
+                }
+              )
             ]
           },
           item.key
@@ -275,98 +319,114 @@ var ContextMenuContent = ({
   );
 };
 ContextMenuContent.displayName = "ContextMenuContent";
-var ContextMenu = ({
-  children,
-  items,
-  className,
-  classNames,
-  disabled = false,
-  onOpenChange,
-  open: controlledOpen,
-  color = "default",
-  submenuOpenDelay,
-  submenuCloseDelay
-}) => {
-  const [internalOpen, setInternalOpen] = useState(false);
-  const [position, setPosition] = useState(null);
-  const isControlled = controlledOpen !== void 0;
-  const isOpen = isControlled ? controlledOpen : internalOpen;
-  const setOpen = useCallback(
-    (open) => {
-      if (!isControlled) {
-        setInternalOpen(open);
-      }
-      onOpenChange?.(open);
-    },
-    [isControlled, onOpenChange]
-  );
-  const handleContextMenu = useCallback(
-    (e) => {
-      if (disabled) return;
-      e.preventDefault();
-      e.stopPropagation();
-      setPosition({
-        width: 0,
-        height: 0,
-        x: e.clientX,
-        y: e.clientY,
-        top: e.clientY,
-        left: e.clientX,
-        right: e.clientX,
-        bottom: e.clientY,
-        toJSON: () => {
+var ContextMenu = React.memo(
+  ({
+    children,
+    items,
+    className,
+    classNames,
+    disabled = false,
+    onOpenChange,
+    open: controlledOpen,
+    color = "default",
+    submenuOpenDelay,
+    submenuCloseDelay
+  }) => {
+    const [internalOpen, setInternalOpen] = useState(false);
+    const [position, setPosition] = useState(null);
+    const isControlled = controlledOpen !== void 0;
+    const isOpen = isControlled ? controlledOpen : internalOpen;
+    const setOpen = useCallback(
+      (open) => {
+        if (!isControlled) {
+          setInternalOpen(open);
         }
-      });
-      setOpen(true);
-    },
-    [disabled, setOpen]
-  );
-  const handleClose = useCallback(() => {
-    setOpen(false);
-    setPosition(null);
-  }, [setOpen]);
-  return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: setOpen, children: [
-    position && /* @__PURE__ */ jsx(
-      PopoverPrimitive.Anchor,
-      {
-        virtualRef: {
-          current: {
-            getBoundingClientRect: () => position
+        onOpenChange?.(open);
+      },
+      [isControlled, onOpenChange]
+    );
+    const handleContextMenu = useCallback(
+      (e) => {
+        if (disabled) return;
+        e.preventDefault();
+        e.stopPropagation();
+        setPosition({
+          width: 0,
+          height: 0,
+          x: e.clientX,
+          y: e.clientY,
+          top: e.clientY,
+          left: e.clientX,
+          right: e.clientX,
+          bottom: e.clientY,
+          toJSON: () => {
+          }
+        });
+        setOpen(true);
+      },
+      [disabled, setOpen]
+    );
+    const handleClose = useCallback(() => {
+      setOpen(false);
+      setPosition(null);
+    }, [setOpen]);
+    return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: setOpen, children: [
+      position && /* @__PURE__ */ jsx(
+        PopoverPrimitive.Anchor,
+        {
+          virtualRef: {
+            current: {
+              getBoundingClientRect: () => position
+            }
           }
         }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        onContextMenu: handleContextMenu,
-        className: cn("contextMenu_root inline-block", className, classNames?.root),
-        role: "presentation",
-        "data-slot": "root",
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-      PopoverPrimitive.Content,
-      {
-        side: "bottom",
-        align: "start",
-        sideOffset: 0,
-        alignOffset: 0,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onCloseAutoFocus: (e) => e.preventDefault(),
-        onEscapeKeyDown: handleClose,
-        onPointerDownOutside: handleClose,
-        onInteractOutside: handleClose,
-        className: "z-[var(--z-popover)]",
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { items, onClose: handleClose, classNames, color, submenuOpenDelay, submenuCloseDelay })
-      }
-    ) })
-  ] });
-};
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          onContextMenu: handleContextMenu,
+          className: cn(
+            "contextMenu_root inline-block",
+            className,
+            classNames?.root
+          ),
+          role: "presentation",
+          "data-slot": "root",
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Content,
+        {
+          side: "bottom",
+          align: "start",
+          sideOffset: 0,
+          alignOffset: 0,
+          onOpenAutoFocus: (e) => e.preventDefault(),
+          onCloseAutoFocus: (e) => e.preventDefault(),
+          onEscapeKeyDown: handleClose,
+          onPointerDownOutside: handleClose,
+          onInteractOutside: handleClose,
+          className: "z-[var(--z-popover)]",
+          children: /* @__PURE__ */ jsx(
+            ContextMenuContent,
+            {
+              items,
+              onClose: handleClose,
+              classNames,
+              color,
+              submenuOpenDelay,
+              submenuCloseDelay
+            }
+          )
+        }
+      ) })
+    ] });
+  }
+);
 ContextMenu.displayName = "ContextMenu";
 var context_menu_default = ContextMenu;
 
 export { ContextMenu, ContextMenuContent, context_menu_default };
-//# sourceMappingURL=chunk-Z3DIBMBQ.js.map
-//# sourceMappingURL=chunk-Z3DIBMBQ.js.map
+//# sourceMappingURL=chunk-3K4GIXFA.js.map
+//# sourceMappingURL=chunk-3K4GIXFA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-3K4GIXFA.js","sourcesContent":["\"use client\";\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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 {\n  ContextMenuContentProps,\n  ContextMenuProps,\n  ContextMenuSubMenuProps,\n} from \"./types\";\n\nconst ContextMenuItemDiv: React.FC<\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode;\n    disabled?: boolean;\n  }\n> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onAnimationEnd } = useRipple(!disabled);\n  return (\n    <div\n      className={cn(className, \"relative overflow-hidden\")}\n      onPointerDown={onPointerDown}\n      {...props}\n    >\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </div>\n  );\n};\n\n/**\n * Submenu component based on Popover\n */\nconst ContextMenuSubMenu = ({\n  item,\n  onClose,\n  level,\n  classNames,\n  color = \"default\",\n  openDelay = 200,\n  closeDelay = 300,\n}: ContextMenuSubMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n  const leaveTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\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\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              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(\"contextMenu_itemLabel\", classNames?.itemLabel)}\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.children && (\n              <ChevronRight className=\"w-4 h-4 text-text-secondary shrink-0\" />\n            )}\n            {item.shortcut && (\n              <span className=\"text-xs text-text-secondary shrink-0\">\n                {item.shortcut}\n              </span>\n            )}\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={4}\n            alignOffset={-4}\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-(--z-popover)\",\n              classNames?.submenu,\n            )}\n          >\n            <ContextMenuContent\n              items={item.children}\n              onClose={onClose}\n              level={level + 1}\n              classNames={classNames}\n              color={color}\n            />\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    {\n      enabledIndices,\n      isOpen: true,\n      onClose,\n      onSelect: onMenuSelect,\n    },\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 (\n            <ContextMenuSubMenu\n              key={item.key}\n              item={item}\n              onClose={onClose}\n              level={level}\n              classNames={classNames}\n              color={color}\n              openDelay={submenuOpenDelay}\n              closeDelay={submenuCloseDelay}\n            />\n          );\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(\"contextMenu_itemLabel\", classNames?.itemLabel)}\n                data-slot=\"item-label\"\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.shortcut && (\n              <span\n                className=\"text-xs text-text-secondary shrink-0\"\n                data-slot=\"shortcut\"\n              >\n                {item.shortcut}\n              </span>\n            )}\n          </ContextMenuItemDiv>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\n/**\n * ContextMenu component based on Popover\n */\nconst ContextMenu = React.memo(\n  ({\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(\n            \"contextMenu_root inline-block\",\n            className,\n            classNames?.root,\n          )}\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\n              items={items}\n              onClose={handleClose}\n              classNames={classNames}\n              color={color}\n              submenuOpenDelay={submenuOpenDelay}\n              submenuCloseDelay={submenuCloseDelay}\n            />\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </PopoverPrimitive.Root>\n    );\n  },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport type * from \"./types\";\nexport { ContextMenu, ContextMenuContent };\nexport default ContextMenu;\n"]}

package/dist/{chunk-SJLH5ZDW.js → chunk-4QLYRAW2.js}

@@ -1,5 +1,5 @@
 import { Spinner } from './chunk-RRPMZYVN.js';
-import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { useRipple, RippleContainer } from './chunk-64OCJYSH.js';
 import { buttonColorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { Slot } from '@radix-ui/react-slot';
@@ -224,5 +224,5 @@ Button.displayName = "Button";
 var button_default = Button;
 
 export { buttonVariants, button_default };
-//# sourceMappingURL=chunk-SJLH5ZDW.js.map
-//# sourceMappingURL=chunk-SJLH5ZDW.js.map
+//# sourceMappingURL=chunk-4QLYRAW2.js.map
+//# sourceMappingURL=chunk-4QLYRAW2.js.map