@gunkin/uiify 0.0.25-alpha → 0.0.26-alpha

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -36,9 +36,6 @@ function DropdownMenuRoot(props) {
     open,
     ...rootProps
   } = props;
-  const nativeRootProps = Object.fromEntries(
-    Object.entries(rootProps).filter(([name]) => name !== "dangerouslySetInnerHTML")
-  );
   const dir = useDirectionOverride(localDir);
   const surface = useMenuSurface({
     ...id !== void 0 ? { id } : {},
@@ -73,7 +70,7 @@ function DropdownMenuRoot(props) {
     }),
     [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose]
   );
-  return /* @__PURE__ */ jsx("div", { ...nativeRootProps, className, "data-uiify-menu": "", children: /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children }) });
+  return /* @__PURE__ */ jsx("div", { "data-uiify-menu": "", ...rootProps, className, children: /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children }) });
 }
 function DropdownMenuTrigger(props) {
   const {
@@ -133,10 +130,8 @@ function DropdownMenuTrigger(props) {
     defaultTag: "button",
     render,
     props: {
-      ...withoutRef,
       ...triggerProps,
       ...anchorProps,
-      ref: mergedRef,
       ...nativeButton ? { "data-uiify-button": "" } : {},
       "aria-haspopup": "menu",
       "data-part": "trigger",
@@ -145,6 +140,8 @@ function DropdownMenuTrigger(props) {
       disabled: nativeButton && disabled ? true : void 0,
       ...nativeButton && !triggerProps.type ? { type: "button" } : {},
       ...className ? { className } : {},
+      ...withoutRef,
+      ref: mergedRef,
       onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),
       onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
       ...openOnHover && !disabled ? {
@@ -194,16 +191,16 @@ function DropdownMenuContent(props) {
     }
   };
   const contentProps = {
-    ...withoutRef,
     ...popupProps,
     ...positionerProps,
-    ref: mergedRef,
     role: "menu",
     "data-part": "content",
     "data-align": align,
     "data-side": side,
     "data-state": open ? "open" : "closed",
     ...className ? { className } : {},
+    ...withoutRef,
+    ref: mergedRef,
     onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
     ...hoverEnabledRef.current ? {
       onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),
@@ -285,12 +282,12 @@ function MenuItem(props) {
     ...onStateChange ? { onStateChange } : {}
   });
   const itemProps = {
-    ...consumerProps,
     role: roleName,
     "aria-checked": checked,
     "data-part": roleName === "menuitem" ? "item" : roleName.replace("menuitem", "") + "-item",
     "data-state": state,
     ...className ? { className } : {},
+    ...consumerProps,
     onClick: composeEventHandlers(consumerOnClick, activation.select),
     onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),
     children
@@ -316,7 +313,7 @@ function MenuItem(props) {
   );
 }
 function DropdownMenuItem(props) {
-  return /* @__PURE__ */ jsx(MenuItem, { ...props, roleName: "menuitem", defaultClose: true });
+  return /* @__PURE__ */ jsx(MenuItem, { roleName: "menuitem", defaultClose: true, ...props });
 }
 const [SelectionProvider, useSelectionContext] = createPartContext(
   "DropdownMenu",
@@ -371,7 +368,7 @@ function DropdownMenuRadioGroup(props) {
     as,
     defaultTag: "div",
     render,
-    props: { ...consumerProps, role: "group", "data-part": "radio-group", children },
+    props: { role: "group", "data-part": "radio-group", ...consumerProps, children },
     state: { value }
   }) });
 }
@@ -401,7 +398,7 @@ function Part({
     as,
     defaultTag,
     render,
-    props: { ...consumerProps, "data-part": part, ...className ? { className } : {}, children },
+    props: { "data-part": part, ...className ? { className } : {}, ...consumerProps, children },
     state: {}
   });
 }
@@ -414,10 +411,10 @@ function DropdownMenuItemIndicator(p) {
   return /* @__PURE__ */ jsx(
     Part,
     {
-      ...p,
       part: "item-indicator",
       defaultTag: "span",
-      "data-state": s.checked === "indeterminate" ? "indeterminate" : s.checked ? "checked" : "unchecked"
+      "data-state": s.checked === "indeterminate" ? "indeterminate" : s.checked ? "checked" : "unchecked",
+      ...p
     }
   );
 }
@@ -473,7 +470,8 @@ function DropdownMenuSubTrigger(props) {
   const sub = useSubContext("SubTrigger");
   const root = useDropdownMenuContext("SubTrigger");
   const { clickedRef } = sub;
-  const { onClick, onKeyDown, onPointerEnter, ...withoutEvents } = consumerProps;
+  const [consumerRef, withoutRef] = splitRef(consumerProps);
+  const { onClick, onKeyDown, onPointerEnter, onPointerLeave, ...withoutEvents } = withoutRef;
   const handleKeyDown = (event) => {
     const rtl = resolveDirection(event.currentTarget, root.dir) === "rtl";
     const openKey = rtl ? "ArrowLeft" : "ArrowRight";
@@ -505,20 +503,20 @@ function DropdownMenuSubTrigger(props) {
     }
   };
   const triggerProps = {
-    ...withoutEvents,
     ...sub.popover.triggerProps,
     ...sub.anchor.anchorProps,
     command: "show-popover",
-    ref: sub.triggerRef,
     role: "menuitem",
     "aria-haspopup": "menu",
     "aria-expanded": sub.open,
     "data-part": "sub-trigger",
     "data-state": sub.open ? "open" : "closed",
+    ...withoutEvents,
+    ref: useMergedRefs(sub.triggerRef, consumerRef),
     onClick: composeEventHandlers(onClick, handleClick),
     onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
     onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),
-    onPointerLeave: handlePointerLeave,
+    onPointerLeave: composeEventHandlers(onPointerLeave, handlePointerLeave),
     children
   };
   if (render)
@@ -551,6 +549,8 @@ function DropdownMenuSubContent(props) {
     ...consumerProps
   } = props;
   const sub = useSubContext("SubContent");
+  const [consumerRef, domProps] = splitRef(consumerProps);
+  const { onKeyDown: consumerOnKeyDown, onPointerLeave: consumerOnPointerLeave } = consumerProps;
   const root = useDropdownMenuContext("SubContent");
   const handleKeyDown = (event) => {
     const closeKey = resolveDirection(event.currentTarget, root.dir) === "rtl" ? "ArrowRight" : "ArrowLeft";
@@ -561,23 +561,26 @@ function DropdownMenuSubContent(props) {
     }
   };
   const contentProps = {
-    ...consumerProps,
     ...sub.popover.popupProps,
     ...sub.anchor.positionerProps,
-    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef),
     role: "menu",
     "data-part": "sub-content",
     "data-state": sub.open ? "open" : "closed",
     "data-side": side ?? sub.resolvedSide,
     "data-align": align,
-    onKeyDown: handleKeyDown,
-    onPointerLeave: (event) => {
-      if (sub.clickedRef.current) return;
-      const nextTarget = event.relatedTarget;
-      if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {
-        sub.popover.close();
+    ...domProps,
+    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef, consumerRef),
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
+    onPointerLeave: composeEventHandlers(
+      consumerOnPointerLeave,
+      (event) => {
+        if (sub.clickedRef.current) return;
+        const nextTarget = event.relatedTarget;
+        if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {
+          sub.popover.close();
+        }
       }
-    },
+    ),
     children
   };
   if (render)

package/dist/components/dropdown-menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirectionOverride } from \"@gunkin/uiify/core/direction\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport { createHoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { HoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { OpenChangeDetails } from \"@gunkin/uiify/core/open-change-details\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuGroup, MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport { DropdownMenuBar } from \"./DropdownMenuBar.js\";\nimport type {\n  DropdownMenuCheckedState,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuContentProps,\n  DropdownMenuContextValue,\n  DropdownMenuGroupProps,\n  DropdownMenuItemDescriptionProps,\n  DropdownMenuItemIconProps,\n  DropdownMenuItemIndicatorProps,\n  DropdownMenuItemProps,\n  DropdownMenuItemTextProps,\n  DropdownMenuLabelProps,\n  DropdownMenuOpenChangeReason,\n  DropdownMenuPartProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuRootProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuShortcutProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent } from \"./types.js\";\n\nfunction mapReason(reason: OpenChangeDetails[\"reason\"]): DropdownMenuOpenChangeReason {\n  if (reason === \"escape-key\") return \"escape\";\n  if (reason === \"focus-outside\") return \"focus-out\";\n  if (reason === \"native-toggle\") return \"trigger-press\";\n  return reason;\n}\n\nconst [DropdownMenuProvider, useDropdownMenuContext] =\n  createPartContext<DropdownMenuContextValue>(\"DropdownMenu\");\n\nexport function DropdownMenuRoot(props: DropdownMenuRootProps): ReactElement | null {\n  const {\n    children,\n    className,\n    defaultOpen,\n    dir: localDir,\n    disabled = false,\n    id,\n    loop = true,\n    onOpenChange,\n    open,\n    ...rootProps\n  } = props;\n  const nativeRootProps = Object.fromEntries(\n    Object.entries(rootProps).filter(([name]) => name !== \"dangerouslySetInnerHTML\"),\n  ) as typeof rootProps;\n  const dir = useDirectionOverride(localDir);\n  const surface = useMenuSurface({\n    ...(id !== undefined ? { id } : {}),\n    mode: \"auto\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange\n      ? {\n          onOpenChange: (next, details) =>\n            onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n        }\n      : {}),\n  });\n  const intentRef = useRef<HoverIntentStore | null>(null);\n  intentRef.current ??= createHoverIntentStore({ closeDelay: 150, openDelay: 0 });\n  const intent = intentRef.current;\n  const hoverEnabledRef = useRef(false);\n  // Read by the scheduled close so a timer from a menu that already closed\n  // cannot emit onOpenChange(false) over a sibling that opened since.\n  const openRef = useRef(surface.open);\n  openRef.current = surface.open;\n\n  const cancelHoverClose = useCallback(() => intent.clearCloseTimer(), [intent]);\n  const scheduleHoverClose = useCallback(() => {\n    intent.scheduleClose(() => {\n      if (openRef.current) surface.close();\n    });\n  }, [intent, surface]);\n\n  const value = useMemo(\n    () => ({\n      ...surface,\n      cancelHoverClose,\n      ...(dir ? { dir } : {}),\n      disabled,\n      hoverEnabledRef,\n      loop,\n      scheduleHoverClose,\n    }),\n    [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose],\n  );\n  return (\n    <div {...nativeRootProps} className={className} data-uiify-menu=\"\">\n      <DropdownMenuProvider value={value}>{children}</DropdownMenuProvider>\n    </div>\n  );\n}\n\nexport function DropdownMenuTrigger<TAs extends ElementType = \"button\">(\n  props: DropdownMenuTriggerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    className,\n    openOnHover = false,\n    ...consumerProps\n  } = props as DropdownMenuTriggerProps<\"button\"> & { openOnHover?: boolean };\n  const {\n    anchorProps,\n    cancelHoverClose,\n    close,\n    disabled,\n    focusTrigger,\n    hoverEnabledRef,\n    open,\n    openPopover,\n    openToItem,\n    scheduleHoverClose,\n    setTriggerElement,\n    triggerProps,\n  } = useDropdownMenuContext(\"Trigger\");\n  hoverEnabledRef.current = openOnHover;\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n  const nativeButton = !as || as === \"button\";\n  const {\n    onClick: consumerOnClick,\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = withoutRef as {\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n  const internalOnClick = triggerProps.onClick as (event: MouseEvent<HTMLButtonElement>) => void;\n  const handlePointerEnter = () => {\n    if (disabled) return;\n    cancelHoverClose();\n    if (!open) openPopover();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      if (open) close();\n      else openToItem(false);\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      openToItem(event.key === \"ArrowUp\");\n    } else if (event.key === \"Escape\" && open) {\n      event.preventDefault();\n      close();\n      focusTrigger();\n    }\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    render,\n    props: {\n      ...withoutRef,\n      ...triggerProps,\n      ...anchorProps,\n      ref: mergedRef,\n      ...(nativeButton ? { \"data-uiify-button\": \"\" } : {}),\n      \"aria-haspopup\": \"menu\",\n      \"data-part\": \"trigger\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      disabled: nativeButton && disabled ? true : undefined,\n      ...(nativeButton && !triggerProps.type ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ...(openOnHover && !disabled\n        ? {\n            onPointerEnter: composeEventHandlers(consumerOnPointerEnter, handlePointerEnter),\n            onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n          }\n        : {}),\n    },\n    state: { open },\n  });\n}\n\nexport function DropdownMenuContent<TAs extends ElementType = \"div\">(\n  props: DropdownMenuContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"start\",\n    as,\n    className,\n    side = \"bottom\",\n    children,\n    render,\n    ...consumerProps\n  } = props as DropdownMenuContentProps<\"div\">;\n  const {\n    cancelHoverClose,\n    close,\n    contentRef,\n    dir,\n    focusTrigger,\n    hoverEnabledRef,\n    loop,\n    open,\n    popupProps,\n    popupRef,\n    positionerProps,\n    scheduleHoverClose,\n  } = useDropdownMenuContext(\"Content\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n  const {\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = withoutRef as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<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    ...withoutRef,\n    ...popupProps,\n    ...positionerProps,\n    ref: mergedRef,\n    role: \"menu\",\n    \"data-part\": \"content\",\n    \"data-align\": align,\n    \"data-side\": side,\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    ...(hoverEnabledRef.current\n      ? {\n          onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),\n          onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n        }\n      : {}),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusRoot\n        {...(dir ? { direction: dir } : {})}\n        loop={loop}\n        orientation=\"vertical\"\n        {...contentProps}\n        render={(p) => render(p, { open })}\n      />\n    );\n  return (\n    <RovingFocusRoot\n      as={as ?? \"div\"}\n      {...(dir ? { direction: dir } : {})}\n      loop={loop}\n      orientation=\"vertical\"\n      {...contentProps}\n    />\n  );\n}\n\ninterface ItemActivationOptions {\n  closeOnSelect: boolean;\n  disabled: boolean;\n  onSelect?: DropdownMenuItemProps[\"onSelect\"];\n  onStateChange?: () => void;\n}\nfunction useItemActivation({\n  closeOnSelect,\n  disabled,\n  onSelect,\n  onStateChange,\n}: ItemActivationOptions) {\n  const { close, focusTrigger } = useDropdownMenuContext(\"Item\");\n  const select = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    const selectEvent = createMenuSelectEvent();\n    onSelect?.(selectEvent);\n    if (!selectEvent.defaultPrevented) {\n      onStateChange?.();\n      if (closeOnSelect) {\n        close();\n        focusTrigger();\n      }\n    }\n    event.preventDefault();\n  };\n  return {\n    select,\n    keyDown: (event: KeyboardEvent<HTMLElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") select(event);\n    },\n  };\n}\n\nfunction MenuItem<TAs extends ElementType>(\n  props: DropdownMenuItemProps<TAs> & {\n    roleName: string;\n    checked?: boolean | \"mixed\";\n    state?: string;\n    onStateChange?: () => void;\n    defaultClose: boolean;\n  },\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    className,\n    closeOnSelect,\n    disabled = false,\n    onSelect,\n    textValue,\n    roleName,\n    checked,\n    state,\n    onStateChange,\n    defaultClose,\n    ...consumerProps\n  } = props as DropdownMenuItemProps<\"div\"> & {\n    roleName: string;\n    checked?: boolean | \"mixed\";\n    state?: string;\n    onStateChange?: () => void;\n    defaultClose: boolean;\n  };\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const activation = useItemActivation({\n    closeOnSelect: closeOnSelect ?? defaultClose,\n    disabled,\n    onSelect,\n    ...(onStateChange ? { onStateChange } : {}),\n  });\n  const itemProps = {\n    ...consumerProps,\n    role: roleName,\n    \"aria-checked\": checked,\n    \"data-part\": roleName === \"menuitem\" ? \"item\" : roleName.replace(\"menuitem\", \"\") + \"-item\",\n    \"data-state\": state,\n    ...(className ? { className } : {}),\n    onClick: composeEventHandlers(consumerOnClick, activation.select),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        {...(textValue !== undefined ? { textValue } : {})}\n        {...(itemProps as object)}\n        render={(p) => render(p, { disabled })}\n      />\n    );\n  return (\n    <RovingFocusItem\n      as={as ?? \"div\"}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...(itemProps as object)}\n    />\n  );\n}\n\nexport function DropdownMenuItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuItemProps<TAs>,\n): ReactElement | null {\n  return <MenuItem {...props} roleName=\"menuitem\" defaultClose />;\n}\n\ninterface SelectionContextValue {\n  checked: DropdownMenuCheckedState;\n  kind: \"checkbox\" | \"radio\";\n}\nconst [SelectionProvider, useSelectionContext] = createPartContext<SelectionContextValue>(\n  \"DropdownMenu\",\n  \"ItemIndicator\",\n);\n\nexport function DropdownMenuCheckboxItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuCheckboxItemProps<TAs>,\n): ReactElement | null {\n  const { checked: controlled, defaultChecked = false, onCheckedChange, ...itemProps } = props;\n  const [checked, setChecked] = useControllableState<DropdownMenuCheckedState>({\n    value: controlled,\n    defaultValue: defaultChecked,\n  });\n  const next = checked === \"indeterminate\" ? true : !checked;\n  return (\n    <SelectionProvider value={{ checked, kind: \"checkbox\" }}>\n      <MenuItem\n        {...(itemProps as DropdownMenuItemProps<ElementType>)}\n        roleName=\"menuitemcheckbox\"\n        checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n        state={checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\"}\n        defaultClose={false}\n        onStateChange={() => {\n          setChecked(next);\n          onCheckedChange?.(next);\n        }}\n      />\n    </SelectionProvider>\n  );\n}\n\ninterface RadioContextValue {\n  setValue: (value: string) => void;\n  value: string | undefined;\n}\nconst [RadioProvider, useRadioContext] = createPartContext<RadioContextValue>(\n  \"DropdownMenu\",\n  \"RadioGroup\",\n);\nexport function DropdownMenuRadioGroup<TAs extends ElementType = \"div\">(\n  props: DropdownMenuRadioGroupProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    defaultValue,\n    onValueChange,\n    value: controlled,\n    ...consumerProps\n  } = props as DropdownMenuRadioGroupProps<\"div\">;\n  const [value, setValue] = useControllableState<string | undefined>({\n    value: controlled,\n    defaultValue,\n    ...(onValueChange\n      ? {\n          onChange: (next) => {\n            if (next !== undefined) onValueChange(next);\n          },\n        }\n      : {}),\n  });\n  return (\n    <RadioProvider value={{ value, setValue }}>\n      {useRenderElement({\n        as,\n        defaultTag: \"div\",\n        render,\n        props: { ...consumerProps, role: \"group\", \"data-part\": \"radio-group\", children },\n        state: { value },\n      })}\n    </RadioProvider>\n  );\n}\nexport function DropdownMenuRadioItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuRadioItemProps<TAs>,\n): ReactElement | null {\n  const { value, ...itemProps } = props;\n  const radio = useRadioContext(\"RadioItem\");\n  const checked = radio.value === value;\n  return (\n    <SelectionProvider value={{ checked, kind: \"radio\" }}>\n      <MenuItem\n        {...(itemProps as DropdownMenuItemProps<ElementType>)}\n        roleName=\"menuitemradio\"\n        checked={checked}\n        state={checked ? \"checked\" : \"unchecked\"}\n        defaultClose={false}\n        onStateChange={() => radio.setValue(value)}\n      />\n    </SelectionProvider>\n  );\n}\n\nfunction Part<TAs extends ElementType = \"span\">({\n  part,\n  defaultTag,\n  ...props\n}: DropdownMenuPartProps<TAs> & { part: string; defaultTag: ElementType }): ReactElement | null {\n  const { as, render, children, className, ...consumerProps } =\n    props as DropdownMenuPartProps<\"span\">;\n  return useRenderElement({\n    as,\n    defaultTag,\n    render,\n    props: { ...consumerProps, \"data-part\": part, ...(className ? { className } : {}), children },\n    state: {},\n  });\n}\nexport const DropdownMenuItemIcon = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemIconProps<TAs>,\n) => <Part {...p} part=\"item-icon\" defaultTag=\"span\" />;\nexport const DropdownMenuItemText = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemTextProps<TAs>,\n) => <Part {...p} part=\"item-text\" defaultTag=\"span\" />;\nexport const DropdownMenuItemDescription = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemDescriptionProps<TAs>,\n) => <Part {...p} part=\"item-description\" defaultTag=\"span\" />;\nexport const DropdownMenuShortcut = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuShortcutProps<TAs>,\n) => <Part {...p} part=\"shortcut\" defaultTag=\"kbd\" />;\nexport function DropdownMenuItemIndicator<TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemIndicatorProps<TAs>,\n): ReactElement | null {\n  const s = useSelectionContext(\"ItemIndicator\");\n  return (\n    <Part\n      {...p}\n      part=\"item-indicator\"\n      defaultTag=\"span\"\n      data-state={\n        s.checked === \"indeterminate\" ? \"indeterminate\" : s.checked ? \"checked\" : \"unchecked\"\n      }\n    />\n  );\n}\nexport function DropdownMenuGroup<TAs extends ElementType = \"div\">(\n  p: DropdownMenuGroupProps<TAs>,\n): ReactElement | null {\n  return <MenuGroup {...p} />;\n}\nexport function DropdownMenuLabel<TAs extends ElementType = \"div\">(\n  p: DropdownMenuLabelProps<TAs>,\n): ReactElement | null {\n  return <MenuLabel {...p} />;\n}\nexport function DropdownMenuSeparator<TAs extends ElementType = \"div\">(\n  p: DropdownMenuSeparatorProps<TAs>,\n): ReactElement | null {\n  return <MenuSeparator {...p} />;\n}\n\ninterface SubValue {\n  clickedRef: RefObject<boolean>;\n  contentRef: React.RefObject<HTMLElement | null>;\n  open: boolean;\n  popover: ReturnType<typeof usePopover>;\n  anchor: ReturnType<typeof useAnchorPosition>;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  resolvedSide: \"left\" | \"right\";\n  setResolvedSide: (side: \"left\" | \"right\") => void;\n}\nconst [SubProvider, useSubContext] = createPartContext<SubValue>(\"DropdownMenu\", \"Sub\");\nexport function DropdownMenuSub(props: DropdownMenuSubProps): ReactElement | null {\n  const { children, defaultOpen, onOpenChange, open } = props;\n  const contentRef = useRef<HTMLElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popover = usePopover({\n    mode: \"auto\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange\n      ? {\n          onOpenChange: (next, details) =>\n            onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n        }\n      : {}),\n  });\n  const anchor = useAnchorPosition();\n  const clickedRef = useRef(false);\n  const [resolvedSide, setResolvedSide] = useState<\"left\" | \"right\">(\"right\");\n  const value = useMemo(\n    () => ({\n      anchor,\n      clickedRef,\n      contentRef,\n      open: popover.open,\n      popover,\n      resolvedSide,\n      setResolvedSide,\n      triggerRef,\n    }),\n    [anchor, popover, clickedRef, resolvedSide],\n  );\n  return <SubProvider value={value}>{children}</SubProvider>;\n}\nexport function DropdownMenuSubTrigger<TAs extends ElementType = \"button\">(\n  props: DropdownMenuSubTriggerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    disabled = false,\n    textValue,\n    ...consumerProps\n  } = props as DropdownMenuSubTriggerProps<\"div\">;\n  const sub = useSubContext(\"SubTrigger\");\n  const root = useDropdownMenuContext(\"SubTrigger\");\n  const { clickedRef } = sub;\n  const { onClick, onKeyDown, onPointerEnter, ...withoutEvents } =\n    consumerProps as typeof consumerProps & {\n      onClick?: (event: MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const rtl = resolveDirection(event.currentTarget, root.dir) === \"rtl\";\n    const openKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n    if (event.key === openKey || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      clickedRef.current = true;\n      sub.setResolvedSide(rtl ? \"left\" : \"right\");\n      sub.popover.openPopover();\n      queueMicrotask(() => focusMenuItem(sub.contentRef.current));\n    }\n  };\n  const handlePointerEnter = (event: PointerEvent<HTMLElement>) => {\n    clickedRef.current = false;\n    sub.setResolvedSide(\n      resolveDirection(event.currentTarget, root.dir) === \"rtl\" ? \"left\" : \"right\",\n    );\n    sub.popover.openPopover();\n  };\n  const handlePointerLeave = (event: PointerEvent<HTMLElement>) => {\n    if (clickedRef.current) return;\n    const nextTarget = event.relatedTarget;\n    if (nextTarget instanceof Node && sub.contentRef.current?.contains(nextTarget)) return;\n    sub.popover.close();\n  };\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    clickedRef.current = true;\n    if (!sub.open) {\n      (sub.popover.triggerProps.onClick as (event: MouseEvent<HTMLElement>) => void)(event);\n    }\n  };\n  const triggerProps = {\n    ...(withoutEvents as object),\n    ...sub.popover.triggerProps,\n    ...sub.anchor.anchorProps,\n    command: \"show-popover\",\n    ref: sub.triggerRef,\n    role: \"menuitem\",\n    \"aria-haspopup\": \"menu\" as const,\n    \"aria-expanded\": sub.open,\n    \"data-part\": \"sub-trigger\",\n    \"data-state\": sub.open ? \"open\" : \"closed\",\n    onClick: composeEventHandlers(onClick, handleClick),\n    onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),\n    onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),\n    onPointerLeave: handlePointerLeave,\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusItem\n        {...(triggerProps as object)}\n        disabled={disabled}\n        {...(textValue !== undefined ? { textValue } : {})}\n        render={(p) => render(p, { disabled, open: sub.open })}\n      />\n    );\n  return (\n    <RovingFocusItem\n      as={as ?? \"button\"}\n      {...(triggerProps as object)}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n    />\n  );\n}\nexport function DropdownMenuSubContent<TAs extends ElementType = \"div\">(\n  props: DropdownMenuSubContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"start\",\n    as,\n    render,\n    side,\n    children,\n    ...consumerProps\n  } = props as DropdownMenuSubContentProps<\"div\">;\n  const sub = useSubContext(\"SubContent\");\n  const root = useDropdownMenuContext(\"SubContent\");\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const closeKey =\n      resolveDirection(event.currentTarget, root.dir) === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n    if (event.key === closeKey || event.key === \"Escape\") {\n      event.preventDefault();\n      sub.popover.close();\n      sub.triggerRef.current?.focus();\n    }\n  };\n  const contentProps = {\n    ...consumerProps,\n    ...sub.popover.popupProps,\n    ...sub.anchor.positionerProps,\n    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef),\n    role: \"menu\",\n    \"data-part\": \"sub-content\",\n    \"data-state\": sub.open ? \"open\" : \"closed\",\n    \"data-side\": side ?? sub.resolvedSide,\n    \"data-align\": align,\n    onKeyDown: handleKeyDown,\n    onPointerLeave: (event: PointerEvent<HTMLElement>) => {\n      if (sub.clickedRef.current) return;\n      const nextTarget = event.relatedTarget;\n      if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {\n        sub.popover.close();\n      }\n    },\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusRoot\n        {...(root.dir ? { direction: root.dir } : {})}\n        loop={root.loop}\n        orientation=\"vertical\"\n        {...contentProps}\n        render={(p) => render(p, { open: sub.open })}\n      />\n    );\n  return (\n    <RovingFocusRoot\n      as={as ?? \"div\"}\n      {...(root.dir ? { direction: root.dir } : {})}\n      loop={root.loop}\n      orientation=\"vertical\"\n      {...contentProps}\n    />\n  );\n}\n\nDropdownMenuRoot.displayName = \"DropdownMenuRoot\";\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\nMenuItem.displayName = \"DropdownMenuItemBase\";\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\nPart.displayName = \"DropdownMenuPart\";\nDropdownMenuItemIcon.displayName = \"DropdownMenuItemIcon\";\nDropdownMenuItemText.displayName = \"DropdownMenuItemText\";\nDropdownMenuItemDescription.displayName = \"DropdownMenuItemDescription\";\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\nDropdownMenuItemIndicator.displayName = \"DropdownMenuItemIndicator\";\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\nexport const DropdownMenu = {\n  Bar: DropdownMenuBar,\n  Root: DropdownMenuRoot,\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Item: DropdownMenuItem,\n  ItemIcon: DropdownMenuItemIcon,\n  ItemText: DropdownMenuItemText,\n  ItemDescription: DropdownMenuItemDescription,\n  Shortcut: DropdownMenuShortcut,\n  Separator: DropdownMenuSeparator,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  ItemIndicator: DropdownMenuItemIndicator,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n};\n"],"mappings":";AA6HM;AA3HN,SAAS,aAAa,SAAS,QAAQ,gBAAgB;AAUvD,SAAS,sBAAsB,qBAAqB;AACpD,SAAS,mBAAmB,gBAAgB;AAC5C,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAGvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,WAAW,WAAW,qBAAqB;AACpD,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AA4BhC,SAAS,UAAU,QAAmE;AACpF,MAAI,WAAW,aAAc,QAAO;AACpC,MAAI,WAAW,gBAAiB,QAAO;AACvC,MAAI,WAAW,gBAAiB,QAAO;AACvC,SAAO;AACT;AAEA,MAAM,CAAC,sBAAsB,sBAAsB,IACjD,kBAA4C,cAAc;AAErD,SAAS,iBAAiB,OAAmD;AAClF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,kBAAkB,OAAO;AAAA,IAC7B,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,MAAM,SAAS,yBAAyB;AAAA,EACjF;AACA,QAAM,MAAM,qBAAqB,QAAQ;AACzC,QAAM,UAAU,eAAe;AAAA,IAC7B,GAAI,OAAO,SAAY,EAAE,GAAG,IAAI,CAAC;AAAA,IACjC,MAAM;AAAA,IACN,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eACA;AAAA,MACE,cAAc,CAAC,MAAM,YACnB,aAAa,MAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,UAAU,QAAQ,MAAM,EAAE,CAAC;AAAA,IAClF,IACA,CAAC;AAAA,EACP,CAAC;AACD,QAAM,YAAY,OAAgC,IAAI;AACtD,YAAU,YAAY,uBAAuB,EAAE,YAAY,KAAK,WAAW,EAAE,CAAC;AAC9E,QAAM,SAAS,UAAU;AACzB,QAAM,kBAAkB,OAAO,KAAK;AAGpC,QAAM,UAAU,OAAO,QAAQ,IAAI;AACnC,UAAQ,UAAU,QAAQ;AAE1B,QAAM,mBAAmB,YAAY,MAAM,OAAO,gBAAgB,GAAG,CAAC,MAAM,CAAC;AAC7E,QAAM,qBAAqB,YAAY,MAAM;AAC3C,WAAO,cAAc,MAAM;AACzB,UAAI,QAAQ,QAAS,SAAQ,MAAM;AAAA,IACrC,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,GAAI,MAAM,EAAE,IAAI,IAAI,CAAC;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,SAAS,KAAK,UAAU,MAAM,kBAAkB;AAAA,EACrE;AACA,SACE,oBAAC,SAAK,GAAG,iBAAiB,WAAsB,mBAAgB,IAC9D,8BAAC,wBAAqB,OAAe,UAAS,GAChD;AAEJ;AAEO,SAAS,oBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB,SAAS;AACpC,kBAAgB,UAAU;AAC1B,QAAM,CAAC,aAAa,UAAU,IAAI,SAA4C,aAAa;AAC3F,QAAM,YAAY,cAAc,mBAAmB,WAAW;AAC9D,QAAM,eAAe,CAAC,MAAM,OAAO;AACnC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,IAAI;AAMJ,QAAM,kBAAkB,aAAa;AACrC,QAAM,qBAAqB,MAAM;AAC/B,QAAI,SAAU;AACd,qBAAiB;AACjB,QAAI,CAAC,KAAM,aAAY;AAAA,EACzB;AACA,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,QAAI,SAAU;AACd,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,eAAe;AACrB,UAAI,KAAM,OAAM;AAAA,UACX,YAAW,KAAK;AAAA,IACvB,WAAW,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AAC/D,YAAM,eAAe;AACrB,iBAAW,MAAM,QAAQ,SAAS;AAAA,IACpC,WAAW,MAAM,QAAQ,YAAY,MAAM;AACzC,YAAM,eAAe;AACrB,YAAM;AACN,mBAAa;AAAA,IACf;AAAA,EACF;AACA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,KAAK;AAAA,MACL,GAAI,eAAe,EAAE,qBAAqB,GAAG,IAAI,CAAC;AAAA,MAClD,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,cAAc,OAAO,SAAS;AAAA,MAC9B,iBAAiB,WAAW,KAAK;AAAA,MACjC,UAAU,gBAAgB,WAAW,OAAO;AAAA,MAC5C,GAAI,gBAAgB,CAAC,aAAa,OAAO,EAAE,MAAM,SAAS,IAAI,CAAC;AAAA,MAC/D,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,SAAS,WAAW,kBAAkB,qBAAqB,iBAAiB,eAAe;AAAA,MAC3F,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,MAChE,GAAI,eAAe,CAAC,WAChB;AAAA,QACE,gBAAgB,qBAAqB,wBAAwB,kBAAkB;AAAA,QAC/E,gBAAgB,qBAAqB,wBAAwB,kBAAkB;AAAA,MACjF,IACA,CAAC;AAAA,IACP;AAAA,IACA,OAAO,EAAE,KAAK;AAAA,EAChB,CAAC;AACH;AAEO,SAAS,oBACd,OACqB;AACrB,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB,SAAS;AACpC,QAAM,CAAC,aAAa,UAAU,IAAI,SAA4C,aAAa;AAC3F,QAAM,YAAY,cAAc,UAAU,YAAY,WAAW;AACjE,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,IAAI;AAKJ,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,GAAG;AAAA,IACH,KAAK;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,cAAc,OAAO,SAAS;AAAA,IAC9B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IACjC,WAAW,qBAAqB,mBAAmB,aAAa;AAAA,IAChE,GAAI,gBAAgB,UAChB;AAAA,MACE,gBAAgB,qBAAqB,wBAAwB,gBAAgB;AAAA,MAC7E,gBAAgB,qBAAqB,wBAAwB,kBAAkB;AAAA,IACjF,IACA,CAAC;AAAA,IACL;AAAA,EACF;AACA,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI,MAAM,EAAE,WAAW,IAAI,IAAI,CAAC;AAAA,QACjC;AAAA,QACA,aAAY;AAAA,QACX,GAAG;AAAA,QACJ,QAAQ,CAAC,MAAM,OAAO,GAAG,EAAE,KAAK,CAAC;AAAA;AAAA,IACnC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACT,GAAI,MAAM,EAAE,WAAW,IAAI,IAAI,CAAC;AAAA,MACjC;AAAA,MACA,aAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAEJ;AAQA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,EAAE,OAAO,aAAa,IAAI,uBAAuB,MAAM;AAC7D,QAAM,SAAS,CAAC,UAAuC;AACrD,QAAI,SAAU;AACd,UAAM,cAAc,sBAAsB;AAC1C,eAAW,WAAW;AACtB,QAAI,CAAC,YAAY,kBAAkB;AACjC,sBAAgB;AAChB,UAAI,eAAe;AACjB,cAAM;AACN,qBAAa;AAAA,MACf;AAAA,IACF;AACA,UAAM,eAAe;AAAA,EACvB;AACA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,CAAC,UAAsC;AAC9C,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK,QAAO,KAAK;AAAA,IAC9D;AAAA,EACF;AACF;AAEA,SAAS,SACP,OAOqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAOJ,QAAM,EAAE,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAInE,QAAM,aAAa,kBAAkB;AAAA,IACnC,eAAe,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,GAAI,gBAAgB,EAAE,cAAc,IAAI,CAAC;AAAA,EAC3C,CAAC;AACD,QAAM,YAAY;AAAA,IAChB,GAAG;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,aAAa,aAAa,aAAa,SAAS,SAAS,QAAQ,YAAY,EAAE,IAAI;AAAA,IACnF,cAAc;AAAA,IACd,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IACjC,SAAS,qBAAqB,iBAAiB,WAAW,MAAM;AAAA,IAChE,WAAW,qBAAqB,mBAAmB,WAAW,OAAO;AAAA,IACrE;AAAA,EACF;AACA,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QAC/C,GAAI;AAAA,QACL,QAAQ,CAAC,MAAM,OAAO,GAAG,EAAE,SAAS,CAAC;AAAA;AAAA,IACvC;AAEJ,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;AAEO,SAAS,iBACd,OACqB;AACrB,SAAO,oBAAC,YAAU,GAAG,OAAO,UAAS,YAAW,cAAY,MAAC;AAC/D;AAMA,MAAM,CAAC,mBAAmB,mBAAmB,IAAI;AAAA,EAC/C;AAAA,EACA;AACF;AAEO,SAAS,yBACd,OACqB;AACrB,QAAM,EAAE,SAAS,YAAY,iBAAiB,OAAO,iBAAiB,GAAG,UAAU,IAAI;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,qBAA+C;AAAA,IAC3E,OAAO;AAAA,IACP,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,OAAO,YAAY,kBAAkB,OAAO,CAAC;AACnD,SACE,oBAAC,qBAAkB,OAAO,EAAE,SAAS,MAAM,WAAW,GACpD;AAAA,IAAC;AAAA;AAAA,MACE,GAAI;AAAA,MACL,UAAS;AAAA,MACT,SAAS,YAAY,kBAAkB,UAAU;AAAA,MACjD,OAAO,YAAY,kBAAkB,kBAAkB,UAAU,YAAY;AAAA,MAC7E,cAAc;AAAA,MACd,eAAe,MAAM;AACnB,mBAAW,IAAI;AACf,0BAAkB,IAAI;AAAA,MACxB;AAAA;AAAA,EACF,GACF;AAEJ;AAMA,MAAM,CAAC,eAAe,eAAe,IAAI;AAAA,EACvC;AAAA,EACA;AACF;AACO,SAAS,uBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAyC;AAAA,IACjE,OAAO;AAAA,IACP;AAAA,IACA,GAAI,gBACA;AAAA,MACE,UAAU,CAAC,SAAS;AAClB,YAAI,SAAS,OAAW,eAAc,IAAI;AAAA,MAC5C;AAAA,IACF,IACA,CAAC;AAAA,EACP,CAAC;AACD,SACE,oBAAC,iBAAc,OAAO,EAAE,OAAO,SAAS,GACrC,2BAAiB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,OAAO,EAAE,GAAG,eAAe,MAAM,SAAS,aAAa,eAAe,SAAS;AAAA,IAC/E,OAAO,EAAE,MAAM;AAAA,EACjB,CAAC,GACH;AAEJ;AACO,SAAS,sBACd,OACqB;AACrB,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAChC,QAAM,QAAQ,gBAAgB,WAAW;AACzC,QAAM,UAAU,MAAM,UAAU;AAChC,SACE,oBAAC,qBAAkB,OAAO,EAAE,SAAS,MAAM,QAAQ,GACjD;AAAA,IAAC;AAAA;AAAA,MACE,GAAI;AAAA,MACL,UAAS;AAAA,MACT;AAAA,MACA,OAAO,UAAU,YAAY;AAAA,MAC7B,cAAc;AAAA,MACd,eAAe,MAAM,MAAM,SAAS,KAAK;AAAA;AAAA,EAC3C,GACF;AAEJ;AAEA,SAAS,KAAuC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgG;AAC9F,QAAM,EAAE,IAAI,QAAQ,UAAU,WAAW,GAAG,cAAc,IACxD;AACF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,GAAG,eAAe,aAAa,MAAM,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC,GAAI,SAAS;AAAA,IAC5F,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,MAAM,uBAAuB,CAClC,MACG,oBAAC,QAAM,GAAG,GAAG,MAAK,aAAY,YAAW,QAAO;AAC9C,MAAM,uBAAuB,CAClC,MACG,oBAAC,QAAM,GAAG,GAAG,MAAK,aAAY,YAAW,QAAO;AAC9C,MAAM,8BAA8B,CACzC,MACG,oBAAC,QAAM,GAAG,GAAG,MAAK,oBAAmB,YAAW,QAAO;AACrD,MAAM,uBAAuB,CAClC,MACG,oBAAC,QAAM,GAAG,GAAG,MAAK,YAAW,YAAW,OAAM;AAC5C,SAAS,0BACd,GACqB;AACrB,QAAM,IAAI,oBAAoB,eAAe;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,YAAW;AAAA,MACX,cACE,EAAE,YAAY,kBAAkB,kBAAkB,EAAE,UAAU,YAAY;AAAA;AAAA,EAE9E;AAEJ;AACO,SAAS,kBACd,GACqB;AACrB,SAAO,oBAAC,aAAW,GAAG,GAAG;AAC3B;AACO,SAAS,kBACd,GACqB;AACrB,SAAO,oBAAC,aAAW,GAAG,GAAG;AAC3B;AACO,SAAS,sBACd,GACqB;AACrB,SAAO,oBAAC,iBAAe,GAAG,GAAG;AAC/B;AAYA,MAAM,CAAC,aAAa,aAAa,IAAI,kBAA4B,gBAAgB,KAAK;AAC/E,SAAS,gBAAgB,OAAkD;AAChF,QAAM,EAAE,UAAU,aAAa,cAAc,KAAK,IAAI;AACtD,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,UAAU,WAAW;AAAA,IACzB,MAAM;AAAA,IACN,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eACA;AAAA,MACE,cAAc,CAAC,MAAM,YACnB,aAAa,MAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,UAAU,QAAQ,MAAM,EAAE,CAAC;AAAA,IAClF,IACA,CAAC;AAAA,EACP,CAAC;AACD,QAAM,SAAS,kBAAkB;AACjC,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAA2B,OAAO;AAC1E,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,QAAQ;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,SAAS,YAAY,YAAY;AAAA,EAC5C;AACA,SAAO,oBAAC,eAAY,OAAe,UAAS;AAC9C;AACO,SAAS,uBACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,MAAM,cAAc,YAAY;AACtC,QAAM,OAAO,uBAAuB,YAAY;AAChD,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,EAAE,SAAS,WAAW,gBAAgB,GAAG,cAAc,IAC3D;AAKF,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,UAAM,MAAM,iBAAiB,MAAM,eAAe,KAAK,GAAG,MAAM;AAChE,UAAM,UAAU,MAAM,cAAc;AACpC,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AACvE,YAAM,eAAe;AACrB,iBAAW,UAAU;AACrB,UAAI,gBAAgB,MAAM,SAAS,OAAO;AAC1C,UAAI,QAAQ,YAAY;AACxB,qBAAe,MAAM,cAAc,IAAI,WAAW,OAAO,CAAC;AAAA,IAC5D;AAAA,EACF;AACA,QAAM,qBAAqB,CAAC,UAAqC;AAC/D,eAAW,UAAU;AACrB,QAAI;AAAA,MACF,iBAAiB,MAAM,eAAe,KAAK,GAAG,MAAM,QAAQ,SAAS;AAAA,IACvE;AACA,QAAI,QAAQ,YAAY;AAAA,EAC1B;AACA,QAAM,qBAAqB,CAAC,UAAqC;AAC/D,QAAI,WAAW,QAAS;AACxB,UAAM,aAAa,MAAM;AACzB,QAAI,sBAAsB,QAAQ,IAAI,WAAW,SAAS,SAAS,UAAU,EAAG;AAChF,QAAI,QAAQ,MAAM;AAAA,EACpB;AACA,QAAM,cAAc,CAAC,UAAmC;AACtD,eAAW,UAAU;AACrB,QAAI,CAAC,IAAI,MAAM;AACb,MAAC,IAAI,QAAQ,aAAa,QAAqD,KAAK;AAAA,IACtF;AAAA,EACF;AACA,QAAM,eAAe;AAAA,IACnB,GAAI;AAAA,IACJ,GAAG,IAAI,QAAQ;AAAA,IACf,GAAG,IAAI,OAAO;AAAA,IACd,SAAS;AAAA,IACT,KAAK,IAAI;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB,IAAI;AAAA,IACrB,aAAa;AAAA,IACb,cAAc,IAAI,OAAO,SAAS;AAAA,IAClC,SAAS,qBAAqB,SAAS,WAAW;AAAA,IAClD,WAAW,qBAAqB,WAAW,aAAa;AAAA,IACxD,gBAAgB,qBAAqB,gBAAgB,kBAAkB;AAAA,IACvE,gBAAgB;AAAA,IAChB;AAAA,EACF;AACA,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACL;AAAA,QACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,QAChD,QAAQ,CAAC,MAAM,OAAO,GAAG,EAAE,UAAU,MAAM,IAAI,KAAK,CAAC;AAAA;AAAA,IACvD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACT,GAAI;AAAA,MACL;AAAA,MACC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA;AAAA,EAClD;AAEJ;AACO,SAAS,uBACd,OACqB;AACrB,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,MAAM,cAAc,YAAY;AACtC,QAAM,OAAO,uBAAuB,YAAY;AAChD,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,UAAM,WACJ,iBAAiB,MAAM,eAAe,KAAK,GAAG,MAAM,QAAQ,eAAe;AAC7E,QAAI,MAAM,QAAQ,YAAY,MAAM,QAAQ,UAAU;AACpD,YAAM,eAAe;AACrB,UAAI,QAAQ,MAAM;AAClB,UAAI,WAAW,SAAS,MAAM;AAAA,IAChC;AAAA,EACF;AACA,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG,IAAI,QAAQ;AAAA,IACf,GAAG,IAAI,OAAO;AAAA,IACd,KAAK,cAAc,IAAI,QAAQ,UAAU,IAAI,UAAU;AAAA,IACvD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc,IAAI,OAAO,SAAS;AAAA,IAClC,aAAa,QAAQ,IAAI;AAAA,IACzB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,gBAAgB,CAAC,UAAqC;AACpD,UAAI,IAAI,WAAW,QAAS;AAC5B,YAAM,aAAa,MAAM;AACzB,UAAI,EAAE,sBAAsB,SAAS,CAAC,IAAI,WAAW,SAAS,SAAS,UAAU,GAAG;AAClF,YAAI,QAAQ,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACA,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI,KAAK,MAAM,EAAE,WAAW,KAAK,IAAI,IAAI,CAAC;AAAA,QAC3C,MAAM,KAAK;AAAA,QACX,aAAY;AAAA,QACX,GAAG;AAAA,QACJ,QAAQ,CAAC,MAAM,OAAO,GAAG,EAAE,MAAM,IAAI,KAAK,CAAC;AAAA;AAAA,IAC7C;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACT,GAAI,KAAK,MAAM,EAAE,WAAW,KAAK,IAAI,IAAI,CAAC;AAAA,MAC3C,MAAM,KAAK;AAAA,MACX,aAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,oBAAoB,cAAc;AAClC,oBAAoB,cAAc;AAClC,SAAS,cAAc;AACvB,iBAAiB,cAAc;AAC/B,yBAAyB,cAAc;AACvC,uBAAuB,cAAc;AACrC,sBAAsB,cAAc;AACpC,KAAK,cAAc;AACnB,qBAAqB,cAAc;AACnC,qBAAqB,cAAc;AACnC,4BAA4B,cAAc;AAC1C,qBAAqB,cAAc;AACnC,0BAA0B,cAAc;AACxC,kBAAkB,cAAc;AAChC,kBAAkB,cAAc;AAChC,sBAAsB,cAAc;AACpC,gBAAgB,cAAc;AAC9B,uBAAuB,cAAc;AACrC,uBAAuB,cAAc;AAE9B,MAAM,eAAe;AAAA,EAC1B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,YAAY;AACd;","names":[]}
+{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { useAnchorPosition } from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirectionOverride } from \"@gunkin/uiify/core/direction\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport { createHoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { HoverIntentStore } from \"@gunkin/uiify/core/hover-intent-store\";\nimport type { OpenChangeDetails } from \"@gunkin/uiify/core/open-change-details\";\nimport type { PartName } from \"@gunkin/uiify/core/part-names\";\nimport { usePopover } from \"@gunkin/uiify/core/popover\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuGroup, MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport { DropdownMenuBar } from \"./DropdownMenuBar.js\";\nimport type {\n  DropdownMenuCheckedState,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuContentProps,\n  DropdownMenuContextValue,\n  DropdownMenuGroupProps,\n  DropdownMenuItemDescriptionProps,\n  DropdownMenuItemIconProps,\n  DropdownMenuItemIndicatorProps,\n  DropdownMenuItemProps,\n  DropdownMenuItemTextProps,\n  DropdownMenuLabelProps,\n  DropdownMenuOpenChangeReason,\n  DropdownMenuPartProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuRootProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuShortcutProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerProps,\n} from \"./types.js\";\nexport type { MenuSelectEvent } from \"./types.js\";\nfunction mapReason(reason: OpenChangeDetails[\"reason\"]): DropdownMenuOpenChangeReason {\n  if (reason === \"escape-key\") return \"escape\";\n  if (reason === \"focus-outside\") return \"focus-out\";\n  if (reason === \"native-toggle\") return \"trigger-press\";\n  return reason;\n}\nconst [DropdownMenuProvider, useDropdownMenuContext] =\n  createPartContext<DropdownMenuContextValue>(\"DropdownMenu\");\nexport function DropdownMenuRoot(props: DropdownMenuRootProps): ReactElement | null {\n  const {\n    children,\n    className,\n    defaultOpen,\n    dir: localDir,\n    disabled = false,\n    id,\n    loop = true,\n    onOpenChange,\n    open,\n    ...rootProps\n  } = props;\n  const dir = useDirectionOverride(localDir);\n  const surface = useMenuSurface({\n    ...(id !== undefined ? { id } : {}),\n    mode: \"auto\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange\n      ? {\n          onOpenChange: (next, details) =>\n            onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n        }\n      : {}),\n  });\n  const intentRef = useRef<HoverIntentStore | null>(null);\n  intentRef.current ??= createHoverIntentStore({ closeDelay: 150, openDelay: 0 });\n  const intent = intentRef.current;\n  const hoverEnabledRef = useRef(false);\n  // Read by the scheduled close so a timer from a menu that already closed\n  // cannot emit onOpenChange(false) over a sibling that opened since.\n  const openRef = useRef(surface.open);\n  openRef.current = surface.open;\n  const cancelHoverClose = useCallback(() => intent.clearCloseTimer(), [intent]);\n  const scheduleHoverClose = useCallback(() => {\n    intent.scheduleClose(() => {\n      if (openRef.current) surface.close();\n    });\n  }, [intent, surface]);\n  const value = useMemo(\n    () => ({\n      ...surface,\n      cancelHoverClose,\n      ...(dir ? { dir } : {}),\n      disabled,\n      hoverEnabledRef,\n      loop,\n      scheduleHoverClose,\n    }),\n    [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose],\n  );\n  return (\n    <div data-uiify-menu=\"\" {...rootProps} className={className}>\n      <DropdownMenuProvider value={value}>{children}</DropdownMenuProvider>\n    </div>\n  );\n}\nexport function DropdownMenuTrigger<TAs extends ElementType = \"button\">(\n  props: DropdownMenuTriggerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    className,\n    openOnHover = false,\n    ...consumerProps\n  } = props as DropdownMenuTriggerProps<\"button\"> & {\n    openOnHover?: boolean;\n  };\n  const {\n    anchorProps,\n    cancelHoverClose,\n    close,\n    disabled,\n    focusTrigger,\n    hoverEnabledRef,\n    open,\n    openPopover,\n    openToItem,\n    scheduleHoverClose,\n    setTriggerElement,\n    triggerProps,\n  } = useDropdownMenuContext(\"Trigger\");\n  hoverEnabledRef.current = openOnHover;\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n  const nativeButton = !as || as === \"button\";\n  const {\n    onClick: consumerOnClick,\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = withoutRef as {\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n  const internalOnClick = triggerProps.onClick as (event: MouseEvent<HTMLButtonElement>) => void;\n  const handlePointerEnter = () => {\n    if (disabled) return;\n    cancelHoverClose();\n    if (!open) openPopover();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      if (open) close();\n      else openToItem(false);\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      openToItem(event.key === \"ArrowUp\");\n    } else if (event.key === \"Escape\" && open) {\n      event.preventDefault();\n      close();\n      focusTrigger();\n    }\n  };\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    render,\n    props: {\n      ...triggerProps,\n      ...anchorProps,\n      ...(nativeButton ? { \"data-uiify-button\": \"\" } : {}),\n      \"aria-haspopup\": \"menu\",\n      \"data-part\": \"trigger\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      disabled: nativeButton && disabled ? true : undefined,\n      ...(nativeButton && !triggerProps.type ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n\n      ...withoutRef,\n      ref: mergedRef,\n      onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      ...(openOnHover && !disabled\n        ? {\n            onPointerEnter: composeEventHandlers(consumerOnPointerEnter, handlePointerEnter),\n            onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n          }\n        : {}),\n    },\n    state: { open },\n  });\n}\nexport function DropdownMenuContent<TAs extends ElementType = \"div\">(\n  props: DropdownMenuContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"start\",\n    as,\n    className,\n    side = \"bottom\",\n    children,\n    render,\n    ...consumerProps\n  } = props as DropdownMenuContentProps<\"div\">;\n  const {\n    cancelHoverClose,\n    close,\n    contentRef,\n    dir,\n    focusTrigger,\n    hoverEnabledRef,\n    loop,\n    open,\n    popupProps,\n    popupRef,\n    positionerProps,\n    scheduleHoverClose,\n  } = useDropdownMenuContext(\"Content\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n  const {\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = withoutRef as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<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-align\": align,\n    \"data-side\": side,\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(className ? { className } : {}),\n\n    ...withoutRef,\n    ref: mergedRef,\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    ...(hoverEnabledRef.current\n      ? {\n          onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),\n          onPointerLeave: composeEventHandlers(consumerOnPointerLeave, scheduleHoverClose),\n        }\n      : {}),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusRoot\n        {...(dir ? { direction: dir } : {})}\n        loop={loop}\n        orientation=\"vertical\"\n        {...contentProps}\n        render={(p) => render(p, { open })}\n      />\n    );\n  return (\n    <RovingFocusRoot\n      as={as ?? \"div\"}\n      {...(dir ? { direction: dir } : {})}\n      loop={loop}\n      orientation=\"vertical\"\n      {...contentProps}\n    />\n  );\n}\ninterface ItemActivationOptions {\n  closeOnSelect: boolean;\n  disabled: boolean;\n  onSelect?: DropdownMenuItemProps[\"onSelect\"];\n  onStateChange?: () => void;\n}\nfunction useItemActivation({\n  closeOnSelect,\n  disabled,\n  onSelect,\n  onStateChange,\n}: ItemActivationOptions) {\n  const { close, focusTrigger } = useDropdownMenuContext(\"Item\");\n  const select = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    const selectEvent = createMenuSelectEvent();\n    onSelect?.(selectEvent);\n    if (!selectEvent.defaultPrevented) {\n      onStateChange?.();\n      if (closeOnSelect) {\n        close();\n        focusTrigger();\n      }\n    }\n    event.preventDefault();\n  };\n  return {\n    select,\n    keyDown: (event: KeyboardEvent<HTMLElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") select(event);\n    },\n  };\n}\nfunction MenuItem<TAs extends ElementType>(\n  props: DropdownMenuItemProps<TAs> & {\n    roleName: string;\n    checked?: boolean | \"mixed\";\n    state?: string;\n    onStateChange?: () => void;\n    defaultClose: boolean;\n  },\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    className,\n    closeOnSelect,\n    disabled = false,\n    onSelect,\n    textValue,\n    roleName,\n    checked,\n    state,\n    onStateChange,\n    defaultClose,\n    ...consumerProps\n  } = props as DropdownMenuItemProps<\"div\"> & {\n    roleName: string;\n    checked?: boolean | \"mixed\";\n    state?: string;\n    onStateChange?: () => void;\n    defaultClose: boolean;\n  };\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const activation = useItemActivation({\n    closeOnSelect: closeOnSelect ?? defaultClose,\n    disabled,\n    onSelect,\n    ...(onStateChange ? { onStateChange } : {}),\n  });\n  const itemProps = {\n    role: roleName,\n    \"aria-checked\": checked,\n    \"data-part\": roleName === \"menuitem\" ? \"item\" : roleName.replace(\"menuitem\", \"\") + \"-item\",\n    \"data-state\": state,\n    ...(className ? { className } : {}),\n    ...consumerProps,\n    onClick: composeEventHandlers(consumerOnClick, activation.select),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        {...(textValue !== undefined ? { textValue } : {})}\n        {...(itemProps as object)}\n        render={(p) => render(p, { disabled })}\n      />\n    );\n  return (\n    <RovingFocusItem\n      as={as ?? \"div\"}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...(itemProps as object)}\n    />\n  );\n}\nexport function DropdownMenuItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuItemProps<TAs>,\n): ReactElement | null {\n  return <MenuItem roleName=\"menuitem\" defaultClose {...props} />;\n}\ninterface SelectionContextValue {\n  checked: DropdownMenuCheckedState;\n  kind: \"checkbox\" | \"radio\";\n}\nconst [SelectionProvider, useSelectionContext] = createPartContext<SelectionContextValue>(\n  \"DropdownMenu\",\n  \"ItemIndicator\",\n);\nexport function DropdownMenuCheckboxItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuCheckboxItemProps<TAs>,\n): ReactElement | null {\n  const { checked: controlled, defaultChecked = false, onCheckedChange, ...itemProps } = props;\n  const [checked, setChecked] = useControllableState<DropdownMenuCheckedState>({\n    value: controlled,\n    defaultValue: defaultChecked,\n  });\n  const next = checked === \"indeterminate\" ? true : !checked;\n  return (\n    <SelectionProvider value={{ checked, kind: \"checkbox\" }}>\n      <MenuItem\n        {...(itemProps as DropdownMenuItemProps<ElementType>)}\n        roleName=\"menuitemcheckbox\"\n        checked={checked === \"indeterminate\" ? \"mixed\" : checked}\n        state={checked === \"indeterminate\" ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\"}\n        defaultClose={false}\n        onStateChange={() => {\n          setChecked(next);\n          onCheckedChange?.(next);\n        }}\n      />\n    </SelectionProvider>\n  );\n}\ninterface RadioContextValue {\n  setValue: (value: string) => void;\n  value: string | undefined;\n}\nconst [RadioProvider, useRadioContext] = createPartContext<RadioContextValue>(\n  \"DropdownMenu\",\n  \"RadioGroup\",\n);\nexport function DropdownMenuRadioGroup<TAs extends ElementType = \"div\">(\n  props: DropdownMenuRadioGroupProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    defaultValue,\n    onValueChange,\n    value: controlled,\n    ...consumerProps\n  } = props as DropdownMenuRadioGroupProps<\"div\">;\n  const [value, setValue] = useControllableState<string | undefined>({\n    value: controlled,\n    defaultValue,\n    ...(onValueChange\n      ? {\n          onChange: (next) => {\n            if (next !== undefined) onValueChange(next);\n          },\n        }\n      : {}),\n  });\n  return (\n    <RadioProvider value={{ value, setValue }}>\n      {useRenderElement({\n        as,\n        defaultTag: \"div\",\n        render,\n        props: { role: \"group\", \"data-part\": \"radio-group\", ...consumerProps, children },\n        state: { value },\n      })}\n    </RadioProvider>\n  );\n}\nexport function DropdownMenuRadioItem<TAs extends ElementType = \"div\">(\n  props: DropdownMenuRadioItemProps<TAs>,\n): ReactElement | null {\n  const { value, ...itemProps } = props;\n  const radio = useRadioContext(\"RadioItem\");\n  const checked = radio.value === value;\n  return (\n    <SelectionProvider value={{ checked, kind: \"radio\" }}>\n      <MenuItem\n        {...(itemProps as DropdownMenuItemProps<ElementType>)}\n        roleName=\"menuitemradio\"\n        checked={checked}\n        state={checked ? \"checked\" : \"unchecked\"}\n        defaultClose={false}\n        onStateChange={() => radio.setValue(value)}\n      />\n    </SelectionProvider>\n  );\n}\nfunction Part<TAs extends ElementType = \"span\">({\n  part,\n  defaultTag,\n  ...props\n}: DropdownMenuPartProps<TAs> & {\n  part: PartName;\n  defaultTag: ElementType;\n}): ReactElement | null {\n  const { as, render, children, className, ...consumerProps } =\n    props as DropdownMenuPartProps<\"span\">;\n  return useRenderElement({\n    as,\n    defaultTag,\n    render,\n    props: { \"data-part\": part, ...(className ? { className } : {}), ...consumerProps, children },\n    state: {},\n  });\n}\nexport const DropdownMenuItemIcon = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemIconProps<TAs>,\n) => <Part {...p} part=\"item-icon\" defaultTag=\"span\" />;\nexport const DropdownMenuItemText = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemTextProps<TAs>,\n) => <Part {...p} part=\"item-text\" defaultTag=\"span\" />;\nexport const DropdownMenuItemDescription = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemDescriptionProps<TAs>,\n) => <Part {...p} part=\"item-description\" defaultTag=\"span\" />;\nexport const DropdownMenuShortcut = <TAs extends ElementType = \"span\">(\n  p: DropdownMenuShortcutProps<TAs>,\n) => <Part {...p} part=\"shortcut\" defaultTag=\"kbd\" />;\nexport function DropdownMenuItemIndicator<TAs extends ElementType = \"span\">(\n  p: DropdownMenuItemIndicatorProps<TAs>,\n): ReactElement | null {\n  const s = useSelectionContext(\"ItemIndicator\");\n  return (\n    <Part\n      part=\"item-indicator\"\n      defaultTag=\"span\"\n      data-state={\n        s.checked === \"indeterminate\" ? \"indeterminate\" : s.checked ? \"checked\" : \"unchecked\"\n      }\n      {...p}\n    />\n  );\n}\nexport function DropdownMenuGroup<TAs extends ElementType = \"div\">(\n  p: DropdownMenuGroupProps<TAs>,\n): ReactElement | null {\n  return <MenuGroup {...p} />;\n}\nexport function DropdownMenuLabel<TAs extends ElementType = \"div\">(\n  p: DropdownMenuLabelProps<TAs>,\n): ReactElement | null {\n  return <MenuLabel {...p} />;\n}\nexport function DropdownMenuSeparator<TAs extends ElementType = \"div\">(\n  p: DropdownMenuSeparatorProps<TAs>,\n): ReactElement | null {\n  return <MenuSeparator {...p} />;\n}\ninterface SubValue {\n  clickedRef: RefObject<boolean>;\n  contentRef: React.RefObject<HTMLElement | null>;\n  open: boolean;\n  popover: ReturnType<typeof usePopover>;\n  anchor: ReturnType<typeof useAnchorPosition>;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  resolvedSide: \"left\" | \"right\";\n  setResolvedSide: (side: \"left\" | \"right\") => void;\n}\nconst [SubProvider, useSubContext] = createPartContext<SubValue>(\"DropdownMenu\", \"Sub\");\nexport function DropdownMenuSub(props: DropdownMenuSubProps): ReactElement | null {\n  const { children, defaultOpen, onOpenChange, open } = props;\n  const contentRef = useRef<HTMLElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popover = usePopover({\n    mode: \"auto\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange\n      ? {\n          onOpenChange: (next, details) =>\n            onOpenChange(next, { event: details.event, reason: mapReason(details.reason) }),\n        }\n      : {}),\n  });\n  const anchor = useAnchorPosition();\n  const clickedRef = useRef(false);\n  const [resolvedSide, setResolvedSide] = useState<\"left\" | \"right\">(\"right\");\n  const value = useMemo(\n    () => ({\n      anchor,\n      clickedRef,\n      contentRef,\n      open: popover.open,\n      popover,\n      resolvedSide,\n      setResolvedSide,\n      triggerRef,\n    }),\n    [anchor, popover, clickedRef, resolvedSide],\n  );\n  return <SubProvider value={value}>{children}</SubProvider>;\n}\nexport function DropdownMenuSubTrigger<TAs extends ElementType = \"button\">(\n  props: DropdownMenuSubTriggerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    disabled = false,\n    textValue,\n    ...consumerProps\n  } = props as DropdownMenuSubTriggerProps<\"div\">;\n  const sub = useSubContext(\"SubTrigger\");\n  const root = useDropdownMenuContext(\"SubTrigger\");\n  const { clickedRef } = sub;\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const { onClick, onKeyDown, onPointerEnter, onPointerLeave, ...withoutEvents } =\n    withoutRef as typeof withoutRef & {\n      onClick?: (event: MouseEvent<HTMLElement>) => void;\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const rtl = resolveDirection(event.currentTarget, root.dir) === \"rtl\";\n    const openKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n    if (event.key === openKey || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      clickedRef.current = true;\n      sub.setResolvedSide(rtl ? \"left\" : \"right\");\n      sub.popover.openPopover();\n      queueMicrotask(() => focusMenuItem(sub.contentRef.current));\n    }\n  };\n  const handlePointerEnter = (event: PointerEvent<HTMLElement>) => {\n    clickedRef.current = false;\n    sub.setResolvedSide(\n      resolveDirection(event.currentTarget, root.dir) === \"rtl\" ? \"left\" : \"right\",\n    );\n    sub.popover.openPopover();\n  };\n  const handlePointerLeave = (event: PointerEvent<HTMLElement>) => {\n    if (clickedRef.current) return;\n    const nextTarget = event.relatedTarget;\n    if (nextTarget instanceof Node && sub.contentRef.current?.contains(nextTarget)) return;\n    sub.popover.close();\n  };\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    clickedRef.current = true;\n    if (!sub.open) {\n      (sub.popover.triggerProps.onClick as (event: MouseEvent<HTMLElement>) => void)(event);\n    }\n  };\n  const triggerProps = {\n    ...sub.popover.triggerProps,\n    ...sub.anchor.anchorProps,\n    command: \"show-popover\",\n    role: \"menuitem\",\n    \"aria-haspopup\": \"menu\" as const,\n    \"aria-expanded\": sub.open,\n    \"data-part\": \"sub-trigger\",\n    \"data-state\": sub.open ? \"open\" : \"closed\",\n    ...(withoutEvents as object),\n    ref: useMergedRefs(sub.triggerRef, consumerRef),\n    onClick: composeEventHandlers(onClick, handleClick),\n    onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),\n    onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),\n    onPointerLeave: composeEventHandlers(onPointerLeave, handlePointerLeave),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusItem\n        {...(triggerProps as object)}\n        disabled={disabled}\n        {...(textValue !== undefined ? { textValue } : {})}\n        render={(p) => render(p, { disabled, open: sub.open })}\n      />\n    );\n  return (\n    <RovingFocusItem\n      as={as ?? \"button\"}\n      {...(triggerProps as object)}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n    />\n  );\n}\nexport function DropdownMenuSubContent<TAs extends ElementType = \"div\">(\n  props: DropdownMenuSubContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"start\",\n    as,\n    render,\n    side,\n    children,\n    ...consumerProps\n  } = props as DropdownMenuSubContentProps<\"div\">;\n  const sub = useSubContext(\"SubContent\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const { onKeyDown: consumerOnKeyDown, onPointerLeave: consumerOnPointerLeave } =\n    consumerProps as {\n      onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n  const root = useDropdownMenuContext(\"SubContent\");\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const closeKey =\n      resolveDirection(event.currentTarget, root.dir) === \"rtl\" ? \"ArrowRight\" : \"ArrowLeft\";\n    if (event.key === closeKey || event.key === \"Escape\") {\n      event.preventDefault();\n      sub.popover.close();\n      sub.triggerRef.current?.focus();\n    }\n  };\n  const contentProps = {\n    ...sub.popover.popupProps,\n    ...sub.anchor.positionerProps,\n    role: \"menu\",\n    \"data-part\": \"sub-content\",\n    \"data-state\": sub.open ? \"open\" : \"closed\",\n    \"data-side\": side ?? sub.resolvedSide,\n    \"data-align\": align,\n    ...domProps,\n    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef, consumerRef),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    onPointerLeave: composeEventHandlers(\n      consumerOnPointerLeave,\n      (event: PointerEvent<HTMLElement>) => {\n        if (sub.clickedRef.current) return;\n        const nextTarget = event.relatedTarget;\n        if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {\n          sub.popover.close();\n        }\n      },\n    ),\n    children,\n  };\n  if (render)\n    return (\n      <RovingFocusRoot\n        {...(root.dir ? { direction: root.dir } : {})}\n        loop={root.loop}\n        orientation=\"vertical\"\n        {...contentProps}\n        render={(p) => render(p, { open: sub.open })}\n      />\n    );\n  return (\n    <RovingFocusRoot\n      as={as ?? \"div\"}\n      {...(root.dir ? { direction: root.dir } : {})}\n      loop={root.loop}\n      orientation=\"vertical\"\n      {...contentProps}\n    />\n  );\n}\nDropdownMenuRoot.displayName = \"DropdownMenuRoot\";\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\nMenuItem.displayName = \"DropdownMenuItemBase\";\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\nPart.displayName = \"DropdownMenuPart\";\nDropdownMenuItemIcon.displayName = \"DropdownMenuItemIcon\";\nDropdownMenuItemText.displayName = \"DropdownMenuItemText\";\nDropdownMenuItemDescription.displayName = \"DropdownMenuItemDescription\";\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\nDropdownMenuItemIndicator.displayName = \"DropdownMenuItemIndicator\";\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\nexport const DropdownMenu = {\n  Bar: DropdownMenuBar,\n  Root: DropdownMenuRoot,\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Item: DropdownMenuItem,\n  ItemIcon: DropdownMenuItemIcon,\n  ItemText: DropdownMenuItemText,\n  ItemDescription: DropdownMenuItemDescription,\n  Shortcut: DropdownMenuShortcut,\n  Separator: DropdownMenuSeparator,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  ItemIndicator: DropdownMenuItemIndicator,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n};\n"],"mappings":"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","names":[]}

package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAuC,YAAY,EAAE,MAAM,OAAO,CAAC;AAK/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAgCvD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAwFzE;yBAxFe,eAAe"}
+{"version":3,"file":"DropdownMenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAuC,YAAY,EAAE,MAAM,OAAO,CAAC;AAK/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AA0BvD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA2EzE;yBA3Ee,eAAe"}

package/dist/components/dropdown-menu/DropdownMenuBar.js

@@ -33,16 +33,12 @@ function DropdownMenuBar(props) {
     loop = true,
     onKeyDown: consumerOnKeyDown,
     ref: consumerRef,
-    tabIndex,
     ...consumerProps
   } = props;
   const dir = useDirectionOverride(localDir);
   const rootRef = useRef(null);
   const mergedRootRef = useMergedRefs(rootRef, consumerRef);
   const currentRef = useRef(null);
-  const safeConsumerProps = Object.fromEntries(
-    Object.entries(consumerProps).filter(([name]) => name !== "dangerouslySetInnerHTML")
-  );
   const handleKeyDown = (event) => {
     const root = rootRef.current;
     if (!root || event.defaultPrevented) return;
@@ -93,13 +89,13 @@ function DropdownMenuBar(props) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...safeConsumerProps,
       ...className ? { className } : {},
       "data-uiify-menu-bar": "",
       ...dir ? { dir } : {},
-      ref: mergedRootRef,
       role: "menubar",
-      tabIndex: tabIndex ?? -1,
+      tabIndex: -1,
+      ...consumerProps,
+      ref: mergedRootRef,
       onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
       children
     }

package/dist/components/dropdown-menu/DropdownMenuBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirectionOverride } from \"@gunkin/uiify/core/direction\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport type { DropdownMenuBarProps } from \"./types.js\";\n\nconst ITEM_SELECTOR = '[data-uiify-menu] [data-part=\"trigger\"]';\n\nfunction getItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(ITEM_SELECTOR));\n}\n\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\n\nfunction syncTabStops(root: HTMLElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  const next = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n  for (const item of items) item.tabIndex = next === item ? 0 : -1;\n  return next;\n}\n\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  return nextIndex < 0 || nextIndex >= length ? null : nextIndex;\n}\n\n/**\n * Roving focus and ArrowLeft/ArrowRight/Home/End across menu trigger descendants.\n * Modeled on Toolbar's own delegated-listener pattern but scoped to one axis and addressed by its\n * own marker: DropdownMenu.Trigger does not participate in @gunkin/uiify/core/roving-focus, and\n * Toolbar.Button drops any prop it does not itself destructure, so neither can host this directly.\n */\nexport function DropdownMenuBar(props: DropdownMenuBarProps): ReactElement {\n  const {\n    children,\n    className,\n    dir: localDir,\n    loop = true,\n    onKeyDown: consumerOnKeyDown,\n    ref: consumerRef,\n    tabIndex,\n    ...consumerProps\n  } = props;\n  const dir = useDirectionOverride(localDir);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const mergedRootRef = useMergedRefs(rootRef, consumerRef);\n  const currentRef = useRef<HTMLElement | null>(null);\n  const safeConsumerProps = Object.fromEntries(\n    Object.entries(consumerProps).filter(([name]) => name !== \"dangerouslySetInnerHTML\"),\n  ) as typeof consumerProps;\n\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n    const root = rootRef.current;\n    if (!root || event.defaultPrevented) return;\n    const target = event.target;\n    if (!(target instanceof HTMLElement)) return;\n    const item = target.closest<HTMLElement>(ITEM_SELECTOR);\n    if (!item || !root.contains(item)) return;\n\n    const enabled = getItems(root).filter((entry) => !isDisabledItem(entry));\n    const currentIndex = enabled.indexOf(item);\n    if (currentIndex === -1) return;\n\n    let nextIndex: number | null = null;\n    if (event.key === \"Home\") nextIndex = 0;\n    if (event.key === \"End\") nextIndex = enabled.length - 1;\n    const rtl = resolveDirection(item, dir) === \"rtl\";\n    if (event.key === \"ArrowRight\") {\n      nextIndex = moveIndex(currentIndex, rtl ? -1 : 1, enabled.length, loop);\n    }\n    if (event.key === \"ArrowLeft\") {\n      nextIndex = moveIndex(currentIndex, rtl ? 1 : -1, enabled.length, loop);\n    }\n\n    if (nextIndex === null) return;\n    event.preventDefault();\n    const nextItem = enabled[nextIndex];\n    if (!nextItem) return;\n    currentRef.current = syncTabStops(root, nextItem);\n    nextItem.focus();\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>(ITEM_SELECTOR);\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n\n    root.addEventListener(\"focusin\", handleFocusIn);\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n    };\n  }, [dir, loop]);\n\n  return (\n    <div\n      {...safeConsumerProps}\n      {...(className ? { className } : {})}\n      data-uiify-menu-bar=\"\"\n      {...(dir ? { dir } : {})}\n      ref={mergedRootRef}\n      role=\"menubar\"\n      tabIndex={tabIndex ?? -1}\n      onKeyDown={composeEventHandlers(consumerOnKeyDown, handleKeyDown)}\n    >\n      {children}\n    </div>\n  );\n}\nDropdownMenuBar.displayName = \"DropdownMenuBar\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\nimport type { KeyboardEvent as ReactKeyboardEvent, ReactElement } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useDirectionOverride } from \"@gunkin/uiify/core/direction\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { resolveDirection } from \"@gunkin/uiify/core/text-direction\";\nimport type { DropdownMenuBarProps } from \"./types.js\";\nconst ITEM_SELECTOR = '[data-uiify-menu] [data-part=\"trigger\"]';\nfunction getItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(ITEM_SELECTOR));\n}\nfunction isDisabledItem(item: HTMLElement): boolean {\n  return item.getAttribute(\"aria-disabled\") === \"true\" || item.hasAttribute(\"disabled\");\n}\nfunction syncTabStops(root: HTMLElement, current: HTMLElement | null): HTMLElement | null {\n  const items = getItems(root);\n  const enabled = items.filter((item) => !isDisabledItem(item));\n  const next = current && enabled.includes(current) ? current : (enabled[0] ?? null);\n  for (const item of items) item.tabIndex = next === item ? 0 : -1;\n  return next;\n}\nfunction moveIndex(\n  currentIndex: number,\n  offset: number,\n  length: number,\n  loop: boolean,\n): number | null {\n  if (length === 0) return null;\n  if (loop) return (currentIndex + offset + length) % length;\n  const nextIndex = currentIndex + offset;\n  return nextIndex < 0 || nextIndex >= length ? null : nextIndex;\n}\n/**\n * Roving focus and ArrowLeft/ArrowRight/Home/End across menu trigger descendants.\n * Modeled on Toolbar's own delegated-listener pattern but scoped to one axis and addressed by its\n * own marker: DropdownMenu.Trigger does not participate in @gunkin/uiify/core/roving-focus, and\n * Toolbar.Button drops any prop it does not itself destructure, so neither can host this directly.\n */\nexport function DropdownMenuBar(props: DropdownMenuBarProps): ReactElement {\n  const {\n    children,\n    className,\n    dir: localDir,\n    loop = true,\n    onKeyDown: consumerOnKeyDown,\n    ref: consumerRef,\n    ...consumerProps\n  } = props;\n  const dir = useDirectionOverride(localDir);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const mergedRootRef = useMergedRefs(rootRef, consumerRef);\n  const currentRef = useRef<HTMLElement | null>(null);\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n    const root = rootRef.current;\n    if (!root || event.defaultPrevented) return;\n    const target = event.target;\n    if (!(target instanceof HTMLElement)) return;\n    const item = target.closest<HTMLElement>(ITEM_SELECTOR);\n    if (!item || !root.contains(item)) return;\n    const enabled = getItems(root).filter((entry) => !isDisabledItem(entry));\n    const currentIndex = enabled.indexOf(item);\n    if (currentIndex === -1) return;\n    let nextIndex: number | null = null;\n    if (event.key === \"Home\") nextIndex = 0;\n    if (event.key === \"End\") nextIndex = enabled.length - 1;\n    const rtl = resolveDirection(item, dir) === \"rtl\";\n    if (event.key === \"ArrowRight\") {\n      nextIndex = moveIndex(currentIndex, rtl ? -1 : 1, enabled.length, loop);\n    }\n    if (event.key === \"ArrowLeft\") {\n      nextIndex = moveIndex(currentIndex, rtl ? 1 : -1, enabled.length, loop);\n    }\n    if (nextIndex === null) return;\n    event.preventDefault();\n    const nextItem = enabled[nextIndex];\n    if (!nextItem) return;\n    currentRef.current = syncTabStops(root, nextItem);\n    nextItem.focus();\n  };\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    currentRef.current = syncTabStops(root, currentRef.current);\n  });\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) return;\n      const item = target.closest<HTMLElement>(ITEM_SELECTOR);\n      if (!item || !root.contains(item) || isDisabledItem(item)) return;\n      currentRef.current = syncTabStops(root, item);\n    };\n    root.addEventListener(\"focusin\", handleFocusIn);\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n    };\n  }, [dir, loop]);\n  return (\n    <div\n      {...(className ? { className } : {})}\n      data-uiify-menu-bar=\"\"\n      {...(dir ? { dir } : {})}\n      role=\"menubar\"\n      tabIndex={-1}\n      {...consumerProps}\n      ref={mergedRootRef}\n      onKeyDown={composeEventHandlers(consumerOnKeyDown, handleKeyDown)}\n    >\n      {children}\n    </div>\n  );\n}\nDropdownMenuBar.displayName = \"DropdownMenuBar\";\n"],"mappings":"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","names":[]}

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

@@ -24,11 +24,8 @@ export interface DropdownMenuBarOwnProps {
     readonly dir?: Direction;
     readonly loop?: boolean;
 }
-export type DropdownMenuBarProps = Omit<ComponentPropsWithRef<"div">, keyof DropdownMenuBarOwnProps | "dangerouslySetInnerHTML" | "role" | "data-uiify-menu-bar"> & ConsumerDataAttributes & DropdownMenuBarOwnProps & {
-    readonly "data-uiify-menu-bar"?: never;
-};
-export interface DropdownMenuRootOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "dir" | "data-uiify-menu">, ConsumerDataAttributes {
-    readonly "data-uiify-menu"?: never;
+export type DropdownMenuBarProps = Omit<ComponentPropsWithRef<"div">, keyof DropdownMenuBarOwnProps | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & DropdownMenuBarOwnProps;
+export interface DropdownMenuRootOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "dangerouslySetInnerHTML" | "dir">, ConsumerDataAttributes {
     readonly children?: ReactNode;
     readonly defaultOpen?: boolean;
     readonly dir?: Direction;

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

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

package/dist/components/field/Field.js

@@ -17,12 +17,12 @@ function FieldRoot(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       "data-disabled": disabled ? "" : void 0,
       "data-invalid": invalid ? "" : void 0,
       "data-required": required ? "" : void 0,
       "data-uiify-field": "",
-      id
+      id,
+      ...consumerProps
     },
     render,
     state: { disabled, invalid, required, id }
@@ -41,12 +41,12 @@ function FieldLabel(props) {
   return useRenderElement({
     defaultTag: "label",
     props: {
-      ...consumerProps,
       id: labelId,
       htmlFor: controlId,
       "data-part": "label",
       "data-disabled": disabled ? "" : void 0,
       "data-required": required ? "" : void 0,
+      ...consumerProps,
       ...className ? { className } : {},
       children
     },
@@ -70,7 +70,6 @@ function FieldControl(props) {
     as,
     defaultTag: "div",
     props: {
-      ...consumerProps,
       ...controlIdentity,
       ...as === "input" || as === "textarea" || as === "select" ? { disabled: disabled || void 0, required: required || void 0 } : as !== void 0 && typeof as !== "string" || render ? { disabled, required } : {},
       id: controlId,
@@ -81,7 +80,8 @@ function FieldControl(props) {
       "aria-required": required || void 0,
       "data-disabled": disabled ? "" : void 0,
       "data-invalid": invalid ? "" : void 0,
-      "data-required": required ? "" : void 0
+      "data-required": required ? "" : void 0,
+      ...consumerProps
     },
     render,
     state: { disabled, invalid, required }
@@ -93,10 +93,10 @@ function FieldDescription(props) {
   return useRenderElement({
     defaultTag: "p",
     props: {
-      ...consumerProps,
       id: descriptionId,
       "data-part": "description",
       "data-disabled": disabled ? "" : void 0,
+      ...consumerProps,
       ...className ? { className } : {},
       children
     },
@@ -109,11 +109,11 @@ function FieldError(props) {
   const element = useRenderElement({
     defaultTag: "p",
     props: {
-      ...consumerProps,
       id: errorId,
       "data-part": "error",
       role: "alert",
       "data-invalid": "",
+      ...consumerProps,
       ...className ? { className } : {},
       children
     },