@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/context-menu/ContextMenu.js

@@ -13,14 +13,17 @@ import { MenuLabel, MenuSeparator } from "../internal/menu/menu-parts.js";
 import { useMenuSurface } from "../internal/menu/use-menu-surface.js";
 const [ContextMenuProvider, useContextMenuContext] = createPartContext("ContextMenu");
 function ContextMenuRoot(props) {
-  const { children, defaultOpen, onOpenChange, open } = props;
+  const { children, defaultOpen, id, onOpenChange, open, slotProps } = props;
+  const virtualAnchorProps = slotProps?.virtualAnchor;
   const virtualAnchorRef = useRef(null);
+  const mergedVirtualAnchorRef = useMergedRefs(virtualAnchorRef, virtualAnchorProps?.ref);
   const [radioValue, setRadioValue] = useState();
   const [pointerAnchor, setPointerAnchor] = useState(false);
   const surface = useMenuSurface({
     align: "start",
     mode: "manual",
     side: "bottom",
+    ...id !== void 0 ? { id } : {},
     ...defaultOpen !== void 0 ? { defaultOpen } : {},
     ...open !== void 0 ? { open } : {},
     ...onOpenChange ? { onOpenChange } : {}
@@ -29,14 +32,24 @@ function ContextMenuRoot(props) {
   const openAtPointer = useCallback(
     (event) => {
       event.preventDefault();
-      virtualAnchorRef.current?.style.setProperty("--uiify-context-menu-x", `${event.clientX}px`);
-      virtualAnchorRef.current?.style.setProperty("--uiify-context-menu-y", `${event.clientY}px`);
+      const coordinates = {
+        "--uiify-context-menu-x": `${event.clientX}px`,
+        "--uiify-context-menu-y": `${event.clientY}px`,
+        ...virtualAnchorProps?.style
+      };
+      for (const property of ["--uiify-context-menu-x", "--uiify-context-menu-y"]) {
+        const value = coordinates[property];
+        virtualAnchorRef.current?.style.setProperty(
+          property,
+          value === void 0 ? "" : String(value)
+        );
+      }
       setPointerAnchor(true);
       setTriggerElement(event.currentTarget);
       openPopover();
       queueMicrotask(() => focusMenuItem(contentRef.current));
     },
-    [contentRef, openPopover, setTriggerElement]
+    [contentRef, openPopover, setTriggerElement, virtualAnchorProps?.style]
   );
   const contextValue = useMemo(
     () => ({
@@ -53,18 +66,18 @@ function ContextMenuRoot(props) {
       "span",
       {
         "aria-hidden": true,
-        ref: (element) => {
-          virtualAnchorRef.current = element;
-        },
         "data-virtual-anchor": "",
         ...pointerAnchor ? surface.anchorProps : {},
+        ...virtualAnchorProps,
+        ref: mergedVirtualAnchorRef,
         style: {
           position: "fixed",
           left: "var(--uiify-context-menu-x, 0px)",
           top: "var(--uiify-context-menu-y, 0px)",
           width: 0,
           height: 0,
-          pointerEvents: "none"
+          pointerEvents: "none",
+          ...virtualAnchorProps?.style
         }
       }
     ),
@@ -82,10 +95,10 @@ function ContextMenuTrigger(props) {
     as,
     defaultTag: "div",
     props: {
-      ...withoutRef,
       ...anchorProps,
-      ref: mergedRef,
       ...className ? { className } : {},
+      ...withoutRef,
+      ref: mergedRef,
       onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer)
     },
     render,
@@ -118,15 +131,15 @@ function ContextMenuContent(props) {
     }
   };
   const contentProps = {
-    ...withoutRef,
     ...popupProps,
     ...positionerProps,
-    ref: mergedRef,
     role: "menu",
     "data-part": "content",
     "data-uiify-menu": "",
     "data-state": open ? "open" : "closed",
     ...className ? { className } : {},
+    ...withoutRef,
+    ref: mergedRef,
     onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
     children
   };
@@ -170,10 +183,10 @@ function ContextMenuItem(props) {
     if (event.key === "Enter" || event.key === " ") handleSelect(event);
   };
   const itemProps = {
-    ...consumerProps,
     role: "menuitem",
     "data-part": "item",
     ...className ? { className } : {},
+    ...consumerProps,
     onClick: composeEventHandlers(consumerOnClick, handleSelect),
     onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
     children
@@ -239,12 +252,12 @@ function ContextMenuCheckboxItem(props) {
       disabled,
       ...textValue !== void 0 ? { textValue } : {},
       ...{
-        ...consumerProps,
         role: "menuitemcheckbox",
         "data-part": "item",
         "aria-checked": isIndeterminate ? "mixed" : isChecked,
         "data-state": isIndeterminate ? "indeterminate" : isChecked ? "checked" : "unchecked",
         ...className ? { className } : {},
+        ...consumerProps,
         onClick: composeEventHandlers(consumerOnClick, handleSelect),
         onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
         children
@@ -270,12 +283,12 @@ function ContextMenuRadioItem(props) {
       disabled,
       ...textValue !== void 0 ? { textValue } : {},
       ...{
-        ...consumerProps,
         role: "menuitemradio",
         "data-part": "item",
         "aria-checked": checked,
         "data-state": checked ? "checked" : "unchecked",
         ...className ? { className } : {},
+        ...consumerProps,
         onClick: composeEventHandlers(consumerOnClick, handleSelect),
         onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
         children
@@ -320,13 +333,13 @@ function ContextMenuSubTrigger(props) {
       disabled,
       ...textValue !== void 0 ? { textValue } : {},
       ...{
-        ...withoutRef,
-        ref: mergedRef,
         role: "menuitem",
         "data-part": "item",
         "aria-haspopup": "menu",
         "aria-expanded": sub.open,
         ...className ? { className } : {},
+        ...withoutRef,
+        ref: mergedRef,
         onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),
         onFocus: composeEventHandlers(consumerOnFocus, () => {
           if (!sub.skipFocusOpenRef.current) sub.setOpen(true);
@@ -339,7 +352,7 @@ function ContextMenuSubTrigger(props) {
 }
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
 function ContextMenuSubContent(props) {
-  const { children, className } = props;
+  const { children, className, onKeyDown: consumerOnKeyDown, ...consumerProps } = props;
   const sub = useContextMenuSubContext("SubContent");
   const handleKeyDown = (event) => {
     const closeKey = resolveDirection(event.currentTarget) === "rtl" ? "ArrowRight" : "ArrowLeft";
@@ -360,7 +373,8 @@ function ContextMenuSubContent(props) {
       "data-state": sub.open ? "open" : "closed",
       hidden: !sub.open ? true : void 0,
       ...className ? { className } : {},
-      onKeyDown: handleKeyDown,
+      ...consumerProps,
+      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
       children: sub.open ? children : null
     },
     state: { open: sub.open }

package/dist/components/context-menu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  ElementType,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent as ReactPointerEvent,\n  ReactElement,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport type { MenuSelectEvent } from \"../internal/menu/types.js\";\nimport type {\n  ContextMenuContextValue,\n  ContextMenuRootProps,\n  ContextMenuTriggerProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuSubContentOwnProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent };\n\nconst [ContextMenuProvider, useContextMenuContext] =\n  createPartContext<ContextMenuContextValue>(\"ContextMenu\");\n\nexport function ContextMenuRoot(props: ContextMenuRootProps): ReactElement | null {\n  const { children, defaultOpen, onOpenChange, open } = props;\n  const virtualAnchorRef = useRef<HTMLSpanElement | null>(null);\n  const [radioValue, setRadioValue] = useState<string | undefined>();\n  const [pointerAnchor, setPointerAnchor] = useState(false);\n  const surface = useMenuSurface({\n    align: \"start\",\n    mode: \"manual\",\n    side: \"bottom\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const { contentRef, openPopover, setTriggerElement } = surface;\n\n  const openAtPointer = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      event.preventDefault();\n      virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-x\", `${event.clientX}px`);\n      virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-y\", `${event.clientY}px`);\n      setPointerAnchor(true);\n      setTriggerElement(event.currentTarget);\n      openPopover();\n      queueMicrotask(() => focusMenuItem(contentRef.current));\n    },\n    [contentRef, openPopover, setTriggerElement],\n  );\n\n  const contextValue = useMemo<ContextMenuContextValue>(\n    () => ({\n      ...surface,\n      anchorProps: pointerAnchor ? {} : surface.anchorProps,\n      openAtPointer,\n      radioValue,\n      setRadioValue,\n    }),\n    [pointerAnchor, surface, openAtPointer, radioValue],\n  );\n\n  return (\n    <ContextMenuProvider value={contextValue}>\n      <span\n        aria-hidden\n        ref={(element) => {\n          virtualAnchorRef.current = element;\n        }}\n        data-virtual-anchor=\"\"\n        {...(pointerAnchor ? surface.anchorProps : {})}\n        style={\n          {\n            position: \"fixed\",\n            left: \"var(--uiify-context-menu-x, 0px)\",\n            top: \"var(--uiify-context-menu-y, 0px)\",\n            width: 0,\n            height: 0,\n            pointerEvents: \"none\",\n          } as React.CSSProperties\n        }\n      />\n      {children}\n    </ContextMenuProvider>\n  );\n}\nContextMenuRoot.displayName = \"ContextMenuRoot\";\n\nexport function ContextMenuTrigger<TAs extends ElementType = \"div\">(\n  props: ContextMenuTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as ContextMenuTriggerProps<\"div\">;\n  const { anchorProps, open, openAtPointer, setTriggerElement } = useContextMenuContext(\"Trigger\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n  const { onContextMenu: consumerOnContextMenu } = withoutRef as {\n    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...withoutRef,\n      ...anchorProps,\n      ref: mergedRef,\n      ...(className ? { className } : {}),\n      onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer),\n    },\n    render,\n    state: { open },\n  });\n}\n\nexport function ContextMenuContent<TAs extends ElementType = \"div\">(\n  props: ContextMenuContentProps<TAs>,\n): ReactElement | null {\n  const { as, className, children, render, ...consumerProps } =\n    props as ContextMenuContentProps<\"div\">;\n  const { close, contentRef, focusTrigger, open, popupProps, popupRef, positionerProps } =\n    useContextMenuContext(\"Content\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!open) return;\n\n    const content = contentRef.current;\n    const ownerDocument = content?.ownerDocument;\n    if (!content || !ownerDocument) return;\n\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.composedPath().includes(content)) return;\n      close();\n    };\n\n    ownerDocument.addEventListener(\"pointerdown\", handlePointerDown, true);\n    return () => ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown, true);\n  }, [close, contentRef, open]);\n\n  const { onKeyDown: consumerOnKeyDown } = withoutRef as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n      focusTrigger();\n    }\n  };\n\n  const contentProps = {\n    ...withoutRef,\n    ...popupProps,\n    ...positionerProps,\n    ref: mergedRef,\n    role: \"menu\",\n    \"data-part\": \"content\",\n    \"data-uiify-menu\": \"\",\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusRoot\n        orientation=\"vertical\"\n        render={(renderProps) => render(renderProps, { open })}\n        {...contentProps}\n      />\n    );\n  }\n\n  return <RovingFocusRoot as={as ?? \"div\"} orientation=\"vertical\" {...contentProps} />;\n}\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport function ContextMenuItem<TAs extends ElementType = \"div\">(\n  props: ContextMenuItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    className,\n    disabled = false,\n    onSelect,\n    textValue,\n    ...consumerProps\n  } = props as ContextMenuItemProps<\"div\">;\n  const { close, focusTrigger } = useContextMenuContext(\"Item\");\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    const selectEvent = createMenuSelectEvent();\n    onSelect?.(selectEvent);\n    if (!selectEvent.defaultPrevented) {\n      close();\n      focusTrigger();\n    }\n    event.preventDefault();\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n\n  const itemProps = {\n    ...consumerProps,\n    role: \"menuitem\",\n    \"data-part\": \"item\",\n    ...(className ? { className } : {}),\n    onClick: composeEventHandlers(consumerOnClick, handleSelect),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={render}\n        {...(textValue !== undefined ? { textValue } : {})}\n        {...(itemProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"div\"}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...(itemProps as object)}\n    />\n  );\n}\nContextMenuItem.displayName = \"ContextMenuItem\";\n\n/**\n * Shared \"activate this menu item\" logic for CheckboxItem and RadioItem: run\n * the item-specific action, close the menu, and return focus to the trigger,\n * unless disabled. Not promoted to internal/menu — it has no second consumer\n * yet, so it remains local to this component.\n */\nfunction useItemActivation(\n  disabled: boolean,\n  action: () => void,\n  close: () => void,\n  focusTrigger: () => void,\n): {\n  readonly handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  readonly handleSelect: (event: SyntheticEvent<HTMLElement>) => void;\n} {\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    action();\n    close();\n    focusTrigger();\n    event.preventDefault();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n  return { handleKeyDown, handleSelect };\n}\n\nexport function ContextMenuCheckboxItem(\n  props: ContextMenuCheckboxItemOwnProps,\n): ReactElement | null {\n  const {\n    checked = false,\n    children,\n    className,\n    disabled = false,\n    onCheckedChange,\n    textValue,\n    ...consumerProps\n  } = props;\n  const { close, focusTrigger } = useContextMenuContext(\"CheckboxItem\");\n  const isChecked = checked === true;\n  const isIndeterminate = checked === \"indeterminate\";\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => onCheckedChange?.(!isChecked),\n    close,\n    focusTrigger,\n  );\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...consumerProps,\n        role: \"menuitemcheckbox\",\n        \"data-part\": \"item\",\n        \"aria-checked\": (isIndeterminate ? \"mixed\" : isChecked) as boolean | \"mixed\",\n        \"data-state\": isIndeterminate ? \"indeterminate\" : isChecked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, value, ...consumerProps } = props;\n  const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext(\"RadioItem\");\n  const checked = radioValue === value;\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => setRadioValue(value),\n    close,\n    focusTrigger,\n  );\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...consumerProps,\n        role: \"menuitemradio\",\n        \"data-part\": \"item\",\n        \"aria-checked\": checked,\n        \"data-state\": checked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\ninterface ContextMenuSubValue {\n  readonly open: boolean;\n  readonly setOpen: (open: boolean) => void;\n  readonly skipFocusOpenRef: RefObject<boolean>;\n  readonly triggerRef: RefObject<HTMLElement | null>;\n}\n\nconst [ContextMenuSubProvider, useContextMenuSubContext] = createPartContext<ContextMenuSubValue>(\n  \"ContextMenu\",\n  \"Sub\",\n);\n\nexport function ContextMenuSub(props: ContextMenuSubOwnProps): ReactElement | null {\n  const { children } = props;\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const skipFocusOpenRef = useRef(false);\n  const value = useMemo(() => ({ open, setOpen, skipFocusOpenRef, triggerRef }), [open]);\n  return <ContextMenuSubProvider value={value}>{children}</ContextMenuSubProvider>;\n}\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, ...consumerProps } = props;\n  const sub = useContextMenuSubContext(\"SubTrigger\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(sub.triggerRef, consumerRef);\n  const {\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n  } = withoutRef as {\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: ReactPointerEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const openKey = resolveDirection(event.currentTarget) === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    if (event.key === openKey) {\n      event.preventDefault();\n      sub.setOpen(true);\n    }\n  };\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...withoutRef,\n        ref: mergedRef,\n        role: \"menuitem\",\n        \"data-part\": \"item\",\n        \"aria-haspopup\": \"menu\" as const,\n        \"aria-expanded\": sub.open,\n        ...(className ? { className } : {}),\n        onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),\n        onFocus: composeEventHandlers(consumerOnFocus, () => {\n          if (!sub.skipFocusOpenRef.current) sub.setOpen(true);\n        }),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent(props: ContextMenuSubContentOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const sub = useContextMenuSubContext(\"SubContent\");\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const closeKey = resolveDirection(event.currentTarget) === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n    if (event.key !== closeKey && event.key !== \"Escape\") return;\n    // Escape closes only this submenu, not the menu around it.\n    event.preventDefault();\n    event.stopPropagation();\n    sub.setOpen(false);\n    // The trigger opens its submenu on focus; skip that while returning focus.\n    sub.skipFocusOpenRef.current = true;\n    sub.triggerRef.current?.focus();\n    sub.skipFocusOpenRef.current = false;\n  };\n\n  const element = useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      role: \"menu\",\n      \"data-part\": \"sub-content\",\n      \"data-uiify-menu\": \"\",\n      \"data-state\": sub.open ? \"open\" : \"closed\",\n      hidden: !sub.open ? true : undefined,\n      ...(className ? { className } : {}),\n      onKeyDown: handleKeyDown,\n      children: sub.open ? children : null,\n    },\n    state: { open: sub.open },\n  });\n\n  if (!sub.open) return null;\n  return element;\n}\n\nexport const ContextMenuLabel = MenuLabel;\n\nexport const ContextMenuSeparator = MenuSeparator;\n\nexport const ContextMenu = {\n  CheckboxItem: ContextMenuCheckboxItem,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  RadioItem: ContextMenuRadioItem,\n  Root: ContextMenuRoot,\n  Separator: ContextMenuSeparator,\n  Sub: Object.assign(ContextMenuSub, {\n    Content: ContextMenuSubContent,\n    Trigger: ContextMenuSubTrigger,\n  }),\n  Trigger: ContextMenuTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  ElementType,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent as ReactPointerEvent,\n  ReactElement,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport type { MenuSelectEvent } from \"../internal/menu/types.js\";\nimport type {\n  ContextMenuContextValue,\n  ContextMenuRootProps,\n  ContextMenuTriggerProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuSubContentOwnProps,\n} from \"./types.js\";\nexport type { MenuSelectEvent };\nconst [ContextMenuProvider, useContextMenuContext] =\n  createPartContext<ContextMenuContextValue>(\"ContextMenu\");\nexport function ContextMenuRoot(props: ContextMenuRootProps): ReactElement | null {\n  const { children, defaultOpen, id, onOpenChange, open, slotProps } = props;\n  const virtualAnchorProps = slotProps?.virtualAnchor;\n  const virtualAnchorRef = useRef<HTMLSpanElement | null>(null);\n  const mergedVirtualAnchorRef = useMergedRefs(virtualAnchorRef, virtualAnchorProps?.ref);\n  const [radioValue, setRadioValue] = useState<string | undefined>();\n  const [pointerAnchor, setPointerAnchor] = useState(false);\n  const surface = useMenuSurface({\n    align: \"start\",\n    mode: \"manual\",\n    side: \"bottom\",\n    ...(id !== undefined ? { id } : {}),\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const { contentRef, openPopover, setTriggerElement } = surface;\n  const openAtPointer = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      event.preventDefault();\n      const coordinates = {\n        \"--uiify-context-menu-x\": `${event.clientX}px`,\n        \"--uiify-context-menu-y\": `${event.clientY}px`,\n        ...virtualAnchorProps?.style,\n      };\n      for (const property of [\"--uiify-context-menu-x\", \"--uiify-context-menu-y\"] as const) {\n        const value = coordinates[property];\n        virtualAnchorRef.current?.style.setProperty(\n          property,\n          value === undefined ? \"\" : String(value),\n        );\n      }\n      setPointerAnchor(true);\n      setTriggerElement(event.currentTarget);\n      openPopover();\n      queueMicrotask(() => focusMenuItem(contentRef.current));\n    },\n    [contentRef, openPopover, setTriggerElement, virtualAnchorProps?.style],\n  );\n  const contextValue = useMemo<ContextMenuContextValue>(\n    () => ({\n      ...surface,\n      anchorProps: pointerAnchor ? {} : surface.anchorProps,\n      openAtPointer,\n      radioValue,\n      setRadioValue,\n    }),\n    [pointerAnchor, surface, openAtPointer, radioValue],\n  );\n  return (\n    <ContextMenuProvider value={contextValue}>\n      <span\n        aria-hidden\n        data-virtual-anchor=\"\"\n        {...(pointerAnchor ? surface.anchorProps : {})}\n        {...virtualAnchorProps}\n        ref={mergedVirtualAnchorRef}\n        style={\n          {\n            position: \"fixed\",\n            left: \"var(--uiify-context-menu-x, 0px)\",\n            top: \"var(--uiify-context-menu-y, 0px)\",\n            width: 0,\n            height: 0,\n            pointerEvents: \"none\",\n            ...virtualAnchorProps?.style,\n          } as React.CSSProperties\n        }\n      />\n      {children}\n    </ContextMenuProvider>\n  );\n}\nContextMenuRoot.displayName = \"ContextMenuRoot\";\nexport function ContextMenuTrigger<TAs extends ElementType = \"div\">(\n  props: ContextMenuTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as ContextMenuTriggerProps<\"div\">;\n  const { anchorProps, open, openAtPointer, setTriggerElement } = useContextMenuContext(\"Trigger\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n  const { onContextMenu: consumerOnContextMenu } = withoutRef as {\n    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...anchorProps,\n      ...(className ? { className } : {}),\n      ...withoutRef,\n      ref: mergedRef,\n      onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer),\n    },\n    render,\n    state: { open },\n  });\n}\nexport function ContextMenuContent<TAs extends ElementType = \"div\">(\n  props: ContextMenuContentProps<TAs>,\n): ReactElement | null {\n  const { as, className, children, render, ...consumerProps } =\n    props as ContextMenuContentProps<\"div\">;\n  const { close, contentRef, focusTrigger, open, popupProps, popupRef, positionerProps } =\n    useContextMenuContext(\"Content\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n  useIsomorphicLayoutEffect(() => {\n    if (!open) return;\n    const content = contentRef.current;\n    const ownerDocument = content?.ownerDocument;\n    if (!content || !ownerDocument) return;\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.composedPath().includes(content)) return;\n      close();\n    };\n    ownerDocument.addEventListener(\"pointerdown\", handlePointerDown, true);\n    return () => ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown, true);\n  }, [close, contentRef, open]);\n  const { onKeyDown: consumerOnKeyDown } = withoutRef as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n      focusTrigger();\n    }\n  };\n  const contentProps = {\n    ...popupProps,\n    ...positionerProps,\n    role: \"menu\",\n    \"data-part\": \"content\",\n    \"data-uiify-menu\": \"\",\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(className ? { className } : {}),\n    ...withoutRef,\n    ref: mergedRef,\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n  if (render) {\n    return (\n      <RovingFocusRoot\n        orientation=\"vertical\"\n        render={(renderProps) => render(renderProps, { open })}\n        {...contentProps}\n      />\n    );\n  }\n  return <RovingFocusRoot as={as ?? \"div\"} orientation=\"vertical\" {...contentProps} />;\n}\nContextMenuContent.displayName = \"ContextMenuContent\";\nexport function ContextMenuItem<TAs extends ElementType = \"div\">(\n  props: ContextMenuItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    className,\n    disabled = false,\n    onSelect,\n    textValue,\n    ...consumerProps\n  } = props as ContextMenuItemProps<\"div\">;\n  const { close, focusTrigger } = useContextMenuContext(\"Item\");\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    const selectEvent = createMenuSelectEvent();\n    onSelect?.(selectEvent);\n    if (!selectEvent.defaultPrevented) {\n      close();\n      focusTrigger();\n    }\n    event.preventDefault();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n  const itemProps = {\n    role: \"menuitem\",\n    \"data-part\": \"item\",\n    ...(className ? { className } : {}),\n    ...consumerProps,\n    onClick: composeEventHandlers(consumerOnClick, handleSelect),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={render}\n        {...(textValue !== undefined ? { textValue } : {})}\n        {...(itemProps as object)}\n      />\n    );\n  }\n  return (\n    <RovingFocusItem\n      as={as ?? \"div\"}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...(itemProps as object)}\n    />\n  );\n}\nContextMenuItem.displayName = \"ContextMenuItem\";\n/**\n * Shared \"activate this menu item\" logic for CheckboxItem and RadioItem: run\n * the item-specific action, close the menu, and return focus to the trigger,\n * unless disabled. Not promoted to internal/menu — it has no second consumer\n * yet, so it remains local to this component.\n */\nfunction useItemActivation(\n  disabled: boolean,\n  action: () => void,\n  close: () => void,\n  focusTrigger: () => void,\n): {\n  readonly handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  readonly handleSelect: (event: SyntheticEvent<HTMLElement>) => void;\n} {\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    action();\n    close();\n    focusTrigger();\n    event.preventDefault();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n  return { handleKeyDown, handleSelect };\n}\nexport function ContextMenuCheckboxItem(\n  props: ContextMenuCheckboxItemOwnProps,\n): ReactElement | null {\n  const {\n    checked = false,\n    children,\n    className,\n    disabled = false,\n    onCheckedChange,\n    textValue,\n    ...consumerProps\n  } = props;\n  const { close, focusTrigger } = useContextMenuContext(\"CheckboxItem\");\n  const isChecked = checked === true;\n  const isIndeterminate = checked === \"indeterminate\";\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => onCheckedChange?.(!isChecked),\n    close,\n    focusTrigger,\n  );\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        role: \"menuitemcheckbox\",\n        \"data-part\": \"item\",\n        \"aria-checked\": (isIndeterminate ? \"mixed\" : isChecked) as boolean | \"mixed\",\n        \"data-state\": isIndeterminate ? \"indeterminate\" : isChecked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        ...consumerProps,\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, value, ...consumerProps } = props;\n  const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext(\"RadioItem\");\n  const checked = radioValue === value;\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => setRadioValue(value),\n    close,\n    focusTrigger,\n  );\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        role: \"menuitemradio\",\n        \"data-part\": \"item\",\n        \"aria-checked\": checked,\n        \"data-state\": checked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        ...consumerProps,\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\ninterface ContextMenuSubValue {\n  readonly open: boolean;\n  readonly setOpen: (open: boolean) => void;\n  readonly skipFocusOpenRef: RefObject<boolean>;\n  readonly triggerRef: RefObject<HTMLElement | null>;\n}\nconst [ContextMenuSubProvider, useContextMenuSubContext] = createPartContext<ContextMenuSubValue>(\n  \"ContextMenu\",\n  \"Sub\",\n);\nexport function ContextMenuSub(props: ContextMenuSubOwnProps): ReactElement | null {\n  const { children } = props;\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const skipFocusOpenRef = useRef(false);\n  const value = useMemo(() => ({ open, setOpen, skipFocusOpenRef, triggerRef }), [open]);\n  return <ContextMenuSubProvider value={value}>{children}</ContextMenuSubProvider>;\n}\nContextMenuSub.displayName = \"ContextMenuSub\";\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, ...consumerProps } = props;\n  const sub = useContextMenuSubContext(\"SubTrigger\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(sub.triggerRef, consumerRef);\n  const {\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n  } = withoutRef as {\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: ReactPointerEvent<HTMLElement>) => void;\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const openKey = resolveDirection(event.currentTarget) === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    if (event.key === openKey) {\n      event.preventDefault();\n      sub.setOpen(true);\n    }\n  };\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        role: \"menuitem\",\n        \"data-part\": \"item\",\n        \"aria-haspopup\": \"menu\" as const,\n        \"aria-expanded\": sub.open,\n        ...(className ? { className } : {}),\n        ...withoutRef,\n        ref: mergedRef,\n        onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),\n        onFocus: composeEventHandlers(consumerOnFocus, () => {\n          if (!sub.skipFocusOpenRef.current) sub.setOpen(true);\n        }),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\nexport function ContextMenuSubContent(props: ContextMenuSubContentOwnProps): ReactElement | null {\n  const { children, className, onKeyDown: consumerOnKeyDown, ...consumerProps } = props;\n  const sub = useContextMenuSubContext(\"SubContent\");\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const closeKey = resolveDirection(event.currentTarget) === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n    if (event.key !== closeKey && event.key !== \"Escape\") return;\n    // Escape closes only this submenu, not the menu around it.\n    event.preventDefault();\n    event.stopPropagation();\n    sub.setOpen(false);\n    // The trigger opens its submenu on focus; skip that while returning focus.\n    sub.skipFocusOpenRef.current = true;\n    sub.triggerRef.current?.focus();\n    sub.skipFocusOpenRef.current = false;\n  };\n  const element = useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      role: \"menu\",\n      \"data-part\": \"sub-content\",\n      \"data-uiify-menu\": \"\",\n      \"data-state\": sub.open ? \"open\" : \"closed\",\n      hidden: !sub.open ? true : undefined,\n      ...(className ? { className } : {}),\n      ...consumerProps,\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      children: sub.open ? children : null,\n    },\n    state: { open: sub.open },\n  });\n  if (!sub.open) return null;\n  return element;\n}\nexport const ContextMenuLabel = MenuLabel;\nexport const ContextMenuSeparator = MenuSeparator;\nexport const ContextMenu = {\n  CheckboxItem: ContextMenuCheckboxItem,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  RadioItem: ContextMenuRadioItem,\n  Root: ContextMenuRoot,\n  Separator: ContextMenuSeparator,\n  Sub: Object.assign(ContextMenuSub, {\n    Content: ContextMenuSubContent,\n    Trigger: ContextMenuSubTrigger,\n  }),\n  Trigger: ContextMenuTrigger,\n};\n"],"mappings":";AAwFI,SACE,KADF;AAvFJ,SAAS,aAAa,SAAS,QAAQ,gBAAgB;AAWvD,SAAS,2BAA2B,qBAAqB;AACzD,SAAS,mBAAmB,gBAAgB;AAC5C,SAAS,4BAA4B;AACrC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,WAAW,qBAAqB;AACzC,SAAS,sBAAsB;AAe/B,MAAM,CAAC,qBAAqB,qBAAqB,IAC/C,kBAA2C,aAAa;AACnD,SAAS,gBAAgB,OAAkD;AAChF,QAAM,EAAE,UAAU,aAAa,IAAI,cAAc,MAAM,UAAU,IAAI;AACrE,QAAM,qBAAqB,WAAW;AACtC,QAAM,mBAAmB,OAA+B,IAAI;AAC5D,QAAM,yBAAyB,cAAc,kBAAkB,oBAAoB,GAAG;AACtF,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6B;AACjE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,UAAU,eAAe;AAAA,IAC7B,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAI,OAAO,SAAY,EAAE,GAAG,IAAI,CAAC;AAAA,IACjC,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,EAAE,YAAY,aAAa,kBAAkB,IAAI;AACvD,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAmC;AAClC,YAAM,eAAe;AACrB,YAAM,cAAc;AAAA,QAClB,0BAA0B,GAAG,MAAM,OAAO;AAAA,QAC1C,0BAA0B,GAAG,MAAM,OAAO;AAAA,QAC1C,GAAG,oBAAoB;AAAA,MACzB;AACA,iBAAW,YAAY,CAAC,0BAA0B,wBAAwB,GAAY;AACpF,cAAM,QAAQ,YAAY,QAAQ;AAClC,yBAAiB,SAAS,MAAM;AAAA,UAC9B;AAAA,UACA,UAAU,SAAY,KAAK,OAAO,KAAK;AAAA,QACzC;AAAA,MACF;AACA,uBAAiB,IAAI;AACrB,wBAAkB,MAAM,aAAa;AACrC,kBAAY;AACZ,qBAAe,MAAM,cAAc,WAAW,OAAO,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,YAAY,aAAa,mBAAmB,oBAAoB,KAAK;AAAA,EACxE;AACA,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,gBAAgB,CAAC,IAAI,QAAQ;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,SAAS,eAAe,UAAU;AAAA,EACpD;AACA,SACE,qBAAC,uBAAoB,OAAO,cAC1B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,uBAAoB;AAAA,QACnB,GAAI,gBAAgB,QAAQ,cAAc,CAAC;AAAA,QAC3C,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,OACE;AAAA,UACE,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,eAAe;AAAA,UACf,GAAG,oBAAoB;AAAA,QACzB;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AACA,gBAAgB,cAAc;AACvB,SAAS,mBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,WAAW,GAAG,cAAc,IAAI;AACpD,QAAM,EAAE,aAAa,MAAM,eAAe,kBAAkB,IAAI,sBAAsB,SAAS;AAC/F,QAAM,CAAC,aAAa,UAAU,IAAI,SAA4C,aAAa;AAC3F,QAAM,YAAY,cAAc,mBAAmB,WAAW;AAC9D,QAAM,EAAE,eAAe,sBAAsB,IAAI;AAGjD,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,eAAe,qBAAqB,uBAAuB,aAAa;AAAA,IAC1E;AAAA,IACA;AAAA,IACA,OAAO,EAAE,KAAK;AAAA,EAChB,CAAC;AACH;AACO,SAAS,mBACd,OACqB;AACrB,QAAM,EAAE,IAAI,WAAW,UAAU,QAAQ,GAAG,cAAc,IACxD;AACF,QAAM,EAAE,OAAO,YAAY,cAAc,MAAM,YAAY,UAAU,gBAAgB,IACnF,sBAAsB,SAAS;AACjC,QAAM,CAAC,aAAa,UAAU,IAAI,SAA4C,aAAa;AAC3F,QAAM,YAAY,cAAc,UAAU,YAAY,WAAW;AACjE,4BAA0B,MAAM;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,WAAW;AAC3B,UAAM,gBAAgB,SAAS;AAC/B,QAAI,CAAC,WAAW,CAAC,cAAe;AAChC,UAAM,oBAAoB,CAAC,UAAwB;AACjD,UAAI,MAAM,aAAa,EAAE,SAAS,OAAO,EAAG;AAC5C,YAAM;AAAA,IACR;AACA,kBAAc,iBAAiB,eAAe,mBAAmB,IAAI;AACrE,WAAO,MAAM,cAAc,oBAAoB,eAAe,mBAAmB,IAAI;AAAA,EACvF,GAAG,CAAC,OAAO,YAAY,IAAI,CAAC;AAC5B,QAAM,EAAE,WAAW,kBAAkB,IAAI;AAGzC,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,QAAI,MAAM,QAAQ,UAAU;AAC1B,YAAM,eAAe;AACrB,YAAM;AACN,mBAAa;AAAA,IACf;AAAA,EACF;AACA,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,cAAc,OAAO,SAAS;AAAA,IAC9B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IACjC,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,IAChE;AAAA,EACF;AACA,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,QAAQ,CAAC,gBAAgB,OAAO,aAAa,EAAE,KAAK,CAAC;AAAA,QACpD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,SAAO,oBAAC,mBAAgB,IAAI,MAAM,OAAO,aAAY,YAAY,GAAG,cAAc;AACpF;AACA,mBAAmB,cAAc;AAC1B,SAAS,gBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,OAAO,aAAa,IAAI,sBAAsB,MAAM;AAC5D,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,eAAe,CAAC,UAAuC;AAC3D,QAAI,SAAU;AACd,UAAM,cAAc,sBAAsB;AAC1C,eAAW,WAAW;AACtB,QAAI,CAAC,YAAY,kBAAkB;AACjC,YAAM;AACN,mBAAa;AAAA,IACf;AACA,UAAM,eAAe;AAAA,EACvB;AACA,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK,cAAa,KAAK;AAAA,EACpE;AACA,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,aAAa;AAAA,IACb,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IACjC,GAAG;AAAA,IACH,SAAS,qBAAqB,iBAAiB,YAAY;AAAA,IAC3D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,IAChE;AAAA,EACF;AACA,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QAC/C,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAC/C,GAAI;AAAA;AAAA,EACP;AAEJ;AACA,gBAAgB,cAAc;AAO9B,SAAS,kBACP,UACA,QACA,OACA,cAIA;AACA,QAAM,eAAe,CAAC,UAAuC;AAC3D,QAAI,SAAU;AACd,WAAO;AACP,UAAM;AACN,iBAAa;AACb,UAAM,eAAe;AAAA,EACvB;AACA,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK,cAAa,KAAK;AAAA,EACpE;AACA,SAAO,EAAE,eAAe,aAAa;AACvC;AACO,SAAS,wBACd,OACqB;AACrB,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,OAAO,aAAa,IAAI,sBAAsB,cAAc;AACpE,QAAM,YAAY,YAAY;AAC9B,QAAM,kBAAkB,YAAY;AACpC,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,EAAE,eAAe,aAAa,IAAI;AAAA,IACtC;AAAA,IACA,MAAM,kBAAkB,CAAC,SAAS;AAAA,IAClC;AAAA,IACA;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAC/C,GAAG;AAAA,QACF,MAAM;AAAA,QACN,aAAa;AAAA,QACb,gBAAiB,kBAAkB,UAAU;AAAA,QAC7C,cAAc,kBAAkB,kBAAkB,YAAY,YAAY;AAAA,QAC1E,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACjC,GAAG;AAAA,QACH,SAAS,qBAAqB,iBAAiB,YAAY;AAAA,QAC3D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,QAChE;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,wBAAwB,cAAc;AAC/B,SAAS,qBAAqB,OAA0D;AAC7F,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,WAAW,OAAO,GAAG,cAAc,IAAI;AACtF,QAAM,EAAE,OAAO,cAAc,YAAY,cAAc,IAAI,sBAAsB,WAAW;AAC5F,QAAM,UAAU,eAAe;AAC/B,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,EAAE,eAAe,aAAa,IAAI;AAAA,IACtC;AAAA,IACA,MAAM,cAAc,KAAK;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAC/C,GAAG;AAAA,QACF,MAAM;AAAA,QACN,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,cAAc,UAAU,YAAY;AAAA,QACpC,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACjC,GAAG;AAAA,QACH,SAAS,qBAAqB,iBAAiB,YAAY;AAAA,QAC3D,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,QAChE;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,qBAAqB,cAAc;AAOnC,MAAM,CAAC,wBAAwB,wBAAwB,IAAI;AAAA,EACzD;AAAA,EACA;AACF;AACO,SAAS,eAAe,OAAoD;AACjF,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,SAAS,kBAAkB,WAAW,IAAI,CAAC,IAAI,CAAC;AACrF,SAAO,oBAAC,0BAAuB,OAAe,UAAS;AACzD;AACA,eAAe,cAAc;AACtB,SAAS,sBAAsB,OAA2D;AAC/F,QAAM,EAAE,UAAU,WAAW,WAAW,OAAO,WAAW,GAAG,cAAc,IAAI;AAC/E,QAAM,MAAM,yBAAyB,YAAY;AACjD,QAAM,CAAC,aAAa,UAAU,IAAI,SAA4C,aAAa;AAC3F,QAAM,YAAY,cAAc,IAAI,YAAY,WAAW;AAC3D,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAClB,IAAI;AAKJ,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,UAAM,UAAU,iBAAiB,MAAM,aAAa,MAAM,QAAQ,cAAc;AAChF,QAAI,MAAM,QAAQ,SAAS;AACzB,YAAM,eAAe;AACrB,UAAI,QAAQ,IAAI;AAAA,IAClB;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAC/C,GAAG;AAAA,QACF,MAAM;AAAA,QACN,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,iBAAiB,IAAI;AAAA,QACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QACjC,GAAG;AAAA,QACH,KAAK;AAAA,QACL,gBAAgB,qBAAqB,wBAAwB,MAAM,IAAI,QAAQ,IAAI,CAAC;AAAA,QACpF,SAAS,qBAAqB,iBAAiB,MAAM;AACnD,cAAI,CAAC,IAAI,iBAAiB,QAAS,KAAI,QAAQ,IAAI;AAAA,QACrD,CAAC;AAAA,QACD,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,QAChE;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,sBAAsB,cAAc;AAC7B,SAAS,sBAAsB,OAA2D;AAC/F,QAAM,EAAE,UAAU,WAAW,WAAW,mBAAmB,GAAG,cAAc,IAAI;AAChF,QAAM,MAAM,yBAAyB,YAAY;AACjD,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,UAAM,WAAW,iBAAiB,MAAM,aAAa,MAAM,QAAQ,eAAe;AAClF,QAAI,MAAM,QAAQ,YAAY,MAAM,QAAQ,SAAU;AAEtD,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,QAAI,QAAQ,KAAK;AAEjB,QAAI,iBAAiB,UAAU;AAC/B,QAAI,WAAW,SAAS,MAAM;AAC9B,QAAI,iBAAiB,UAAU;AAAA,EACjC;AACA,QAAM,UAAU,iBAAiB;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,cAAc,IAAI,OAAO,SAAS;AAAA,MAClC,QAAQ,CAAC,IAAI,OAAO,OAAO;AAAA,MAC3B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,MAChE,UAAU,IAAI,OAAO,WAAW;AAAA,IAClC;AAAA,IACA,OAAO,EAAE,MAAM,IAAI,KAAK;AAAA,EAC1B,CAAC;AACD,MAAI,CAAC,IAAI,KAAM,QAAO;AACtB,SAAO;AACT;AACO,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,cAAc;AAAA,EACzB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,KAAK,OAAO,OAAO,gBAAgB;AAAA,IACjC,SAAS;AAAA,IACT,SAAS;AAAA,EACX,CAAC;AAAA,EACD,SAAS;AACX;","names":[]}

package/dist/components/context-menu/index.d.ts

@@ -1,3 +1,3 @@
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./ContextMenu.js";
-export type { ContextMenuCheckboxItemOwnProps, ContextMenuContentOwnProps, ContextMenuContentProps, ContextMenuItemOwnProps, ContextMenuItemProps, ContextMenuRadioItemOwnProps, ContextMenuRootControlledOwnProps, ContextMenuRootShellOwnProps, ContextMenuRootShellProps, ContextMenuRootProps, ContextMenuSubContentOwnProps, ContextMenuSubOwnProps, ContextMenuSubTriggerOwnProps, ContextMenuTriggerOwnProps, ContextMenuTriggerProps, ContextMenuLabelOwnProps, ContextMenuSeparatorOwnProps, } from "./types.js";
+export type { ContextMenuCheckboxItemOwnProps, ContextMenuContentOwnProps, ContextMenuContentProps, ContextMenuItemOwnProps, ContextMenuItemProps, ContextMenuRadioItemOwnProps, ContextMenuRootControlledOwnProps, ContextMenuRootShellOwnProps, ContextMenuRootShellProps, ContextMenuRootProps, ContextMenuRootSlotProps, ContextMenuSubContentOwnProps, ContextMenuSubOwnProps, ContextMenuSubTriggerOwnProps, ContextMenuTriggerOwnProps, ContextMenuTriggerProps, ContextMenuLabelOwnProps, ContextMenuSeparatorOwnProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/context-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,4BAA4B,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,6BAA6B,EAC7B,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,4BAA4B,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,6BAA6B,EAC7B,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,YAAY,CAAC"}

package/dist/components/context-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["export {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from \"./ContextMenu.js\";\nexport type {\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuContentOwnProps,\n  ContextMenuContentProps,\n  ContextMenuItemOwnProps,\n  ContextMenuItemProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuRootControlledOwnProps,\n  ContextMenuRootShellOwnProps,\n  ContextMenuRootShellProps,\n  ContextMenuRootProps,\n  ContextMenuSubContentOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuTriggerOwnProps,\n  ContextMenuTriggerProps,\n  ContextMenuLabelOwnProps,\n  ContextMenuSeparatorOwnProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["export {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from \"./ContextMenu.js\";\nexport type {\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuContentOwnProps,\n  ContextMenuContentProps,\n  ContextMenuItemOwnProps,\n  ContextMenuItemProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuRootControlledOwnProps,\n  ContextMenuRootShellOwnProps,\n  ContextMenuRootShellProps,\n  ContextMenuRootProps,\n  ContextMenuRootSlotProps,\n  ContextMenuSubContentOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuTriggerOwnProps,\n  ContextMenuTriggerProps,\n  ContextMenuLabelOwnProps,\n  ContextMenuSeparatorOwnProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/context-menu/types.d.ts

@@ -1,6 +1,7 @@
-import type { ElementType, MouseEvent, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, MouseEvent, ReactNode } from "react";
 import type { PopoverChangeHandler } from "@gunkin/uiify/core/popover";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ConsumerDataAttributes, SlotProps } from "@gunkin/uiify/core/slot-props";
 import type { DropdownMenuLabelOwnProps, DropdownMenuSeparatorOwnProps } from "../dropdown-menu/types.js";
 import type { MenuSelectEvent, UseMenuSurfaceReturn } from "../internal/menu/types.js";
 export type ContextMenuLabelOwnProps = DropdownMenuLabelOwnProps;
@@ -14,6 +15,10 @@ export interface ContextMenuContextValue extends UseMenuSurfaceReturn {
 export interface ContextMenuRootShellOwnProps {
     readonly defaultOpen?: boolean;
     readonly id?: string;
+    readonly slotProps?: ContextMenuRootSlotProps;
+}
+export interface ContextMenuRootSlotProps {
+    readonly virtualAnchor?: SlotProps<"span">;
 }
 export interface ContextMenuRootControlledOwnProps {
     readonly onOpenChange?: PopoverChangeHandler;
@@ -49,17 +54,15 @@ export interface ContextMenuItemOwnProps {
 export type ContextMenuItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ContextMenuItemOwnProps, {
     disabled: boolean;
 }, HTMLElement>;
-export interface ContextMenuCheckboxItemOwnProps {
+export interface ContextMenuCheckboxItemOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly checked?: boolean | "indeterminate";
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly disabled?: boolean;
     readonly onCheckedChange?: (checked: boolean) => void;
     readonly textValue?: string;
 }
-export interface ContextMenuRadioItemOwnProps {
+export interface ContextMenuRadioItemOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly disabled?: boolean;
     readonly textValue?: string;
     readonly value: string;
@@ -67,14 +70,12 @@ export interface ContextMenuRadioItemOwnProps {
 export interface ContextMenuSubOwnProps {
     readonly children?: ReactNode;
 }
-export interface ContextMenuSubTriggerOwnProps {
+export interface ContextMenuSubTriggerOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly children?: ReactNode;
-    readonly className?: string;
     readonly disabled?: boolean;
     readonly textValue?: string;
 }
-export interface ContextMenuSubContentOwnProps {
+export interface ContextMenuSubContentOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML">, ConsumerDataAttributes {
     readonly children?: ReactNode;
-    readonly className?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/context-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/types.ts"],"names":[],"mappings":"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"}

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { DatePickerProps } from "./types.js";
-export declare function DatePicker({ invalid, ...props }: DatePickerProps): ReactElement;
+export declare function DatePicker({ invalid, size, ...props }: DatePickerProps): ReactElement;
 export declare namespace DatePicker {
     var displayName: string;
 }

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,UAAU,CAAC,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,YAAY,CAWvF;yBAXe,UAAU"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,UAAU,CAAC,EAAE,OAAe,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,YAAY,CAY7F;yBAZe,UAAU"}

package/dist/components/date-picker/DatePicker.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-function DatePicker({ invalid = false, ...props }) {
+function DatePicker({ invalid = false, size, ...props }) {
   return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
       type: "date",
       "data-uiify-date-picker": "",
+      "data-size": size,
       "data-disabled": props.disabled ? "" : void 0,
       "data-invalid": invalid ? "" : void 0,
       "aria-invalid": invalid ? true : props["aria-invalid"]

package/dist/components/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { DatePickerProps } from \"./types.js\";\n\nexport function DatePicker({ invalid = false, ...props }: DatePickerProps): ReactElement {\n  return (\n    <input\n      {...props}\n      type=\"date\"\n      data-uiify-date-picker=\"\"\n      data-disabled={props.disabled ? \"\" : undefined}\n      data-invalid={invalid ? \"\" : undefined}\n      aria-invalid={invalid ? true : props[\"aria-invalid\"]}\n    />\n  );\n}\n\nDatePicker.displayName = \"DatePicker\";\n"],"mappings":"AAKI;AAFG,SAAS,WAAW,EAAE,UAAU,OAAO,GAAG,MAAM,GAAkC;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,0BAAuB;AAAA,MACvB,iBAAe,MAAM,WAAW,KAAK;AAAA,MACrC,gBAAc,UAAU,KAAK;AAAA,MAC7B,gBAAc,UAAU,OAAO,MAAM,cAAc;AAAA;AAAA,EACrD;AAEJ;AAEA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { DatePickerProps } from \"./types.js\";\n\nexport function DatePicker({ invalid = false, size, ...props }: DatePickerProps): ReactElement {\n  return (\n    <input\n      {...props}\n      type=\"date\"\n      data-uiify-date-picker=\"\"\n      data-size={size}\n      data-disabled={props.disabled ? \"\" : undefined}\n      data-invalid={invalid ? \"\" : undefined}\n      aria-invalid={invalid ? true : props[\"aria-invalid\"]}\n    />\n  );\n}\n\nDatePicker.displayName = \"DatePicker\";\n"],"mappings":"AAKI;AAFG,SAAS,WAAW,EAAE,UAAU,OAAO,MAAM,GAAG,MAAM,GAAkC;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,0BAAuB;AAAA,MACvB,aAAW;AAAA,MACX,iBAAe,MAAM,WAAW,KAAK;AAAA,MACrC,gBAAc,UAAU,KAAK;AAAA,MAC7B,gBAAc,UAAU,OAAO,MAAM,cAAc;AAAA;AAAA,EACrD;AAEJ;AAEA,WAAW,cAAc;","names":[]}

package/dist/components/date-picker/types.d.ts

@@ -1,5 +1,8 @@
 import type { ComponentPropsWithRef } from "react";
-export interface DatePickerProps extends Omit<ComponentPropsWithRef<"input">, "type"> {
+import type { ControlSize } from "../internal/control-size/types.js";
+export interface DatePickerProps extends Omit<ComponentPropsWithRef<"input">, "type" | "size"> {
     readonly invalid?: boolean;
+    /** Sets the control's height and text size; `md` is the default. */
+    readonly size?: ControlSize;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/date-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IACnF,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5F,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B"}

package/dist/components/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAIpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA8FtE;yBA9Fe,UAAU;;;AAiG1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAuB5E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA0F5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAsB3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAsBvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAqBxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAoE7E;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAwFtE;yBAxFe,UAAU;;;AA0F1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAsB5E;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAsF5E;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAoB3E;AACD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAoBvF;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAoBxE;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAsE7E;AACD,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -111,8 +111,6 @@ function DrawerTrigger(props) {
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
-      ref: mergedRef,
       type: "button",
       "data-uiify-button": "",
       "data-part": "trigger",
@@ -120,8 +118,10 @@ function DrawerTrigger(props) {
       "aria-controls": contentId,
       "aria-expanded": open,
       "aria-haspopup": "dialog",
-      onClick: composeEventHandlers(consumerProps.onClick, openDialog),
       ...className ? { className } : {},
+      ...consumerProps,
+      ref: mergedRef,
+      onClick: composeEventHandlers(consumerProps.onClick, openDialog),
       children
     },
     state: {}
@@ -177,8 +177,6 @@ function DrawerContent(props) {
   const content = useRenderElement({
     defaultTag: "dialog",
     props: {
-      ...consumerProps,
-      ref: mergedRef,
       id: contentId,
       "aria-describedby": descriptionId,
       "aria-labelledby": labelId,
@@ -192,7 +190,9 @@ function DrawerContent(props) {
       "data-uiify-drawer": "",
       "data-snap-enabled": snapEnabled ? "" : void 0,
       ...className ? { className } : {},
-      ...consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {},
+      ...consumerStyle || styleVars ? { style: { ...styleVars, ...consumerStyle } } : {},
+      ...consumerProps,
+      ref: mergedRef,
       onCancel: composeEventHandlers(
         consumerProps.onCancel,
         (event) => {
@@ -222,11 +222,11 @@ function DrawerTitle(props) {
   return useRenderElement({
     defaultTag: "h2",
     props: {
-      ...consumerProps,
       id,
       "data-part": "title",
       "data-uiify-drawer": "",
       ...className ? { className } : {},
+      ...consumerProps,
       children
     },
     state: {}
@@ -243,11 +243,11 @@ function DrawerDescription(props) {
   return useRenderElement({
     defaultTag: "p",
     props: {
-      ...consumerProps,
       id,
       "data-part": "description",
       "data-uiify-drawer": "",
       ...className ? { className } : {},
+      ...consumerProps,
       children
     },
     state: {}
@@ -259,16 +259,16 @@ function DrawerClose(props) {
   return useRenderElement({
     defaultTag: "button",
     props: {
-      ...consumerProps,
       type: "button",
       "data-uiify-button": "",
       "data-part": "close",
       "data-uiify-drawer": "",
       "data-variant": "ghost",
+      ...className ? { className } : {},
+      ...consumerProps,
       onClick: composeEventHandlers(consumerProps.onClick, () => {
         close();
       }),
-      ...className ? { className } : {},
       children
     },
     state: {}
@@ -293,13 +293,13 @@ function DrawerHandle(props) {
   return useRenderElement({
     defaultTag: "div",
     props: snapEnabled ? {
-      ...consumerProps,
       "aria-hidden": true,
       "data-part": "handle",
       "data-uiify-drawer": "",
       "data-dragging": dragging ? "" : void 0,
       "data-side": side,
       ...className ? { className } : {},
+      ...consumerProps,
       onPointerDown: composeEventHandlers(
         onPointerDown,
         (event) => {
@@ -330,11 +330,15 @@ function DrawerHandle(props) {
         }
       )
     } : {
-      ...consumerProps,
       "aria-hidden": true,
       "data-part": "handle",
       "data-uiify-drawer": "",
-      ...className ? { className } : {}
+      ...className ? { className } : {},
+      ...consumerProps,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel
     },
     state: { dragging }
   });