@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/primitives/Menubar.js

@@ -0,0 +1,699 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cn } from '../utils-BJnb9o5c.js';
+import { C as Check } from '../check-Cpkv29p1.js';
+import { C as ChevronRight } from '../chevron-right-DQnrO-ek.js';
+import * as React from 'react';
+import { c as createCollection } from '../index-Dd1i1d2M.js';
+import { u as useDirection } from '../index-d0BBQf5t.js';
+import { c as composeEventHandlers } from '../index-DNzunGHb.js';
+import { u as useComposedRefs } from '../index-BtkPdosV.js';
+import { c as createContextScope } from '../index-CiyxEyB0.js';
+import { u as useId } from '../index-zW4GjM5L.js';
+import { C as CheckboxItem, I as ItemIndicator, a as Content2$1, G as Group, b as Item2, L as Label, R as Root3$1, P as Portal, c as RadioGroup, d as RadioItem, S as Separator, e as Sub, f as SubContent, g as SubTrigger, A as Anchor2, h as createMenuScope, i as Arrow2 } from '../index-BQtGUR27.js';
+import { R as Root, I as Item, c as createRovingFocusGroupScope } from '../index-DT56XkyA.js';
+import { P as Primitive } from '../index-DhnfW8wQ.js';
+import { u as useControllableState } from '../index-Cor698lu.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-DOzu5J1s.js';
+import '../index-BNPynZWM.js';
+import '../index-CSUSJzOJ.js';
+import '../index-Jr4soqx3.js';
+import '../index-XvwNqU74.js';
+import '../floating-ui.react-dom-BtFUJRfb.js';
+import '../floating-ui.utils.dom-Bw_Rc4bg.js';
+import 'react-dom';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+
+var MENUBAR_NAME = "Menubar";
+var [Collection, useCollection, createCollectionScope] = createCollection(MENUBAR_NAME);
+var [createMenubarContext] = createContextScope(MENUBAR_NAME, [
+  createCollectionScope,
+  createRovingFocusGroupScope
+]);
+var useMenuScope = createMenuScope();
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
+var Menubar$2 = 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$2.displayName = MENUBAR_NAME;
+var MENU_NAME = "MenubarMenu";
+var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
+var MenubarMenu$2 = (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$2.displayName = MENU_NAME;
+var TRIGGER_NAME = "MenubarTrigger";
+var MenubarTrigger$2 = 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$2.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "MenubarPortal";
+var MenubarPortal$2 = (props) => {
+  const { __scopeMenubar, ...portalProps } = props;
+  const menuScope = useMenuScope(__scopeMenubar);
+  return /* @__PURE__ */ jsx(Portal, { ...menuScope, ...portalProps });
+};
+MenubarPortal$2.displayName = PORTAL_NAME;
+var CONTENT_NAME = "MenubarContent";
+var MenubarContent$2 = 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$2.displayName = CONTENT_NAME;
+var GROUP_NAME = "MenubarGroup";
+var MenubarGroup$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...groupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
+  }
+);
+MenubarGroup$2.displayName = GROUP_NAME;
+var LABEL_NAME = "MenubarLabel";
+var MenubarLabel$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...labelProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+  }
+);
+MenubarLabel$2.displayName = LABEL_NAME;
+var ITEM_NAME = "MenubarItem";
+var MenubarItem$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...itemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+  }
+);
+MenubarItem$2.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
+var MenubarCheckboxItem$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...checkboxItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+  }
+);
+MenubarCheckboxItem$2.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "MenubarRadioGroup";
+var MenubarRadioGroup$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...radioGroupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  }
+);
+MenubarRadioGroup$2.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "MenubarRadioItem";
+var MenubarRadioItem$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...radioItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+  }
+);
+MenubarRadioItem$2.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$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...separatorProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsx(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  }
+);
+MenubarSeparator$2.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$2 = (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$2.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME = "MenubarSubTrigger";
+var MenubarSubTrigger$2 = 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$2.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "MenubarSubContent";
+var MenubarSubContent$2 = 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$2.displayName = SUB_CONTENT_NAME;
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+var Root3 = Menubar$2;
+var Menu = MenubarMenu$2;
+var Trigger = MenubarTrigger$2;
+var Portal2 = MenubarPortal$2;
+var Content2 = MenubarContent$2;
+var Group2 = MenubarGroup$2;
+var Label2 = MenubarLabel$2;
+var Item3 = MenubarItem$2;
+var CheckboxItem2 = MenubarCheckboxItem$2;
+var RadioGroup2 = MenubarRadioGroup$2;
+var RadioItem2 = MenubarRadioItem$2;
+var ItemIndicator2 = MenubarItemIndicator;
+var Separator2 = MenubarSeparator$2;
+var Sub2 = MenubarSub$2;
+var SubTrigger2 = MenubarSubTrigger$2;
+var SubContent2 = MenubarSubContent$2;
+
+function Menubar$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Root3,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Group2, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Portal2, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(RadioGroup2, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent$1({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenubarPortal$1, { children: /* @__PURE__ */ jsx(
+    Content2,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn("z-50 min-w-36 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", className),
+      ...props
+    }
+  ) });
+}
+function MenubarItem$1({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Item3,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/menubar-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem$1({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    CheckboxItem2,
+    {
+      "data-slot": "menubar-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx(
+          Check,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioItem$1({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    RadioItem2,
+    {
+      "data-slot": "menubar-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx(
+          Check,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel$1({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Label2,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-sm font-medium data-inset:ps-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator2,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn(
+        "ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Sub2, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger$1({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SubTrigger2,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "rtl:rotate-180 ms-auto size-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SubContent2,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+
+const Menubar = (props) => /* @__PURE__ */ jsx(Menubar$1, { ...props });
+const MenubarPortal = (props) => /* @__PURE__ */ jsx(MenubarPortal$1, { ...props });
+const MenubarMenu = (props) => /* @__PURE__ */ jsx(MenubarMenu$1, { ...props });
+const MenubarTrigger = (props) => /* @__PURE__ */ jsx(MenubarTrigger$1, { ...props });
+const MenubarContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(MenubarContent$1, { className: cn("shadow-lg", className), ...props });
+const MenubarGroup = (props) => /* @__PURE__ */ jsx(MenubarGroup$1, { ...props });
+const MenubarSeparator = (props) => /* @__PURE__ */ jsx(MenubarSeparator$1, { ...props });
+const MenubarLabel = (props) => /* @__PURE__ */ jsx(MenubarLabel$1, { ...props });
+const MenubarItem = (props) => /* @__PURE__ */ jsx(MenubarItem$1, { ...props });
+const MenubarShortcut = (props) => /* @__PURE__ */ jsx(MenubarShortcut$1, { ...props });
+const MenubarCheckboxItem = (props) => /* @__PURE__ */ jsx(MenubarCheckboxItem$1, { ...props });
+const MenubarRadioGroup = (props) => /* @__PURE__ */ jsx(MenubarRadioGroup$1, { ...props });
+const MenubarRadioItem = (props) => /* @__PURE__ */ jsx(MenubarRadioItem$1, { ...props });
+const MenubarSub = (props) => /* @__PURE__ */ jsx(MenubarSub$1, { ...props });
+const MenubarSubTrigger = (props) => /* @__PURE__ */ jsx(MenubarSubTrigger$1, { ...props });
+const MenubarSubContent = (props) => /* @__PURE__ */ jsx(MenubarSubContent$1, { ...props });
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=Menubar.js.map