ivt 0.3.3 → 0.3.5

package/dist/menubar/index.mjs

@@ -1,2 +1,584 @@
-import*as e from"react";import{createCollection as t}from"@radix-ui/react-collection";import{u as a}from"../chunks/index-CU_y1XAz.mjs";import{c as r}from"../chunks/index-CdJCOoFA.mjs";import{u as n}from"../chunks/index-COvW87ew.mjs";import{c as o}from"../chunks/index-CCcl327A.mjs";import{u as s}from"../chunks/index-CRxQlsb9.mjs";import{c as i,P as d,R as u,A as c,C as l,G as m,S as p,L as f,I as b,a as g,b as h,d as v,e as x,f as w,g as y,h as _,i as M}from"../chunks/index-DZHMFdr0.mjs";import{c as N,R as k,I as E}from"../chunks/index-LvOFIVGz.mjs";import{P as R}from"../chunks/index-w9bxia3O.mjs";import{u as j}from"../chunks/index-CybgQKpz.mjs";import{jsx as C}from"react/jsx-runtime";import{c as O}from"../chunks/utils-BctauAA9.mjs";import{C as I}from"../chunks/check-CimnOyD7.mjs";import{C as z}from"../chunks/circle-CGqt18Bd.mjs";import{C as A}from"../chunks/chevron-right-BMSCuDGK.mjs";import"../chunks/index-CLtWFQL5.mjs";import"../chunks/index-xew3kygQ.mjs";import"../chunks/index-CXszXOf_.mjs";import"react-dom";import"../chunks/index-lvPXnk5F.mjs";import"../chunks/tslib.es6-cMGqxriw.mjs";import"../chunks/index-DOyt-JEx.mjs";import"../chunks/index-vmPXTidH.mjs";import"../chunks/index-BdpYc58_.mjs";import"@radix-ui/react-slot";import"../chunks/bundle-mjs-9BXytT_r.mjs";import"../chunks/createLucideIcon-L-tld2uc.mjs";var D="Menubar",[P,S,T]=t(D),[F,K]=o(D,[T,N]),L=i(),B=N(),[G,V]=F(D),U=e.forwardRef((t,r)=>{const{__scopeMenubar:n,value:o,onValueChange:s,defaultValue:i,loop:d=!0,dir:u,...c}=t,l=a(u),m=B(n),[p,f]=j({prop:o,onChange:s,defaultProp:i??"",caller:D}),[b,g]=e.useState(null);return C(G,{scope:n,value:p,onMenuOpen:e.useCallback(e=>{f(e),g(e)},[f]),onMenuClose:e.useCallback(()=>f(""),[f]),onMenuToggle:e.useCallback(e=>{f(t=>t?"":e),g(e)},[f]),dir:l,loop:d,children:C(P.Provider,{scope:n,children:C(P.Slot,{scope:n,children:C(k,{asChild:!0,...m,orientation:"horizontal",loop:d,dir:l,currentTabStopId:b,onCurrentTabStopIdChange:g,children:C(R.div,{role:"menubar",...c,ref:r})})})})})});U.displayName=D;var Y="MenubarMenu",[q,H]=F(Y),J=t=>{const{__scopeMenubar:a,value:r,...n}=t,o=s(),i=r||o||"LEGACY_REACT_AUTO_VALUE",d=V(Y,a),c=L(a),l=e.useRef(null),m=e.useRef(!1),p=d.value===i;return e.useEffect(()=>{p||(m.current=!1)},[p]),C(q,{scope:a,value:i,triggerId:s(),triggerRef:l,contentId:s(),wasKeyboardTriggerOpenRef:m,children:C(u,{...c,open:p,onOpenChange:e=>{e||d.onMenuClose()},modal:!1,dir:d.dir,...n})})};J.displayName=Y;var Q="MenubarTrigger",W=e.forwardRef((t,a)=>{const{__scopeMenubar:o,disabled:s=!1,...i}=t,d=B(o),u=L(o),l=V(Q,o),m=H(Q,o),p=e.useRef(null),f=n(a,p,m.triggerRef),[b,g]=e.useState(!1),h=l.value===m.value;return C(P.ItemSlot,{scope:o,value:m.value,disabled:s,children:C(E,{asChild:!0,...d,focusable:!s,tabStopId:m.value,children:C(c,{asChild:!0,...u,children:C(R.button,{type:"button",role:"menuitem",id:m.triggerId,"aria-haspopup":"menu","aria-expanded":h,"aria-controls":h?m.contentId:void 0,"data-highlighted":b?"":void 0,"data-state":h?"open":"closed","data-disabled":s?"":void 0,disabled:s,...i,ref:f,onPointerDown:r(t.onPointerDown,e=>{s||0!==e.button||!1!==e.ctrlKey||(l.onMenuOpen(m.value),h||e.preventDefault())}),onPointerEnter:r(t.onPointerEnter,()=>{Boolean(l.value)&&!h&&(l.onMenuOpen(m.value),p.current?.focus())}),onKeyDown:r(t.onKeyDown,e=>{s||(["Enter"," "].includes(e.key)&&l.onMenuToggle(m.value),"ArrowDown"===e.key&&l.onMenuOpen(m.value),["Enter"," ","ArrowDown"].includes(e.key)&&(m.wasKeyboardTriggerOpenRef.current=!0,e.preventDefault()))}),onFocus:r(t.onFocus,()=>g(!0)),onBlur:r(t.onBlur,()=>g(!1))})})})})});W.displayName=Q;var X=e=>{const{__scopeMenubar:t,...a}=e,r=L(t);return C(d,{...r,...a})};X.displayName="MenubarPortal";var Z="MenubarContent",$=e.forwardRef((t,a)=>{const{__scopeMenubar:n,align:o="start",...s}=t,i=L(n),d=V(Z,n),u=H(Z,n),c=S(n),m=e.useRef(!1);return C(l,{id:u.contentId,"aria-labelledby":u.triggerId,"data-radix-menubar-content":"",...i,...s,ref:a,align:o,onCloseAutoFocus:r(t.onCloseAutoFocus,e=>{Boolean(d.value)||m.current||u.triggerRef.current?.focus(),m.current=!1,e.preventDefault()}),onFocusOutside:r(t.onFocusOutside,e=>{const t=e.target;c().some(e=>e.ref.current?.contains(t))&&e.preventDefault()}),onInteractOutside:r(t.onInteractOutside,()=>{m.current=!0}),onEntryFocus:e=>{u.wasKeyboardTriggerOpenRef.current||e.preventDefault()},onKeyDown:r(t.onKeyDown,e=>{if(["ArrowRight","ArrowLeft"].includes(e.key)){const r=e.target,n=r.hasAttribute("data-radix-menubar-subtrigger"),o=r.closest("[data-radix-menubar-content]")!==e.currentTarget,s=("rtl"===d.dir?"ArrowRight":"ArrowLeft")===e.key;if(!s&&n)return;if(o&&s)return;let i=c().filter(e=>!e.disabled).map(e=>e.value);s&&i.reverse();const l=i.indexOf(u.value);i=d.loop?(a=l+1,(t=i).map((e,r)=>t[(a+r)%t.length])):i.slice(l+1);const[m]=i;m&&d.onMenuOpen(m)}var t,a},{checkForDefaultPrevented:!1}),style:{...t.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});$.displayName=Z;var ee=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(m,{...n,...r,ref:t})});ee.displayName="MenubarGroup";var te=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(f,{...n,...r,ref:t})});te.displayName="MenubarLabel";var ae=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(b,{...n,...r,ref:t})});ae.displayName="MenubarItem";var re=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(g,{...n,...r,ref:t})});re.displayName="MenubarCheckboxItem";var ne=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(v,{...n,...r,ref:t})});ne.displayName="MenubarRadioGroup";var oe=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(x,{...n,...r,ref:t})});oe.displayName="MenubarRadioItem";var se=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(h,{...n,...r,ref:t})});se.displayName="MenubarItemIndicator";var ie=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(p,{...n,...r,ref:t})});ie.displayName="MenubarSeparator";e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(M,{...n,...r,ref:t})}).displayName="MenubarArrow";var de="MenubarSub",ue=e=>{const{__scopeMenubar:t,children:a,open:r,onOpenChange:n,defaultOpen:o}=e,s=L(t),[i,d]=j({prop:r,defaultProp:o??!1,onChange:n,caller:de});return C(w,{...s,open:i,onOpenChange:d,children:a})};ue.displayName=de;var ce=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(y,{"data-radix-menubar-subtrigger":"",...n,...r,ref:t})});ce.displayName="MenubarSubTrigger";var le=e.forwardRef((e,t)=>{const{__scopeMenubar:a,...r}=e,n=L(a);return C(_,{...n,"data-radix-menubar-content":"",...r,ref:t,style:{...e.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});le.displayName="MenubarSubContent";var me=U,pe=J,fe=W,be=X,ge=$,he=ee,ve=te,xe=ae,we=re,ye=ne,_e=oe,Me=se,Ne=ie,ke=ue,Ee=ce,Re=le;function je({className:t,...a}){return e.createElement(me,{"data-slot":"menubar",className:O("bg-background w-fit flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",t),...a})}function Ce({...t}){return e.createElement(pe,{"data-slot":"menubar-menu",...t})}function Oe({...t}){return e.createElement(he,{"data-slot":"menubar-group",...t})}function Ie({...t}){return e.createElement(be,{"data-slot":"menubar-portal",...t})}function ze({...t}){return e.createElement(ye,{"data-slot":"menubar-radio-group",...t})}function Ae({className:t,...a}){return e.createElement(fe,{"data-slot":"menubar-trigger",className:O("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",t),...a})}function De({className:t,align:a="start",alignOffset:r=-4,sideOffset:n=8,...o}){return e.createElement(Ie,null,e.createElement(ge,{"data-slot":"menubar-content",align:a,alignOffset:r,sideOffset:n,className:O("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",t),...o}))}function Pe({className:t,inset:a,variant:r="default",...n}){return e.createElement(xe,{"data-slot":"menubar-item","data-inset":a,"data-variant":r,className:O("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...n})}function Se({className:t,children:a,checked:r,...n}){return e.createElement(we,{"data-slot":"menubar-checkbox-item",className:O("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:r,...n},e.createElement("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"},e.createElement(Me,null,e.createElement(I,{className:"size-4"}))),a)}function Te({className:t,children:a,...r}){return e.createElement(_e,{"data-slot":"menubar-radio-item",className:O("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...r},e.createElement("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"},e.createElement(Me,null,e.createElement(z,{className:"size-2 fill-current"}))),a)}function Fe({className:t,inset:a,...r}){return e.createElement(ve,{"data-slot":"menubar-label","data-inset":a,className:O("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function Ke({className:t,...a}){return e.createElement(Ne,{"data-slot":"menubar-separator",className:O("bg-border -mx-1 my-1 h-px",t),...a})}function Le({className:t,...a}){return e.createElement("span",{"data-slot":"menubar-shortcut",className:O("text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}function Be({...t}){return e.createElement(ke,{"data-slot":"menubar-sub",...t})}function Ge({className:t,inset:a,children:r,...n}){return e.createElement(Ee,{"data-slot":"menubar-sub-trigger","data-inset":a,className:O("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",t),...n},r,e.createElement(A,{className:"ml-auto h-4 w-4"}))}function Ve({className:t,...a}){return e.createElement(Re,{"data-slot":"menubar-sub-content",className:O("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",t),...a})}export{je as Menubar,Se as MenubarCheckboxItem,De as MenubarContent,Oe as MenubarGroup,Pe as MenubarItem,Fe as MenubarLabel,Ce as MenubarMenu,Ie as MenubarPortal,ze as MenubarRadioGroup,Te as MenubarRadioItem,Ke as MenubarSeparator,Le as MenubarShortcut,Be as MenubarSub,Ve as MenubarSubContent,Ge as MenubarSubTrigger,Ae as MenubarTrigger};
+import * as React from 'react';
+import { createCollection } from '@radix-ui/react-collection';
+import { u as useDirection } from '../chunks/index-Dulm0stf.mjs';
+import { c as composeEventHandlers } from '../chunks/index-BYijxgZz.mjs';
+import { u as useComposedRefs } from '../chunks/index-BZyzz9k8.mjs';
+import { c as createContextScope } from '../chunks/index-Bl6nVRXe.mjs';
+import { u as useId } from '../chunks/index-DrnQ43fz.mjs';
+import { c as createMenuScope, P as Portal, R as Root3$1, A as Anchor2, C as Content2$1, G as Group, S as Separator, L as Label, I as Item2, a as CheckboxItem, b as ItemIndicator, d as RadioGroup, e as RadioItem, f as Sub, g as SubTrigger, h as SubContent, i as Arrow2 } from '../chunks/index-BF_TaONY.mjs';
+import { c as createRovingFocusGroupScope, R as Root, I as Item } from '../chunks/index-DRk0bB4A.mjs';
+import { P as Primitive } from '../chunks/index-fWnSEyU5.mjs';
+import { u as useControllableState } from '../chunks/index-DUFr75Kc.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from '../chunks/utils-tbIgc9YG.mjs';
+import { C as Check } from '../chunks/check-B3pXhibW.mjs';
+import { C as Circle } from '../chunks/circle-BKsPjIbw.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-DmZu0xvo.mjs';
+import '../chunks/index-Bgiaprdv.mjs';
+import '../chunks/index-B1VVz0MP.mjs';
+import '../chunks/index-D1yPZAOL.mjs';
+import 'react-dom';
+import '../chunks/index-CHyZo-Tj.mjs';
+import '../chunks/tslib.es6-O3UsmxNe.mjs';
+import '../chunks/index-BFDafXar.mjs';
+import '../chunks/index-tNc5GmLL.mjs';
+import '../chunks/index-DIBl7n6R.mjs';
+import '@radix-ui/react-slot';
+import '../chunks/bundle-mjs-CS-QKnOm.mjs';
+import '../chunks/createLucideIcon-BSP_Jxu-.mjs';
+
+var MENUBAR_NAME = "Menubar";
+var [Collection, useCollection, createCollectionScope] = createCollection(MENUBAR_NAME);
+var [createMenubarContext, createMenubarScope] = createContextScope(MENUBAR_NAME, [
+    createCollectionScope,
+    createRovingFocusGroupScope
+]);
+var useMenuScope = createMenuScope();
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
+var Menubar$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, value: valueProp, onValueChange, defaultValue, loop = true, dir, ...menubarProps } = props;
+    const direction = useDirection(dir);
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        onChange: onValueChange,
+        defaultProp: defaultValue ?? "",
+        caller: MENUBAR_NAME
+    });
+    const [currentTabStopId, setCurrentTabStopId] = React.useState(null);
+    return /* @__PURE__ */ jsx(MenubarContextProvider, {
+        scope: __scopeMenubar,
+        value,
+        onMenuOpen: React.useCallback((value2)=>{
+            setValue(value2);
+            setCurrentTabStopId(value2);
+        }, [
+            setValue
+        ]),
+        onMenuClose: React.useCallback(()=>setValue(""), [
+            setValue
+        ]),
+        onMenuToggle: React.useCallback((value2)=>{
+            setValue((prevValue)=>prevValue ? "" : value2);
+            setCurrentTabStopId(value2);
+        }, [
+            setValue
+        ]),
+        dir: direction,
+        loop,
+        children: /* @__PURE__ */ jsx(Collection.Provider, {
+            scope: __scopeMenubar,
+            children: /* @__PURE__ */ jsx(Collection.Slot, {
+                scope: __scopeMenubar,
+                children: /* @__PURE__ */ jsx(Root, {
+                    asChild: true,
+                    ...rovingFocusGroupScope,
+                    orientation: "horizontal",
+                    loop,
+                    dir: direction,
+                    currentTabStopId,
+                    onCurrentTabStopIdChange: setCurrentTabStopId,
+                    children: /* @__PURE__ */ jsx(Primitive.div, {
+                        role: "menubar",
+                        ...menubarProps,
+                        ref: forwardedRef
+                    })
+                })
+            })
+        })
+    });
+});
+Menubar$1.displayName = MENUBAR_NAME;
+var MENU_NAME = "MenubarMenu";
+var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
+var MenubarMenu$1 = (props)=>{
+    const { __scopeMenubar, value: valueProp, ...menuProps } = props;
+    const autoValue = useId();
+    const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
+    const context = useMenubarContext(MENU_NAME, __scopeMenubar);
+    const menuScope = useMenuScope(__scopeMenubar);
+    const triggerRef = React.useRef(null);
+    const wasKeyboardTriggerOpenRef = React.useRef(false);
+    const open = context.value === value;
+    React.useEffect(()=>{
+        if (!open) wasKeyboardTriggerOpenRef.current = false;
+    }, [
+        open
+    ]);
+    return /* @__PURE__ */ jsx(MenubarMenuProvider, {
+        scope: __scopeMenubar,
+        value,
+        triggerId: useId(),
+        triggerRef,
+        contentId: useId(),
+        wasKeyboardTriggerOpenRef,
+        children: /* @__PURE__ */ jsx(Root3$1, {
+            ...menuScope,
+            open,
+            onOpenChange: (open2)=>{
+                if (!open2) context.onMenuClose();
+            },
+            modal: false,
+            dir: context.dir,
+            ...menuProps
+        })
+    });
+};
+MenubarMenu$1.displayName = MENU_NAME;
+var TRIGGER_NAME = "MenubarTrigger";
+var MenubarTrigger$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, disabled = false, ...triggerProps } = props;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
+    const menuScope = useMenuScope(__scopeMenubar);
+    const context = useMenubarContext(TRIGGER_NAME, __scopeMenubar);
+    const menuContext = useMenubarMenuContext(TRIGGER_NAME, __scopeMenubar);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref, menuContext.triggerRef);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const open = context.value === menuContext.value;
+    return /* @__PURE__ */ jsx(Collection.ItemSlot, {
+        scope: __scopeMenubar,
+        value: menuContext.value,
+        disabled,
+        children: /* @__PURE__ */ jsx(Item, {
+            asChild: true,
+            ...rovingFocusGroupScope,
+            focusable: !disabled,
+            tabStopId: menuContext.value,
+            children: /* @__PURE__ */ jsx(Anchor2, {
+                asChild: true,
+                ...menuScope,
+                children: /* @__PURE__ */ jsx(Primitive.button, {
+                    type: "button",
+                    role: "menuitem",
+                    id: menuContext.triggerId,
+                    "aria-haspopup": "menu",
+                    "aria-expanded": open,
+                    "aria-controls": open ? menuContext.contentId : void 0,
+                    "data-highlighted": isFocused ? "" : void 0,
+                    "data-state": open ? "open" : "closed",
+                    "data-disabled": disabled ? "" : void 0,
+                    disabled,
+                    ...triggerProps,
+                    ref: composedRefs,
+                    onPointerDown: composeEventHandlers(props.onPointerDown, (event)=>{
+                        if (!disabled && event.button === 0 && event.ctrlKey === false) {
+                            context.onMenuOpen(menuContext.value);
+                            if (!open) event.preventDefault();
+                        }
+                    }),
+                    onPointerEnter: composeEventHandlers(props.onPointerEnter, ()=>{
+                        const menubarOpen = Boolean(context.value);
+                        if (menubarOpen && !open) {
+                            context.onMenuOpen(menuContext.value);
+                            ref.current?.focus();
+                        }
+                    }),
+                    onKeyDown: composeEventHandlers(props.onKeyDown, (event)=>{
+                        if (disabled) return;
+                        if ([
+                            "Enter",
+                            " "
+                        ].includes(event.key)) context.onMenuToggle(menuContext.value);
+                        if (event.key === "ArrowDown") context.onMenuOpen(menuContext.value);
+                        if ([
+                            "Enter",
+                            " ",
+                            "ArrowDown"
+                        ].includes(event.key)) {
+                            menuContext.wasKeyboardTriggerOpenRef.current = true;
+                            event.preventDefault();
+                        }
+                    }),
+                    onFocus: composeEventHandlers(props.onFocus, ()=>setIsFocused(true)),
+                    onBlur: composeEventHandlers(props.onBlur, ()=>setIsFocused(false))
+                })
+            })
+        })
+    });
+});
+MenubarTrigger$1.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "MenubarPortal";
+var MenubarPortal$1 = (props)=>{
+    const { __scopeMenubar, ...portalProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Portal, {
+        ...menuScope,
+        ...portalProps
+    });
+};
+MenubarPortal$1.displayName = PORTAL_NAME;
+var CONTENT_NAME = "MenubarContent";
+var MenubarContent$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, align = "start", ...contentProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    const context = useMenubarContext(CONTENT_NAME, __scopeMenubar);
+    const menuContext = useMenubarMenuContext(CONTENT_NAME, __scopeMenubar);
+    const getItems = useCollection(__scopeMenubar);
+    const hasInteractedOutsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsx(Content2$1, {
+        id: menuContext.contentId,
+        "aria-labelledby": menuContext.triggerId,
+        "data-radix-menubar-content": "",
+        ...menuScope,
+        ...contentProps,
+        ref: forwardedRef,
+        align,
+        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event)=>{
+            const menubarOpen = Boolean(context.value);
+            if (!menubarOpen && !hasInteractedOutsideRef.current) {
+                menuContext.triggerRef.current?.focus();
+            }
+            hasInteractedOutsideRef.current = false;
+            event.preventDefault();
+        }),
+        onFocusOutside: composeEventHandlers(props.onFocusOutside, (event)=>{
+            const target = event.target;
+            const isMenubarTrigger = getItems().some((item)=>item.ref.current?.contains(target));
+            if (isMenubarTrigger) event.preventDefault();
+        }),
+        onInteractOutside: composeEventHandlers(props.onInteractOutside, ()=>{
+            hasInteractedOutsideRef.current = true;
+        }),
+        onEntryFocus: (event)=>{
+            if (!menuContext.wasKeyboardTriggerOpenRef.current) event.preventDefault();
+        },
+        onKeyDown: composeEventHandlers(props.onKeyDown, (event)=>{
+            if ([
+                "ArrowRight",
+                "ArrowLeft"
+            ].includes(event.key)) {
+                const target = event.target;
+                const targetIsSubTrigger = target.hasAttribute("data-radix-menubar-subtrigger");
+                const isKeyDownInsideSubMenu = target.closest("[data-radix-menubar-content]") !== event.currentTarget;
+                const prevMenuKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
+                const isPrevKey = prevMenuKey === event.key;
+                const isNextKey = !isPrevKey;
+                if (isNextKey && targetIsSubTrigger) return;
+                if (isKeyDownInsideSubMenu && isPrevKey) return;
+                const items = getItems().filter((item)=>!item.disabled);
+                let candidateValues = items.map((item)=>item.value);
+                if (isPrevKey) candidateValues.reverse();
+                const currentIndex = candidateValues.indexOf(menuContext.value);
+                candidateValues = context.loop ? wrapArray(candidateValues, currentIndex + 1) : candidateValues.slice(currentIndex + 1);
+                const [nextValue] = candidateValues;
+                if (nextValue) context.onMenuOpen(nextValue);
+            }
+        }, {
+            checkForDefaultPrevented: false
+        }),
+        style: {
+            ...props.style,
+            // re-namespace exposed content custom properties
+            ...{
+                "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+                "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+                "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+                "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+                "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+            }
+        }
+    });
+});
+MenubarContent$1.displayName = CONTENT_NAME;
+var GROUP_NAME = "MenubarGroup";
+var MenubarGroup$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...groupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Group, {
+        ...menuScope,
+        ...groupProps,
+        ref: forwardedRef
+    });
+});
+MenubarGroup$1.displayName = GROUP_NAME;
+var LABEL_NAME = "MenubarLabel";
+var MenubarLabel$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...labelProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Label, {
+        ...menuScope,
+        ...labelProps,
+        ref: forwardedRef
+    });
+});
+MenubarLabel$1.displayName = LABEL_NAME;
+var ITEM_NAME = "MenubarItem";
+var MenubarItem$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...itemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Item2, {
+        ...menuScope,
+        ...itemProps,
+        ref: forwardedRef
+    });
+});
+MenubarItem$1.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
+var MenubarCheckboxItem$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...checkboxItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(CheckboxItem, {
+        ...menuScope,
+        ...checkboxItemProps,
+        ref: forwardedRef
+    });
+});
+MenubarCheckboxItem$1.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "MenubarRadioGroup";
+var MenubarRadioGroup$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...radioGroupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(RadioGroup, {
+        ...menuScope,
+        ...radioGroupProps,
+        ref: forwardedRef
+    });
+});
+MenubarRadioGroup$1.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "MenubarRadioItem";
+var MenubarRadioItem$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...radioItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(RadioItem, {
+        ...menuScope,
+        ...radioItemProps,
+        ref: forwardedRef
+    });
+});
+MenubarRadioItem$1.displayName = RADIO_ITEM_NAME;
+var INDICATOR_NAME = "MenubarItemIndicator";
+var MenubarItemIndicator = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...itemIndicatorProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(ItemIndicator, {
+        ...menuScope,
+        ...itemIndicatorProps,
+        ref: forwardedRef
+    });
+});
+MenubarItemIndicator.displayName = INDICATOR_NAME;
+var SEPARATOR_NAME = "MenubarSeparator";
+var MenubarSeparator$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...separatorProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Separator, {
+        ...menuScope,
+        ...separatorProps,
+        ref: forwardedRef
+    });
+});
+MenubarSeparator$1.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "MenubarArrow";
+var MenubarArrow = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...arrowProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Arrow2, {
+        ...menuScope,
+        ...arrowProps,
+        ref: forwardedRef
+    });
+});
+MenubarArrow.displayName = ARROW_NAME;
+var SUB_NAME = "MenubarSub";
+var MenubarSub$1 = (props)=>{
+    const { __scopeMenubar, children, open: openProp, onOpenChange, defaultOpen } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    const [open, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? false,
+        onChange: onOpenChange,
+        caller: SUB_NAME
+    });
+    return /* @__PURE__ */ jsx(Sub, {
+        ...menuScope,
+        open,
+        onOpenChange: setOpen,
+        children
+    });
+};
+MenubarSub$1.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME = "MenubarSubTrigger";
+var MenubarSubTrigger$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...subTriggerProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(SubTrigger, {
+        "data-radix-menubar-subtrigger": "",
+        ...menuScope,
+        ...subTriggerProps,
+        ref: forwardedRef
+    });
+});
+MenubarSubTrigger$1.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "MenubarSubContent";
+var MenubarSubContent$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeMenubar, ...subContentProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(SubContent, {
+        ...menuScope,
+        "data-radix-menubar-content": "",
+        ...subContentProps,
+        ref: forwardedRef,
+        style: {
+            ...props.style,
+            // re-namespace exposed content custom properties
+            ...{
+                "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+                "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+                "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+                "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+                "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+            }
+        }
+    });
+});
+MenubarSubContent$1.displayName = SUB_CONTENT_NAME;
+function wrapArray(array, startIndex) {
+    return array.map((_, index)=>array[(startIndex + index) % array.length]);
+}
+var Root3 = Menubar$1;
+var Menu = MenubarMenu$1;
+var Trigger = MenubarTrigger$1;
+var Portal2 = MenubarPortal$1;
+var Content2 = MenubarContent$1;
+var Group2 = MenubarGroup$1;
+var Label2 = MenubarLabel$1;
+var Item3 = MenubarItem$1;
+var CheckboxItem2 = MenubarCheckboxItem$1;
+var RadioGroup2 = MenubarRadioGroup$1;
+var RadioItem2 = MenubarRadioItem$1;
+var ItemIndicator2 = MenubarItemIndicator;
+var Separator2 = MenubarSeparator$1;
+var Sub2 = MenubarSub$1;
+var SubTrigger2 = MenubarSubTrigger$1;
+var SubContent2 = MenubarSubContent$1;
+
+function Menubar({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Root3, {
+        "data-slot": "menubar",
+        className: cn("bg-background w-fit flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
+        ...props
+    });
+}
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ React.createElement(Menu, {
+        "data-slot": "menubar-menu",
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ React.createElement(Group2, {
+        "data-slot": "menubar-group",
+        ...props
+    });
+}
+function MenubarPortal({ ...props }) {
+    return /*#__PURE__*/ React.createElement(Portal2, {
+        "data-slot": "menubar-portal",
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ React.createElement(RadioGroup2, {
+        "data-slot": "menubar-radio-group",
+        ...props
+    });
+}
+function MenubarTrigger({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Trigger, {
+        "data-slot": "menubar-trigger",
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
+        ...props
+    });
+}
+function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
+    return /*#__PURE__*/ React.createElement(MenubarPortal, null, /*#__PURE__*/ React.createElement(Content2, {
+        "data-slot": "menubar-content",
+        align: align,
+        alignOffset: alignOffset,
+        sideOffset: sideOffset,
+        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className),
+        ...props
+    }));
+}
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+    return /*#__PURE__*/ React.createElement(Item3, {
+        "data-slot": "menubar-item",
+        "data-inset": inset,
+        "data-variant": variant,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function MenubarCheckboxItem({ className, children, checked, ...props }) {
+    return /*#__PURE__*/ React.createElement(CheckboxItem2, {
+        "data-slot": "menubar-checkbox-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        checked: checked,
+        ...props
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+    }, /*#__PURE__*/ React.createElement(ItemIndicator2, null, /*#__PURE__*/ React.createElement(Check, {
+        className: "size-4"
+    }))), children);
+}
+function MenubarRadioItem({ className, children, ...props }) {
+    return /*#__PURE__*/ React.createElement(RadioItem2, {
+        "data-slot": "menubar-radio-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+    }, /*#__PURE__*/ React.createElement(ItemIndicator2, null, /*#__PURE__*/ React.createElement(Circle, {
+        className: "size-2 fill-current"
+    }))), children);
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ React.createElement(Label2, {
+        "data-slot": "menubar-label",
+        "data-inset": inset,
+        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+        ...props
+    });
+}
+function MenubarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Separator2, {
+        "data-slot": "menubar-separator",
+        className: cn("bg-border -mx-1 my-1 h-px", className),
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("span", {
+        "data-slot": "menubar-shortcut",
+        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ React.createElement(Sub2, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+function MenubarSubTrigger({ className, inset, children, ...props }) {
+    return /*#__PURE__*/ React.createElement(SubTrigger2, {
+        "data-slot": "menubar-sub-trigger",
+        "data-inset": inset,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", className),
+        ...props
+    }, children, /*#__PURE__*/ React.createElement(ChevronRight, {
+        className: "ml-auto h-4 w-4"
+    }));
+}
+function MenubarSubContent({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(SubContent2, {
+        "data-slot": "menubar-sub-content",
+        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
+        ...props
+    });
+}
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=index.mjs.map