@gunkin/uiify 0.0.1-alpha

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef } 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 { useDirection } from \"@gunkin/uiify/core/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    defaultOpen,\n    dir: localDir,\n    disabled = false,\n    loop = true,\n    onOpenChange,\n    open,\n  } = props;\n  const dir = useDirection(localDir);\n  const surface = useMenuSurface({\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,\n      disabled,\n      hoverEnabledRef,\n      loop,\n      scheduleHoverClose,\n    }),\n    [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose],\n  );\n  return <DropdownMenuProvider value={value}>{children}</DropdownMenuProvider>;\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      \"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        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      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}\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 value = useMemo(\n    () => ({ anchor, clickedRef, contentRef, open: popover.open, popover, triggerRef }),\n    [anchor, popover, clickedRef],\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 openKey = root.dir === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    if (event.key === openKey || event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      clickedRef.current = true;\n      sub.popover.openPopover();\n      queueMicrotask(() => focusMenuItem(sub.contentRef.current));\n    }\n  };\n  const handlePointerEnter = () => {\n    clickedRef.current = false;\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 = \"right\",\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 = 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,\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        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      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":"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","names":[]}

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

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+import type { DropdownMenuBarProps } from "./types.js";
+/**
+ * Roving focus and ArrowLeft/ArrowRight/Home/End across `data-uiify-menu-bar-item` descendants.
+ * Modeled on Toolbar's own delegated-listener pattern but scoped to one axis and addressed by its
+ * own marker: DropdownMenu.Trigger does not participate in @gunkin/uiify/core/roving-focus, and
+ * Toolbar.Button drops any prop it does not itself destructure, so neither can host this directly.
+ */
+export declare function DropdownMenuBar(props: DropdownMenuBarProps): ReactElement;
+export declare namespace DropdownMenuBar {
+    var displayName: string;
+}
+//# sourceMappingURL=DropdownMenuBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAgCvD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAiEzE;yBAjEe,eAAe"}

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useDirection } from "@gunkin/uiify/core/direction";
+const ITEM_SELECTOR = "[data-uiify-menu-bar-item]";
+function getItems(root) {
+  return Array.from(root.querySelectorAll(ITEM_SELECTOR));
+}
+function isDisabledItem(item) {
+  return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled");
+}
+function syncTabStops(root, current) {
+  const items = getItems(root);
+  const enabled = items.filter((item) => !isDisabledItem(item));
+  const next = current && enabled.includes(current) ? current : enabled[0] ?? null;
+  for (const item of items) item.tabIndex = next === item ? 0 : -1;
+  return next;
+}
+function moveIndex(currentIndex, offset, length, loop) {
+  if (length === 0) return null;
+  if (loop) return (currentIndex + offset + length) % length;
+  const nextIndex = currentIndex + offset;
+  return nextIndex < 0 || nextIndex >= length ? null : nextIndex;
+}
+function DropdownMenuBar(props) {
+  const { children, className, dir: localDir, loop = true } = props;
+  const dir = useDirection(localDir);
+  const rootRef = useRef(null);
+  const currentRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    currentRef.current = syncTabStops(root, currentRef.current);
+  });
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const handleFocusIn = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement)) return;
+      const item = target.closest(ITEM_SELECTOR);
+      if (!item || !root.contains(item) || isDisabledItem(item)) return;
+      currentRef.current = syncTabStops(root, item);
+    };
+    const handleKeyDown = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLElement)) return;
+      const item = target.closest(ITEM_SELECTOR);
+      if (!item || !root.contains(item)) return;
+      const enabled = getItems(root).filter((entry) => !isDisabledItem(entry));
+      const currentIndex = enabled.indexOf(item);
+      if (currentIndex === -1) return;
+      let nextIndex = null;
+      if (event.key === "Home") nextIndex = 0;
+      if (event.key === "End") nextIndex = enabled.length - 1;
+      if (event.key === "ArrowRight") {
+        nextIndex = moveIndex(currentIndex, dir === "rtl" ? -1 : 1, enabled.length, loop);
+      }
+      if (event.key === "ArrowLeft") {
+        nextIndex = moveIndex(currentIndex, dir === "rtl" ? 1 : -1, enabled.length, loop);
+      }
+      if (nextIndex === null) return;
+      event.preventDefault();
+      const nextItem = enabled[nextIndex];
+      if (!nextItem) return;
+      currentRef.current = syncTabStops(root, nextItem);
+      nextItem.focus();
+    };
+    root.addEventListener("focusin", handleFocusIn);
+    root.addEventListener("keydown", handleKeyDown);
+    return () => {
+      root.removeEventListener("focusin", handleFocusIn);
+      root.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [dir, loop]);
+  return /* @__PURE__ */ jsx("div", { ...className ? { className } : {}, dir, ref: rootRef, role: "menubar", children });
+}
+DropdownMenuBar.displayName = "DropdownMenuBar";
+export {
+  DropdownMenuBar
+};
+//# sourceMappingURL=DropdownMenuBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dropdown-menu/DropdownMenuBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useDirection } from \"@gunkin/uiify/core/direction\";\nimport type { DropdownMenuBarProps } from \"./types.js\";\n\nconst ITEM_SELECTOR = \"[data-uiify-menu-bar-item]\";\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 `data-uiify-menu-bar-item` 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 { children, className, dir: localDir, loop = true } = props;\n  const dir = useDirection(localDir);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const currentRef = useRef<HTMLElement | null>(null);\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    const handleKeyDown = (event: KeyboardEvent) => {\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      if (event.key === \"ArrowRight\") {\n        nextIndex = moveIndex(currentIndex, dir === \"rtl\" ? -1 : 1, enabled.length, loop);\n      }\n      if (event.key === \"ArrowLeft\") {\n        nextIndex = moveIndex(currentIndex, dir === \"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    root.addEventListener(\"focusin\", handleFocusIn);\n    root.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      root.removeEventListener(\"focusin\", handleFocusIn);\n      root.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [dir, loop]);\n\n  return (\n    <div {...(className ? { className } : {})} dir={dir} ref={rootRef} role=\"menubar\">\n      {children}\n    </div>\n  );\n}\nDropdownMenuBar.displayName = \"DropdownMenuBar\";\n"],"mappings":";AAwGI;AAtGJ,SAAS,WAAW,cAAc;AAElC,SAAS,oBAAoB;AAG7B,MAAM,gBAAgB;AAEtB,SAAS,SAAS,MAAkC;AAClD,SAAO,MAAM,KAAK,KAAK,iBAA8B,aAAa,CAAC;AACrE;AAEA,SAAS,eAAe,MAA4B;AAClD,SAAO,KAAK,aAAa,eAAe,MAAM,UAAU,KAAK,aAAa,UAAU;AACtF;AAEA,SAAS,aAAa,MAAmB,SAAiD;AACxF,QAAM,QAAQ,SAAS,IAAI;AAC3B,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,eAAe,IAAI,CAAC;AAC5D,QAAM,OAAO,WAAW,QAAQ,SAAS,OAAO,IAAI,UAAW,QAAQ,CAAC,KAAK;AAC7E,aAAW,QAAQ,MAAO,MAAK,WAAW,SAAS,OAAO,IAAI;AAC9D,SAAO;AACT;AAEA,SAAS,UACP,cACA,QACA,QACA,MACe;AACf,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,KAAM,SAAQ,eAAe,SAAS,UAAU;AACpD,QAAM,YAAY,eAAe;AACjC,SAAO,YAAY,KAAK,aAAa,SAAS,OAAO;AACvD;AAQO,SAAS,gBAAgB,OAA2C;AACzE,QAAM,EAAE,UAAU,WAAW,KAAK,UAAU,OAAO,KAAK,IAAI;AAC5D,QAAM,MAAM,aAAa,QAAQ;AACjC,QAAM,UAAU,OAA8B,IAAI;AAClD,QAAM,aAAa,OAA2B,IAAI;AAElD,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACX,eAAW,UAAU,aAAa,MAAM,WAAW,OAAO;AAAA,EAC5D,CAAC;AAED,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AAEX,UAAM,gBAAgB,CAAC,UAAsB;AAC3C,YAAM,SAAS,MAAM;AACrB,UAAI,EAAE,kBAAkB,aAAc;AACtC,YAAM,OAAO,OAAO,QAAqB,aAAa;AACtD,UAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,KAAK,eAAe,IAAI,EAAG;AAC3D,iBAAW,UAAU,aAAa,MAAM,IAAI;AAAA,IAC9C;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAM,SAAS,MAAM;AACrB,UAAI,EAAE,kBAAkB,aAAc;AACtC,YAAM,OAAO,OAAO,QAAqB,aAAa;AACtD,UAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,EAAG;AAEnC,YAAM,UAAU,SAAS,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,KAAK,CAAC;AACvE,YAAM,eAAe,QAAQ,QAAQ,IAAI;AACzC,UAAI,iBAAiB,GAAI;AAEzB,UAAI,YAA2B;AAC/B,UAAI,MAAM,QAAQ,OAAQ,aAAY;AACtC,UAAI,MAAM,QAAQ,MAAO,aAAY,QAAQ,SAAS;AACtD,UAAI,MAAM,QAAQ,cAAc;AAC9B,oBAAY,UAAU,cAAc,QAAQ,QAAQ,KAAK,GAAG,QAAQ,QAAQ,IAAI;AAAA,MAClF;AACA,UAAI,MAAM,QAAQ,aAAa;AAC7B,oBAAY,UAAU,cAAc,QAAQ,QAAQ,IAAI,IAAI,QAAQ,QAAQ,IAAI;AAAA,MAClF;AAEA,UAAI,cAAc,KAAM;AACxB,YAAM,eAAe;AACrB,YAAM,WAAW,QAAQ,SAAS;AAClC,UAAI,CAAC,SAAU;AACf,iBAAW,UAAU,aAAa,MAAM,QAAQ;AAChD,eAAS,MAAM;AAAA,IACjB;AAEA,SAAK,iBAAiB,WAAW,aAAa;AAC9C,SAAK,iBAAiB,WAAW,aAAa;AAC9C,WAAO,MAAM;AACX,WAAK,oBAAoB,WAAW,aAAa;AACjD,WAAK,oBAAoB,WAAW,aAAa;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,KAAK,IAAI,CAAC;AAEd,SACE,oBAAC,SAAK,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC,GAAI,KAAU,KAAK,SAAS,MAAK,WACrE,UACH;AAEJ;AACA,gBAAgB,cAAc;","names":[]}

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

@@ -0,0 +1,5 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemIndicator, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./DropdownMenu.js";
+export { DropdownMenuBar } from "./DropdownMenuBar.js";
+export type { MenuSelectEvent } from "./types.js";
+export type { DropdownMenuBarOwnProps, DropdownMenuBarProps, DropdownMenuContentOwnProps, DropdownMenuContentProps, DropdownMenuCheckedState, DropdownMenuCheckboxItemOwnProps, DropdownMenuCheckboxItemProps, DropdownMenuGroupOwnProps, DropdownMenuItemDescriptionProps, DropdownMenuItemIconProps, DropdownMenuItemIndicatorProps, DropdownMenuItemOwnProps, DropdownMenuItemProps, DropdownMenuItemTextProps, DropdownMenuLabelOwnProps, DropdownMenuOpenChangeDetails, DropdownMenuOpenChangeReason, DropdownMenuPartOwnProps, DropdownMenuPartProps, DropdownMenuRadioGroupOwnProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemOwnProps, DropdownMenuRadioItemProps, DropdownMenuRootControlledOwnProps, DropdownMenuRootShellOwnProps, DropdownMenuRootShellProps, DropdownMenuRootOwnProps, DropdownMenuRootProps, DropdownMenuSeparatorOwnProps, DropdownMenuShortcutProps, DropdownMenuSubContentProps, DropdownMenuSubOwnProps, DropdownMenuSubProps, DropdownMenuSubTriggerOwnProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerOwnProps, DropdownMenuTriggerProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,2BAA2B,EAC3B,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,yBAAyB,EACzB,gCAAgC,EAChC,yBAAyB,EACzB,8BAA8B,EAC9B,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,6BAA6B,EAC7B,4BAA4B,EAC5B,wBAAwB,EACxB,qBAAqB,EACrB,8BAA8B,EAC9B,2BAA2B,EAC3B,6BAA6B,EAC7B,0BAA0B,EAC1B,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACxB,qBAAqB,EACrB,6BAA6B,EAC7B,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,8BAA8B,EAC9B,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,45 @@
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuItemDescription,
+  DropdownMenuItemIcon,
+  DropdownMenuItemIndicator,
+  DropdownMenuItemText,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./DropdownMenu.js";
+import { DropdownMenuBar } from "./DropdownMenuBar.js";
+export {
+  DropdownMenu,
+  DropdownMenuBar,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuItemDescription,
+  DropdownMenuItemIcon,
+  DropdownMenuItemIndicator,
+  DropdownMenuItemText,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dropdown-menu/index.ts"],"sourcesContent":["export {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuItemDescription,\n  DropdownMenuItemIcon,\n  DropdownMenuItemIndicator,\n  DropdownMenuItemText,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuRoot,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"./DropdownMenu.js\";\nexport { DropdownMenuBar } from \"./DropdownMenuBar.js\";\nexport type { MenuSelectEvent } from \"./types.js\";\nexport type {\n  DropdownMenuBarOwnProps,\n  DropdownMenuBarProps,\n  DropdownMenuContentOwnProps,\n  DropdownMenuContentProps,\n  DropdownMenuCheckedState,\n  DropdownMenuCheckboxItemOwnProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuGroupOwnProps,\n  DropdownMenuItemDescriptionProps,\n  DropdownMenuItemIconProps,\n  DropdownMenuItemIndicatorProps,\n  DropdownMenuItemOwnProps,\n  DropdownMenuItemProps,\n  DropdownMenuItemTextProps,\n  DropdownMenuLabelOwnProps,\n  DropdownMenuOpenChangeDetails,\n  DropdownMenuOpenChangeReason,\n  DropdownMenuPartOwnProps,\n  DropdownMenuPartProps,\n  DropdownMenuRadioGroupOwnProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemOwnProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuRootControlledOwnProps,\n  DropdownMenuRootShellOwnProps,\n  DropdownMenuRootShellProps,\n  DropdownMenuRootOwnProps,\n  DropdownMenuRootProps,\n  DropdownMenuSeparatorOwnProps,\n  DropdownMenuShortcutProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubOwnProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerOwnProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerOwnProps,\n  DropdownMenuTriggerProps,\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,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;","names":[]}

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

@@ -0,0 +1,134 @@
+import type { ElementType, ReactNode, RefObject } from "react";
+import type { AnchorAlign, AnchorSide } from "@gunkin/uiify/core/anchor-position";
+import type { Direction } from "@gunkin/uiify/core/direction";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { MenuGroupProps, MenuLabelProps, MenuSelectEvent, MenuSeparatorProps, UseMenuSurfaceReturn } from "../internal/menu/types.js";
+export type { MenuSelectEvent };
+export type DropdownMenuCheckedState = boolean | "indeterminate";
+export type DropdownMenuOpenChangeReason = "trigger-press" | "item-select" | "escape" | "focus-out" | "outside-press" | "programmatic";
+export interface DropdownMenuOpenChangeDetails {
+    readonly event: Event | null;
+    readonly reason: DropdownMenuOpenChangeReason;
+}
+export interface DropdownMenuContextValue extends UseMenuSurfaceReturn {
+    readonly cancelHoverClose: () => void;
+    readonly dir: Direction;
+    readonly disabled: boolean;
+    readonly hoverEnabledRef: RefObject<boolean>;
+    readonly loop: boolean;
+    readonly scheduleHoverClose: () => void;
+}
+export interface DropdownMenuBarOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly dir?: Direction;
+    readonly loop?: boolean;
+}
+export type DropdownMenuBarProps = DropdownMenuBarOwnProps;
+export interface DropdownMenuRootOwnProps {
+    readonly children?: ReactNode;
+    readonly defaultOpen?: boolean;
+    readonly dir?: Direction;
+    readonly disabled?: boolean;
+    readonly id?: string;
+    readonly loop?: boolean;
+    readonly onOpenChange?: (open: boolean, details: DropdownMenuOpenChangeDetails) => void;
+    readonly open?: boolean;
+}
+export type DropdownMenuRootProps = DropdownMenuRootOwnProps;
+export type DropdownMenuRootShellOwnProps = DropdownMenuRootOwnProps;
+export type DropdownMenuRootControlledOwnProps = Pick<DropdownMenuRootOwnProps, "onOpenChange" | "open">;
+export type DropdownMenuRootShellProps = DropdownMenuRootOwnProps;
+export interface DropdownMenuTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly openOnHover?: boolean;
+}
+export type DropdownMenuTriggerProps<TAs extends ElementType = "button"> = RenderableProps<TAs, DropdownMenuTriggerOwnProps, {
+    open: boolean;
+}, HTMLElement>;
+export interface DropdownMenuContentOwnProps {
+    readonly align?: AnchorAlign;
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly side?: AnchorSide;
+}
+export type DropdownMenuContentProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuContentOwnProps, {
+    open: boolean;
+}, HTMLElement>;
+export interface DropdownMenuItemOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly closeOnSelect?: boolean;
+    readonly disabled?: boolean;
+    readonly onSelect?: (event: MenuSelectEvent) => void;
+    readonly textValue?: string;
+}
+export type DropdownMenuItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuItemOwnProps, {
+    disabled: boolean;
+}, HTMLElement>;
+export interface DropdownMenuCheckboxItemOwnProps extends DropdownMenuItemOwnProps {
+    readonly checked?: DropdownMenuCheckedState;
+    readonly defaultChecked?: DropdownMenuCheckedState;
+    readonly onCheckedChange?: (checked: boolean) => void;
+}
+export type DropdownMenuCheckboxItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuCheckboxItemOwnProps, {
+    checked: DropdownMenuCheckedState;
+    disabled: boolean;
+}, HTMLElement>;
+export interface DropdownMenuRadioGroupOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly value?: string;
+}
+export type DropdownMenuRadioGroupProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuRadioGroupOwnProps, {
+    value: string | undefined;
+}, HTMLElement>;
+export interface DropdownMenuRadioItemOwnProps extends DropdownMenuItemOwnProps {
+    readonly value: string;
+}
+export type DropdownMenuRadioItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuRadioItemOwnProps, {
+    checked: boolean;
+    disabled: boolean;
+}, HTMLElement>;
+export interface DropdownMenuSubOwnProps {
+    readonly children?: ReactNode;
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (open: boolean, details: DropdownMenuOpenChangeDetails) => void;
+    readonly open?: boolean;
+}
+export type DropdownMenuSubProps = DropdownMenuSubOwnProps;
+export interface DropdownMenuSubTriggerOwnProps extends DropdownMenuItemOwnProps {
+}
+export type DropdownMenuSubTriggerProps<TAs extends ElementType = "button"> = RenderableProps<TAs, DropdownMenuSubTriggerOwnProps, {
+    disabled: boolean;
+    open: boolean;
+}, HTMLElement>;
+export type DropdownMenuSubContentProps<TAs extends ElementType = "div"> = RenderableProps<TAs, DropdownMenuContentOwnProps, {
+    open: boolean;
+}, HTMLElement>;
+export interface DropdownMenuPartOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type DropdownMenuPartProps<TAs extends ElementType = "span"> = RenderableProps<TAs, DropdownMenuPartOwnProps, Record<string, never>, HTMLElement>;
+export type DropdownMenuGroupOwnProps = DropdownMenuPartOwnProps;
+export type DropdownMenuLabelOwnProps = DropdownMenuPartOwnProps;
+export type DropdownMenuSeparatorOwnProps = Omit<DropdownMenuPartOwnProps, "children">;
+export type DropdownMenuGroupProps<TAs extends ElementType = "div"> = MenuGroupProps<TAs>;
+export type DropdownMenuLabelProps<TAs extends ElementType = "div"> = MenuLabelProps<TAs>;
+export type DropdownMenuSeparatorProps<TAs extends ElementType = "div"> = MenuSeparatorProps<TAs>;
+export type DropdownMenuItemIconProps<TAs extends ElementType = "span"> = DropdownMenuPartProps<TAs>;
+export type DropdownMenuItemTextProps<TAs extends ElementType = "span"> = DropdownMenuPartProps<TAs>;
+export type DropdownMenuItemDescriptionProps<TAs extends ElementType = "span"> = DropdownMenuPartProps<TAs>;
+export type DropdownMenuShortcutProps<TAs extends ElementType = "span"> = DropdownMenuPartProps<TAs>;
+export type DropdownMenuItemIndicatorProps<TAs extends ElementType = "span"> = DropdownMenuPartProps<TAs>;
+export interface DropdownMenuSubContextValue {
+    readonly contentRef: RefObject<HTMLElement | null>;
+    readonly open: boolean;
+    readonly setOpen: (open: boolean, reason: DropdownMenuOpenChangeReason, event?: Event | null) => void;
+    readonly triggerRef: RefObject<HTMLElement | null>;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1 @@
+export * from "./dropdown-menu/index.js";

package/dist/components/dropdown-menu.js

@@ -0,0 +1 @@
+export * from "./dropdown-menu/index.js";

package/dist/components/enhance/UIEnhance.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Mount once per document, in the root layout.
+ *
+ * Every `uiify` component whose accessible state the browser does not maintain
+ * itself is served by these delegated listeners, so no component needs a client
+ * island of its own. One listener pair covers the whole page, including nodes
+ * rendered after mount.
+ *
+ * Ownership contract: this may only own attributes whose React-rendered value
+ * is a *constant*. React diffs DOM props against the previous render's virtual
+ * props, not against the live DOM, so a constant prop is written once at
+ * hydration and never rewritten — the enhancer's writes survive re-renders.
+ * Attributes React re-renders with a changing value (controlled mode) must stay
+ * with a real island. See docs/guides/client-enhancement.md.
+ */
+export declare function UIEnhance(): null;
+//# sourceMappingURL=UIEnhance.d.ts.map

package/dist/components/enhance/UIEnhance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIEnhance.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/UIEnhance.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,IAAI,IAAI,CAGhC"}

package/dist/components/enhance/UIEnhance.js

@@ -0,0 +1,11 @@
+"use client";
+import { useEffect } from "react";
+import { attachEnhancers } from "./listeners.js";
+function UIEnhance() {
+  useEffect(() => attachEnhancers(), []);
+  return null;
+}
+export {
+  UIEnhance
+};
+//# sourceMappingURL=UIEnhance.js.map

package/dist/components/enhance/UIEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/enhance/UIEnhance.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { attachEnhancers } from \"./listeners.js\";\n\n/**\n * Mount once per document, in the root layout.\n *\n * Every `uiify` component whose accessible state the browser does not maintain\n * itself is served by these delegated listeners, so no component needs a client\n * island of its own. One listener pair covers the whole page, including nodes\n * rendered after mount.\n *\n * Ownership contract: this may only own attributes whose React-rendered value\n * is a *constant*. React diffs DOM props against the previous render's virtual\n * props, not against the live DOM, so a constant prop is written once at\n * hydration and never rewritten — the enhancer's writes survive re-renders.\n * Attributes React re-renders with a changing value (controlled mode) must stay\n * with a real island. See docs/guides/client-enhancement.md.\n */\nexport function UIEnhance(): null {\n  useEffect(() => attachEnhancers(), []);\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAiBzB,SAAS,YAAkB;AAChC,YAAU,MAAM,gBAAgB,GAAG,CAAC,CAAC;AACrC,SAAO;AACT;","names":[]}

package/dist/components/enhance/index.d.ts

@@ -0,0 +1,2 @@
+export { UIEnhance } from "./UIEnhance.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/enhance/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/enhance/index.js

@@ -0,0 +1,5 @@
+import { UIEnhance } from "./UIEnhance.js";
+export {
+  UIEnhance
+};
+//# sourceMappingURL=index.js.map

package/dist/components/enhance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/enhance/index.ts"],"sourcesContent":["export { UIEnhance } from \"./UIEnhance.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/enhance/invoker-fallback.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Delegated fallback for `command`/`commandfor` on engines below the library
+ * baseline (Chrome < 135, Firefox < 144, Safari < 26.2), e.g. Firefox ESR 140
+ * and iOS 26.0/26.1. Feature-detected: engines that implement invoker commands
+ * get nothing attached. Clicks that happen before hydration on those engines
+ * are still lost — see docs/guides/native-composition.md.
+ */
+export declare function supportsInvokerCommands(view?: Window): boolean;
+/** Execute the button's declared command against its target. Returns true when a command ran. */
+export declare function runInvokerCommand(button: HTMLButtonElement): boolean;
+/**
+ * Attach the delegated click listener when the engine lacks invoker commands.
+ * Returns a teardown; a no-op teardown when nothing was attached.
+ */
+export declare function attachInvokerFallback(doc?: Document): () => void;
+//# sourceMappingURL=invoker-fallback.d.ts.map

package/dist/components/enhance/invoker-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoker-fallback.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/invoker-fallback.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,wBAAgB,uBAAuB,CAAC,IAAI,GAAE,MAAe,GAAG,OAAO,CAOtE;AAuCD,iGAAiG;AACjG,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAQpE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,GAAE,QAAmB,GAAG,MAAM,IAAI,CAa1E"}

package/dist/components/enhance/invoker-fallback.js

@@ -0,0 +1,67 @@
+const INVOKER_SELECTOR = "button[command][commandfor]";
+function supportsInvokerCommands(view = window) {
+  const { HTMLButtonElement: ButtonCtor } = view;
+  return "commandForElement" in ButtonCtor.prototype;
+}
+function runDialogCommand(dialog, command, value) {
+  switch (command) {
+    case "show-modal":
+      if (!dialog.open) dialog.showModal();
+      return true;
+    case "close":
+      if (dialog.open) dialog.close(value);
+      return true;
+    case "request-close": {
+      if (!dialog.open) return true;
+      const requestClose = dialog.requestClose;
+      if (typeof requestClose === "function") requestClose.call(dialog, value);
+      else dialog.close(value);
+      return true;
+    }
+    default:
+      return false;
+  }
+}
+function runPopoverCommand(target, command) {
+  switch (command) {
+    case "toggle-popover":
+      target.togglePopover();
+      return true;
+    case "show-popover":
+      target.showPopover();
+      return true;
+    case "hide-popover":
+      target.hidePopover();
+      return true;
+    default:
+      return false;
+  }
+}
+function runInvokerCommand(button) {
+  const command = button.getAttribute("command");
+  const targetId = button.getAttribute("commandfor");
+  if (!command || !targetId) return false;
+  const target = button.ownerDocument.getElementById(targetId);
+  if (!target) return false;
+  if (target instanceof HTMLDialogElement) return runDialogCommand(target, command, button.value);
+  return target.hasAttribute("popover") && runPopoverCommand(target, command);
+}
+function attachInvokerFallback(doc = document) {
+  if (supportsInvokerCommands(doc.defaultView ?? window)) return () => {
+  };
+  const onClick = (event) => {
+    if (event.defaultPrevented) return;
+    const origin = event.target instanceof Element ? event.target : null;
+    const button = origin?.closest(INVOKER_SELECTOR);
+    if (!(button instanceof HTMLButtonElement) || button.disabled) return;
+    if (runInvokerCommand(button)) event.preventDefault();
+  };
+  doc.addEventListener("click", onClick);
+  return () => doc.removeEventListener("click", onClick);
+}
+export {
+  attachInvokerFallback,
+  runInvokerCommand,
+  supportsInvokerCommands
+};
+//# sourceMappingURL=invoker-fallback.js.map

package/dist/components/enhance/invoker-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/enhance/invoker-fallback.ts"],"sourcesContent":["/**\n * Delegated fallback for `command`/`commandfor` on engines below the library\n * baseline (Chrome < 135, Firefox < 144, Safari < 26.2), e.g. Firefox ESR 140\n * and iOS 26.0/26.1. Feature-detected: engines that implement invoker commands\n * get nothing attached. Clicks that happen before hydration on those engines\n * are still lost — see docs/guides/native-composition.md.\n */\n\nconst INVOKER_SELECTOR = \"button[command][commandfor]\";\n\nexport function supportsInvokerCommands(view: Window = window): boolean {\n  // `HTMLButtonElement` is a global constructor, not a member of the `Window`\n  // interface itself, so TypeScript's DOM lib does not expose it on a plain\n  // `Window`-typed value. `view` is always the global `window` (or another\n  // document's `defaultView`, which carries the same globals) at runtime.\n  const { HTMLButtonElement: ButtonCtor } = view as unknown as typeof globalThis;\n  return \"commandForElement\" in ButtonCtor.prototype;\n}\n\nfunction runDialogCommand(dialog: HTMLDialogElement, command: string, value: string): boolean {\n  switch (command) {\n    case \"show-modal\":\n      if (!dialog.open) dialog.showModal();\n      return true;\n    case \"close\":\n      if (dialog.open) dialog.close(value);\n      return true;\n    case \"request-close\": {\n      if (!dialog.open) return true;\n      const requestClose = (dialog as HTMLDialogElement & { requestClose?: (v?: string) => void })\n        .requestClose;\n      if (typeof requestClose === \"function\") requestClose.call(dialog, value);\n      else dialog.close(value);\n      return true;\n    }\n    default:\n      return false;\n  }\n}\n\nfunction runPopoverCommand(target: HTMLElement, command: string): boolean {\n  switch (command) {\n    case \"toggle-popover\":\n      target.togglePopover();\n      return true;\n    case \"show-popover\":\n      target.showPopover();\n      return true;\n    case \"hide-popover\":\n      target.hidePopover();\n      return true;\n    default:\n      return false;\n  }\n}\n\n/** Execute the button's declared command against its target. Returns true when a command ran. */\nexport function runInvokerCommand(button: HTMLButtonElement): boolean {\n  const command = button.getAttribute(\"command\");\n  const targetId = button.getAttribute(\"commandfor\");\n  if (!command || !targetId) return false;\n  const target = button.ownerDocument.getElementById(targetId);\n  if (!target) return false;\n  if (target instanceof HTMLDialogElement) return runDialogCommand(target, command, button.value);\n  return target.hasAttribute(\"popover\") && runPopoverCommand(target, command);\n}\n\n/**\n * Attach the delegated click listener when the engine lacks invoker commands.\n * Returns a teardown; a no-op teardown when nothing was attached.\n */\nexport function attachInvokerFallback(doc: Document = document): () => void {\n  if (supportsInvokerCommands(doc.defaultView ?? window)) return () => {};\n\n  const onClick = (event: Event): void => {\n    if (event.defaultPrevented) return;\n    const origin = event.target instanceof Element ? event.target : null;\n    const button = origin?.closest(INVOKER_SELECTOR);\n    if (!(button instanceof HTMLButtonElement) || button.disabled) return;\n    if (runInvokerCommand(button)) event.preventDefault();\n  };\n\n  doc.addEventListener(\"click\", onClick);\n  return () => doc.removeEventListener(\"click\", onClick);\n}\n"],"mappings":"AAQA,MAAM,mBAAmB;AAElB,SAAS,wBAAwB,OAAe,QAAiB;AAKtE,QAAM,EAAE,mBAAmB,WAAW,IAAI;AAC1C,SAAO,uBAAuB,WAAW;AAC3C;AAEA,SAAS,iBAAiB,QAA2B,SAAiB,OAAwB;AAC5F,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,UAAI,CAAC,OAAO,KAAM,QAAO,UAAU;AACnC,aAAO;AAAA,IACT,KAAK;AACH,UAAI,OAAO,KAAM,QAAO,MAAM,KAAK;AACnC,aAAO;AAAA,IACT,KAAK,iBAAiB;AACpB,UAAI,CAAC,OAAO,KAAM,QAAO;AACzB,YAAM,eAAgB,OACnB;AACH,UAAI,OAAO,iBAAiB,WAAY,cAAa,KAAK,QAAQ,KAAK;AAAA,UAClE,QAAO,MAAM,KAAK;AACvB,aAAO;AAAA,IACT;AAAA,IACA;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,kBAAkB,QAAqB,SAA0B;AACxE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,cAAc;AACrB,aAAO;AAAA,IACT,KAAK;AACH,aAAO,YAAY;AACnB,aAAO;AAAA,IACT,KAAK;AACH,aAAO,YAAY;AACnB,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAGO,SAAS,kBAAkB,QAAoC;AACpE,QAAM,UAAU,OAAO,aAAa,SAAS;AAC7C,QAAM,WAAW,OAAO,aAAa,YAAY;AACjD,MAAI,CAAC,WAAW,CAAC,SAAU,QAAO;AAClC,QAAM,SAAS,OAAO,cAAc,eAAe,QAAQ;AAC3D,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI,kBAAkB,kBAAmB,QAAO,iBAAiB,QAAQ,SAAS,OAAO,KAAK;AAC9F,SAAO,OAAO,aAAa,SAAS,KAAK,kBAAkB,QAAQ,OAAO;AAC5E;AAMO,SAAS,sBAAsB,MAAgB,UAAsB;AAC1E,MAAI,wBAAwB,IAAI,eAAe,MAAM,EAAG,QAAO,MAAM;AAAA,EAAC;AAEtE,QAAM,UAAU,CAAC,UAAuB;AACtC,QAAI,MAAM,iBAAkB;AAC5B,UAAM,SAAS,MAAM,kBAAkB,UAAU,MAAM,SAAS;AAChE,UAAM,SAAS,QAAQ,QAAQ,gBAAgB;AAC/C,QAAI,EAAE,kBAAkB,sBAAsB,OAAO,SAAU;AAC/D,QAAI,kBAAkB,MAAM,EAAG,OAAM,eAAe;AAAA,EACtD;AAEA,MAAI,iBAAiB,SAAS,OAAO;AACrC,SAAO,MAAM,IAAI,oBAAoB,SAAS,OAAO;AACvD;","names":[]}

package/dist/components/enhance/listeners.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Attach the document-level enhancement listeners. Returns a teardown.
+ *
+ * `toggle` is captured rather than bubbled: the event has `bubbles: false`, but
+ * the capture phase runs from the root down to the target for every dispatched
+ * event regardless of bubbling, so a single capture-phase listener on the
+ * document sees every popover on the page — including ones rendered later.
+ *
+ * `change` bubbles, so tabs are handled in the ordinary bubble phase.
+ *
+ * The invoker fallback attaches only on engines without `command`/`commandfor`
+ * (see invoker-fallback.ts); on the baseline it is a no-op.
+ */
+export declare function attachEnhancers(doc?: Document): () => void;
+//# sourceMappingURL=listeners.d.ts.map

package/dist/components/enhance/listeners.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listeners.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/listeners.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,GAAG,GAAE,QAAmB,GAAG,MAAM,IAAI,CA4BpE"}