@bigbinary/neeto-atoms 1.0.6 → 1.0.7

package/dist/cjs/primitives/Menubar.js

@@ -0,0 +1,547 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../utils-CTr7wn5d.js');
+var check = require('../check-BQgcDXys.js');
+var chevronRight = require('../chevron-right-0jNdwX2Q.js');
+var React = require('react');
+var index$8 = require('../index-Ch55j1or.js');
+var index = require('../index-9jC1advf.js');
+var index$5 = require('../index-COPkC3I5.js');
+var index$7 = require('../index-D-iDn9RI.js');
+var index$9 = require('../index-CGUGhyIp.js');
+var index$6 = require('../index-BwAq9ba8.js');
+var index$4 = require('../index-CGet1HH4.js');
+var index$2 = require('../index-DR7GJU4J.js');
+var index$3 = require('../index-DMbj7vXd.js');
+var index$1 = require('../index-CyrAgb4H.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-CCdG4z4E.js');
+require('../index-Bvu9MiFi.js');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('react-dom');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var MENUBAR_NAME = "Menubar";
+var [Collection, useCollection, createCollectionScope] = index$8.createCollection(MENUBAR_NAME);
+var [createMenubarContext] = index$9.createContextScope(MENUBAR_NAME, [
+  createCollectionScope,
+  index$2.createRovingFocusGroupScope
+]);
+var useMenuScope = index$4.createMenuScope();
+var useRovingFocusGroupScope = index$2.createRovingFocusGroupScope();
+var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
+var Menubar$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeMenubar,
+      value: valueProp,
+      onValueChange,
+      defaultValue,
+      loop = true,
+      dir,
+      ...menubarProps
+    } = props;
+    const direction = index.useDirection(dir);
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
+    const [value, setValue] = index$1.useControllableState({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue ?? "",
+      caller: MENUBAR_NAME
+    });
+    const [currentTabStopId, setCurrentTabStopId] = React__namespace.useState(null);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MenubarContextProvider,
+      {
+        scope: __scopeMenubar,
+        value,
+        onMenuOpen: React__namespace.useCallback(
+          (value2) => {
+            setValue(value2);
+            setCurrentTabStopId(value2);
+          },
+          [setValue]
+        ),
+        onMenuClose: React__namespace.useCallback(() => setValue(""), [setValue]),
+        onMenuToggle: React__namespace.useCallback(
+          (value2) => {
+            setValue((prevValue) => prevValue ? "" : value2);
+            setCurrentTabStopId(value2);
+          },
+          [setValue]
+        ),
+        dir: direction,
+        loop,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: __scopeMenubar, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: __scopeMenubar, children: /* @__PURE__ */ jsxRuntime.jsx(
+          index$2.Root,
+          {
+            asChild: true,
+            ...rovingFocusGroupScope,
+            orientation: "horizontal",
+            loop,
+            dir: direction,
+            currentTabStopId,
+            onCurrentTabStopIdChange: setCurrentTabStopId,
+            children: /* @__PURE__ */ jsxRuntime.jsx(index$3.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 = index$6.useId();
+  const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
+  const context = useMenubarContext(MENU_NAME, __scopeMenubar);
+  const menuScope = useMenuScope(__scopeMenubar);
+  const triggerRef = React__namespace.useRef(null);
+  const wasKeyboardTriggerOpenRef = React__namespace.useRef(false);
+  const open = context.value === value;
+  React__namespace.useEffect(() => {
+    if (!open) wasKeyboardTriggerOpenRef.current = false;
+  }, [open]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarMenuProvider,
+    {
+      scope: __scopeMenubar,
+      value,
+      triggerId: index$6.useId(),
+      triggerRef,
+      contentId: index$6.useId(),
+      wasKeyboardTriggerOpenRef,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$4.Root3,
+        {
+          ...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__namespace.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__namespace.useRef(null);
+    const composedRefs = index$7.useComposedRefs(forwardedRef, ref, menuContext.triggerRef);
+    const [isFocused, setIsFocused] = React__namespace.useState(false);
+    const open = context.value === menuContext.value;
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection.ItemSlot, { scope: __scopeMenubar, value: menuContext.value, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+      index$2.Item,
+      {
+        asChild: true,
+        ...rovingFocusGroupScope,
+        focusable: !disabled,
+        tabStopId: menuContext.value,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index$4.Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+          index$3.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: index$5.composeEventHandlers(props.onPointerDown, (event) => {
+              if (!disabled && event.button === 0 && event.ctrlKey === false) {
+                context.onMenuOpen(menuContext.value);
+                if (!open) event.preventDefault();
+              }
+            }),
+            onPointerEnter: index$5.composeEventHandlers(props.onPointerEnter, () => {
+              const menubarOpen = Boolean(context.value);
+              if (menubarOpen && !open) {
+                context.onMenuOpen(menuContext.value);
+                ref.current?.focus();
+              }
+            }),
+            onKeyDown: index$5.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: index$5.composeEventHandlers(props.onFocus, () => setIsFocused(true)),
+            onBlur: index$5.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__ */ jsxRuntime.jsx(index$4.Portal, { ...menuScope, ...portalProps });
+};
+MenubarPortal$2.displayName = PORTAL_NAME;
+var CONTENT_NAME = "MenubarContent";
+var MenubarContent$2 = React__namespace.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__namespace.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index$4.Content2,
+      {
+        id: menuContext.contentId,
+        "aria-labelledby": menuContext.triggerId,
+        "data-radix-menubar-content": "",
+        ...menuScope,
+        ...contentProps,
+        ref: forwardedRef,
+        align,
+        onCloseAutoFocus: index$5.composeEventHandlers(props.onCloseAutoFocus, (event) => {
+          const menubarOpen = Boolean(context.value);
+          if (!menubarOpen && !hasInteractedOutsideRef.current) {
+            menuContext.triggerRef.current?.focus();
+          }
+          hasInteractedOutsideRef.current = false;
+          event.preventDefault();
+        }),
+        onFocusOutside: index$5.composeEventHandlers(props.onFocusOutside, (event) => {
+          const target = event.target;
+          const isMenubarTrigger = getItems().some((item) => item.ref.current?.contains(target));
+          if (isMenubarTrigger) event.preventDefault();
+        }),
+        onInteractOutside: index$5.composeEventHandlers(props.onInteractOutside, () => {
+          hasInteractedOutsideRef.current = true;
+        }),
+        onEntryFocus: (event) => {
+          if (!menuContext.wasKeyboardTriggerOpenRef.current) event.preventDefault();
+        },
+        onKeyDown: index$5.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__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...groupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
+  }
+);
+MenubarGroup$2.displayName = GROUP_NAME;
+var LABEL_NAME = "MenubarLabel";
+var MenubarLabel$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...labelProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+  }
+);
+MenubarLabel$2.displayName = LABEL_NAME;
+var ITEM_NAME = "MenubarItem";
+var MenubarItem$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...itemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+  }
+);
+MenubarItem$2.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
+var MenubarCheckboxItem$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...checkboxItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+  }
+);
+MenubarCheckboxItem$2.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "MenubarRadioGroup";
+var MenubarRadioGroup$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...radioGroupProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  }
+);
+MenubarRadioGroup$2.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "MenubarRadioItem";
+var MenubarRadioItem$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...radioItemProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+  }
+);
+MenubarRadioItem$2.displayName = RADIO_ITEM_NAME;
+var INDICATOR_NAME = "MenubarItemIndicator";
+var MenubarItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeMenubar, ...itemIndicatorProps } = props;
+  const menuScope = useMenuScope(__scopeMenubar);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$4.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+});
+MenubarItemIndicator.displayName = INDICATOR_NAME;
+var SEPARATOR_NAME = "MenubarSeparator";
+var MenubarSeparator$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...separatorProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  }
+);
+MenubarSeparator$2.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "MenubarArrow";
+var MenubarArrow = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...arrowProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$4.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] = index$1.useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: SUB_NAME
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$4.Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
+MenubarSub$2.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME = "MenubarSubTrigger";
+var MenubarSubTrigger$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...subTriggerProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index$4.SubTrigger,
+      {
+        "data-radix-menubar-subtrigger": "",
+        ...menuScope,
+        ...subTriggerProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+MenubarSubTrigger$2.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "MenubarSubContent";
+var MenubarSubContent$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeMenubar, ...subContentProps } = props;
+    const menuScope = useMenuScope(__scopeMenubar);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index$4.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 (jsxRuntime.jsx(Root3, { "data-slot": "menubar", className: utils.cn("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", className), ...props }));
+}
+function MenubarMenu$1({ ...props }) {
+    return jsxRuntime.jsx(Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup$1({ ...props }) {
+    return jsxRuntime.jsx(Group2, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal$1({ ...props }) {
+    return jsxRuntime.jsx(Portal2, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup$1({ ...props }) {
+    return (jsxRuntime.jsx(RadioGroup2, { "data-slot": "menubar-radio-group", ...props }));
+}
+function MenubarTrigger$1({ className, ...props }) {
+    return (jsxRuntime.jsx(Trigger, { "data-slot": "menubar-trigger", className: utils.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 (jsxRuntime.jsx(MenubarPortal$1, { children: jsxRuntime.jsx(Content2, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: utils.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 (jsxRuntime.jsx(Item3, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: utils.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 (jsxRuntime.jsxs(CheckboxItem2, { "data-slot": "menubar-checkbox-item", "data-inset": inset, className: utils.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: checked, ...props, children: [jsxRuntime.jsx("span", { className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: jsxRuntime.jsx(ItemIndicator2, { children: jsxRuntime.jsx(check.Check, {}) }) }), children] }));
+}
+function MenubarRadioItem$1({ className, children, inset, ...props }) {
+    return (jsxRuntime.jsxs(RadioItem2, { "data-slot": "menubar-radio-item", "data-inset": inset, className: utils.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: [jsxRuntime.jsx("span", { className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: jsxRuntime.jsx(ItemIndicator2, { children: jsxRuntime.jsx(check.Check, {}) }) }), children] }));
+}
+function MenubarLabel$1({ className, inset, ...props }) {
+    return (jsxRuntime.jsx(Label2, { "data-slot": "menubar-label", "data-inset": inset, className: utils.cn("px-1.5 py-1 text-sm font-medium data-inset:ps-7", className), ...props }));
+}
+function MenubarSeparator$1({ className, ...props }) {
+    return (jsxRuntime.jsx(Separator2, { "data-slot": "menubar-separator", className: utils.cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+function MenubarShortcut$1({ className, ...props }) {
+    return (jsxRuntime.jsx("span", { "data-slot": "menubar-shortcut", className: utils.cn("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", className), ...props }));
+}
+function MenubarSub$1({ ...props }) {
+    return jsxRuntime.jsx(Sub2, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger$1({ className, inset, children, ...props }) {
+    return (jsxRuntime.jsxs(SubTrigger2, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: utils.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, jsxRuntime.jsx(chevronRight.ChevronRight, { className: "rtl:rotate-180 ms-auto size-4" })] }));
+}
+function MenubarSubContent$1({ className, ...props }) {
+    return (jsxRuntime.jsx(SubContent2, { "data-slot": "menubar-sub-content", className: utils.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) => (jsxRuntime.jsx(Menubar$1, { ...props }));
+const MenubarPortal = (props) => jsxRuntime.jsx(MenubarPortal$1, { ...props });
+const MenubarMenu = (props) => (jsxRuntime.jsx(MenubarMenu$1, { ...props }));
+const MenubarTrigger = (props) => jsxRuntime.jsx(MenubarTrigger$1, { ...props });
+const MenubarContent = (props) => jsxRuntime.jsx(MenubarContent$1, { ...props });
+const MenubarGroup = (props) => jsxRuntime.jsx(MenubarGroup$1, { ...props });
+const MenubarSeparator = (props) => jsxRuntime.jsx(MenubarSeparator$1, { ...props });
+const MenubarLabel = (props) => jsxRuntime.jsx(MenubarLabel$1, { ...props });
+const MenubarItem = (props) => (jsxRuntime.jsx(MenubarItem$1, { ...props }));
+const MenubarShortcut = (props) => jsxRuntime.jsx(MenubarShortcut$1, { ...props });
+const MenubarCheckboxItem = (props) => jsxRuntime.jsx(MenubarCheckboxItem$1, { ...props });
+const MenubarRadioGroup = (props) => jsxRuntime.jsx(MenubarRadioGroup$1, { ...props });
+const MenubarRadioItem = (props) => jsxRuntime.jsx(MenubarRadioItem$1, { ...props });
+const MenubarSub = (props) => (jsxRuntime.jsx(MenubarSub$1, { ...props }));
+const MenubarSubTrigger = (props) => jsxRuntime.jsx(MenubarSubTrigger$1, { ...props });
+const MenubarSubContent = (props) => jsxRuntime.jsx(MenubarSubContent$1, { ...props });
+
+exports.Menubar = Menubar;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarItem = MenubarItem;
+exports.MenubarLabel = MenubarLabel;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarShortcut = MenubarShortcut;
+exports.MenubarSub = MenubarSub;
+exports.MenubarSubContent = MenubarSubContent;
+exports.MenubarSubTrigger = MenubarSubTrigger;
+exports.MenubarTrigger = MenubarTrigger;
+//# sourceMappingURL=Menubar.js.map