@skdx/react 0.27.0 → 0.29.0

package/dist/menubar/Menubar.js

@@ -1 +1,2 @@
-import*as b from"react";import{useComposedRefs as te}from"../utils/composeRefs.js";import{createSafeContext as ne}from"../utils/createContext.js";import{skdxPart as T}from"../utils/part.js";import{PopperArrow as ae}from"../utils/popper.js";import{composeEventHandlers as ue,Primitive as ie}from"../utils/primitive.js";import{useControllableState as me}from"../utils/useControllableState.js";import{useRovingFocus as pe,useRovingTabStop as se}from"../utils/useRovingFocus.js";import{jsx as v}from"react/jsx-runtime";var S="[data-skdx-menubar-trigger]:not([data-disabled])",[ce,g]=ne("Menubar"),fe=b.forwardRef(({value:e,defaultValue:o="",onValueChange:t,...r},i)=>{let[m="",a]=me({prop:e,defaultProp:o,onChange:t}),u=pe({orientation:"horizontal",loop:!0,itemSelector:S,typeahead:!0}),[c,f]=b.useState(null),x=b.useRef(null),n=te(i,x);return se(x,S,"data-skdx-menubar-trigger",c,f),v(ce,{value:m,onValueChange:a,currentTabStopId:c,setCurrentTabStopId:f,children:v(ie.div,{role:"menubar",...r,...T("menubar","root",r.className),ref:n,onKeyDown:ue(r.onKeyDown,u)})})});fe.displayName="Menubar";var le=b.forwardRef((e,o)=>v(ae,{...e,...T("menubar","arrow",e.className),ref:o}));le.displayName="MenubarArrow";import*as s from"react";import{createSafeContext as be}from"../utils/createContext.js";import{PopperRoot as de}from"../utils/popper.js";import{useOpenChangeComplete as Me}from"../utils/useOpenChangeComplete.js";import{jsx as E}from"react/jsx-runtime";var[Re,l]=be("MenubarMenu");function h({value:e,children:o,onOpenChangeComplete:t}){let r=g("MenubarMenu"),i=s.useRef(null),m=s.useRef(null),a=s.useRef(!1),u=r.value===e;Me(u,m,t);let c=s.useCallback(()=>r.onValueChange(e),[r,e]),f=s.useCallback(()=>{a.current=!1,r.onValueChange("")},[r]);return E(de,{children:E(Re,{menuValue:e,triggerRef:i,contentRef:m,contentId:s.useId(),open:u,openedExplicitlyRef:a,onOpen:c,onClose:f,children:o})})}h.displayName="MenubarMenu";import*as I from"react";import{useComposedRefs as Pe}from"../utils/composeRefs.js";import{skdxPart as xe}from"../utils/part.js";import{PopperAnchor as Ce}from"../utils/popper.js";import{composeEventHandlers as y,Primitive as ge}from"../utils/primitive.js";import{rovingTabIndex as ye}from"../utils/useRovingFocus.js";import{jsx as k}from"react/jsx-runtime";var w=I.forwardRef((e,o)=>{let t=g("MenubarTrigger"),r=l("MenubarTrigger"),i=Pe(o,r.triggerRef),m=t.value!=="",a=I.useId();return k(Ce,{asChild:!0,children:k(ge.button,{type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-skdx-menubar-trigger":a,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,tabIndex:ye(t.currentTabStopId!==null,t.currentTabStopId===a,e.disabled),...e,...xe("menubar","trigger",e.className),ref:i,onClick:y(e.onClick,()=>{e.disabled||(r.open&&r.openedExplicitlyRef.current?(r.onClose(),r.openedExplicitlyRef.current=!1):(r.onOpen(),r.openedExplicitlyRef.current=!0))}),onPointerEnter:y(e.onPointerEnter,u=>{e.disabled||u.pointerType==="touch"||m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onFocus:y(e.onFocus,()=>{t.setCurrentTabStopId(a),!e.disabled&&m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onKeyDown:y(e.onKeyDown,u=>{e.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(u.key)&&(u.preventDefault(),r.onOpen(),r.openedExplicitlyRef.current=!0)})})})});w.displayName="MenubarTrigger";import{Portal as Ie}from"../utils/portal.js";import{jsx as ve}from"react/jsx-runtime";var N=({forceMount:e,children:o,...t})=>{let r=l("MenubarPortal");return e||r.open?ve(Ie,{...t,children:o}):null};N.displayName="MenubarPortal";import*as d from"react";import{useComposedRefs as Se}from"../utils/composeRefs.js";import{MENU_BRANCH_ATTRIBUTE as Te}from"../utils/menuSub.js";import{skdxPart as Ee}from"../utils/part.js";import{PopperContent as he}from"../utils/popper.js";import{composeEventHandlers as ke}from"../utils/primitive.js";import{useDismiss as we}from"../utils/useDismiss.js";import{useRovingFocus as Ne}from"../utils/useRovingFocus.js";import{jsx as De}from"react/jsx-runtime";var D='[role^="menuitem"]:not([data-disabled])',L=d.forwardRef(({forceMount:e,loop:o=!0,onEscapeKeyDown:t,onPointerDownOutside:r,onFocusOutside:i,onInteractOutside:m,side:a="bottom",align:u="start",sideOffset:c=4,...f},x)=>{let n=l("MenubarContent"),ee=Se(x,n.contentRef),re=Ne({orientation:"vertical",loop:o,itemSelector:D,typeahead:!0}),oe=d.useMemo(()=>({get current(){return n.triggerRef.current?.closest('[role="menubar"]')??null}}),[n.triggerRef]);return we({enabled:n.open,insideSelector:`[${Te}]`,onEscapeKeyDown:p=>{t?.(p),p.defaultPrevented||(n.onClose(),n.triggerRef.current?.focus())},onInteractOutside:m,onPointerDownOutside:p=>{r?.(p),p.defaultPrevented||n.onClose()},onFocusOutside:p=>{i?.(p),p.defaultPrevented||n.onClose()}},[n.triggerRef,n.contentRef,oe]),d.useEffect(()=>{if(!n.open)return;let p=requestAnimationFrame(()=>{let C=n.contentRef.current;if(!C||C.contains(document.activeElement))return;(C.querySelector(D)??C).focus({preventScroll:!0})});return()=>cancelAnimationFrame(p)},[n.open,n.contentRef]),e||n.open?De(he,{component:"menubar",role:"menu","aria-orientation":"vertical",id:n.contentId,"data-state":n.open?"open":"closed",tabIndex:-1,side:a,align:u,sideOffset:c,...f,...Ee("menubar","content",f.className),ref:ee,onKeyDown:ke(f.onKeyDown,p=>{re(p),p.key==="Tab"&&(p.preventDefault(),n.onClose(),n.triggerRef.current?.focus())})}):null});L.displayName="MenubarContent";import*as G from"react";import{skdxPart as Le}from"../utils/part.js";import{Primitive as Ge}from"../utils/primitive.js";import{useMenuItem as He}from"../utils/useMenuItem.js";import{jsx as Oe}from"react/jsx-runtime";function R({disabled:e,onSelect:o,props:t}){let r=l("MenubarItem");return He({disabled:e,onSelect:o,onSelected:()=>{r.onClose(),r.triggerRef.current?.focus()},contentRef:r.contentRef,props:t})}var H=G.forwardRef(({disabled:e,onSelect:o,...t},r)=>{let i=R({disabled:e,onSelect:o,props:t});return Oe(Ge.div,{role:"menuitem",...t,...i,...Le("menubar","item",t.className),ref:r})});H.displayName="MenubarItem";import*as A from"react";import{skdxPart as Fe}from"../utils/part.js";import{Primitive as Be}from"../utils/primitive.js";import*as M from"react";import{skdxPart as Ve}from"../utils/part.js";import{Primitive as Ae}from"../utils/primitive.js";import{jsx as Ke}from"react/jsx-runtime";var P=M.createContext(!1),O=M.forwardRef(({forceMount:e,...o},t)=>{let r=M.useContext(P);return e||r?Ke(Ae.span,{"data-state":r?"checked":"unchecked",...o,...Ve("menubar","item-indicator",o.className),ref:t}):null});O.displayName="MenubarItemIndicator";import{jsx as V}from"react/jsx-runtime";var K=A.forwardRef(({checked:e=!1,onCheckedChange:o,disabled:t,onSelect:r,...i},m)=>{let a=R({disabled:t,onSelect:u=>{o?.(!e),r?.(u),u.preventDefault()},props:i});return V(P.Provider,{value:e,children:V(Be.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...i,...a,...Fe("menubar","checkbox-item",i.className),ref:m})})});K.displayName="MenubarCheckboxItem";import*as B from"react";import{createSafeContext as _e}from"../utils/createContext.js";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as qe}from"../utils/primitive.js";import{jsx as F}from"react/jsx-runtime";var[ze,_]=_e("MenubarRadioGroup"),U=B.forwardRef(({value:e,onValueChange:o,...t},r)=>F(ze,{value:e,onValueChange:o,children:F(qe.div,{role:"group",...t,...Ue("menubar","radio-group",t.className),ref:r})}));U.displayName="MenubarRadioGroup";import*as z from"react";import{skdxPart as We}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as q}from"react/jsx-runtime";var W=z.forwardRef(({value:e,disabled:o,onSelect:t,...r},i)=>{let m=_("MenubarRadioItem"),a=m.value===e,u=R({disabled:o,onSelect:c=>{m.onValueChange?.(e),t?.(c)},props:r});return q(P.Provider,{value:a,children:q($e.div,{role:"menuitemradio","aria-checked":a,"data-state":a?"checked":"unchecked",...r,...u,...We("menubar","radio-item",r.className),ref:i})})});W.displayName="MenubarRadioItem";import*as $ from"react";import{skdxPart as Je}from"../utils/part.js";import{Primitive as Qe}from"../utils/primitive.js";import{jsx as Xe}from"react/jsx-runtime";var J=$.forwardRef((e,o)=>Xe(Qe.div,{role:"group",...e,...Je("menubar","group",e.className),ref:o}));J.displayName="MenubarGroup";import*as Q from"react";import{skdxPart as Ye}from"../utils/part.js";import{Primitive as Ze}from"../utils/primitive.js";import{jsx as je}from"react/jsx-runtime";var X=Q.forwardRef((e,o)=>je(Ze.div,{...e,...Ye("menubar","label",e.className),ref:o}));X.displayName="MenubarLabel";import*as Y from"react";import{skdxPart as er}from"../utils/part.js";import{Primitive as rr}from"../utils/primitive.js";import{jsx as or}from"react/jsx-runtime";var Z=Y.forwardRef((e,o)=>or(rr.div,{role:"separator","aria-orientation":"horizontal",...e,...er("menubar","separator",e.className),ref:o}));Z.displayName="MenubarSeparator";import{MenuSub as tr,MenuSubContent as nr,MenuSubTrigger as ar}from"../utils/menuSub.js";import{jsx as mr}from"react/jsx-runtime";function j(e){return mr(tr,{family:"menubar",...e})}j.displayName="MenubarSub";var ur=ar,ir=nr;export{fe as Menubar,le as MenubarArrow,K as MenubarCheckboxItem,L as MenubarContent,J as MenubarGroup,H as MenubarItem,O as MenubarItemIndicator,X as MenubarLabel,h as MenubarMenu,N as MenubarPortal,U as MenubarRadioGroup,W as MenubarRadioItem,ce as MenubarRootProvider,Z as MenubarSeparator,j as MenubarSub,ir as MenubarSubContent,ur as MenubarSubTrigger,w as MenubarTrigger,g as useMenubarContext};
+'use client';
+import*as N from"react";import{appearanceAttrs as $e}from"../utils/appearance.js";import{useComposedRefs as Ue}from"../utils/composeRefs.js";import{createSafeContext as _e}from"../utils/createContext.js";import{skdxPart as B}from"../utils/part.js";import{PopperArrow as We}from"../utils/popper.js";import{composeEventHandlers as Be,Primitive as Qe}from"../utils/primitive.js";import{recipeAxis as Ye}from"../utils/recipeAxis.js";import{useControllableState as Ze}from"../utils/useControllableState.js";import{useRovingFocus as je,useRovingTabStop as er}from"../utils/useRovingFocus.js";import{Glyph as _}from"../utils/Glyph.js";import{MenuCheckboxItem as ee}from"../menu/Menu.js";import{jsx as re}from"react/jsx-runtime";var E=r=>re(ee,{...r});E.displayName="MenubarCheckboxItem";import{MenuContent as be}from"../menu/Menu.js";import{directionalKey as le,usePortalledDirection as de}from"../utils/direction.js";import{useComposedEventHandlers as fe}from"../utils/primitive.js";import*as c from"react";import{MenuFamilyContext as te,MenuProvider as oe}from"../menu/Menu.js";import{createSafeContext as ne}from"../utils/createContext.js";import{usePortalledDirection as ae}from"../utils/direction.js";import{autoFocusEvent as ue}from"../utils/dismissal.js";import{PopperRoot as pe}from"../utils/popper.js";import{useOpenChangeComplete as se}from"../utils/useOpenChangeComplete.js";import{jsx as g}from"react/jsx-runtime";var[me,I]=ne("MenubarMenu"),ce={x:0,y:0},ie=()=>{};function A({value:r,children:a,onOpenChangeComplete:m}){let o=x("MenubarMenu"),p=c.useRef(null),u=c.useRef(null),e=c.useRef(!1),n=c.useRef(void 0),t=c.useRef("first"),s=o.menu===r,[b,k]=c.useState(0),d=c.useId(),f=c.useId(),y=ae(p);se(s,u,m);let M=c.useCallback(()=>{o.onMenuChange(r),k(v=>v+1)},[o,r]),T=c.useCallback(()=>{e.current=!1,o.onMenuChange("")},[o]),J=c.useCallback(()=>{ue("close-auto-focus",n.current)&&p.current?.focus()},[]),Z=c.useCallback(v=>v?M():T(),[M,T]),X=c.useMemo(()=>({get current(){return p.current?.closest('[role="menubar"]')??null}}),[]),j=c.useMemo(()=>[X],[X]);return g(pe,{children:g(me,{menuValue:r,triggerRef:p,contentRef:u,contentId:d,triggerId:f,open:s,openedExplicitlyRef:e,onOpen:M,onClose:T,focusTrigger:J,closeAutoFocusRef:n,openIntentRef:t,openRequestId:b,children:g(te.Provider,{value:"menubar",children:g(oe,{triggerRef:p,contentRef:u,contentId:d,triggerId:f,open:s,modal:!1,closeOnSelect:!0,openOn:"click",point:ce,setPoint:ie,onOpenChange:Z,focusTrigger:J,closeAutoFocusRef:n,openIntentRef:t,dir:y,insideRefs:j,openRequestId:b,children:a})})})})}A.displayName="MenubarMenu";import{jsx as Me}from"react/jsx-runtime";var w=({align:r="start",sideOffset:a=4,...m})=>{let o=I("MenubarContent"),p=de(o.triggerRef),u=n=>{let t=Array.from(o.triggerRef.current?.closest('[role="menubar"]')?.querySelectorAll(P)??[]),s=t.findIndex(b=>b===o.triggerRef.current);s!==-1&&t[(s+n+t.length)%t.length]?.focus()},e=fe(m.onKeyDown,n=>{let t=le(n.key,n.currentTarget,p);t!=="ArrowRight"&&t!=="ArrowLeft"||(n.preventDefault(),n.stopPropagation(),u(t==="ArrowRight"?1:-1))});return Me(be,{...m,align:r,sideOffset:a,onKeyDown:e})};w.displayName="MenubarContent";import{MenuGroup as Re}from"../menu/Menu.js";import{jsx as ye}from"react/jsx-runtime";var O=r=>ye(Re,{...r});O.displayName="MenubarGroup";import{MenuItem as ge}from"../menu/Menu.js";import{jsx as Ie}from"react/jsx-runtime";var G=r=>Ie(ge,{...r});G.displayName="MenubarItem";import{MenuItemIndicator as xe}from"../menu/Menu.js";import{jsx as Pe}from"react/jsx-runtime";var C=r=>Pe(xe,{...r});C.displayName="MenubarItemIndicator";import{MenuLabel as Ce}from"../menu/Menu.js";import{jsx as Se}from"react/jsx-runtime";var D=r=>Se(Ce,{...r});D.displayName="MenubarLabel";import{MenuPortal as he}from"../menu/Menu.js";import{jsx as Ne}from"react/jsx-runtime";var V=r=>Ne(he,{...r});V.displayName="MenubarPortal";import{MenuRadioGroup as ke}from"../menu/Menu.js";import{jsx as Te}from"react/jsx-runtime";var L=r=>Te(ke,{...r});L.displayName="MenubarRadioGroup";import{MenuRadioItem as ve}from"../menu/Menu.js";import{jsx as Ee}from"react/jsx-runtime";var K=r=>Ee(ve,{...r});K.displayName="MenubarRadioItem";import{MenuSeparator as Ae}from"../menu/Menu.js";import{jsx as we}from"react/jsx-runtime";var F=r=>we(Ae,{...r});F.displayName="MenubarSeparator";import{MenuShortcut as Oe}from"../menu/Menu.js";import{jsx as Ge}from"react/jsx-runtime";var S=r=>Ge(Oe,{...r});S.displayName="MenubarShortcut";import{MenuSub as De,MenuSubContent as Ve,MenuSubTrigger as Le}from"../menu/Menu.js";import{jsx as Ke}from"react/jsx-runtime";function H(r){return Ke(De,{...r})}H.displayName="MenubarSub";var q=Le,$=Ve;import{useComposedRefs as Fe}from"../utils/composeRefs.js";import{skdxPart as He}from"../utils/part.js";import{PopperAnchor as ze}from"../utils/popper.js";import{Primitive as Je,useComposedEventHandlers as h}from"../utils/primitive.js";import{rovingTabIndex as Xe}from"../utils/useRovingFocus.js";import{jsx as U}from"react/jsx-runtime";var z=({ref:r,...a})=>{let m=x("MenubarTrigger"),o=I("MenubarTrigger"),{openIntentRef:p,openedExplicitlyRef:u}=o,e=Fe(r,o.triggerRef),n=m.menu!=="",t=o.triggerId;return U(ze,{asChild:!0,children:U(Je.button,{type:"button",role:"menuitem",id:t,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.contentId,"data-skdx-menubar-trigger":t,"data-state":o.open?"open":"closed","data-disabled":a.disabled?"":void 0,tabIndex:Xe(m.currentTabStopId!==null,m.currentTabStopId===t,a.disabled),...a,...He("menubar","trigger",a.className),ref:e,onClick:h(a.onClick,()=>{p.current="first",!a.disabled&&(o.open&&u.current?(o.onClose(),u.current=!1):(o.onOpen(),u.current=!0))}),onPointerEnter:h(a.onPointerEnter,s=>{a.disabled||s.pointerType==="touch"||(p.current="first",n&&m.menu!==o.menuValue&&(o.onOpen(),u.current=!1))}),onFocus:h(a.onFocus,()=>{m.setCurrentTabStopId(t),!a.disabled&&(p.current="first",n&&m.menu!==o.menuValue&&(o.onOpen(),u.current=!1))}),onKeyDown:h(a.onKeyDown,s=>{if(a.disabled)return;(m.orientation==="horizontal"?["ArrowDown","ArrowUp"," ","Enter"]:["ArrowRight"," ","Enter"]).includes(s.key)&&(p.current=s.key==="ArrowUp"?"last":"first",s.preventDefault(),o.onOpen(),u.current=!0)})})})};z.displayName="MenubarTrigger";import{Fragment as qe,jsx as i,jsxs as l}from"react/jsx-runtime";var W=({size:r,menus:a=[],onSelect:m,renderItem:o})=>{let p=e=>o?o(e):"label"in e?e.label:null,u=(e,n)=>{if(!("type"in e))return l(G,{disabled:e.disabled,textValue:e.textValue??e.label,onSelect:()=>{e.onSelect?.(),m?.(e)},children:[p(e),e.shortcut?i(S,{children:e.shortcut}):null]},n);switch(e.type){case"separator":return i(F,{},n);case"checkbox":return l(E,{checked:e.checked,onCheckedChange:e.onCheckedChange,disabled:e.disabled,textValue:e.textValue??e.label,onSelect:()=>m?.(e),children:[i(C,{"aria-hidden":"true",children:i(_,{name:"check"})}),p(e),e.shortcut?i(S,{children:e.shortcut}):null]},n);case"radio-group":return i(L,{value:e.value,onValueChange:e.onValueChange,children:e.items.map(t=>l(K,{value:t.value,disabled:t.disabled,textValue:t.textValue??t.label,children:[i(C,{"aria-hidden":"true",children:i(_,{name:"dot"})}),t.label]},t.value))},n);case"submenu":return l(H,{children:[i(q,{disabled:e.disabled,textValue:e.textValue??e.label,children:p(e)}),i($,{size:r,children:e.items.map((t,s)=>u(t,`${n}.${s}`))})]},n);case"group":return l(O,{children:[e.label?i(D,{children:e.label}):null,e.items.map((t,s)=>u(t,`${n}.${s}`))]},n)}};return i(qe,{children:a.map((e,n)=>{let t=e.value??String(n);return l(A,{value:t,children:[i(z,{disabled:e.disabled,children:e.label}),i(V,{children:i(w,{children:e.items.map((s,b)=>u(s,String(b)))})})]},t)})})};import{jsx as R}from"react/jsx-runtime";var P="[data-skdx-menubar-trigger]:not([data-disabled])",[rr,x]=_e("Menubar"),Q=({menu:r,defaultMenu:a="",onMenuChange:m,orientation:o="horizontal",loop:p=!0,density:u,size:e,ref:n,...t})=>{let[s="",b]=Ze({prop:r,defaultProp:a,onChange:m}),k=je({orientation:o,loop:p,itemSelector:P,typeahead:!0}),[d,f]=N.useState(null),y=N.useRef(null),M=Ue(n,y);return er(y,P,"data-skdx-menubar-trigger",d,f),R(rr,{menu:s,onMenuChange:b,orientation:o,currentTabStopId:d,setCurrentTabStopId:f,children:R(Qe.div,{role:"menubar","aria-orientation":o,...t,...$e({density:u,size:e},t),...B("menubar","root",t.className),ref:M,onKeyDown:Be(t.onKeyDown,k)})})};Q.displayName="MenubarRoot";var Y=({menus:r,onSelect:a,renderItem:m,size:o,ref:p,...u})=>R(Q,{...u,size:o,ref:p,children:R(W,{size:Ye(o,u,"data-size"),menus:r,onSelect:a,renderItem:m})});Y.displayName="Menubar";var tr=({ref:r,...a})=>R(We,{...a,...B("menubar","arrow",a.className),ref:r});tr.displayName="MenubarArrow";export{Y as Menubar,tr as MenubarArrow,E as MenubarCheckboxItem,w as MenubarContent,O as MenubarGroup,G as MenubarItem,C as MenubarItemIndicator,D as MenubarLabel,A as MenubarMenu,me as MenubarMenuProvider,V as MenubarPortal,L as MenubarRadioGroup,K as MenubarRadioItem,Q as MenubarRoot,rr as MenubarRootProvider,F as MenubarSeparator,S as MenubarShortcut,H as MenubarSub,$ as MenubarSubContent,q as MenubarSubTrigger,z as MenubarTrigger,P as TRIGGER_SELECTOR,x as useMenubarContext,I as useMenubarMenuContext};

package/dist/menubar/MenubarAnatomy.d.cts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import type { MenuSubContentProps } from '../utils/menuSub.cjs';
+import type { MenubarMenu as MenubarMenuData, MenuItem } from './types.cjs';
+/** @internal Renders a {@link Menubar} from a `menus` array: one entry per menu with a trigger and content panel. */
+export declare const MenubarAnatomy: ({ size, menus, onSelect, renderItem, }: {
+    size?: MenuSubContentProps["size"] | undefined;
+    menus?: MenubarMenuData[] | undefined;
+    onSelect?: ((item: MenuItem) => void) | undefined;
+    renderItem?: ((item: MenuItem) => React.ReactNode) | undefined;
+}) => React.JSX.Element;

package/dist/menubar/MenubarAnatomy.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import type { MenuSubContentProps } from '../utils/menuSub.js';
+import type { MenubarMenu as MenubarMenuData, MenuItem } from './types.js';
+/** @internal Renders a {@link Menubar} from a `menus` array: one entry per menu with a trigger and content panel. */
+export declare const MenubarAnatomy: ({ size, menus, onSelect, renderItem, }: {
+    size?: MenuSubContentProps["size"] | undefined;
+    menus?: MenubarMenuData[] | undefined;
+    onSelect?: ((item: MenuItem) => void) | undefined;
+    renderItem?: ((item: MenuItem) => React.ReactNode) | undefined;
+}) => React.JSX.Element;

package/dist/menubar/MenubarCheckboxItem.d.cts

@@ -1,18 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarCheckboxItemProps } from './types.cjs';
 /**
- * A togglable `MenubarItem`: renders a `<div role="menuitemcheckbox">` with
- * `aria-checked` and `data-state` of `"checked"` or `"unchecked"`. Selecting
- * it flips `checked` via `onCheckedChange` and keeps the menu open (calls
- * `event.preventDefault()` internally). Pair with a `MenubarItemIndicator`
- * child to render a checkmark.
+ * A togglable `MenubarItem` rendered as `<div role="menuitemcheckbox">` that flips `checked` via `onCheckedChange` on selection while keeping the menu open.
  *
  * @example
  * ```tsx
  * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
- *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   <MenubarItemIndicator>*</MenubarItemIndicator>
  *   Word Wrap
  * </MenubarCheckboxItem>
  * ```
  */
-export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarCheckboxItem: {
+    (props: MenubarCheckboxItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarCheckboxItem.d.ts

@@ -1,18 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarCheckboxItemProps } from './types.js';
 /**
- * A togglable `MenubarItem`: renders a `<div role="menuitemcheckbox">` with
- * `aria-checked` and `data-state` of `"checked"` or `"unchecked"`. Selecting
- * it flips `checked` via `onCheckedChange` and keeps the menu open (calls
- * `event.preventDefault()` internally). Pair with a `MenubarItemIndicator`
- * child to render a checkmark.
+ * A togglable `MenubarItem` rendered as `<div role="menuitemcheckbox">` that flips `checked` via `onCheckedChange` on selection while keeping the menu open.
  *
  * @example
  * ```tsx
  * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
- *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   <MenubarItemIndicator>*</MenubarItemIndicator>
  *   Word Wrap
  * </MenubarCheckboxItem>
  * ```
  */
-export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarCheckboxItem: {
+    (props: MenubarCheckboxItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarContent.d.cts

@@ -1,20 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarContentProps } from './types.cjs';
 /**
- * Popover panel of menu items, positioned relative to its `MenubarTrigger`
- * via {@link PopperContent} (`side="bottom"`, `align="start"`,
- * `sideOffset={4}` by default). Renders `role="menu"` with `data-state` of
- * `"open"` or `"closed"`, unmounted (unless `forceMount`) while closed.
- * Auto-focuses its first item (or itself) on open. Supports roving,
- * typeahead arrow-key navigation (vertical) across items matching
- * `[role^="menuitem"]:not([data-disabled])`; Tab and Escape close it and
- * refocus the trigger, as does 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`) calling
- * `event.preventDefault()` keeps it open. Focus moving between menubar
- * triggers is *not* outside: the whole menu bar counts as part of the layer,
- * so arrowing across it does not dismiss the open menu.
+ * Popover panel of menu items, with vertical roving focus, typeahead, and arrow-key navigation to the adjacent menus of the bar.
  *
  * @example
  * ```tsx
@@ -27,4 +14,7 @@ import type { MenubarContentProps } from './types.cjs';
  * </MenubarContent>
  * ```
  */
-export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarContent: {
+    ({ align, sideOffset, ...props }: MenubarContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarContent.d.ts

@@ -1,20 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarContentProps } from './types.js';
 /**
- * Popover panel of menu items, positioned relative to its `MenubarTrigger`
- * via {@link PopperContent} (`side="bottom"`, `align="start"`,
- * `sideOffset={4}` by default). Renders `role="menu"` with `data-state` of
- * `"open"` or `"closed"`, unmounted (unless `forceMount`) while closed.
- * Auto-focuses its first item (or itself) on open. Supports roving,
- * typeahead arrow-key navigation (vertical) across items matching
- * `[role^="menuitem"]:not([data-disabled])`; Tab and Escape close it and
- * refocus the trigger, as does 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`) calling
- * `event.preventDefault()` keeps it open. Focus moving between menubar
- * triggers is *not* outside: the whole menu bar counts as part of the layer,
- * so arrowing across it does not dismiss the open menu.
+ * Popover panel of menu items, with vertical roving focus, typeahead, and arrow-key navigation to the adjacent menus of the bar.
  *
  * @example
  * ```tsx
@@ -27,4 +14,7 @@ import type { MenubarContentProps } from './types.js';
  * </MenubarContent>
  * ```
  */
-export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarContent: {
+    ({ align, sideOffset, ...props }: MenubarContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarGroup.d.cts

@@ -1,15 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarGroupProps } from './types.cjs';
 /**
- * Groups related `MenubarItem`s (typically preceded by a `MenubarLabel`) for
- * visual and semantic structure: renders a `<div role="group">`.
+ * Semantic grouping of related items, rendering a `<div role="group">`; a `MenubarLabel` inside it captions and names the group.
  *
  * @example
  * ```tsx
  * <MenubarGroup>
- *   <MenubarLabel>Zoom</MenubarLabel>
- *   <MenubarItem onSelect={() => zoomIn()}>Zoom In</MenubarItem>
+ *   <MenubarLabel>Recent</MenubarLabel>
+ *   <MenubarItem>report.pdf</MenubarItem>
  * </MenubarGroup>
  * ```
  */
-export declare const MenubarGroup: React.ForwardRefExoticComponent<Omit<MenubarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarGroup: {
+    (props: MenubarGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarGroup.d.ts

@@ -1,15 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarGroupProps } from './types.js';
 /**
- * Groups related `MenubarItem`s (typically preceded by a `MenubarLabel`) for
- * visual and semantic structure: renders a `<div role="group">`.
+ * Semantic grouping of related items, rendering a `<div role="group">`; a `MenubarLabel` inside it captions and names the group.
  *
  * @example
  * ```tsx
  * <MenubarGroup>
- *   <MenubarLabel>Zoom</MenubarLabel>
- *   <MenubarItem onSelect={() => zoomIn()}>Zoom In</MenubarItem>
+ *   <MenubarLabel>Recent</MenubarLabel>
+ *   <MenubarItem>report.pdf</MenubarItem>
  * </MenubarGroup>
  * ```
  */
-export declare const MenubarGroup: React.ForwardRefExoticComponent<Omit<MenubarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarGroup: {
+    (props: MenubarGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarItem.d.cts

@@ -1,28 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarItemProps } from './types.cjs';
-/** @internal Wires a {@link MenubarItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
-export declare function useMenubarItem({ disabled, onSelect, props, }: {
-    disabled?: boolean;
-    onSelect?: (event: Event) => void;
-    props: MenubarItemProps;
-}): {
-    'data-disabled': string | undefined;
-    'aria-disabled': true | undefined;
-    tabIndex: number | undefined;
-    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 entry in a `MenubarContent` panel: renders a
- * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
- * focus) calls `onSelect`, then closes the menu and refocuses the trigger
- * unless `event.preventDefault()` was called in `onSelect`.
+ * A single selectable entry in a `MenubarContent` panel, rendered as `<div role="menuitem">` that calls `onSelect` then closes the menu and refocuses the trigger unless `closeOnSelect` is `false`.
  *
  * @example
  * ```tsx
  * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
  * ```
  */
-export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarItem: {
+    (props: MenubarItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarItem.d.ts

@@ -1,28 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarItemProps } from './types.js';
-/** @internal Wires a {@link MenubarItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
-export declare function useMenubarItem({ disabled, onSelect, props, }: {
-    disabled?: boolean;
-    onSelect?: (event: Event) => void;
-    props: MenubarItemProps;
-}): {
-    'data-disabled': string | undefined;
-    'aria-disabled': true | undefined;
-    tabIndex: number | undefined;
-    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 entry in a `MenubarContent` panel: renders a
- * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
- * focus) calls `onSelect`, then closes the menu and refocuses the trigger
- * unless `event.preventDefault()` was called in `onSelect`.
+ * A single selectable entry in a `MenubarContent` panel, rendered as `<div role="menuitem">` that calls `onSelect` then closes the menu and refocuses the trigger unless `closeOnSelect` is `false`.
  *
  * @example
  * ```tsx
  * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
  * ```
  */
-export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarItem: {
+    (props: MenubarItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarItemIndicator.d.cts

@@ -1,19 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarItemIndicatorProps } from './types.cjs';
-/** @internal True inside a checkbox/radio item so its `ItemIndicator` knows whether the item is checked. */
-export declare const ItemIndicatorContext: React.Context<boolean>;
 /**
- * Renders inside a `MenubarCheckboxItem` or `MenubarRadioItem` to show a
- * checkmark: reads checked state from the nearest such item via context and
- * renders a `<span>` with `data-state` of `"checked"` or `"unchecked"`,
- * unmounted (unless `forceMount`) while unchecked.
+ * Checkmark indicator inside a checkbox or radio item, reading state from context and unmounted when unchecked unless `forceMount`.
  *
  * @example
  * ```tsx
  * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
- *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   <MenubarItemIndicator>*</MenubarItemIndicator>
  *   Word Wrap
  * </MenubarCheckboxItem>
  * ```
  */
-export declare const MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const MenubarItemIndicator: {
+    (props: MenubarItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarItemIndicator.d.ts

@@ -1,19 +1,17 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarItemIndicatorProps } from './types.js';
-/** @internal True inside a checkbox/radio item so its `ItemIndicator` knows whether the item is checked. */
-export declare const ItemIndicatorContext: React.Context<boolean>;
 /**
- * Renders inside a `MenubarCheckboxItem` or `MenubarRadioItem` to show a
- * checkmark: reads checked state from the nearest such item via context and
- * renders a `<span>` with `data-state` of `"checked"` or `"unchecked"`,
- * unmounted (unless `forceMount`) while unchecked.
+ * Checkmark indicator inside a checkbox or radio item, reading state from context and unmounted when unchecked unless `forceMount`.
  *
  * @example
  * ```tsx
  * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
- *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   <MenubarItemIndicator>*</MenubarItemIndicator>
  *   Word Wrap
  * </MenubarCheckboxItem>
  * ```
  */
-export declare const MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const MenubarItemIndicator: {
+    (props: MenubarItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarLabel.d.cts

@@ -1,12 +1,15 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarLabelProps } from './types.cjs';
 /**
- * A non-interactive heading inside a `MenubarContent` panel or
- * `MenubarGroup`: renders a plain `<div>`.
+ * Non-interactive heading for a group of items, rendering a plain `<div>`; inside a `MenubarGroup` it becomes that group's accessible name.
  *
  * @example
  * ```tsx
- * <MenubarLabel>Zoom</MenubarLabel>
+ * <MenubarLabel>Recent</MenubarLabel>
+ * <MenubarItem>report.pdf</MenubarItem>
  * ```
  */
-export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: {
+    (props: MenubarLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarLabel.d.ts

@@ -1,12 +1,15 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarLabelProps } from './types.js';
 /**
- * A non-interactive heading inside a `MenubarContent` panel or
- * `MenubarGroup`: renders a plain `<div>`.
+ * Non-interactive heading for a group of items, rendering a plain `<div>`; inside a `MenubarGroup` it becomes that group's accessible name.
  *
  * @example
  * ```tsx
- * <MenubarLabel>Zoom</MenubarLabel>
+ * <MenubarLabel>Recent</MenubarLabel>
+ * <MenubarItem>report.pdf</MenubarItem>
  * ```
  */
-export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: {
+    (props: MenubarLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarMenu.d.cts

@@ -1,15 +1,10 @@
 import * as React from 'react';
 import type { MenubarMenuContextValue, MenubarMenuProps } from './types.cjs';
-export declare const MenubarMenuProvider: {
-    (props: MenubarMenuContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenubarMenuContext: (consumerName: string) => MenubarMenuContextValue;
+export declare const MenubarMenuProvider: React.FC<MenubarMenuContextValue & {
+    children: React.ReactNode;
+}>, useMenubarMenuContext: (consumerName: string) => MenubarMenuContextValue;
 /**
- * Groups a single menu's trigger, portal, and content, and provides the
- * popper anchor context they position against. Not a DOM element itself —
- * renders its `children` directly.
+ * Groups a single menu's trigger, portal, and content with popper anchor context; not a DOM element itself.
  *
  * @example
  * ```tsx
@@ -23,7 +18,7 @@ export declare const MenubarMenuProvider: {
  * </MenubarMenu>
  * ```
  */
-export declare function MenubarMenu({ value, children, onOpenChangeComplete }: MenubarMenuProps): React.JSX.Element;
+export declare function MenubarMenu({ value, children, onOpenChangeComplete, }: MenubarMenuProps): React.JSX.Element;
 export declare namespace MenubarMenu {
     var displayName: string;
 }

package/dist/menubar/MenubarMenu.d.ts

@@ -1,15 +1,10 @@
 import * as React from 'react';
 import type { MenubarMenuContextValue, MenubarMenuProps } from './types.js';
-export declare const MenubarMenuProvider: {
-    (props: MenubarMenuContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenubarMenuContext: (consumerName: string) => MenubarMenuContextValue;
+export declare const MenubarMenuProvider: React.FC<MenubarMenuContextValue & {
+    children: React.ReactNode;
+}>, useMenubarMenuContext: (consumerName: string) => MenubarMenuContextValue;
 /**
- * Groups a single menu's trigger, portal, and content, and provides the
- * popper anchor context they position against. Not a DOM element itself —
- * renders its `children` directly.
+ * Groups a single menu's trigger, portal, and content with popper anchor context; not a DOM element itself.
  *
  * @example
  * ```tsx
@@ -23,7 +18,7 @@ export declare const MenubarMenuProvider: {
  * </MenubarMenu>
  * ```
  */
-export declare function MenubarMenu({ value, children, onOpenChangeComplete }: MenubarMenuProps): React.JSX.Element;
+export declare function MenubarMenu({ value, children, onOpenChangeComplete, }: MenubarMenuProps): React.JSX.Element;
 export declare namespace MenubarMenu {
     var displayName: string;
 }

package/dist/menubar/MenubarPortal.d.cts

@@ -1,19 +1,16 @@
+import type { JSX } from 'react';
 import type { MenubarPortalProps } from './types.cjs';
 /**
- * Teleports its `MenubarContent` into `document.body` (or a custom
- * `container`) via {@link Portal}, so the panel escapes clipping/stacking
- * contexts. Unmounted (unless `forceMount`) while the menu is closed.
+ * Teleports content to `document.body` or a custom `container` to escape clipping contexts. Unmounts while closed unless `forceMount` is set.
  *
  * @example
  * ```tsx
  * <MenubarPortal>
- *   <MenubarContent>
- *     <MenubarItem>Save</MenubarItem>
- *   </MenubarContent>
+ *   <MenubarContent>...</MenubarContent>
  * </MenubarPortal>
  * ```
  */
 export declare const MenubarPortal: {
-    ({ forceMount, children, ...props }: MenubarPortalProps): import("react").JSX.Element | null;
+    (props: MenubarPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/menubar/MenubarPortal.d.ts

@@ -1,19 +1,16 @@
+import type { JSX } from 'react';
 import type { MenubarPortalProps } from './types.js';
 /**
- * Teleports its `MenubarContent` into `document.body` (or a custom
- * `container`) via {@link Portal}, so the panel escapes clipping/stacking
- * contexts. Unmounted (unless `forceMount`) while the menu is closed.
+ * Teleports content to `document.body` or a custom `container` to escape clipping contexts. Unmounts while closed unless `forceMount` is set.
  *
  * @example
  * ```tsx
  * <MenubarPortal>
- *   <MenubarContent>
- *     <MenubarItem>Save</MenubarItem>
- *   </MenubarContent>
+ *   <MenubarContent>...</MenubarContent>
  * </MenubarPortal>
  * ```
  */
 export declare const MenubarPortal: {
-    ({ forceMount, children, ...props }: MenubarPortalProps): import("react").JSX.Element | null;
+    (props: MenubarPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/menubar/MenubarRadioGroup.d.cts

@@ -1,15 +1,7 @@
-import * as React from 'react';
-import type { MenubarRadioGroupProps, MenuRadioGroupContextValue } from './types.cjs';
-export declare const MenuRadioGroupProvider: {
-    (props: MenuRadioGroupContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
+import type * as React from 'react';
+import type { MenubarRadioGroupProps } from './types.cjs';
 /**
- * Groups a set of mutually-exclusive {@link MenubarRadioItem}s: renders a
- * `<div role="group">` and distributes the checked `value` /
- * `onValueChange` to its items via context.
+ * Container for mutually-exclusive radio items, distributing `value` and `onValueChange` via context.
  *
  * @example
  * ```tsx
@@ -19,4 +11,7 @@ export declare const MenuRadioGroupProvider: {
  * </MenubarRadioGroup>
  * ```
  */
-export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioGroup: {
+    (props: MenubarRadioGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarRadioGroup.d.ts

@@ -1,15 +1,7 @@
-import * as React from 'react';
-import type { MenubarRadioGroupProps, MenuRadioGroupContextValue } from './types.js';
-export declare const MenuRadioGroupProvider: {
-    (props: MenuRadioGroupContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
+import type * as React from 'react';
+import type { MenubarRadioGroupProps } from './types.js';
 /**
- * Groups a set of mutually-exclusive {@link MenubarRadioItem}s: renders a
- * `<div role="group">` and distributes the checked `value` /
- * `onValueChange` to its items via context.
+ * Container for mutually-exclusive radio items, distributing `value` and `onValueChange` via context.
  *
  * @example
  * ```tsx
@@ -19,4 +11,7 @@ export declare const MenuRadioGroupProvider: {
  * </MenubarRadioGroup>
  * ```
  */
-export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioGroup: {
+    (props: MenubarRadioGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarRadioItem.d.cts

@@ -1,15 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarRadioItemProps } from './types.cjs';
 /**
- * A single option within a `MenubarRadioGroup`: renders a
- * `<div role="menuitemradio">` with `aria-checked` and `data-state` of
- * `"checked"` or `"unchecked"`, checked when its `value` matches the group's.
- * Selecting it calls the group's `onValueChange`. Pair with a
- * `MenubarItemIndicator` child to render the selected mark.
+ * Option in a `MenubarRadioGroup`, rendered as `<div role="menuitemradio">` that calls the group's `onValueChange` on select.
  *
  * @example
  * ```tsx
  * <MenubarRadioItem value="sm">Small</MenubarRadioItem>
  * ```
  */
-export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: {
+    (props: MenubarRadioItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menubar/MenubarRadioItem.d.ts

@@ -1,15 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { MenubarRadioItemProps } from './types.js';
 /**
- * A single option within a `MenubarRadioGroup`: renders a
- * `<div role="menuitemradio">` with `aria-checked` and `data-state` of
- * `"checked"` or `"unchecked"`, checked when its `value` matches the group's.
- * Selecting it calls the group's `onValueChange`. Pair with a
- * `MenubarItemIndicator` child to render the selected mark.
+ * Option in a `MenubarRadioGroup`, rendered as `<div role="menuitemradio">` that calls the group's `onValueChange` on select.
  *
  * @example
  * ```tsx
  * <MenubarRadioItem value="sm">Small</MenubarRadioItem>
  * ```
  */
-export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: {
+    (props: MenubarRadioItemProps): React.ReactNode;
+    displayName: string;
+};