@bigbinary/neeto-atoms 1.0.132 → 1.0.133-beta1

package/dist/primitives/Menubar.js

@@ -1,699 +0,0 @@
-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