@skdx/react 0.26.0 → 0.28.0

package/dist/dropdown-menu/DropdownMenu.cjs

@@ -1 +1 @@
-"use strict";var $o=Object.create;var P=Object.defineProperty;var Jo=Object.getOwnPropertyDescriptor;var Qo=Object.getOwnPropertyNames;var Xo=Object.getPrototypeOf,Yo=Object.prototype.hasOwnProperty;var Zo=(o,e)=>{for(var r in e)P(o,r,{get:e[r],enumerable:!0})},_=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of Qo(e))!Yo.call(o,t)&&t!==r&&P(o,t,{get:()=>e[t],enumerable:!(n=Jo(e,t))||n.enumerable});return o};var d=(o,e,r)=>(r=o!=null?$o(Xo(o)):{},_(e||!o||!o.__esModule?P(r,"default",{value:o,enumerable:!0}):r,o)),jo=o=>_(P({},"__esModule",{value:!0}),o);var ee={};Zo(ee,{DropdownMenu:()=>J,DropdownMenuArrow:()=>Q,DropdownMenuCheckboxItem:()=>N,DropdownMenuContent:()=>T,DropdownMenuGroup:()=>K,DropdownMenuItem:()=>k,DropdownMenuItemIndicator:()=>A,DropdownMenuLabel:()=>V,DropdownMenuPortal:()=>S,DropdownMenuProvider:()=>$,DropdownMenuRadioGroup:()=>G,DropdownMenuRadioItem:()=>O,DropdownMenuSeparator:()=>B,DropdownMenuSub:()=>F,DropdownMenuSubContent:()=>_o,DropdownMenuSubTrigger:()=>Fo,DropdownMenuTrigger:()=>h,ITEM_SELECTOR:()=>C,useDropdownMenuContext:()=>u});module.exports=jo(ee);var f=d(require("react"),1),U=require("../utils/createContext.cjs"),q=require("../utils/part.cjs"),x=require("../utils/popper.cjs"),W=require("../utils/useControllableState.cjs"),z=require("../utils/useOpenChangeComplete.cjs"),R=require("react/jsx-runtime"),C='[role^="menuitem"]:not([data-disabled])',[$,u]=(0,U.createSafeContext)("DropdownMenu");function J({children:o,open:e,defaultOpen:r=!1,onOpenChange:n,onOpenChangeComplete:t}){let s=f.useRef(null),m=f.useRef(null),[i=!1,w]=(0,W.useControllableState)({prop:e,defaultProp:r,onChange:n});return(0,z.useOpenChangeComplete)(i,m,t),(0,R.jsx)(x.PopperRoot,{children:(0,R.jsx)($,{triggerRef:s,contentRef:m,contentId:f.useId(),open:i,onOpenChange:w,children:o})})}J.displayName="DropdownMenu";var Q=f.forwardRef((o,e)=>(0,R.jsx)(x.PopperArrow,{...o,...(0,q.skdxPart)("dropdown-menu","arrow",o.className),ref:e}));Q.displayName="DropdownMenuArrow";var X=d(require("react"),1),Y=require("../utils/composeRefs.cjs"),Z=require("../utils/part.cjs"),j=require("../utils/popper.cjs"),M=require("../utils/primitive.cjs");var b=require("react/jsx-runtime"),h=X.forwardRef((o,e)=>{let r=u("DropdownMenuTrigger"),n=(0,Y.useComposedRefs)(e,r.triggerRef);return(0,b.jsx)(j.PopperAnchor,{asChild:!0,children:(0,b.jsx)(M.Primitive.button,{type:"button","aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed","data-disabled":o.disabled?"":void 0,...o,...(0,Z.skdxPart)("dropdown-menu","trigger",o.className),ref:n,onClick:(0,M.composeEventHandlers)(o.onClick,()=>{o.disabled||r.onOpenChange(!r.open)}),onKeyDown:(0,M.composeEventHandlers)(o.onKeyDown,t=>{o.disabled||["ArrowDown","ArrowUp"].includes(t.key)&&(t.preventDefault(),r.onOpenChange(!0))})})})});h.displayName="DropdownMenuTrigger";var oo=require("../utils/portal.cjs");var eo=require("react/jsx-runtime"),S=({forceMount:o,children:e,...r})=>{let n=u("DropdownMenuPortal");return o||n.open?(0,eo.jsx)(oo.Portal,{...r,children:e}):null};S.displayName="DropdownMenuPortal";var I=d(require("react"),1),ro=require("../utils/composeRefs.cjs"),no=require("../utils/menuSub.cjs"),to=require("../utils/part.cjs"),po=require("../utils/popper.cjs"),ao=require("../utils/primitive.cjs"),mo=require("../utils/useDismiss.cjs"),io=require("../utils/useRovingFocus.cjs");var uo=require("react/jsx-runtime"),T=I.forwardRef(({forceMount:o,loop:e=!0,onEscapeKeyDown:r,onPointerDownOutside:n,onFocusOutside:t,onInteractOutside:s,side:m="bottom",align:i="start",sideOffset:w=4,...v},qo)=>{let p=u("DropdownMenuContent"),Wo=(0,ro.useComposedRefs)(qo,p.contentRef),zo=(0,io.useRovingFocus)({orientation:"vertical",loop:e,itemSelector:C,typeahead:!0});return(0,mo.useDismiss)({enabled:p.open,insideSelector:`[${no.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:a=>{r?.(a),a.defaultPrevented||(p.onOpenChange(!1),p.triggerRef.current?.focus())},onInteractOutside:s,onPointerDownOutside:a=>{n?.(a),a.defaultPrevented||p.onOpenChange(!1)},onFocusOutside:a=>{t?.(a),a.defaultPrevented||p.onOpenChange(!1)}},[p.contentRef,p.triggerRef]),I.useEffect(()=>{if(!p.open)return;let a=requestAnimationFrame(()=>{(p.contentRef.current?.querySelector(C)??p.contentRef.current)?.focus()});return()=>cancelAnimationFrame(a)},[p.open,p.contentRef]),o||p.open?(0,uo.jsx)(po.PopperContent,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",id:p.contentId,"data-state":p.open?"open":"closed",tabIndex:-1,side:m,align:i,sideOffset:w,...v,...(0,to.skdxPart)("dropdown-menu","content",v.className),ref:Wo,onKeyDown:(0,ao.composeEventHandlers)(v.onKeyDown,a=>{zo(a),a.key==="Tab"&&(a.preventDefault(),p.onOpenChange(!1),p.triggerRef.current?.focus())})}):null});T.displayName="DropdownMenuContent";var g=d(require("react"),1),so=require("../utils/part.cjs"),fo=require("../utils/primitive.cjs"),co=require("../utils/useMenuItem.cjs");var lo=require("react/jsx-runtime"),c=g.createContext(!1);function D({disabled:o,onSelect:e,props:r}){let n=u("DropdownMenuItem");return(0,co.useMenuItem)({disabled:o,onSelect:e,onSelected:()=>{n.onOpenChange(!1),n.triggerRef.current?.focus()},contentRef:n.contentRef,props:r})}var k=g.forwardRef(({disabled:o,onSelect:e,...r},n)=>{let t=D({disabled:o,onSelect:e,props:r});return(0,lo.jsx)(fo.Primitive.div,{role:"menuitem",...r,...t,...(0,so.skdxPart)("dropdown-menu","item",r.className),ref:n})});k.displayName="DropdownMenuItem";var wo=d(require("react"),1),Mo=require("../utils/part.cjs"),Do=require("../utils/primitive.cjs");var E=require("react/jsx-runtime"),N=wo.forwardRef(({checked:o=!1,onCheckedChange:e,disabled:r,onSelect:n,...t},s)=>{let m=D({disabled:r,onSelect:i=>{e?.(!o),n?.(i),i.preventDefault()},props:t});return(0,E.jsx)(c.Provider,{value:o,children:(0,E.jsx)(Do.Primitive.div,{role:"menuitemcheckbox","aria-checked":o,"data-state":o?"checked":"unchecked",...t,...m,...(0,Mo.skdxPart)("dropdown-menu","checkbox-item",t.className),ref:s})})});N.displayName="DropdownMenuCheckboxItem";var Po=d(require("react"),1),Ro=require("../utils/createContext.cjs"),xo=require("../utils/part.cjs"),Co=require("../utils/primitive.cjs"),L=require("react/jsx-runtime"),[oe,Io]=(0,Ro.createSafeContext)("DropdownMenuRadioGroup"),G=Po.forwardRef(({value:o,onValueChange:e,...r},n)=>(0,L.jsx)(oe,{value:o,onValueChange:e,children:(0,L.jsx)(Co.Primitive.div,{role:"group",...r,...(0,xo.skdxPart)("dropdown-menu","radio-group",r.className),ref:n})}));G.displayName="DropdownMenuRadioGroup";var go=d(require("react"),1),yo=require("../utils/part.cjs"),vo=require("../utils/primitive.cjs");var H=require("react/jsx-runtime"),O=go.forwardRef(({value:o,disabled:e,onSelect:r,...n},t)=>{let s=Io("DropdownMenuRadioItem"),m=s.value===o,i=D({disabled:e,onSelect:w=>{s.onValueChange?.(o),r?.(w)},props:n});return(0,H.jsx)(c.Provider,{value:m,children:(0,H.jsx)(vo.Primitive.div,{role:"menuitemradio","aria-checked":m,"data-state":m?"checked":"unchecked",...n,...i,...(0,yo.skdxPart)("dropdown-menu","radio-item",n.className),ref:t})})});O.displayName="DropdownMenuRadioItem";var y=d(require("react"),1),bo=require("../utils/part.cjs"),ho=require("../utils/primitive.cjs");var So=require("react/jsx-runtime"),A=y.forwardRef(({forceMount:o,...e},r)=>{let n=y.useContext(c);return o||n?(0,So.jsx)(ho.Primitive.span,{"data-state":n?"checked":"unchecked",...e,...(0,bo.skdxPart)("dropdown-menu","item-indicator",e.className),ref:r}):null});A.displayName="DropdownMenuItemIndicator";var To=d(require("react"),1),ko=require("../utils/part.cjs"),Eo=require("../utils/primitive.cjs"),No=require("react/jsx-runtime"),K=To.forwardRef((o,e)=>(0,No.jsx)(Eo.Primitive.div,{role:"group",...o,...(0,ko.skdxPart)("dropdown-menu","group",o.className),ref:e}));K.displayName="DropdownMenuGroup";var Lo=d(require("react"),1),Go=require("../utils/part.cjs"),Ho=require("../utils/primitive.cjs"),Oo=require("react/jsx-runtime"),V=Lo.forwardRef((o,e)=>(0,Oo.jsx)(Ho.Primitive.div,{...o,...(0,Go.skdxPart)("dropdown-menu","label",o.className),ref:e}));V.displayName="DropdownMenuLabel";var Ao=d(require("react"),1),Ko=require("../utils/part.cjs"),Vo=require("../utils/primitive.cjs"),Bo=require("react/jsx-runtime"),B=Ao.forwardRef((o,e)=>(0,Bo.jsx)(Vo.Primitive.div,{role:"separator","aria-orientation":"horizontal",...o,...(0,Ko.skdxPart)("dropdown-menu","separator",o.className),ref:e}));B.displayName="DropdownMenuSeparator";var l=require("../utils/menuSub.cjs"),Uo=require("react/jsx-runtime");function F(o){return(0,Uo.jsx)(l.MenuSub,{family:"dropdown-menu",...o})}F.displayName="DropdownMenuSub";var Fo=l.MenuSubTrigger,_o=l.MenuSubContent;0&&(module.exports={DropdownMenu,DropdownMenuArrow,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuItemIndicator,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuProvider,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger,ITEM_SELECTOR,useDropdownMenuContext});
+"use strict";var Mo=Object.create;var I=Object.defineProperty;var Do=Object.getOwnPropertyDescriptor;var Ro=Object.getOwnPropertyNames;var go=Object.getPrototypeOf,Po=Object.prototype.hasOwnProperty;var bo=(e,r)=>{for(var o in r)I(e,o,{get:r[o],enumerable:!0})},ae=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of Ro(r))!Po.call(e,p)&&p!==o&&I(e,p,{get:()=>r[p],enumerable:!(a=Do(r,p))||a.enumerable});return e};var w=(e,r,o)=>(o=e!=null?Mo(go(e)):{},ae(r||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),yo=e=>ae(I({},"__esModule",{value:!0}),e);var ho={};bo(ho,{DropdownMenu:()=>ne,DropdownMenuArrow:()=>fo,DropdownMenuCheckboxItem:()=>S,DropdownMenuContent:()=>E,DropdownMenuGroup:()=>O,DropdownMenuItem:()=>v,DropdownMenuItemIndicator:()=>y,DropdownMenuLabel:()=>L,DropdownMenuPortal:()=>A,DropdownMenuProvider:()=>co,DropdownMenuRadioGroup:()=>F,DropdownMenuRadioItem:()=>K,DropdownMenuRoot:()=>re,DropdownMenuSeparator:()=>B,DropdownMenuShortcut:()=>h,DropdownMenuSub:()=>U,DropdownMenuSubContent:()=>ee,DropdownMenuSubTrigger:()=>j,DropdownMenuTrigger:()=>$,ITEM_SELECTOR:()=>k,ItemIndicatorContext:()=>R,MenuRadioGroupProvider:()=>Be,useDropdownMenuContext:()=>D,useMenuItem:()=>g,useMenuRadioGroupContext:()=>Y});module.exports=yo(ho);var M=w(require("react"),1),ao=require("../utils/createContext.cjs"),po=require("../utils/direction.cjs"),uo=require("../utils/part.cjs"),q=require("../utils/popper.cjs"),io=require("../utils/useControllableState.cjs"),mo=require("../utils/useFocusTrap.cjs"),so=require("../utils/useOpenChangeComplete.cjs"),lo=require("../utils/useOutsideInert.cjs");var _=require("../utils/menuGlyph.cjs");var me=w(require("react"),1),se=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var C=w(require("react"),1),pe=require("../utils/part.cjs"),de=require("../utils/primitive.cjs"),ue=require("../utils/useMenuItem.cjs");var ie=require("react/jsx-runtime"),R=C.createContext(!1);function g({disabled:e,textValue:r,onSelect:o,closeOnSelect:a,props:p}){let d=D("DropdownMenuItem");return(0,ue.useMenuItem)({disabled:e,textValue:r,onSelect:o,closeOnSelect:a??d.closeOnSelect,onSelected:()=>{d.onOpenChange(!1),d.focusTrigger()},contentRef:d.contentRef,props:p})}var v=C.forwardRef(({as:e="div",disabled:r,textValue:o,onSelect:a,closeOnSelect:p,...d},l)=>{let m=g({disabled:r,textValue:o,onSelect:a,closeOnSelect:p,props:d}),s=de.Primitive[e];return(0,ie.jsx)(s,{role:"menuitem",...d,...m,...(0,pe.skdxPart)("dropdown-menu","item",d.className),ref:l})});v.displayName="DropdownMenuItem";var Q=require("react/jsx-runtime"),S=me.forwardRef(({checked:e=!1,onCheckedChange:r,disabled:o,textValue:a,onSelect:p,closeOnSelect:d=!1,...l},m)=>{let s=g({disabled:o,textValue:a,onSelect:n=>{r?.(!e),p?.(n)},closeOnSelect:d,props:l});return(0,Q.jsx)(R.Provider,{value:e,children:(0,Q.jsx)(le.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...l,...s,...(0,se.skdxPart)("dropdown-menu","checkbox-item",l.className),ref:m})})});S.displayName="DropdownMenuCheckboxItem";var T=w(require("react"),1),ce=require("../utils/composeRefs.cjs"),fe=require("../utils/direction.cjs"),we=require("../utils/menuSub.cjs"),Me=require("../utils/part.cjs"),De=require("../utils/popper.cjs"),Re=require("../utils/primitive.cjs"),ge=require("../utils/useBodyScrollLock.cjs"),Pe=require("../utils/useDismiss.cjs"),be=require("../utils/useOutsideInert.cjs"),ye=require("../utils/useRovingFocus.cjs");var he=require("react/jsx-runtime"),E=T.forwardRef(({forceMount:e,loop:r=!0,onEscapeKeyDown:o,onPointerDownOutside:a,onFocusOutside:p,onInteractOutside:d,onCloseAutoFocus:l,side:m="bottom",align:s="start",sideOffset:n=4,...i},c)=>{let t=D("DropdownMenuContent"),W=(0,ce.useComposedRefs)(c,t.contentRef);t.closeAutoFocusRef.current=l;let z=(0,ye.useRovingFocus)({orientation:"vertical",loop:r,itemSelector:k,typeahead:!0,includeDisabled:!0}),wo=(0,fe.usePortalledDirection)(t.triggerRef);return(0,be.useOutsideInert)(t.contentRef,t.open&&t.modal),(0,ge.useBodyScrollLock)(t.open&&t.modal),(0,Pe.useDismiss)({enabled:t.open,insideSelector:`[${we.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:f=>{o?.(f),f.defaultPrevented||(t.onOpenChange(!1),t.focusTrigger())},onInteractOutside:d,onPointerDownOutside:f=>{a?.(f),f.defaultPrevented||t.onOpenChange(!1)},onFocusOutside:f=>{p?.(f),f.defaultPrevented||t.onOpenChange(!1)}},[t.contentRef,t.triggerRef]),T.useEffect(()=>{if(!t.open)return;let f=requestAnimationFrame(()=>{let te=t.contentRef.current,J=te?.querySelectorAll(k)??[];((t.openIntentRef.current==="last"?J[J.length-1]:J[0])??te)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(f)},[t.open,t.contentRef,t.openIntentRef]),e||t.open?(0,he.jsx)(De.PopperContent,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",dir:wo,"aria-labelledby":i["aria-label"]===void 0?t.triggerId:void 0,id:t.contentId,"data-state":t.open?"open":"closed",tabIndex:-1,side:m,align:s,sideOffset:n,...i,...(0,Me.skdxPart)("dropdown-menu","content",i.className),ref:W,onKeyDown:(0,Re.composeEventHandlers)(i.onKeyDown,f=>{if(f.altKey&&f.key==="ArrowUp"){f.preventDefault(),t.onOpenChange(!1),t.focusTrigger();return}z(f),f.key==="Tab"&&(t.onOpenChange(!1),t.focusTrigger())})}):null});E.displayName="DropdownMenuContent";var xe=w(require("react"),1),N=require("../utils/menuGroup.cjs"),Ie=require("../utils/part.cjs"),Ce=require("../utils/primitive.cjs"),X=require("react/jsx-runtime"),O=xe.forwardRef((e,r)=>{let{labelId:o,context:a}=(0,N.useMenuGroupLabel)();return(0,X.jsx)(N.MenuGroupProvider,{...a,children:(0,X.jsx)(Ce.Primitive.div,{role:"group","aria-labelledby":e["aria-label"]===void 0?o:void 0,...e,...(0,Ie.skdxPart)("dropdown-menu","group",e.className),ref:r})})});O.displayName="DropdownMenuGroup";var G=w(require("react"),1),ve=require("../utils/part.cjs"),Se=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),y=G.forwardRef(({forceMount:e,...r},o)=>{let a=G.useContext(R);return e||a?(0,ke.jsx)(Se.Primitive.span,{"data-state":a?"checked":"unchecked",...r,...(0,ve.skdxPart)("dropdown-menu","item-indicator",r.className),ref:o}):null});y.displayName="DropdownMenuItemIndicator";var Te=w(require("react"),1),Ee=require("../utils/menuGroup.cjs"),Ne=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs"),Ge=require("react/jsx-runtime"),L=Te.forwardRef((e,r)=>{let o=(0,Ee.useMenuLabelId)();return(0,Ge.jsx)(Oe.Primitive.div,{id:o,...e,...(0,Ne.skdxPart)("dropdown-menu","label",e.className),ref:r})});L.displayName="DropdownMenuLabel";var Le=require("../utils/portal.cjs");var Ae=require("react/jsx-runtime"),A=({forceMount:e,children:r,...o})=>{let a=D("DropdownMenuPortal");return e||a.open?(0,Ae.jsx)(Le.Portal,{...o,children:r}):null};A.displayName="DropdownMenuPortal";var He=w(require("react"),1),Ve=require("../utils/createContext.cjs"),V=require("../utils/menuGroup.cjs"),Fe=require("../utils/part.cjs"),Ke=require("../utils/primitive.cjs"),H=require("react/jsx-runtime"),[Be,Y]=(0,Ve.createSafeContext)("DropdownMenuRadioGroup"),F=He.forwardRef(({value:e,onValueChange:r,...o},a)=>{let{labelId:p,context:d}=(0,V.useMenuGroupLabel)();return(0,H.jsx)(Be,{value:e,onValueChange:r,children:(0,H.jsx)(V.MenuGroupProvider,{...d,children:(0,H.jsx)(Ke.Primitive.div,{role:"group","aria-labelledby":o["aria-label"]===void 0?p:void 0,...o,...(0,Fe.skdxPart)("dropdown-menu","radio-group",o.className),ref:a})})})});F.displayName="DropdownMenuRadioGroup";var Ue=w(require("react"),1),$e=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs");var Z=require("react/jsx-runtime"),K=Ue.forwardRef(({value:e,disabled:r,textValue:o,onSelect:a,closeOnSelect:p,...d},l)=>{let m=Y("DropdownMenuRadioItem"),s=m.value===e,n=g({disabled:r,textValue:o,onSelect:i=>{m.onValueChange?.(e),a?.(i)},closeOnSelect:p,props:d});return(0,Z.jsx)(R.Provider,{value:s,children:(0,Z.jsx)(_e.Primitive.div,{role:"menuitemradio","aria-checked":s,"data-state":s?"checked":"unchecked",...d,...n,...(0,$e.skdxPart)("dropdown-menu","radio-item",d.className),ref:l})})});K.displayName="DropdownMenuRadioItem";var qe=w(require("react"),1),We=require("../utils/part.cjs"),ze=require("../utils/primitive.cjs"),Je=require("react/jsx-runtime"),B=qe.forwardRef((e,r)=>(0,Je.jsx)(ze.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,We.skdxPart)("dropdown-menu","separator",e.className),ref:r}));B.displayName="DropdownMenuSeparator";var Qe=w(require("react"),1),Xe=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs"),Ze=require("react/jsx-runtime"),h=Qe.forwardRef((e,r)=>(0,Ze.jsx)(Ye.Primitive.span,{"aria-hidden":"true",...e,...(0,Xe.skdxPart)("dropdown-menu","shortcut",e.className),ref:r}));h.displayName="DropdownMenuShortcut";var P=require("../utils/menuSub.cjs");var je=require("react/jsx-runtime");function U(e){return D("DropdownMenuSub"),(0,je.jsx)(P.MenuSub,{family:"dropdown-menu",...e})}U.displayName="DropdownMenuSub";var j=P.MenuSubTrigger,ee=P.MenuSubContent;var eo=w(require("react"),1),oo=require("../utils/composeRefs.cjs"),ro=require("../utils/part.cjs"),no=require("../utils/popper.cjs"),x=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),$=eo.forwardRef((e,r)=>{let o=D("DropdownMenuTrigger"),a=(0,oo.useComposedRefs)(r,o.triggerRef);return(0,oe.jsx)(no.PopperAnchor,{asChild:!0,children:(0,oe.jsx)(x.Primitive.button,{type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed","data-disabled":e.disabled?"":void 0,...e,...(0,ro.skdxPart)("dropdown-menu","trigger",e.className),ref:a,onClick:(0,x.composeEventHandlers)(e.onClick,()=>{e.disabled||(o.openIntentRef.current="first",o.onOpenChange(!o.open))}),onKeyDown:(0,x.composeEventHandlers)(e.onKeyDown,p=>{e.disabled||["ArrowDown","ArrowUp"].includes(p.key)&&(o.openIntentRef.current=p.key==="ArrowUp"?"last":"first",p.preventDefault(),o.onOpenChange(!0))})})})});$.displayName="DropdownMenuTrigger";var u=require("react/jsx-runtime"),to=({trigger:e,items:r=[],onSelect:o,side:a,align:p,renderItem:d,passThrough:l})=>{let m=n=>d?d(n):"label"in n?n.label:null,s=(n,i)=>{if(!("type"in n))return(0,u.jsxs)(v,{disabled:n.disabled,textValue:n.textValue??n.label,onSelect:()=>{n.onSelect?.(),o?.(n)},children:[m(n),n.shortcut?(0,u.jsx)(h,{children:n.shortcut}):null]},i);switch(n.type){case"separator":return(0,u.jsx)(B,{},i);case"checkbox":return(0,u.jsxs)(S,{checked:n.checked,onCheckedChange:n.onCheckedChange,disabled:n.disabled,textValue:n.textValue??n.label,onSelect:()=>o?.(n),children:[(0,u.jsx)(y,{"aria-hidden":"true",children:(0,u.jsx)(_.CheckGlyph,{})}),m(n),n.shortcut?(0,u.jsx)(h,{children:n.shortcut}):null]},i);case"radio-group":return(0,u.jsx)(F,{value:n.value,onValueChange:n.onValueChange,children:n.items.map(c=>(0,u.jsxs)(K,{value:c.value,disabled:c.disabled,textValue:c.textValue??c.label,children:[(0,u.jsx)(y,{"aria-hidden":"true",children:(0,u.jsx)(_.DotGlyph,{})}),c.label]},c.value))},i);case"submenu":return(0,u.jsxs)(U,{children:[(0,u.jsx)(j,{disabled:n.disabled,textValue:n.textValue??n.label,children:m(n)}),(0,u.jsx)(ee,{children:n.items.map((c,t)=>s(c,`${i}.${t}`))})]},i);case"group":return(0,u.jsxs)(O,{children:[n.label?(0,u.jsx)(L,{children:n.label}):null,n.items.map((c,t)=>s(c,`${i}.${t}`))]},i)}};return(0,u.jsxs)(u.Fragment,{children:[e?(0,u.jsx)($,{asChild:!0,...l?.id?{"aria-controls":l.id}:{},children:e}):null,(0,u.jsx)(A,{children:(0,u.jsx)(E,{...l,side:a,align:p,children:r.map((n,i)=>s(n,String(i)))})})]})};var b=require("react/jsx-runtime"),k='[role^="menuitem"]',[co,D]=(0,ao.createSafeContext)("DropdownMenu");function re({children:e,open:r,defaultOpen:o=!1,modal:a=!0,closeOnSelect:p=!0,onOpenChange:d,onOpenChangeComplete:l}){let m=M.useRef(null),s=M.useRef(null),n=M.useRef("first"),i=M.useRef(void 0),[c=!1,t]=(0,io.useControllableState)({prop:r,defaultProp:o,onChange:d});(0,so.useOpenChangeComplete)(c,s,l);let W=M.useCallback(()=>{a&&(0,lo.releaseOutsideInert)(),(0,mo.autoFocusEvent)("close-auto-focus",i.current)&&m.current?.focus()},[a]),z=(0,po.usePortalledDirection)(m);return(0,b.jsx)(q.PopperRoot,{children:(0,b.jsx)(co,{triggerRef:m,contentRef:s,contentId:M.useId(),triggerId:M.useId(),open:c,modal:a,closeOnSelect:p,onOpenChange:t,openIntentRef:n,focusTrigger:W,closeAutoFocusRef:i,dir:z,children:e})})}re.displayName="DropdownMenuRoot";function ne({open:e,defaultOpen:r,modal:o,closeOnSelect:a,onOpenChange:p,onOpenChangeComplete:d,trigger:l,items:m,onSelect:s,side:n,align:i,renderItem:c,...t}){return(0,b.jsx)(re,{open:e,defaultOpen:r,modal:o,closeOnSelect:a,onOpenChange:p,onOpenChangeComplete:d,children:(0,b.jsx)(to,{trigger:l,items:m,onSelect:s,side:n,align:i,renderItem:c,passThrough:t})})}ne.displayName="DropdownMenu";var fo=M.forwardRef((e,r)=>(0,b.jsx)(q.PopperArrow,{...e,...(0,uo.skdxPart)("dropdown-menu","arrow",e.className),ref:r}));fo.displayName="DropdownMenuArrow";0&&(module.exports={DropdownMenu,DropdownMenuArrow,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuItemIndicator,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuProvider,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuRoot,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger,ITEM_SELECTOR,ItemIndicatorContext,MenuRadioGroupProvider,useDropdownMenuContext,useMenuItem,useMenuRadioGroupContext});

package/dist/dropdown-menu/DropdownMenu.d.cts

@@ -1,38 +1,80 @@
 import * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 import type { DropdownMenuContextValue, DropdownMenuProps } from './types.cjs';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/**
+ * @internal Every menu item (disabled included for keyboard discovery per APG).
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
 export declare const DropdownMenuProvider: {
     (props: DropdownMenuContextValue & {
         children: React.ReactNode;
     }): React.JSX.Element;
     displayName: string;
 }, useDropdownMenuContext: (consumerName: string) => DropdownMenuContextValue;
+/** Props for {@link DropdownMenuRoot}: {@link DropdownMenuProps} minus the derived-anatomy-only props, plus the parts as `children`. */
+export type DropdownMenuRootProps = Omit<DropdownMenuProps, 'trigger' | 'items' | 'onSelect' | 'side' | 'align' | 'renderItem'> & {
+    /**
+     * The trigger and portal — the menu's own DOM (content, items) is rendered
+     * by `DropdownMenuPortal` elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * State/context root: owns open state, wraps children in popper root, renders
+ * no DOM element itself.
+ *
+ * `DropdownMenu` (the recipe, below) wraps this with `DropdownMenuAnatomy`
+ * and always derives from `trigger`/`items`. Reach for this directly — via
+ * `@skdx/react/primitives/dropdown-menu`'s `DropdownMenuRoot` — for full manual
+ * composition of the parts.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ */
+export declare function DropdownMenuRoot({ children, open: openProp, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, }: DropdownMenuRootProps): React.JSX.Element;
+export declare namespace DropdownMenuRoot {
+    var displayName: string;
+}
 /**
- * Root of a dropdown menu triggered by a button: owns open state and hands
- * it down to `DropdownMenuTrigger` / `DropdownMenuPortal` /
- * `DropdownMenuContent` / item parts / `DropdownMenuArrow` via context.
- * Wraps children in the shared popper positioning root. Renders no DOM
- * element itself.
+ * A menu of actions opened by a trigger button, positioned via floating-ui,
+ * with roving-focus/typeahead navigation, nested submenus and checkbox/radio
+ * items.
+ *
+ * Always draws the derived anatomy from `trigger` and `items`: the trigger
+ * (merged onto `trigger` via `asChild` — no extra wrapping button), the
+ * portal, and the floating panel holding one part per entry. There is no
+ * `children`; for full manual composition use `DropdownMenuRoot` from
+ * `@skdx/react/primitives/dropdown-menu`.
  *
  * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
  * @example
  * ```tsx
- * <DropdownMenu>
+ * <DropdownMenu
+ *   trigger={<Button>Options</Button>}
+ *   items={[
+ *     { label: 'Edit', onSelect: edit, shortcut: '⌘E' },
+ *     { type: 'separator' },
+ *     { label: 'Delete', onSelect: remove, disabled: !canDelete },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/dropdown-menu`.
+ * ```tsx
+ * import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from '@skdx/react/primitives/dropdown-menu';
+ *
+ * <DropdownMenuRoot>
  *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
  *   <DropdownMenuPortal>
  *     <DropdownMenuContent>
- *       <DropdownMenuItem onSelect={() => console.log('Edit')}>Edit</DropdownMenuItem>
- *       <DropdownMenuSeparator />
- *       <DropdownMenuItem onSelect={() => console.log('Delete')}>Delete</DropdownMenuItem>
+ *       <DropdownMenuItem>Edit</DropdownMenuItem>
  *     </DropdownMenuContent>
  *   </DropdownMenuPortal>
- * </DropdownMenu>
+ * </DropdownMenuRoot>
  * ```
  */
-export declare function DropdownMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: DropdownMenuProps): React.JSX.Element;
+export declare function DropdownMenu({ open, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, trigger, items, onSelect, side, align, renderItem, ...rest }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var displayName: string;
 }

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

@@ -1,38 +1,80 @@
 import * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 import type { DropdownMenuContextValue, DropdownMenuProps } from './types.js';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/**
+ * @internal Every menu item (disabled included for keyboard discovery per APG).
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
 export declare const DropdownMenuProvider: {
     (props: DropdownMenuContextValue & {
         children: React.ReactNode;
     }): React.JSX.Element;
     displayName: string;
 }, useDropdownMenuContext: (consumerName: string) => DropdownMenuContextValue;
+/** Props for {@link DropdownMenuRoot}: {@link DropdownMenuProps} minus the derived-anatomy-only props, plus the parts as `children`. */
+export type DropdownMenuRootProps = Omit<DropdownMenuProps, 'trigger' | 'items' | 'onSelect' | 'side' | 'align' | 'renderItem'> & {
+    /**
+     * The trigger and portal — the menu's own DOM (content, items) is rendered
+     * by `DropdownMenuPortal` elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * State/context root: owns open state, wraps children in popper root, renders
+ * no DOM element itself.
+ *
+ * `DropdownMenu` (the recipe, below) wraps this with `DropdownMenuAnatomy`
+ * and always derives from `trigger`/`items`. Reach for this directly — via
+ * `@skdx/react/primitives/dropdown-menu`'s `DropdownMenuRoot` — for full manual
+ * composition of the parts.
+ *
+ * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ */
+export declare function DropdownMenuRoot({ children, open: openProp, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, }: DropdownMenuRootProps): React.JSX.Element;
+export declare namespace DropdownMenuRoot {
+    var displayName: string;
+}
 /**
- * Root of a dropdown menu triggered by a button: owns open state and hands
- * it down to `DropdownMenuTrigger` / `DropdownMenuPortal` /
- * `DropdownMenuContent` / item parts / `DropdownMenuArrow` via context.
- * Wraps children in the shared popper positioning root. Renders no DOM
- * element itself.
+ * A menu of actions opened by a trigger button, positioned via floating-ui,
+ * with roving-focus/typeahead navigation, nested submenus and checkbox/radio
+ * items.
+ *
+ * Always draws the derived anatomy from `trigger` and `items`: the trigger
+ * (merged onto `trigger` via `asChild` — no extra wrapping button), the
+ * portal, and the floating panel holding one part per entry. There is no
+ * `children`; for full manual composition use `DropdownMenuRoot` from
+ * `@skdx/react/primitives/dropdown-menu`.
  *
  * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
  * @example
  * ```tsx
- * <DropdownMenu>
+ * <DropdownMenu
+ *   trigger={<Button>Options</Button>}
+ *   items={[
+ *     { label: 'Edit', onSelect: edit, shortcut: '⌘E' },
+ *     { type: 'separator' },
+ *     { label: 'Delete', onSelect: remove, disabled: !canDelete },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/dropdown-menu`.
+ * ```tsx
+ * import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from '@skdx/react/primitives/dropdown-menu';
+ *
+ * <DropdownMenuRoot>
  *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
  *   <DropdownMenuPortal>
  *     <DropdownMenuContent>
- *       <DropdownMenuItem onSelect={() => console.log('Edit')}>Edit</DropdownMenuItem>
- *       <DropdownMenuSeparator />
- *       <DropdownMenuItem onSelect={() => console.log('Delete')}>Delete</DropdownMenuItem>
+ *       <DropdownMenuItem>Edit</DropdownMenuItem>
  *     </DropdownMenuContent>
  *   </DropdownMenuPortal>
- * </DropdownMenu>
+ * </DropdownMenuRoot>
  * ```
  */
-export declare function DropdownMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: DropdownMenuProps): React.JSX.Element;
+export declare function DropdownMenu({ open, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, trigger, items, onSelect, side, align, renderItem, ...rest }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var displayName: string;
 }

package/dist/dropdown-menu/DropdownMenu.js

@@ -1 +1 @@
-import*as s from"react";import{createSafeContext as Q}from"../utils/createContext.js";import{skdxPart as X}from"../utils/part.js";import{PopperArrow as Y,PopperRoot as Z}from"../utils/popper.js";import{useControllableState as j}from"../utils/useControllableState.js";import{useOpenChangeComplete as oo}from"../utils/useOpenChangeComplete.js";import{jsx as R}from"react/jsx-runtime";var x='[role^="menuitem"]:not([data-disabled])',[eo,u]=Q("DropdownMenu");function ro({children:o,open:e,defaultOpen:r=!1,onOpenChange:n,onOpenChangeComplete:p}){let i=s.useRef(null),d=s.useRef(null),[m=!1,c]=j({prop:e,defaultProp:r,onChange:n});return oo(m,d,p),R(Z,{children:R(eo,{triggerRef:i,contentRef:d,contentId:s.useId(),open:m,onOpenChange:c,children:o})})}ro.displayName="DropdownMenu";var no=s.forwardRef((o,e)=>R(Y,{...o,...X("dropdown-menu","arrow",o.className),ref:e}));no.displayName="DropdownMenuArrow";import*as g from"react";import{useComposedRefs as to}from"../utils/composeRefs.js";import{skdxPart as po}from"../utils/part.js";import{PopperAnchor as ao}from"../utils/popper.js";import{composeEventHandlers as C,Primitive as mo}from"../utils/primitive.js";import{jsx as I}from"react/jsx-runtime";var y=g.forwardRef((o,e)=>{let r=u("DropdownMenuTrigger"),n=to(e,r.triggerRef);return I(ao,{asChild:!0,children:I(mo.button,{type:"button","aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed","data-disabled":o.disabled?"":void 0,...o,...po("dropdown-menu","trigger",o.className),ref:n,onClick:C(o.onClick,()=>{o.disabled||r.onOpenChange(!r.open)}),onKeyDown:C(o.onKeyDown,p=>{o.disabled||["ArrowDown","ArrowUp"].includes(p.key)&&(p.preventDefault(),r.onOpenChange(!0))})})})});y.displayName="DropdownMenuTrigger";import{Portal as io}from"../utils/portal.js";import{jsx as uo}from"react/jsx-runtime";var v=({forceMount:o,children:e,...r})=>{let n=u("DropdownMenuPortal");return o||n.open?uo(io,{...r,children:e}):null};v.displayName="DropdownMenuPortal";import*as w from"react";import{useComposedRefs as so}from"../utils/composeRefs.js";import{MENU_BRANCH_ATTRIBUTE as fo}from"../utils/menuSub.js";import{skdxPart as co}from"../utils/part.js";import{PopperContent as lo}from"../utils/popper.js";import{composeEventHandlers as wo}from"../utils/primitive.js";import{useDismiss as Mo}from"../utils/useDismiss.js";import{useRovingFocus as Do}from"../utils/useRovingFocus.js";import{jsx as Po}from"react/jsx-runtime";var b=w.forwardRef(({forceMount:o,loop:e=!0,onEscapeKeyDown:r,onPointerDownOutside:n,onFocusOutside:p,onInteractOutside:i,side:d="bottom",align:m="start",sideOffset:c=4,...P},z)=>{let t=u("DropdownMenuContent"),$=so(z,t.contentRef),J=Do({orientation:"vertical",loop:e,itemSelector:x,typeahead:!0});return Mo({enabled:t.open,insideSelector:`[${fo}]`,onEscapeKeyDown:a=>{r?.(a),a.defaultPrevented||(t.onOpenChange(!1),t.triggerRef.current?.focus())},onInteractOutside:i,onPointerDownOutside:a=>{n?.(a),a.defaultPrevented||t.onOpenChange(!1)},onFocusOutside:a=>{p?.(a),a.defaultPrevented||t.onOpenChange(!1)}},[t.contentRef,t.triggerRef]),w.useEffect(()=>{if(!t.open)return;let a=requestAnimationFrame(()=>{(t.contentRef.current?.querySelector(x)??t.contentRef.current)?.focus()});return()=>cancelAnimationFrame(a)},[t.open,t.contentRef]),o||t.open?Po(lo,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",id:t.contentId,"data-state":t.open?"open":"closed",tabIndex:-1,side:d,align:m,sideOffset:c,...P,...co("dropdown-menu","content",P.className),ref:$,onKeyDown:wo(P.onKeyDown,a=>{J(a),a.key==="Tab"&&(a.preventDefault(),t.onOpenChange(!1),t.triggerRef.current?.focus())})}):null});b.displayName="DropdownMenuContent";import*as M from"react";import{skdxPart as Ro}from"../utils/part.js";import{Primitive as xo}from"../utils/primitive.js";import{useMenuItem as Co}from"../utils/useMenuItem.js";import{jsx as Io}from"react/jsx-runtime";var f=M.createContext(!1);function l({disabled:o,onSelect:e,props:r}){let n=u("DropdownMenuItem");return Co({disabled:o,onSelect:e,onSelected:()=>{n.onOpenChange(!1),n.triggerRef.current?.focus()},contentRef:n.contentRef,props:r})}var h=M.forwardRef(({disabled:o,onSelect:e,...r},n)=>{let p=l({disabled:o,onSelect:e,props:r});return Io(xo.div,{role:"menuitem",...r,...p,...Ro("dropdown-menu","item",r.className),ref:n})});h.displayName="DropdownMenuItem";import*as T from"react";import{skdxPart as go}from"../utils/part.js";import{Primitive as yo}from"../utils/primitive.js";import{jsx as S}from"react/jsx-runtime";var k=T.forwardRef(({checked:o=!1,onCheckedChange:e,disabled:r,onSelect:n,...p},i)=>{let d=l({disabled:r,onSelect:m=>{e?.(!o),n?.(m),m.preventDefault()},props:p});return S(f.Provider,{value:o,children:S(yo.div,{role:"menuitemcheckbox","aria-checked":o,"data-state":o?"checked":"unchecked",...p,...d,...go("dropdown-menu","checkbox-item",p.className),ref:i})})});k.displayName="DropdownMenuCheckboxItem";import*as N from"react";import{createSafeContext as vo}from"../utils/createContext.js";import{skdxPart as bo}from"../utils/part.js";import{Primitive as ho}from"../utils/primitive.js";import{jsx as E}from"react/jsx-runtime";var[So,L]=vo("DropdownMenuRadioGroup"),G=N.forwardRef(({value:o,onValueChange:e,...r},n)=>E(So,{value:o,onValueChange:e,children:E(ho.div,{role:"group",...r,...bo("dropdown-menu","radio-group",r.className),ref:n})}));G.displayName="DropdownMenuRadioGroup";import*as O from"react";import{skdxPart as To}from"../utils/part.js";import{Primitive as ko}from"../utils/primitive.js";import{jsx as H}from"react/jsx-runtime";var A=O.forwardRef(({value:o,disabled:e,onSelect:r,...n},p)=>{let i=L("DropdownMenuRadioItem"),d=i.value===o,m=l({disabled:e,onSelect:c=>{i.onValueChange?.(o),r?.(c)},props:n});return H(f.Provider,{value:d,children:H(ko.div,{role:"menuitemradio","aria-checked":d,"data-state":d?"checked":"unchecked",...n,...m,...To("dropdown-menu","radio-item",n.className),ref:p})})});A.displayName="DropdownMenuRadioItem";import*as D from"react";import{skdxPart as Eo}from"../utils/part.js";import{Primitive as No}from"../utils/primitive.js";import{jsx as Lo}from"react/jsx-runtime";var K=D.forwardRef(({forceMount:o,...e},r)=>{let n=D.useContext(f);return o||n?Lo(No.span,{"data-state":n?"checked":"unchecked",...e,...Eo("dropdown-menu","item-indicator",e.className),ref:r}):null});K.displayName="DropdownMenuItemIndicator";import*as V from"react";import{skdxPart as Go}from"../utils/part.js";import{Primitive as Ho}from"../utils/primitive.js";import{jsx as Oo}from"react/jsx-runtime";var B=V.forwardRef((o,e)=>Oo(Ho.div,{role:"group",...o,...Go("dropdown-menu","group",o.className),ref:e}));B.displayName="DropdownMenuGroup";import*as F from"react";import{skdxPart as Ao}from"../utils/part.js";import{Primitive as Ko}from"../utils/primitive.js";import{jsx as Vo}from"react/jsx-runtime";var _=F.forwardRef((o,e)=>Vo(Ko.div,{...o,...Ao("dropdown-menu","label",o.className),ref:e}));_.displayName="DropdownMenuLabel";import*as U from"react";import{skdxPart as Bo}from"../utils/part.js";import{Primitive as Fo}from"../utils/primitive.js";import{jsx as _o}from"react/jsx-runtime";var q=U.forwardRef((o,e)=>_o(Fo.div,{role:"separator","aria-orientation":"horizontal",...o,...Bo("dropdown-menu","separator",o.className),ref:e}));q.displayName="DropdownMenuSeparator";import{MenuSub as Uo,MenuSubContent as qo,MenuSubTrigger as Wo}from"../utils/menuSub.js";import{jsx as Jo}from"react/jsx-runtime";function W(o){return Jo(Uo,{family:"dropdown-menu",...o})}W.displayName="DropdownMenuSub";var zo=Wo,$o=qo;export{ro as DropdownMenu,no as DropdownMenuArrow,k as DropdownMenuCheckboxItem,b as DropdownMenuContent,B as DropdownMenuGroup,h as DropdownMenuItem,K as DropdownMenuItemIndicator,_ as DropdownMenuLabel,v as DropdownMenuPortal,eo as DropdownMenuProvider,G as DropdownMenuRadioGroup,A as DropdownMenuRadioItem,q as DropdownMenuSeparator,W as DropdownMenuSub,$o as DropdownMenuSubContent,zo as DropdownMenuSubTrigger,y as DropdownMenuTrigger,x as ITEM_SELECTOR,u as useDropdownMenuContext};
+import*as w from"react";import{createSafeContext as so}from"../utils/createContext.js";import{usePortalledDirection as lo}from"../utils/direction.js";import{skdxPart as co}from"../utils/part.js";import{PopperArrow as fo,PopperRoot as wo}from"../utils/popper.js";import{useControllableState as Mo}from"../utils/useControllableState.js";import{autoFocusEvent as Do}from"../utils/useFocusTrap.js";import{useOpenChangeComplete as Ro}from"../utils/useOpenChangeComplete.js";import{releaseOutsideInert as go}from"../utils/useOutsideInert.js";import{CheckGlyph as uo,DotGlyph as io}from"../utils/menuGlyph.js";import*as _ from"react";import{skdxPart as ce}from"../utils/part.js";import{Primitive as fe}from"../utils/primitive.js";import*as b from"react";import{skdxPart as ie}from"../utils/part.js";import{Primitive as me}from"../utils/primitive.js";import{useMenuItem as se}from"../utils/useMenuItem.js";import{jsx as le}from"react/jsx-runtime";var D=b.createContext(!1);function g({disabled:e,textValue:t,onSelect:r,closeOnSelect:a,props:u}){let p=M("DropdownMenuItem");return se({disabled:e,textValue:t,onSelect:r,closeOnSelect:a??p.closeOnSelect,onSelected:()=>{p.onOpenChange(!1),p.focusTrigger()},contentRef:p.contentRef,props:u})}var k=b.forwardRef(({as:e="div",disabled:t,textValue:r,onSelect:a,closeOnSelect:u,...p},s)=>{let i=g({disabled:t,textValue:r,onSelect:a,closeOnSelect:u,props:p}),m=me[e];return le(m,{role:"menuitem",...p,...i,...ie("dropdown-menu","item",p.className),ref:s})});k.displayName="DropdownMenuItem";import{jsx as $}from"react/jsx-runtime";var T=_.forwardRef(({checked:e=!1,onCheckedChange:t,disabled:r,textValue:a,onSelect:u,closeOnSelect:p=!1,...s},i)=>{let m=g({disabled:r,textValue:a,onSelect:o=>{t?.(!e),u?.(o)},closeOnSelect:p,props:s});return $(D.Provider,{value:e,children:$(fe.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...s,...m,...ce("dropdown-menu","checkbox-item",s.className),ref:i})})});T.displayName="DropdownMenuCheckboxItem";import*as y from"react";import{useComposedRefs as we}from"../utils/composeRefs.js";import{usePortalledDirection as Me}from"../utils/direction.js";import{MENU_BRANCH_ATTRIBUTE as De}from"../utils/menuSub.js";import{skdxPart as Re}from"../utils/part.js";import{PopperContent as ge}from"../utils/popper.js";import{composeEventHandlers as Pe}from"../utils/primitive.js";import{useBodyScrollLock as be}from"../utils/useBodyScrollLock.js";import{useDismiss as ye}from"../utils/useDismiss.js";import{useOutsideInert as he}from"../utils/useOutsideInert.js";import{useRovingFocus as xe}from"../utils/useRovingFocus.js";import{jsx as Ie}from"react/jsx-runtime";var N=y.forwardRef(({forceMount:e,loop:t=!0,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:u,onInteractOutside:p,onCloseAutoFocus:s,side:i="bottom",align:m="start",sideOffset:o=4,...d},l)=>{let n=M("DropdownMenuContent"),C=we(l,n.contentRef);n.closeAutoFocusRef.current=s;let v=xe({orientation:"vertical",loop:t,itemSelector:E,typeahead:!0,includeDisabled:!0}),ue=Me(n.triggerRef);return he(n.contentRef,n.open&&n.modal),be(n.open&&n.modal),ye({enabled:n.open,insideSelector:`[${De}]`,onEscapeKeyDown:c=>{r?.(c),c.defaultPrevented||(n.onOpenChange(!1),n.focusTrigger())},onInteractOutside:p,onPointerDownOutside:c=>{a?.(c),c.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:c=>{u?.(c),c.defaultPrevented||n.onOpenChange(!1)}},[n.contentRef,n.triggerRef]),y.useEffect(()=>{if(!n.open)return;let c=requestAnimationFrame(()=>{let U=n.contentRef.current,S=U?.querySelectorAll(E)??[];((n.openIntentRef.current==="last"?S[S.length-1]:S[0])??U)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(c)},[n.open,n.contentRef,n.openIntentRef]),e||n.open?Ie(ge,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",dir:ue,"aria-labelledby":d["aria-label"]===void 0?n.triggerId:void 0,id:n.contentId,"data-state":n.open?"open":"closed",tabIndex:-1,side:i,align:m,sideOffset:o,...d,...Re("dropdown-menu","content",d.className),ref:C,onKeyDown:Pe(d.onKeyDown,c=>{if(c.altKey&&c.key==="ArrowUp"){c.preventDefault(),n.onOpenChange(!1),n.focusTrigger();return}v(c),c.key==="Tab"&&(n.onOpenChange(!1),n.focusTrigger())})}):null});N.displayName="DropdownMenuContent";import*as W from"react";import{MenuGroupProvider as Ce,useMenuGroupLabel as ve}from"../utils/menuGroup.js";import{skdxPart as Se}from"../utils/part.js";import{Primitive as ke}from"../utils/primitive.js";import{jsx as q}from"react/jsx-runtime";var O=W.forwardRef((e,t)=>{let{labelId:r,context:a}=ve();return q(Ce,{...a,children:q(ke.div,{role:"group","aria-labelledby":e["aria-label"]===void 0?r:void 0,...e,...Se("dropdown-menu","group",e.className),ref:t})})});O.displayName="DropdownMenuGroup";import*as h from"react";import{skdxPart as Te}from"../utils/part.js";import{Primitive as Ee}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var x=h.forwardRef(({forceMount:e,...t},r)=>{let a=h.useContext(D);return e||a?Ne(Ee.span,{"data-state":a?"checked":"unchecked",...t,...Te("dropdown-menu","item-indicator",t.className),ref:r}):null});x.displayName="DropdownMenuItemIndicator";import*as z from"react";import{useMenuLabelId as Oe}from"../utils/menuGroup.js";import{skdxPart as Ge}from"../utils/part.js";import{Primitive as Le}from"../utils/primitive.js";import{jsx as Ae}from"react/jsx-runtime";var G=z.forwardRef((e,t)=>{let r=Oe();return Ae(Le.div,{id:r,...e,...Ge("dropdown-menu","label",e.className),ref:t})});G.displayName="DropdownMenuLabel";import{Portal as He}from"../utils/portal.js";import{jsx as Ve}from"react/jsx-runtime";var L=({forceMount:e,children:t,...r})=>{let a=M("DropdownMenuPortal");return e||a.open?Ve(He,{...r,children:t}):null};L.displayName="DropdownMenuPortal";import*as J from"react";import{createSafeContext as Fe}from"../utils/createContext.js";import{MenuGroupProvider as Ke,useMenuGroupLabel as Be}from"../utils/menuGroup.js";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var[_e,Q]=Fe("DropdownMenuRadioGroup"),H=J.forwardRef(({value:e,onValueChange:t,...r},a)=>{let{labelId:u,context:p}=Be();return A(_e,{value:e,onValueChange:t,children:A(Ke,{...p,children:A($e.div,{role:"group","aria-labelledby":r["aria-label"]===void 0?u:void 0,...r,...Ue("dropdown-menu","radio-group",r.className),ref:a})})})});H.displayName="DropdownMenuRadioGroup";import*as Y from"react";import{skdxPart as qe}from"../utils/part.js";import{Primitive as We}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var V=Y.forwardRef(({value:e,disabled:t,textValue:r,onSelect:a,closeOnSelect:u,...p},s)=>{let i=Q("DropdownMenuRadioItem"),m=i.value===e,o=g({disabled:t,textValue:r,onSelect:d=>{i.onValueChange?.(e),a?.(d)},closeOnSelect:u,props:p});return X(D.Provider,{value:m,children:X(We.div,{role:"menuitemradio","aria-checked":m,"data-state":m?"checked":"unchecked",...p,...o,...qe("dropdown-menu","radio-item",p.className),ref:s})})});V.displayName="DropdownMenuRadioItem";import*as Z from"react";import{skdxPart as ze}from"../utils/part.js";import{Primitive as Je}from"../utils/primitive.js";import{jsx as Qe}from"react/jsx-runtime";var F=Z.forwardRef((e,t)=>Qe(Je.div,{role:"separator","aria-orientation":"horizontal",...e,...ze("dropdown-menu","separator",e.className),ref:t}));F.displayName="DropdownMenuSeparator";import*as j from"react";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{jsx as Ze}from"react/jsx-runtime";var I=j.forwardRef((e,t)=>Ze(Ye.span,{"aria-hidden":"true",...e,...Xe("dropdown-menu","shortcut",e.className),ref:t}));I.displayName="DropdownMenuShortcut";import{MenuSub as je,MenuSubContent as eo,MenuSubTrigger as oo}from"../utils/menuSub.js";import{jsx as ro}from"react/jsx-runtime";function K(e){return M("DropdownMenuSub"),ro(je,{family:"dropdown-menu",...e})}K.displayName="DropdownMenuSub";var ee=oo,oe=eo;import*as te from"react";import{useComposedRefs as no}from"../utils/composeRefs.js";import{skdxPart as to}from"../utils/part.js";import{PopperAnchor as ao}from"../utils/popper.js";import{composeEventHandlers as re,Primitive as po}from"../utils/primitive.js";import{jsx as ne}from"react/jsx-runtime";var B=te.forwardRef((e,t)=>{let r=M("DropdownMenuTrigger"),a=no(t,r.triggerRef);return ne(ao,{asChild:!0,children:ne(po.button,{type:"button",id:r.triggerId,"aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,...e,...to("dropdown-menu","trigger",e.className),ref:a,onClick:re(e.onClick,()=>{e.disabled||(r.openIntentRef.current="first",r.onOpenChange(!r.open))}),onKeyDown:re(e.onKeyDown,u=>{e.disabled||["ArrowDown","ArrowUp"].includes(u.key)&&(r.openIntentRef.current=u.key==="ArrowUp"?"last":"first",u.preventDefault(),r.onOpenChange(!0))})})})});B.displayName="DropdownMenuTrigger";import{Fragment as mo,jsx as f,jsxs as R}from"react/jsx-runtime";var ae=({trigger:e,items:t=[],onSelect:r,side:a,align:u,renderItem:p,passThrough:s})=>{let i=o=>p?p(o):"label"in o?o.label:null,m=(o,d)=>{if(!("type"in o))return R(k,{disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>{o.onSelect?.(),r?.(o)},children:[i(o),o.shortcut?f(I,{children:o.shortcut}):null]},d);switch(o.type){case"separator":return f(F,{},d);case"checkbox":return R(T,{checked:o.checked,onCheckedChange:o.onCheckedChange,disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>r?.(o),children:[f(x,{"aria-hidden":"true",children:f(uo,{})}),i(o),o.shortcut?f(I,{children:o.shortcut}):null]},d);case"radio-group":return f(H,{value:o.value,onValueChange:o.onValueChange,children:o.items.map(l=>R(V,{value:l.value,disabled:l.disabled,textValue:l.textValue??l.label,children:[f(x,{"aria-hidden":"true",children:f(io,{})}),l.label]},l.value))},d);case"submenu":return R(K,{children:[f(ee,{disabled:o.disabled,textValue:o.textValue??o.label,children:i(o)}),f(oe,{children:o.items.map((l,n)=>m(l,`${d}.${n}`))})]},d);case"group":return R(O,{children:[o.label?f(G,{children:o.label}):null,o.items.map((l,n)=>m(l,`${d}.${n}`))]},d)}};return R(mo,{children:[e?f(B,{asChild:!0,...s?.id?{"aria-controls":s.id}:{},children:e}):null,f(L,{children:f(N,{...s,side:a,align:u,children:t.map((o,d)=>m(o,String(d)))})})]})};import{jsx as P}from"react/jsx-runtime";var E='[role^="menuitem"]',[Po,M]=so("DropdownMenu");function pe({children:e,open:t,defaultOpen:r=!1,modal:a=!0,closeOnSelect:u=!0,onOpenChange:p,onOpenChangeComplete:s}){let i=w.useRef(null),m=w.useRef(null),o=w.useRef("first"),d=w.useRef(void 0),[l=!1,n]=Mo({prop:t,defaultProp:r,onChange:p});Ro(l,m,s);let C=w.useCallback(()=>{a&&go(),Do("close-auto-focus",d.current)&&i.current?.focus()},[a]),v=lo(i);return P(wo,{children:P(Po,{triggerRef:i,contentRef:m,contentId:w.useId(),triggerId:w.useId(),open:l,modal:a,closeOnSelect:u,onOpenChange:n,openIntentRef:o,focusTrigger:C,closeAutoFocusRef:d,dir:v,children:e})})}pe.displayName="DropdownMenuRoot";function de({open:e,defaultOpen:t,modal:r,closeOnSelect:a,onOpenChange:u,onOpenChangeComplete:p,trigger:s,items:i,onSelect:m,side:o,align:d,renderItem:l,...n}){return P(pe,{open:e,defaultOpen:t,modal:r,closeOnSelect:a,onOpenChange:u,onOpenChangeComplete:p,children:P(ae,{trigger:s,items:i,onSelect:m,side:o,align:d,renderItem:l,passThrough:n})})}de.displayName="DropdownMenu";var bo=w.forwardRef((e,t)=>P(fo,{...e,...co("dropdown-menu","arrow",e.className),ref:t}));bo.displayName="DropdownMenuArrow";export{de as DropdownMenu,bo as DropdownMenuArrow,T as DropdownMenuCheckboxItem,N as DropdownMenuContent,O as DropdownMenuGroup,k as DropdownMenuItem,x as DropdownMenuItemIndicator,G as DropdownMenuLabel,L as DropdownMenuPortal,Po as DropdownMenuProvider,H as DropdownMenuRadioGroup,V as DropdownMenuRadioItem,pe as DropdownMenuRoot,F as DropdownMenuSeparator,I as DropdownMenuShortcut,K as DropdownMenuSub,oe as DropdownMenuSubContent,ee as DropdownMenuSubTrigger,B as DropdownMenuTrigger,E as ITEM_SELECTOR,D as ItemIndicatorContext,_e as MenuRadioGroupProvider,M as useDropdownMenuContext,g as useMenuItem,Q as useMenuRadioGroupContext};

package/dist/dropdown-menu/DropdownMenuAnatomy.d.cts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { Align, Side } from '../utils/popper.cjs';
+import type { MenuItem } from './types.cjs';
+/**
+ * The anatomy a {@link DropdownMenu} draws from `trigger` and `items`: the
+ * trigger (via `asChild`), portal, and panel. Panel renders items as
+ * `DropdownMenuItem`, `Separator`, `CheckboxItem`, `RadioGroup`/`RadioItem`,
+ * `Sub`-components, or `Group`/`Label`, recursing through submenus.
+ *
+ * @internal
+ */
+export declare const DropdownMenuAnatomy: ({ trigger, items, onSelect, side, align, renderItem, passThrough, }: {
+    trigger?: React.ReactElement;
+    items?: MenuItem[];
+    onSelect?: (item: MenuItem) => void;
+    side?: Side;
+    align?: Align;
+    renderItem?: (item: MenuItem) => React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

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

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+import type { Align, Side } from '../utils/popper.js';
+import type { MenuItem } from './types.js';
+/**
+ * The anatomy a {@link DropdownMenu} draws from `trigger` and `items`: the
+ * trigger (via `asChild`), portal, and panel. Panel renders items as
+ * `DropdownMenuItem`, `Separator`, `CheckboxItem`, `RadioGroup`/`RadioItem`,
+ * `Sub`-components, or `Group`/`Label`, recursing through submenus.
+ *
+ * @internal
+ */
+export declare const DropdownMenuAnatomy: ({ trigger, items, onSelect, side, align, renderItem, passThrough, }: {
+    trigger?: React.ReactElement;
+    items?: MenuItem[];
+    onSelect?: (item: MenuItem) => void;
+    side?: Side;
+    align?: Align;
+    renderItem?: (item: MenuItem) => React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.d.cts

@@ -1,13 +1,7 @@
 import * as React from 'react';
 import type { DropdownMenuCheckboxItemProps } from './types.cjs';
 /**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` via `onCheckedChange` and, unlike
- * `DropdownMenuItem`, keeps the menu open by default (call
- * `event.preventDefault()` in `onSelect` to opt out). Wrap a
- * `DropdownMenuItemIndicator` inside it to render a check glyph only when
- * checked.
+ * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`. Keeps menu open by default (not inherited from root) since checkbox items are toggled multiple times. Wrap `DropdownMenuItemIndicator` for check glyph.
  *
  * @example
  * ```tsx

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

@@ -1,13 +1,7 @@
 import * as React from 'react';
 import type { DropdownMenuCheckboxItemProps } from './types.js';
 /**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` via `onCheckedChange` and, unlike
- * `DropdownMenuItem`, keeps the menu open by default (call
- * `event.preventDefault()` in `onSelect` to opt out). Wrap a
- * `DropdownMenuItemIndicator` inside it to render a check glyph only when
- * checked.
+ * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`. Keeps menu open by default (not inherited from root) since checkbox items are toggled multiple times. Wrap `DropdownMenuItemIndicator` for check glyph.
  *
  * @example
  * ```tsx

package/dist/dropdown-menu/DropdownMenuContent.d.cts

@@ -1,17 +1,11 @@
 import * as React from 'react';
 import type { DropdownMenuContentProps } from './types.cjs';
 /**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false`. Also exposes `data-side`/`data-align` reflecting the resolved
- * placement.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, Tab (per the WAI-ARIA menu pattern), or an outside interaction:
+ * Menu panel: `role="menu"`, positioned via popper (side/align/offsets),
+ * flips/shifts to avoid collisions. Modal marks outside `inert`, locks scroll.
+ * Roving arrow navigation with typeahead. Closes on Escape/outside/select.
+ * ArrowUp on the trigger is what opened it), and closes on
+ * Escape, Alt+ArrowUp, Tab (per the WAI-ARIA menu pattern), or an outside interaction:
  * pointer-down outside or focus moving outside, each reported to
  * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
  * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)

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

@@ -1,17 +1,11 @@
 import * as React from 'react';
 import type { DropdownMenuContentProps } from './types.js';
 /**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false`. Also exposes `data-side`/`data-align` reflecting the resolved
- * placement.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, Tab (per the WAI-ARIA menu pattern), or an outside interaction:
+ * Menu panel: `role="menu"`, positioned via popper (side/align/offsets),
+ * flips/shifts to avoid collisions. Modal marks outside `inert`, locks scroll.
+ * Roving arrow navigation with typeahead. Closes on Escape/outside/select.
+ * ArrowUp on the trigger is what opened it), and closes on
+ * Escape, Alt+ArrowUp, Tab (per the WAI-ARIA menu pattern), or an outside interaction:
  * pointer-down outside or focus moving outside, each reported to
  * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
  * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)

package/dist/dropdown-menu/DropdownMenuGroup.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DropdownMenuGroupProps } from './types.cjs';
 /**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `DropdownMenuLabel` to caption the group.
+ * Semantic grouping of related items — `<div role="group">`. Pair with `DropdownMenuLabel` for accessible name.
  *
  * @example
  * ```tsx

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

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DropdownMenuGroupProps } from './types.js';
 /**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `DropdownMenuLabel` to caption the group.
+ * Semantic grouping of related items — `<div role="group">`. Pair with `DropdownMenuLabel` for accessible name.
  *
  * @example
  * ```tsx

package/dist/dropdown-menu/DropdownMenuItem.d.cts

@@ -1,27 +1,30 @@
 import * as React from 'react';
 import type { DropdownMenuItemProps } from './types.cjs';
-/** @internal True inside a checkbox/radio item so its `ItemIndicator` knows whether the item is checked. */
+/** @internal True inside a checkbox/radio item so its `DropdownMenuItemIndicator` knows whether the item is checked. */
 export declare const ItemIndicatorContext: React.Context<boolean>;
 /** @internal Wires a {@link DropdownMenuItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
-export declare function useMenuItem({ disabled, onSelect, props, }: {
+export declare function useMenuItem({ disabled, textValue, onSelect, closeOnSelect, props, }: {
     disabled?: boolean;
+    textValue?: string;
     onSelect?: (event: Event) => void;
+    /** Overrides the root's `closeOnSelect`; a part may also supply its own default. */
+    closeOnSelect?: boolean;
     props: DropdownMenuItemProps;
 }): {
     'data-disabled': string | undefined;
+    'data-text-value': string | undefined;
     'aria-disabled': true | undefined;
-    tabIndex: number | undefined;
+    tabIndex: number;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     onPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
     onPointerLeave: (event: React.PointerEvent<HTMLDivElement>) => void;
 };
 /**
- * A single selectable menu item: `role="menuitem"`, participates in the
- * content's roving-focus/typeahead navigation. Selecting it (click,
- * Enter, or Space) fires `onSelect` and closes the menu, returning focus to
- * the trigger, unless `onSelect` calls `event.preventDefault()`. Set
- * `disabled` to exclude it from navigation and selection.
+ * Selectable menu item with `role="menuitem"` and roving-focus/typeahead.
+ * Selecting (click/Enter/Space) fires `onSelect` and closes the menu unless
+ * `event.preventDefault()` or `closeOnSelect` is `false`. Use `as="a"` for
+ * a link that stays a menu item with its roving tab index.
  *
  * @example
  * ```tsx

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

@@ -1,27 +1,30 @@
 import * as React from 'react';
 import type { DropdownMenuItemProps } from './types.js';
-/** @internal True inside a checkbox/radio item so its `ItemIndicator` knows whether the item is checked. */
+/** @internal True inside a checkbox/radio item so its `DropdownMenuItemIndicator` knows whether the item is checked. */
 export declare const ItemIndicatorContext: React.Context<boolean>;
 /** @internal Wires a {@link DropdownMenuItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
-export declare function useMenuItem({ disabled, onSelect, props, }: {
+export declare function useMenuItem({ disabled, textValue, onSelect, closeOnSelect, props, }: {
     disabled?: boolean;
+    textValue?: string;
     onSelect?: (event: Event) => void;
+    /** Overrides the root's `closeOnSelect`; a part may also supply its own default. */
+    closeOnSelect?: boolean;
     props: DropdownMenuItemProps;
 }): {
     'data-disabled': string | undefined;
+    'data-text-value': string | undefined;
     'aria-disabled': true | undefined;
-    tabIndex: number | undefined;
+    tabIndex: number;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     onPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
     onPointerLeave: (event: React.PointerEvent<HTMLDivElement>) => void;
 };
 /**
- * A single selectable menu item: `role="menuitem"`, participates in the
- * content's roving-focus/typeahead navigation. Selecting it (click,
- * Enter, or Space) fires `onSelect` and closes the menu, returning focus to
- * the trigger, unless `onSelect` calls `event.preventDefault()`. Set
- * `disabled` to exclude it from navigation and selection.
+ * Selectable menu item with `role="menuitem"` and roving-focus/typeahead.
+ * Selecting (click/Enter/Space) fires `onSelect` and closes the menu unless
+ * `event.preventDefault()` or `closeOnSelect` is `false`. Use `as="a"` for
+ * a link that stays a menu item with its roving tab index.
  *
  * @example
  * ```tsx

package/dist/dropdown-menu/DropdownMenuItemIndicator.d.cts

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import type { DropdownMenuItemIndicatorProps } from './types.cjs';
 /**
- * Renders its children (typically a check glyph) only while the enclosing
- * `DropdownMenuCheckboxItem` or `DropdownMenuRadioItem` is checked. Exposes
- * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
- * `forceMount` is set.
+ * Renders its children only while the enclosing checkbox or radio item is checked.
+ * Exposes `data-state`. Mounts only while checked unless `forceMount` is set.
  *
  * @example
  * ```tsx

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

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import type { DropdownMenuItemIndicatorProps } from './types.js';
 /**
- * Renders its children (typically a check glyph) only while the enclosing
- * `DropdownMenuCheckboxItem` or `DropdownMenuRadioItem` is checked. Exposes
- * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
- * `forceMount` is set.
+ * Renders its children only while the enclosing checkbox or radio item is checked.
+ * Exposes `data-state`. Mounts only while checked unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/dropdown-menu/DropdownMenuLabel.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import type { DropdownMenuLabelProps } from './types.cjs';
 /**
- * Non-interactive heading for a group of items, typically preceding a
- * `DropdownMenuGroup`. Renders a plain `<div>`.
+ * Non-interactive heading for a group of items. Renders a plain `<div>`.
+ *
+ * Rendered *inside* a `DropdownMenuGroup` or `DropdownMenuRadioGroup` it takes
+ * a generated id and becomes that group's accessible name.
  *
  * @example
  * ```tsx

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

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import type { DropdownMenuLabelProps } from './types.js';
 /**
- * Non-interactive heading for a group of items, typically preceding a
- * `DropdownMenuGroup`. Renders a plain `<div>`.
+ * Non-interactive heading for a group of items. Renders a plain `<div>`.
+ *
+ * Rendered *inside* a `DropdownMenuGroup` or `DropdownMenuRadioGroup` it takes
+ * a generated id and becomes that group's accessible name.
  *
  * @example
  * ```tsx

package/dist/dropdown-menu/DropdownMenuPortal.d.cts

@@ -1,7 +1,6 @@
 import type { DropdownMenuPortalProps } from './types.cjs';
 /**
- * Teleports `DropdownMenuContent` to `document.body` (or a custom
- * `container`), so the menu escapes any clipping/`overflow` ancestors.
+ * Teleports `DropdownMenuContent` to `document.body` (or a custom `container`).
  * Mounts only while open unless `forceMount` is set.
  *
  * @example

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

@@ -1,7 +1,6 @@
 import type { DropdownMenuPortalProps } from './types.js';
 /**
- * Teleports `DropdownMenuContent` to `document.body` (or a custom
- * `container`), so the menu escapes any clipping/`overflow` ancestors.
+ * Teleports `DropdownMenuContent` to `document.body` (or a custom `container`).
  * Mounts only while open unless `forceMount` is set.
  *
  * @example