@gunkin/uiify 0.0.1-alpha → 0.0.2-alpha

package/dist/components/drawer/DrawerNative.js

@@ -1,9 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  DialogClose as ElementDialogClose,
-  DialogContent as ElementDialogContent,
-  DialogTrigger as ElementDialogTrigger
-} from "../../elements/dialog/index.js";
+import { renderNativeInvoker } from "@gunkin/uiify/core/render";
 function DrawerPanel({
   id,
   trigger,
@@ -12,28 +8,47 @@ function DrawerPanel({
   children,
   closeLabel = "Close",
   side = "bottom",
-  triggerClassName,
-  className,
-  closeClassName
+  className
 }) {
   const titleId = `${id}-title`;
   const descriptionId = `${id}-description`;
-  return /* @__PURE__ */ jsxs("div", { "data-uiify-drawer": "", "data-side": side, children: [
-    /* @__PURE__ */ jsx(ElementDialogTrigger, { className: triggerClassName, "data-uiify-drawer-trigger": "", target: id, children: trigger }),
+  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-side": side, "data-uiify-drawer": "", children: [
+    renderNativeInvoker(
+      "button",
+      "data-uiify-drawer",
+      "trigger",
+      "show-modal",
+      id,
+      {
+        children: trigger
+      },
+      { button: true }
+    ),
     /* @__PURE__ */ jsxs(
-      ElementDialogContent,
+      "dialog",
       {
         "aria-describedby": description === void 0 ? void 0 : descriptionId,
         "aria-labelledby": titleId,
         className,
+        "data-part": "content",
         "data-side": side,
-        "data-uiify-drawer-content": "",
+        "data-uiify-drawer": "",
         id,
         children: [
           /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
           description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
           children,
-          /* @__PURE__ */ jsx(ElementDialogClose, { className: closeClassName, "data-uiify-drawer-close": "", target: id, children: closeLabel })
+          renderNativeInvoker(
+            "button",
+            "data-uiify-drawer",
+            "close",
+            "request-close",
+            id,
+            {
+              children: closeLabel
+            },
+            { button: true, variant: "ghost" }
+          )
         ]
       }
     )

package/dist/components/drawer/DrawerNative.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  DialogClose as ElementDialogClose,\n  DialogContent as ElementDialogContent,\n  DialogTrigger as ElementDialogTrigger,\n} from \"../../elements/dialog/index.js\";\nimport type { DrawerProps } from \"./types.js\";\n\n/**\n * Monolithic native shell: a `command=\"show-modal\"` trigger opens a plain,\n * initially closed `<dialog>`; a `command=\"request-close\"` invoker closes it.\n * Works before hydration, matching Modal and AlertModal's native shell — all\n * three are built on `@gunkin/uiify/elements/dialog`. Always a true modal — controlled\n * or initially open state needs a client adapter, which this Tier 0 shell does\n * not have.\n *\n * `title` is required, so `aria-labelledby={titleId}` always satisfies\n * `Dialog.Content`'s accessible-name requirement here — unlike `ModalContent`/\n * `AlertModalContent`, which are exported as generic parts in their own right\n * and so keep a looser prop type (see ModalParts.tsx), this shell has no\n * public \"DrawerContent\" part to keep loose.\n */\nexport function DrawerPanel({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel = \"Close\",\n  side = \"bottom\",\n  triggerClassName,\n  className,\n  closeClassName,\n}: DrawerProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div data-uiify-drawer=\"\" data-side={side}>\n      <ElementDialogTrigger className={triggerClassName} data-uiify-drawer-trigger=\"\" target={id}>\n        {trigger}\n      </ElementDialogTrigger>\n      <ElementDialogContent\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        className={className}\n        data-side={side}\n        data-uiify-drawer-content=\"\"\n        id={id}\n      >\n        <h2 id={titleId}>{title}</h2>\n        {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n        {children}\n        <ElementDialogClose className={closeClassName} data-uiify-drawer-close=\"\" target={id}>\n          {closeLabel}\n        </ElementDialogClose>\n      </ElementDialogContent>\n    </div>\n  );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AAuCM,cAGA,YAHA;AAtCN;AAAA,EACE,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,OACZ;AAiBA,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,qBAAkB,IAAG,aAAW,MACnC;AAAA,wBAAC,wBAAqB,WAAW,kBAAkB,6BAA0B,IAAG,QAAQ,IACrF,mBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA,aAAW;AAAA,QACX,6BAA0B;AAAA,QAC1B;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACD,oBAAC,sBAAmB,WAAW,gBAAgB,2BAAwB,IAAG,QAAQ,IAC/E,sBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps } from \"./types.js\";\n\n/**\n * Monolithic native shell: a `command=\"show-modal\"` trigger opens a plain,\n * initially closed `<dialog>`; a `command=\"request-close\"` invoker closes it.\n * Works before hydration, matching Modal and AlertModal's native shell — all\n * three are built on `@gunkin/uiify/elements/dialog`. Always a true modal — controlled\n * or initially open state needs a client adapter, which this Tier 0 shell does\n * not have.\n *\n * `title` is required, so `aria-labelledby={titleId}` always satisfies\n * `Dialog.Content`'s accessible-name requirement here — unlike `ModalContent`/\n * `AlertModalContent`, which are exported as generic parts in their own right\n * and so keep a looser prop type (see ModalParts.tsx), this shell has no\n * public \"DrawerContent\" part to keep loose.\n */\nexport function DrawerPanel({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel = \"Close\",\n  side = \"bottom\",\n  className,\n}: DrawerProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\">\n      {renderNativeInvoker(\n        \"button\",\n        \"data-uiify-drawer\",\n        \"trigger\",\n        \"show-modal\",\n        id,\n        {\n          children: trigger,\n        },\n        { button: true },\n      )}\n      <dialog\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        className={className}\n        data-part=\"content\"\n        data-side={side}\n        data-uiify-drawer=\"\"\n        id={id}\n      >\n        <h2 id={titleId}>{title}</h2>\n        {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n        {children}\n        {renderNativeInvoker(\n          \"button\",\n          \"data-uiify-drawer\",\n          \"close\",\n          \"request-close\",\n          id,\n          {\n            children: closeLabel,\n          },\n          { button: true, variant: \"ghost\" },\n        )}\n      </dialog>\n    </div>\n  );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AA4CM,SASE,KATF;AA3CN,SAAS,2BAA2B;AAiB7B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP;AACF,GAA8B;AAC5B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,IACtD;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,QAAQ,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA,aAAU;AAAA,QACV,aAAW;AAAA,QACX,qBAAkB;AAAA,QAClB;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,cACE,UAAU;AAAA,YACZ;AAAA,YACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,UACnC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/drawer/types.d.ts

@@ -8,8 +8,6 @@ export interface DrawerProps {
     readonly children?: ReactNode;
     readonly closeLabel?: ReactNode;
     readonly side?: DrawerSide;
-    readonly triggerClassName?: string;
     readonly className?: string;
-    readonly closeClassName?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

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

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

@@ -25,6 +25,7 @@ const [DropdownMenuProvider, useDropdownMenuContext] = createPartContext("Dropdo
 function DropdownMenuRoot(props) {
   const {
     children,
+    className,
     defaultOpen,
     dir: localDir,
     disabled = false,
@@ -65,7 +66,7 @@ function DropdownMenuRoot(props) {
     }),
     [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose]
   );
-  return /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children });
+  return /* @__PURE__ */ jsx("div", { className, "data-uiify-menu": "", children: /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children }) });
 }
 function DropdownMenuTrigger(props) {
   const {

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 } 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":[]}
+{"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    className,\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 (\n    <div 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      \"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

@@ -1,7 +1,7 @@
 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.
+ * Roving focus and ArrowLeft/ArrowRight/Home/End across menu trigger 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.

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,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"}
+{"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,CAuEzE;yBAvEe,eAAe"}

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

@@ -2,7 +2,7 @@
 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]";
+const ITEM_SELECTOR = '[data-uiify-menu] [data-part="trigger"]';
 function getItems(root) {
   return Array.from(root.querySelectorAll(ITEM_SELECTOR));
 }
@@ -73,7 +73,17 @@ function DropdownMenuBar(props) {
       root.removeEventListener("keydown", handleKeyDown);
     };
   }, [dir, loop]);
-  return /* @__PURE__ */ jsx("div", { ...className ? { className } : {}, dir, ref: rootRef, role: "menubar", children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...className ? { className } : {},
+      "data-uiify-menu-bar": "",
+      dir,
+      ref: rootRef,
+      role: "menubar",
+      children
+    }
+  );
 }
 DropdownMenuBar.displayName = "DropdownMenuBar";
 export {

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 { 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":"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","names":[]}
+{"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] [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 { 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\n      {...(className ? { className } : {})}\n      data-uiify-menu-bar=\"\"\n      dir={dir}\n      ref={rootRef}\n      role=\"menubar\"\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

@@ -26,6 +26,7 @@ export interface DropdownMenuBarOwnProps {
 }
 export type DropdownMenuBarProps = DropdownMenuBarOwnProps;
 export interface DropdownMenuRootOwnProps {
+    readonly className?: string;
     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/enhance/listeners.js

@@ -9,7 +9,7 @@ function attachEnhancers(doc = document) {
   };
   const onChange = (event) => {
     const target = event.target;
-    if (!target?.hasAttribute("data-uiify-tabs-input")) return;
+    if (!target?.matches('[data-uiify-tabs] > [data-part="item"] > [data-part="control"]')) return;
     const root = target.closest("[data-uiify-tabs]");
     if (root?.id) syncTabs(root.id);
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/enhance/listeners.ts"],"sourcesContent":["import { attachInvokerFallback } from \"./invoker-fallback.js\";\nimport { syncPopoverTriggers, syncTabs } from \"./sync.js\";\n\n/**\n * Attach the document-level enhancement listeners. Returns a teardown.\n *\n * `toggle` is captured rather than bubbled: the event has `bubbles: false`, but\n * the capture phase runs from the root down to the target for every dispatched\n * event regardless of bubbling, so a single capture-phase listener on the\n * document sees every popover on the page — including ones rendered later.\n *\n * `change` bubbles, so tabs are handled in the ordinary bubble phase.\n *\n * The invoker fallback attaches only on engines without `command`/`commandfor`\n * (see invoker-fallback.ts); on the baseline it is a no-op.\n */\nexport function attachEnhancers(doc: Document = document): () => void {\n  const onToggle = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.hasAttribute(\"popover\") || !target.id) return;\n    const { newState } = event as ToggleEvent;\n    syncPopoverTriggers(target.id, newState === \"open\");\n  };\n\n  const onChange = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.hasAttribute(\"data-uiify-tabs-input\")) return;\n    // The root Tabs renders is `data-uiify-tabs`, not `data-uiify-tabs-root`:\n    // the latter never existed outside this selector, so syncTabs was never\n    // reached in production. Pinned by listeners.test.ts, which now builds its\n    // fixture with renderToStaticMarkup instead of hand-written HTML.\n    const root = target.closest<HTMLElement>(\"[data-uiify-tabs]\");\n    if (root?.id) syncTabs(root.id);\n  };\n\n  doc.addEventListener(\"toggle\", onToggle, true);\n  doc.addEventListener(\"change\", onChange);\n  const detachInvokerFallback = attachInvokerFallback(doc);\n\n  return () => {\n    doc.removeEventListener(\"toggle\", onToggle, true);\n    doc.removeEventListener(\"change\", onChange);\n    detachInvokerFallback();\n  };\n}\n"],"mappings":"AAAA,SAAS,6BAA6B;AACtC,SAAS,qBAAqB,gBAAgB;AAevC,SAAS,gBAAgB,MAAgB,UAAsB;AACpE,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,aAAa,SAAS,KAAK,CAAC,OAAO,GAAI;AACpD,UAAM,EAAE,SAAS,IAAI;AACrB,wBAAoB,OAAO,IAAI,aAAa,MAAM;AAAA,EACpD;AAEA,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,aAAa,uBAAuB,EAAG;AAKpD,UAAM,OAAO,OAAO,QAAqB,mBAAmB;AAC5D,QAAI,MAAM,GAAI,UAAS,KAAK,EAAE;AAAA,EAChC;AAEA,MAAI,iBAAiB,UAAU,UAAU,IAAI;AAC7C,MAAI,iBAAiB,UAAU,QAAQ;AACvC,QAAM,wBAAwB,sBAAsB,GAAG;AAEvD,SAAO,MAAM;AACX,QAAI,oBAAoB,UAAU,UAAU,IAAI;AAChD,QAAI,oBAAoB,UAAU,QAAQ;AAC1C,0BAAsB;AAAA,EACxB;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/enhance/listeners.ts"],"sourcesContent":["import { attachInvokerFallback } from \"./invoker-fallback.js\";\nimport { syncPopoverTriggers, syncTabs } from \"./sync.js\";\n\n/**\n * Attach the document-level enhancement listeners. Returns a teardown.\n *\n * `toggle` is captured rather than bubbled: the event has `bubbles: false`, but\n * the capture phase runs from the root down to the target for every dispatched\n * event regardless of bubbling, so a single capture-phase listener on the\n * document sees every popover on the page — including ones rendered later.\n *\n * `change` bubbles, so tabs are handled in the ordinary bubble phase.\n *\n * The invoker fallback attaches only on engines without `command`/`commandfor`\n * (see invoker-fallback.ts); on the baseline it is a no-op.\n */\nexport function attachEnhancers(doc: Document = document): () => void {\n  const onToggle = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.hasAttribute(\"popover\") || !target.id) return;\n    const { newState } = event as ToggleEvent;\n    syncPopoverTriggers(target.id, newState === \"open\");\n  };\n\n  const onChange = (event: Event): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.matches('[data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"]')) return;\n    // The root Tabs marker is `data-uiify-tabs`:\n    // the latter never existed outside this selector, so syncTabs was never\n    // reached in production. Pinned by listeners.test.ts, which now builds its\n    // fixture with renderToStaticMarkup instead of hand-written HTML.\n    const root = target.closest<HTMLElement>(\"[data-uiify-tabs]\");\n    if (root?.id) syncTabs(root.id);\n  };\n\n  doc.addEventListener(\"toggle\", onToggle, true);\n  doc.addEventListener(\"change\", onChange);\n  const detachInvokerFallback = attachInvokerFallback(doc);\n\n  return () => {\n    doc.removeEventListener(\"toggle\", onToggle, true);\n    doc.removeEventListener(\"change\", onChange);\n    detachInvokerFallback();\n  };\n}\n"],"mappings":"AAAA,SAAS,6BAA6B;AACtC,SAAS,qBAAqB,gBAAgB;AAevC,SAAS,gBAAgB,MAAgB,UAAsB;AACpE,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,aAAa,SAAS,KAAK,CAAC,OAAO,GAAI;AACpD,UAAM,EAAE,SAAS,IAAI;AACrB,wBAAoB,OAAO,IAAI,aAAa,MAAM;AAAA,EACpD;AAEA,QAAM,WAAW,CAAC,UAAuB;AACvC,UAAM,SAAS,MAAM;AACrB,QAAI,CAAC,QAAQ,QAAQ,gEAAgE,EAAG;AAKxF,UAAM,OAAO,OAAO,QAAqB,mBAAmB;AAC5D,QAAI,MAAM,GAAI,UAAS,KAAK,EAAE;AAAA,EAChC;AAEA,MAAI,iBAAiB,UAAU,UAAU,IAAI;AAC7C,MAAI,iBAAiB,UAAU,QAAQ;AACvC,QAAM,wBAAwB,sBAAsB,GAAG;AAEvD,SAAO,MAAM;AACX,QAAI,oBAAoB,UAAU,UAAU,IAAI;AAChD,QAAI,oBAAoB,UAAU,QAAQ;AAC1C,0BAAsB;AAAA,EACxB;AACF;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/sync.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAO1E;AAiBD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAqB7C"}
+{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../../src/components/enhance/sync.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAO1E;AAiBD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAyB7C"}

package/dist/components/enhance/sync.js

@@ -18,17 +18,20 @@ function syncTabs(tabsId) {
   const root = document.getElementById(tabsId);
   if (!root) return;
   const checked = root.querySelector(
-    `[data-uiify-tabs-input][name="${escapeAttrValue(tabsId)}"]:checked`
+    `[data-uiify-tabs] > [data-part="item"] > [data-part="control"][name="${escapeAttrValue(tabsId)}"]:checked`
   );
   const selectedValue = checked?.value;
-  for (const trigger of root.querySelectorAll("[data-uiify-tabs-trigger]")) {
+  for (const trigger of root.querySelectorAll(
+    '[data-uiify-tabs] [data-part="trigger"]'
+  )) {
     const value = tabTriggerValue(trigger, root);
     const selected = value !== void 0 && value === selectedValue;
     trigger.setAttribute("aria-selected", String(selected));
     trigger.dataset["state"] = selected ? "active" : "inactive";
   }
-  for (const panel of root.querySelectorAll("[data-uiify-tabs-panel]")) {
-    const selected = panel.dataset["uiifyTabsPanel"] === selectedValue;
+  const panelPrefix = `${tabsId}-panel-`;
+  for (const panel of root.querySelectorAll('[data-uiify-tabs] [data-part="panel"]')) {
+    const selected = panel.id.startsWith(panelPrefix) && panel.id.slice(panelPrefix.length) === selectedValue;
     panel.dataset["state"] = selected ? "active" : "inactive";
     panel.tabIndex = selected ? 0 : -1;
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/enhance/sync.ts"],"sourcesContent":["/**\n * Pure DOM synchronisers for `UIEnhance`.\n *\n * No React and no listeners live here: each function takes the state the caller\n * has already resolved and writes it to the DOM. That keeps them unit-testable\n * in jsdom, which implements neither `:popover-open` nor Invoker Commands —\n * nor, like packages/uiify/src/core/tabbable.ts also found, `CSS.escape`.\n */\n\n/** Same feature-detect as packages/uiify/src/core/tabbable.ts: only the quote\n * character needs escaping inside a double-quoted attribute selector value. */\nfunction escapeAttrValue(value: string): string {\n  return typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\"\n    ? CSS.escape(value)\n    : value.replaceAll('\"', '\\\\\"');\n}\n\n/**\n * Point every `toggle-popover` invoker for `popoverId` at its real open state.\n *\n * `querySelectorAll`, not `querySelector`: a popover may legitimately have more\n * than one invoker, and invokers may be added after the enhancer mounts.\n */\nexport function syncPopoverTriggers(popoverId: string, open: boolean): void {\n  if (!popoverId) return;\n\n  const selector = `[command=\"toggle-popover\"][commandfor=\"${escapeAttrValue(popoverId)}\"]`;\n  for (const invoker of document.querySelectorAll(selector)) {\n    invoker.setAttribute(\"aria-expanded\", String(open));\n  }\n}\n\n/**\n * The value a tab trigger stands for.\n *\n * ChoiceGroup renders the trigger as `<label for=\"…\">` pointing at its radio, so\n * the value lives on that input — there is no `data-value` on the label. Reading\n * `trigger.dataset.value` (as this module used to) always yielded `undefined`,\n * which marked every trigger unselected.\n */\nfunction tabTriggerValue(trigger: HTMLElement, root: HTMLElement): string | undefined {\n  const controlId = trigger instanceof HTMLLabelElement ? trigger.htmlFor : \"\";\n  if (!controlId) return undefined;\n  const control = root.querySelector<HTMLInputElement>(`[id=\"${escapeAttrValue(controlId)}\"]`);\n  return control?.value;\n}\n\n/** Point tab triggers and panels at whichever radio in `tabsId` is checked. */\nexport function syncTabs(tabsId: string): void {\n  const root = document.getElementById(tabsId);\n  if (!root) return;\n\n  const checked = root.querySelector<HTMLInputElement>(\n    `[data-uiify-tabs-input][name=\"${escapeAttrValue(tabsId)}\"]:checked`,\n  );\n  const selectedValue = checked?.value;\n\n  for (const trigger of root.querySelectorAll<HTMLElement>(\"[data-uiify-tabs-trigger]\")) {\n    const value = tabTriggerValue(trigger, root);\n    const selected = value !== undefined && value === selectedValue;\n    trigger.setAttribute(\"aria-selected\", String(selected));\n    trigger.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n  }\n\n  for (const panel of root.querySelectorAll<HTMLElement>(\"[data-uiify-tabs-panel]\")) {\n    const selected = panel.dataset[\"uiifyTabsPanel\"] === selectedValue;\n    panel.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n    panel.tabIndex = selected ? 0 : -1;\n  }\n}\n"],"mappings":"AAWA,SAAS,gBAAgB,OAAuB;AAC9C,SAAO,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,aACvD,IAAI,OAAO,KAAK,IAChB,MAAM,WAAW,KAAK,KAAK;AACjC;AAQO,SAAS,oBAAoB,WAAmB,MAAqB;AAC1E,MAAI,CAAC,UAAW;AAEhB,QAAM,WAAW,0CAA0C,gBAAgB,SAAS,CAAC;AACrF,aAAW,WAAW,SAAS,iBAAiB,QAAQ,GAAG;AACzD,YAAQ,aAAa,iBAAiB,OAAO,IAAI,CAAC;AAAA,EACpD;AACF;AAUA,SAAS,gBAAgB,SAAsB,MAAuC;AACpF,QAAM,YAAY,mBAAmB,mBAAmB,QAAQ,UAAU;AAC1E,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,KAAK,cAAgC,QAAQ,gBAAgB,SAAS,CAAC,IAAI;AAC3F,SAAO,SAAS;AAClB;AAGO,SAAS,SAAS,QAAsB;AAC7C,QAAM,OAAO,SAAS,eAAe,MAAM;AAC3C,MAAI,CAAC,KAAM;AAEX,QAAM,UAAU,KAAK;AAAA,IACnB,iCAAiC,gBAAgB,MAAM,CAAC;AAAA,EAC1D;AACA,QAAM,gBAAgB,SAAS;AAE/B,aAAW,WAAW,KAAK,iBAA8B,2BAA2B,GAAG;AACrF,UAAM,QAAQ,gBAAgB,SAAS,IAAI;AAC3C,UAAM,WAAW,UAAU,UAAa,UAAU;AAClD,YAAQ,aAAa,iBAAiB,OAAO,QAAQ,CAAC;AACtD,YAAQ,QAAQ,OAAO,IAAI,WAAW,WAAW;AAAA,EACnD;AAEA,aAAW,SAAS,KAAK,iBAA8B,yBAAyB,GAAG;AACjF,UAAM,WAAW,MAAM,QAAQ,gBAAgB,MAAM;AACrD,UAAM,QAAQ,OAAO,IAAI,WAAW,WAAW;AAC/C,UAAM,WAAW,WAAW,IAAI;AAAA,EAClC;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/enhance/sync.ts"],"sourcesContent":["/**\n * Pure DOM synchronisers for `UIEnhance`.\n *\n * No React and no listeners live here: each function takes the state the caller\n * has already resolved and writes it to the DOM. That keeps them unit-testable\n * in jsdom, which implements neither `:popover-open` nor Invoker Commands —\n * nor, like packages/uiify/src/core/tabbable.ts also found, `CSS.escape`.\n */\n\n/** Same feature-detect as packages/uiify/src/core/tabbable.ts: only the quote\n * character needs escaping inside a double-quoted attribute selector value. */\nfunction escapeAttrValue(value: string): string {\n  return typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\"\n    ? CSS.escape(value)\n    : value.replaceAll('\"', '\\\\\"');\n}\n\n/**\n * Point every `toggle-popover` invoker for `popoverId` at its real open state.\n *\n * `querySelectorAll`, not `querySelector`: a popover may legitimately have more\n * than one invoker, and invokers may be added after the enhancer mounts.\n */\nexport function syncPopoverTriggers(popoverId: string, open: boolean): void {\n  if (!popoverId) return;\n\n  const selector = `[command=\"toggle-popover\"][commandfor=\"${escapeAttrValue(popoverId)}\"]`;\n  for (const invoker of document.querySelectorAll(selector)) {\n    invoker.setAttribute(\"aria-expanded\", String(open));\n  }\n}\n\n/**\n * The value a tab trigger stands for.\n *\n * ChoiceGroup renders the trigger as `<label for=\"…\">` pointing at its radio, so\n * the value lives on that input — there is no `data-value` on the label. Reading\n * `trigger.dataset.value` (as this module used to) always yielded `undefined`,\n * which marked every trigger unselected.\n */\nfunction tabTriggerValue(trigger: HTMLElement, root: HTMLElement): string | undefined {\n  const controlId = trigger instanceof HTMLLabelElement ? trigger.htmlFor : \"\";\n  if (!controlId) return undefined;\n  const control = root.querySelector<HTMLInputElement>(`[id=\"${escapeAttrValue(controlId)}\"]`);\n  return control?.value;\n}\n\n/** Point tab triggers and panels at whichever radio in `tabsId` is checked. */\nexport function syncTabs(tabsId: string): void {\n  const root = document.getElementById(tabsId);\n  if (!root) return;\n\n  const checked = root.querySelector<HTMLInputElement>(\n    `[data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"][name=\"${escapeAttrValue(tabsId)}\"]:checked`,\n  );\n  const selectedValue = checked?.value;\n\n  for (const trigger of root.querySelectorAll<HTMLElement>(\n    '[data-uiify-tabs] [data-part=\"trigger\"]',\n  )) {\n    const value = tabTriggerValue(trigger, root);\n    const selected = value !== undefined && value === selectedValue;\n    trigger.setAttribute(\"aria-selected\", String(selected));\n    trigger.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n  }\n\n  const panelPrefix = `${tabsId}-panel-`;\n  for (const panel of root.querySelectorAll<HTMLElement>('[data-uiify-tabs] [data-part=\"panel\"]')) {\n    const selected =\n      panel.id.startsWith(panelPrefix) && panel.id.slice(panelPrefix.length) === selectedValue;\n    panel.dataset[\"state\"] = selected ? \"active\" : \"inactive\";\n    panel.tabIndex = selected ? 0 : -1;\n  }\n}\n"],"mappings":"AAWA,SAAS,gBAAgB,OAAuB;AAC9C,SAAO,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,aACvD,IAAI,OAAO,KAAK,IAChB,MAAM,WAAW,KAAK,KAAK;AACjC;AAQO,SAAS,oBAAoB,WAAmB,MAAqB;AAC1E,MAAI,CAAC,UAAW;AAEhB,QAAM,WAAW,0CAA0C,gBAAgB,SAAS,CAAC;AACrF,aAAW,WAAW,SAAS,iBAAiB,QAAQ,GAAG;AACzD,YAAQ,aAAa,iBAAiB,OAAO,IAAI,CAAC;AAAA,EACpD;AACF;AAUA,SAAS,gBAAgB,SAAsB,MAAuC;AACpF,QAAM,YAAY,mBAAmB,mBAAmB,QAAQ,UAAU;AAC1E,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,KAAK,cAAgC,QAAQ,gBAAgB,SAAS,CAAC,IAAI;AAC3F,SAAO,SAAS;AAClB;AAGO,SAAS,SAAS,QAAsB;AAC7C,QAAM,OAAO,SAAS,eAAe,MAAM;AAC3C,MAAI,CAAC,KAAM;AAEX,QAAM,UAAU,KAAK;AAAA,IACnB,wEAAwE,gBAAgB,MAAM,CAAC;AAAA,EACjG;AACA,QAAM,gBAAgB,SAAS;AAE/B,aAAW,WAAW,KAAK;AAAA,IACzB;AAAA,EACF,GAAG;AACD,UAAM,QAAQ,gBAAgB,SAAS,IAAI;AAC3C,UAAM,WAAW,UAAU,UAAa,UAAU;AAClD,YAAQ,aAAa,iBAAiB,OAAO,QAAQ,CAAC;AACtD,YAAQ,QAAQ,OAAO,IAAI,WAAW,WAAW;AAAA,EACnD;AAEA,QAAM,cAAc,GAAG,MAAM;AAC7B,aAAW,SAAS,KAAK,iBAA8B,uCAAuC,GAAG;AAC/F,UAAM,WACJ,MAAM,GAAG,WAAW,WAAW,KAAK,MAAM,GAAG,MAAM,YAAY,MAAM,MAAM;AAC7E,UAAM,QAAQ,OAAO,IAAI,WAAW,WAAW;AAC/C,UAAM,WAAW,WAAW,IAAI;AAAA,EAClC;AACF;","names":[]}

package/dist/components/field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA4BrB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAwBtE;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC1D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CA8BrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAelF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAoBtE;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACvD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA4BrB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAyBtE;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC1D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CAsCrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAgBlF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAqBtE;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC"}

package/dist/components/field/Field.js

@@ -44,6 +44,7 @@ function FieldLabel(props) {
       ...consumerProps,
       id: labelId,
       htmlFor: controlId,
+      "data-part": "label",
       "data-disabled": disabled ? "" : void 0,
       "data-required": required ? "" : void 0,
       ...className ? { className } : {},
@@ -64,12 +65,15 @@ function FieldControl(props) {
   } = props;
   const { controlId, descriptionId, errorId, labelId } = getFieldIds(fieldId);
   const describedBy = [descriptionId, invalid ? errorId : void 0].filter(Boolean).join(" ");
+  const controlIdentity = as === "input" ? { "data-uiify-input": "" } : as === "textarea" ? { "data-uiify-textarea": "" } : {};
   return useRenderElement({
     as,
     defaultTag: "div",
     props: {
       ...consumerProps,
+      ...controlIdentity,
       id: controlId,
+      "data-part": "control",
       "aria-labelledby": labelId,
       "aria-describedby": describedBy || void 0,
       "aria-invalid": invalid || void 0,
@@ -90,6 +94,7 @@ function FieldDescription(props) {
     props: {
       ...consumerProps,
       id: descriptionId,
+      "data-part": "description",
       "data-disabled": disabled ? "" : void 0,
       ...className ? { className } : {},
       children
@@ -105,6 +110,7 @@ function FieldError(props) {
     props: {
       ...consumerProps,
       id: errorId,
+      "data-part": "error",
       role: "alert",
       "data-invalid": "",
       ...className ? { className } : {},