@skdx/react 0.26.0

package/dist/menubar/Menubar.cjs

@@ -0,0 +1 @@
+"use strict";var ar=Object.create;var S=Object.defineProperty;var ur=Object.getOwnPropertyDescriptor;var ir=Object.getOwnPropertyNames;var mr=Object.getPrototypeOf,pr=Object.prototype.hasOwnProperty;var sr=(e,o)=>{for(var t in o)S(e,t,{get:o[t],enumerable:!0})},Q=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ir(o))!pr.call(e,n)&&n!==t&&S(e,n,{get:()=>o[n],enumerable:!(r=ur(o,n))||r.enumerable});return e};var s=(e,o,t)=>(t=e!=null?ar(mr(e)):{},Q(o||!e||!e.__esModule?S(t,"default",{value:e,enumerable:!0}):t,e)),cr=e=>Q(S({},"__esModule",{value:!0}),e);var br={};sr(br,{Menubar:()=>oe,MenubarArrow:()=>te,MenubarCheckboxItem:()=>F,MenubarContent:()=>O,MenubarGroup:()=>z,MenubarItem:()=>V,MenubarItemIndicator:()=>A,MenubarLabel:()=>W,MenubarMenu:()=>D,MenubarPortal:()=>H,MenubarRadioGroup:()=>_,MenubarRadioItem:()=>q,MenubarRootProvider:()=>re,MenubarSeparator:()=>$,MenubarSub:()=>J,MenubarSubContent:()=>er,MenubarSubTrigger:()=>je,MenubarTrigger:()=>G,useMenubarContext:()=>C});module.exports=cr(br);var d=s(require("react"),1),Y=require("../utils/composeRefs.cjs"),Z=require("../utils/createContext.cjs"),w=require("../utils/part.cjs"),j=require("../utils/popper.cjs"),E=require("../utils/primitive.cjs"),ee=require("../utils/useControllableState.cjs"),h=require("../utils/useRovingFocus.cjs"),T=require("react/jsx-runtime"),X="[data-skdx-menubar-trigger]:not([data-disabled])",[re,C]=(0,Z.createSafeContext)("Menubar"),oe=d.forwardRef(({value:e,defaultValue:o="",onValueChange:t,...r},n)=>{let[m="",u]=(0,ee.useControllableState)({prop:e,defaultProp:o,onChange:t}),i=(0,h.useRovingFocus)({orientation:"horizontal",loop:!0,itemSelector:X,typeahead:!0}),[f,l]=d.useState(null),I=d.useRef(null),a=(0,Y.useComposedRefs)(n,I);return(0,h.useRovingTabStop)(I,X,"data-skdx-menubar-trigger",f,l),(0,T.jsx)(re,{value:m,onValueChange:u,currentTabStopId:f,setCurrentTabStopId:l,children:(0,T.jsx)(E.Primitive.div,{role:"menubar",...r,...(0,w.skdxPart)("menubar","root",r.className),ref:a,onKeyDown:(0,E.composeEventHandlers)(r.onKeyDown,i)})})});oe.displayName="Menubar";var te=d.forwardRef((e,o)=>(0,T.jsx)(j.PopperArrow,{...e,...(0,w.skdxPart)("menubar","arrow",e.className),ref:o}));te.displayName="MenubarArrow";var c=s(require("react"),1),ne=require("../utils/createContext.cjs"),ae=require("../utils/popper.cjs"),ue=require("../utils/useOpenChangeComplete.cjs");var N=require("react/jsx-runtime"),[fr,b]=(0,ne.createSafeContext)("MenubarMenu");function D({value:e,children:o,onOpenChangeComplete:t}){let r=C("MenubarMenu"),n=c.useRef(null),m=c.useRef(null),u=c.useRef(!1),i=r.value===e;(0,ue.useOpenChangeComplete)(i,m,t);let f=c.useCallback(()=>r.onValueChange(e),[r,e]),l=c.useCallback(()=>{u.current=!1,r.onValueChange("")},[r]);return(0,N.jsx)(ae.PopperRoot,{children:(0,N.jsx)(fr,{menuValue:e,triggerRef:n,contentRef:m,contentId:c.useId(),open:i,openedExplicitlyRef:u,onOpen:f,onClose:l,children:o})})}D.displayName="MenubarMenu";var k=s(require("react"),1),ie=require("../utils/composeRefs.cjs"),me=require("../utils/part.cjs"),pe=require("../utils/popper.cjs"),M=require("../utils/primitive.cjs"),se=require("../utils/useRovingFocus.cjs");var L=require("react/jsx-runtime"),G=k.forwardRef((e,o)=>{let t=C("MenubarTrigger"),r=b("MenubarTrigger"),n=(0,ie.useComposedRefs)(o,r.triggerRef),m=t.value!=="",u=k.useId();return(0,L.jsx)(pe.PopperAnchor,{asChild:!0,children:(0,L.jsx)(M.Primitive.button,{type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-skdx-menubar-trigger":u,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,tabIndex:(0,se.rovingTabIndex)(t.currentTabStopId!==null,t.currentTabStopId===u,e.disabled),...e,...(0,me.skdxPart)("menubar","trigger",e.className),ref:n,onClick:(0,M.composeEventHandlers)(e.onClick,()=>{e.disabled||(r.open&&r.openedExplicitlyRef.current?(r.onClose(),r.openedExplicitlyRef.current=!1):(r.onOpen(),r.openedExplicitlyRef.current=!0))}),onPointerEnter:(0,M.composeEventHandlers)(e.onPointerEnter,i=>{e.disabled||i.pointerType==="touch"||m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onFocus:(0,M.composeEventHandlers)(e.onFocus,()=>{t.setCurrentTabStopId(u),!e.disabled&&m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onKeyDown:(0,M.composeEventHandlers)(e.onKeyDown,i=>{e.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(i.key)&&(i.preventDefault(),r.onOpen(),r.openedExplicitlyRef.current=!0)})})})});G.displayName="MenubarTrigger";var ce=require("../utils/portal.cjs");var fe=require("react/jsx-runtime"),H=({forceMount:e,children:o,...t})=>{let r=b("MenubarPortal");return e||r.open?(0,fe.jsx)(ce.Portal,{...t,children:o}):null};H.displayName="MenubarPortal";var R=s(require("react"),1),be=require("../utils/composeRefs.cjs"),de=require("../utils/menuSub.cjs"),Me=require("../utils/part.cjs"),Re=require("../utils/popper.cjs"),Pe=require("../utils/primitive.cjs"),xe=require("../utils/useDismiss.cjs"),Ce=require("../utils/useRovingFocus.cjs");var ge=require("react/jsx-runtime"),le='[role^="menuitem"]:not([data-disabled])',O=R.forwardRef(({forceMount:e,loop:o=!0,onEscapeKeyDown:t,onPointerDownOutside:r,onFocusOutside:n,onInteractOutside:m,side:u="bottom",align:i="start",sideOffset:f=4,...l},I)=>{let a=b("MenubarContent"),or=(0,be.useComposedRefs)(I,a.contentRef),tr=(0,Ce.useRovingFocus)({orientation:"vertical",loop:o,itemSelector:le,typeahead:!0}),nr=R.useMemo(()=>({get current(){return a.triggerRef.current?.closest('[role="menubar"]')??null}}),[a.triggerRef]);return(0,xe.useDismiss)({enabled:a.open,insideSelector:`[${de.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:p=>{t?.(p),p.defaultPrevented||(a.onClose(),a.triggerRef.current?.focus())},onInteractOutside:m,onPointerDownOutside:p=>{r?.(p),p.defaultPrevented||a.onClose()},onFocusOutside:p=>{n?.(p),p.defaultPrevented||a.onClose()}},[a.triggerRef,a.contentRef,nr]),R.useEffect(()=>{if(!a.open)return;let p=requestAnimationFrame(()=>{let v=a.contentRef.current;if(!v||v.contains(document.activeElement))return;(v.querySelector(le)??v).focus()});return()=>cancelAnimationFrame(p)},[a.open,a.contentRef]),e||a.open?(0,ge.jsx)(Re.PopperContent,{component:"menubar",role:"menu","aria-orientation":"vertical",id:a.contentId,"data-state":a.open?"open":"closed",tabIndex:-1,side:u,align:i,sideOffset:f,...l,...(0,Me.skdxPart)("menubar","content",l.className),ref:or,onKeyDown:(0,Pe.composeEventHandlers)(l.onKeyDown,p=>{tr(p),p.key==="Tab"&&(p.preventDefault(),a.onClose(),a.triggerRef.current?.focus())})}):null});O.displayName="MenubarContent";var ye=s(require("react"),1),Ie=require("../utils/part.cjs"),ve=require("../utils/primitive.cjs"),Se=require("../utils/useMenuItem.cjs");var Te=require("react/jsx-runtime");function g({disabled:e,onSelect:o,props:t}){let r=b("MenubarItem");return(0,Se.useMenuItem)({disabled:e,onSelect:o,onSelected:()=>{r.onClose(),r.triggerRef.current?.focus()},contentRef:r.contentRef,props:t})}var V=ye.forwardRef(({disabled:e,onSelect:o,...t},r)=>{let n=g({disabled:e,onSelect:o,props:t});return(0,Te.jsx)(ve.Primitive.div,{role:"menuitem",...t,...n,...(0,Ie.skdxPart)("menubar","item",t.className),ref:r})});V.displayName="MenubarItem";var we=s(require("react"),1),Ne=require("../utils/part.cjs"),De=require("../utils/primitive.cjs");var P=s(require("react"),1),Ee=require("../utils/part.cjs"),he=require("../utils/primitive.cjs"),ke=require("react/jsx-runtime"),y=P.createContext(!1),A=P.forwardRef(({forceMount:e,...o},t)=>{let r=P.useContext(y);return e||r?(0,ke.jsx)(he.Primitive.span,{"data-state":r?"checked":"unchecked",...o,...(0,Ee.skdxPart)("menubar","item-indicator",o.className),ref:t}):null});A.displayName="MenubarItemIndicator";var K=require("react/jsx-runtime"),F=we.forwardRef(({checked:e=!1,onCheckedChange:o,disabled:t,onSelect:r,...n},m)=>{let u=g({disabled:t,onSelect:i=>{o?.(!e),r?.(i),i.preventDefault()},props:n});return(0,K.jsx)(y.Provider,{value:e,children:(0,K.jsx)(De.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...n,...u,...(0,Ne.skdxPart)("menubar","checkbox-item",n.className),ref:m})})});F.displayName="MenubarCheckboxItem";var Le=s(require("react"),1),Ge=require("../utils/createContext.cjs"),He=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs"),B=require("react/jsx-runtime"),[lr,Ve]=(0,Ge.createSafeContext)("MenubarRadioGroup"),_=Le.forwardRef(({value:e,onValueChange:o,...t},r)=>(0,B.jsx)(lr,{value:e,onValueChange:o,children:(0,B.jsx)(Oe.Primitive.div,{role:"group",...t,...(0,He.skdxPart)("menubar","radio-group",t.className),ref:r})}));_.displayName="MenubarRadioGroup";var Ae=s(require("react"),1),Ke=require("../utils/part.cjs"),Fe=require("../utils/primitive.cjs");var U=require("react/jsx-runtime"),q=Ae.forwardRef(({value:e,disabled:o,onSelect:t,...r},n)=>{let m=Ve("MenubarRadioItem"),u=m.value===e,i=g({disabled:o,onSelect:f=>{m.onValueChange?.(e),t?.(f)},props:r});return(0,U.jsx)(y.Provider,{value:u,children:(0,U.jsx)(Fe.Primitive.div,{role:"menuitemradio","aria-checked":u,"data-state":u?"checked":"unchecked",...r,...i,...(0,Ke.skdxPart)("menubar","radio-item",r.className),ref:n})})});q.displayName="MenubarRadioItem";var Be=s(require("react"),1),_e=require("../utils/part.cjs"),Ue=require("../utils/primitive.cjs"),qe=require("react/jsx-runtime"),z=Be.forwardRef((e,o)=>(0,qe.jsx)(Ue.Primitive.div,{role:"group",...e,...(0,_e.skdxPart)("menubar","group",e.className),ref:o}));z.displayName="MenubarGroup";var ze=s(require("react"),1),We=require("../utils/part.cjs"),$e=require("../utils/primitive.cjs"),Je=require("react/jsx-runtime"),W=ze.forwardRef((e,o)=>(0,Je.jsx)($e.Primitive.div,{...e,...(0,We.skdxPart)("menubar","label",e.className),ref:o}));W.displayName="MenubarLabel";var Qe=s(require("react"),1),Xe=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs"),Ze=require("react/jsx-runtime"),$=Qe.forwardRef((e,o)=>(0,Ze.jsx)(Ye.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,Xe.skdxPart)("menubar","separator",e.className),ref:o}));$.displayName="MenubarSeparator";var x=require("../utils/menuSub.cjs"),rr=require("react/jsx-runtime");function J(e){return(0,rr.jsx)(x.MenuSub,{family:"menubar",...e})}J.displayName="MenubarSub";var je=x.MenuSubTrigger,er=x.MenuSubContent;0&&(module.exports={Menubar,MenubarArrow,MenubarCheckboxItem,MenubarContent,MenubarGroup,MenubarItem,MenubarItemIndicator,MenubarLabel,MenubarMenu,MenubarPortal,MenubarRadioGroup,MenubarRadioItem,MenubarRootProvider,MenubarSeparator,MenubarSub,MenubarSubContent,MenubarSubTrigger,MenubarTrigger,useMenubarContext});

package/dist/menubar/Menubar.d.cts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { type PrimitivePropsWithRef } from '../utils/primitive.cjs';
+import type { MenubarContextValue, MenubarProps } from './types.cjs';
+export declare const MenubarRootProvider: {
+    (props: MenubarContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useMenubarContext: (consumerName: string) => MenubarContextValue;
+/**
+ * Root of an application-style menu bar: owns which `MenubarMenu` is open and
+ * hands it down via context. Renders a `<div role="menubar">` with
+ * roving-focus, wrapping, typeahead arrow-key navigation (horizontal) across
+ * triggers marked `data-skdx-menubar-trigger`.
+ *
+ * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ *
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu value="file">
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarPortal>
+ *       <MenubarContent>
+ *         <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *         <MenubarSeparator />
+ *         <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *           <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *           Word Wrap
+ *         </MenubarCheckboxItem>
+ *       </MenubarContent>
+ *     </MenubarPortal>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ */
+export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Optional small triangle pointing from a `MenubarContent` panel back at its
+ * `MenubarTrigger`. Renders inside the popper-positioned content; place it as
+ * a direct child of `MenubarContent`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarContent>
+ *   <MenubarItem>Save</MenubarItem>
+ *   <MenubarArrow />
+ * </MenubarContent>
+ * ```
+ */
+export declare const MenubarArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/menubar/Menubar.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { type PrimitivePropsWithRef } from '../utils/primitive.js';
+import type { MenubarContextValue, MenubarProps } from './types.js';
+export declare const MenubarRootProvider: {
+    (props: MenubarContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useMenubarContext: (consumerName: string) => MenubarContextValue;
+/**
+ * Root of an application-style menu bar: owns which `MenubarMenu` is open and
+ * hands it down via context. Renders a `<div role="menubar">` with
+ * roving-focus, wrapping, typeahead arrow-key navigation (horizontal) across
+ * triggers marked `data-skdx-menubar-trigger`.
+ *
+ * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ *
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu value="file">
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarPortal>
+ *       <MenubarContent>
+ *         <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *         <MenubarSeparator />
+ *         <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *           <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *           Word Wrap
+ *         </MenubarCheckboxItem>
+ *       </MenubarContent>
+ *     </MenubarPortal>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ */
+export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Optional small triangle pointing from a `MenubarContent` panel back at its
+ * `MenubarTrigger`. Renders inside the popper-positioned content; place it as
+ * a direct child of `MenubarContent`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarContent>
+ *   <MenubarItem>Save</MenubarItem>
+ *   <MenubarArrow />
+ * </MenubarContent>
+ * ```
+ */
+export declare const MenubarArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/menubar/Menubar.js

@@ -0,0 +1 @@
+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()});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};

package/dist/menubar/MenubarCheckboxItem.d.cts

@@ -0,0 +1,18 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   Word Wrap
+ * </MenubarCheckboxItem>
+ * ```
+ */
+export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarCheckboxItem.d.ts

@@ -0,0 +1,18 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   Word Wrap
+ * </MenubarCheckboxItem>
+ * ```
+ */
+export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarContent.d.cts

@@ -0,0 +1,30 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarContent>
+ *   <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *   <MenubarSeparator />
+ *   <MenubarRadioGroup value={size} onValueChange={setSize}>
+ *     <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ *   </MenubarRadioGroup>
+ * </MenubarContent>
+ * ```
+ */
+export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarContent.d.ts

@@ -0,0 +1,30 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarContent>
+ *   <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *   <MenubarSeparator />
+ *   <MenubarRadioGroup value={size} onValueChange={setSize}>
+ *     <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ *   </MenubarRadioGroup>
+ * </MenubarContent>
+ * ```
+ */
+export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarGroup.d.cts

@@ -0,0 +1,15 @@
+import * 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">`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarGroup>
+ *   <MenubarLabel>Zoom</MenubarLabel>
+ *   <MenubarItem onSelect={() => zoomIn()}>Zoom In</MenubarItem>
+ * </MenubarGroup>
+ * ```
+ */
+export declare const MenubarGroup: React.ForwardRefExoticComponent<Omit<MenubarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarGroup.d.ts

@@ -0,0 +1,15 @@
+import * 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">`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarGroup>
+ *   <MenubarLabel>Zoom</MenubarLabel>
+ *   <MenubarItem onSelect={() => zoomIn()}>Zoom In</MenubarItem>
+ * </MenubarGroup>
+ * ```
+ */
+export declare const MenubarGroup: React.ForwardRefExoticComponent<Omit<MenubarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarItem.d.cts

@@ -0,0 +1,28 @@
+import * 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`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ * ```
+ */
+export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarItem.d.ts

@@ -0,0 +1,28 @@
+import * 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`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ * ```
+ */
+export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarItemIndicator.d.cts

@@ -0,0 +1,19 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   Word Wrap
+ * </MenubarCheckboxItem>
+ * ```
+ */
+export declare const MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/menubar/MenubarItemIndicator.d.ts

@@ -0,0 +1,19 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
+ *   <MenubarItemIndicator>✓</MenubarItemIndicator>
+ *   Word Wrap
+ * </MenubarCheckboxItem>
+ * ```
+ */
+export declare const MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/menubar/MenubarLabel.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { MenubarLabelProps } from './types.cjs';
+/**
+ * A non-interactive heading inside a `MenubarContent` panel or
+ * `MenubarGroup`: renders a plain `<div>`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarLabel>Zoom</MenubarLabel>
+ * ```
+ */
+export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarLabel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { MenubarLabelProps } from './types.js';
+/**
+ * A non-interactive heading inside a `MenubarContent` panel or
+ * `MenubarGroup`: renders a plain `<div>`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarLabel>Zoom</MenubarLabel>
+ * ```
+ */
+export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarMenu.d.cts

@@ -0,0 +1,29 @@
+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;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarMenu value="file">
+ *   <MenubarTrigger>File</MenubarTrigger>
+ *   <MenubarPortal>
+ *     <MenubarContent>
+ *       <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarPortal>
+ * </MenubarMenu>
+ * ```
+ */
+export declare function MenubarMenu({ value, children, onOpenChangeComplete }: MenubarMenuProps): React.JSX.Element;
+export declare namespace MenubarMenu {
+    var displayName: string;
+}

package/dist/menubar/MenubarMenu.d.ts

@@ -0,0 +1,29 @@
+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;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarMenu value="file">
+ *   <MenubarTrigger>File</MenubarTrigger>
+ *   <MenubarPortal>
+ *     <MenubarContent>
+ *       <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarPortal>
+ * </MenubarMenu>
+ * ```
+ */
+export declare function MenubarMenu({ value, children, onOpenChangeComplete }: MenubarMenuProps): React.JSX.Element;
+export declare namespace MenubarMenu {
+    var displayName: string;
+}

package/dist/menubar/MenubarPortal.d.cts

@@ -0,0 +1,19 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarPortal>
+ *   <MenubarContent>
+ *     <MenubarItem>Save</MenubarItem>
+ *   </MenubarContent>
+ * </MenubarPortal>
+ * ```
+ */
+export declare const MenubarPortal: {
+    ({ forceMount, children, ...props }: MenubarPortalProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/menubar/MenubarPortal.d.ts

@@ -0,0 +1,19 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarPortal>
+ *   <MenubarContent>
+ *     <MenubarItem>Save</MenubarItem>
+ *   </MenubarContent>
+ * </MenubarPortal>
+ * ```
+ */
+export declare const MenubarPortal: {
+    ({ forceMount, children, ...props }: MenubarPortalProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/menubar/MenubarRadioGroup.d.cts

@@ -0,0 +1,22 @@
+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;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarRadioGroup value={size} onValueChange={setSize}>
+ *   <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ *   <MenubarRadioItem value="lg">Large</MenubarRadioItem>
+ * </MenubarRadioGroup>
+ * ```
+ */
+export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarRadioGroup.d.ts

@@ -0,0 +1,22 @@
+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;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarRadioGroup value={size} onValueChange={setSize}>
+ *   <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ *   <MenubarRadioItem value="lg">Large</MenubarRadioItem>
+ * </MenubarRadioGroup>
+ * ```
+ */
+export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarRadioItem.d.cts

@@ -0,0 +1,15 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ * ```
+ */
+export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarRadioItem.d.ts

@@ -0,0 +1,15 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <MenubarRadioItem value="sm">Small</MenubarRadioItem>
+ * ```
+ */
+export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarSeparator.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { MenubarSeparatorProps } from './types.cjs';
+/**
+ * Visual divider between menu items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ * <MenubarSeparator />
+ * <MenubarItem onSelect={() => close()}>Close</MenubarItem>
+ * ```
+ */
+export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/menubar/MenubarSeparator.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { MenubarSeparatorProps } from './types.js';
+/**
+ * Visual divider between menu items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <MenubarItem onSelect={() => save()}>Save</MenubarItem>
+ * <MenubarSeparator />
+ * <MenubarItem onSelect={() => close()}>Close</MenubarItem>
+ * ```
+ */
+export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;