lynote-ui 0.0.1

package/dist/menubar/index.js

@@ -0,0 +1,365 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const dropdownMenu = require("../dropdown-menu/index.js");
+const lucideReact = require("lucide-react");
+const React = require("react");
+const InternalBackdrop = require("../InternalBackdrop-B3WuVcuG.js");
+const MenuSubmenuTrigger = require("../MenuSubmenuTrigger-95oBD6Dx.js");
+const CompositeRoot = require("../CompositeRoot-DhWDFM9v.js");
+const useBaseUiId = require("../useBaseUiId-ZDgjliOe.js");
+const popupStateMapping = require("../popupStateMapping-DKN5mXrh.js");
+const utils = require("../utils-ij3i9zTT.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const menubarStateAttributesMapping = {
+  hasSubmenuOpen(value) {
+    return {
+      "data-has-submenu-open": value ? "true" : "false"
+    };
+  }
+};
+const Menubar$1 = /* @__PURE__ */ React__namespace.forwardRef(function Menubar(props, forwardedRef) {
+  const {
+    orientation = "horizontal",
+    loopFocus = true,
+    render,
+    className,
+    modal = true,
+    disabled = false,
+    id: idProp,
+    ...elementProps
+  } = props;
+  const [contentElement, setContentElement] = React__namespace.useState(null);
+  const [hasSubmenuOpen, setHasSubmenuOpen] = React__namespace.useState(false);
+  const {
+    openMethod,
+    triggerProps: interactionTypeProps
+  } = InternalBackdrop.useOpenInteractionType(hasSubmenuOpen);
+  InternalBackdrop.useScrollLock(modal && hasSubmenuOpen && openMethod !== "touch", contentElement);
+  const id = useBaseUiId.useBaseUiId(idProp);
+  const state = {
+    orientation,
+    modal,
+    hasSubmenuOpen
+  };
+  const contentRef = React__namespace.useRef(null);
+  const allowMouseUpTriggerRef = React__namespace.useRef(false);
+  const context = React__namespace.useMemo(() => ({
+    contentElement,
+    setContentElement,
+    setHasSubmenuOpen,
+    hasSubmenuOpen,
+    modal,
+    disabled,
+    orientation,
+    allowMouseUpTriggerRef,
+    rootId: id
+  }), [contentElement, hasSubmenuOpen, modal, disabled, orientation, id]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenuSubmenuTrigger.MenubarContext.Provider, {
+    value: context,
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(popupStateMapping.FloatingTree, {
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenubarContent$1, {
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CompositeRoot.CompositeRoot, {
+          render,
+          className,
+          state,
+          stateAttributesMapping: menubarStateAttributesMapping,
+          refs: [forwardedRef, setContentElement, contentRef],
+          props: [{
+            role: "menubar",
+            id
+          }, interactionTypeProps, elementProps],
+          orientation,
+          loopFocus,
+          highlightItemOnHover: hasSubmenuOpen
+        })
+      })
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") Menubar$1.displayName = "Menubar";
+function MenubarContent$1(props) {
+  const nodeId = popupStateMapping.useFloatingNodeId();
+  const {
+    events: menuEvents
+  } = popupStateMapping.useFloatingTree();
+  const rootContext = MenuSubmenuTrigger.useMenubarContext();
+  React__namespace.useEffect(() => {
+    function onSubmenuOpenChange(details) {
+      if (!details.nodeId || details.parentNodeId !== nodeId) {
+        return;
+      }
+      if (details.open) {
+        if (!rootContext.hasSubmenuOpen) {
+          rootContext.setHasSubmenuOpen(true);
+        }
+      } else if (details.reason !== "sibling-open" && details.reason !== "list-navigation") {
+        rootContext.setHasSubmenuOpen(false);
+      }
+    }
+    menuEvents.on("menuopenchange", onSubmenuOpenChange);
+    return () => {
+      menuEvents.off("menuopenchange", onSubmenuOpenChange);
+    };
+  }, [menuEvents, nodeId, rootContext]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(popupStateMapping.FloatingNode, {
+    id: nodeId,
+    children: props.children
+  });
+}
+function Menubar2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Menubar$1,
+    {
+      "data-slot": "menubar",
+      className: utils.cn(
+        "flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenuGroup, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenuPortal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuTrigger,
+    {
+      "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({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuContent,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: utils.cn("min-w-36 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=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuItem,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: utils.cn(
+        "group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-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:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    MenuSubmenuTrigger.MenuCheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenuSubmenuTrigger.MenuCheckboxItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.CheckIcon,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    MenuSubmenuTrigger.MenuRadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-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__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenuSubmenuTrigger.MenuRadioItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.CheckIcon,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuLabel,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: utils.cn(
+        "px-1.5 py-1 text-sm font-medium data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuSeparator,
+    {
+      "data-slot": "menubar-separator",
+      className: utils.cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuShortcut,
+    {
+      "data-slot": "menubar-shortcut",
+      className: utils.cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenuSub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuSubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: utils.cn(
+        "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    dropdownMenu.DropdownMenuSubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: utils.cn("min-w-32 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
+    }
+  );
+}
+exports.Menubar = Menubar2;
+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=index.js.map

package/dist/menubar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/menubar/Menubar.js","../../src/menubar/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingTree } from \"../floating-ui-react/index.js\";\nimport { MenubarContext, useMenubarContext } from \"./MenubarContext.js\";\nimport { useOpenInteractionType } from \"../utils/useOpenInteractionType.js\";\nimport { CompositeRoot } from \"../composite/root/CompositeRoot.js\";\nimport { useBaseUiId } from \"../utils/useBaseUiId.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst menubarStateAttributesMapping = {\n  hasSubmenuOpen(value) {\n    return {\n      'data-has-submenu-open': value ? 'true' : 'false'\n    };\n  }\n};\n\n/**\n * The container for menus.\n *\n * Documentation: [Base UI Menubar](https://base-ui.com/react/components/menubar)\n */\nexport const Menubar = /*#__PURE__*/React.forwardRef(function Menubar(props, forwardedRef) {\n  const {\n    orientation = 'horizontal',\n    loopFocus = true,\n    render,\n    className,\n    modal = true,\n    disabled = false,\n    id: idProp,\n    ...elementProps\n  } = props;\n  const [contentElement, setContentElement] = React.useState(null);\n  const [hasSubmenuOpen, setHasSubmenuOpen] = React.useState(false);\n  const {\n    openMethod,\n    triggerProps: interactionTypeProps\n  } = useOpenInteractionType(hasSubmenuOpen);\n  useScrollLock(modal && hasSubmenuOpen && openMethod !== 'touch', contentElement);\n  const id = useBaseUiId(idProp);\n  const state = {\n    orientation,\n    modal,\n    hasSubmenuOpen\n  };\n  const contentRef = React.useRef(null);\n  const allowMouseUpTriggerRef = React.useRef(false);\n  const context = React.useMemo(() => ({\n    contentElement,\n    setContentElement,\n    setHasSubmenuOpen,\n    hasSubmenuOpen,\n    modal,\n    disabled,\n    orientation,\n    allowMouseUpTriggerRef,\n    rootId: id\n  }), [contentElement, hasSubmenuOpen, modal, disabled, orientation, id]);\n  return /*#__PURE__*/_jsx(MenubarContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsx(FloatingTree, {\n      children: /*#__PURE__*/_jsx(MenubarContent, {\n        children: /*#__PURE__*/_jsx(CompositeRoot, {\n          render: render,\n          className: className,\n          state: state,\n          stateAttributesMapping: menubarStateAttributesMapping,\n          refs: [forwardedRef, setContentElement, contentRef],\n          props: [{\n            role: 'menubar',\n            id\n          }, interactionTypeProps, elementProps],\n          orientation: orientation,\n          loopFocus: loopFocus,\n          highlightItemOnHover: hasSubmenuOpen\n        })\n      })\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") Menubar.displayName = \"Menubar\";\nfunction MenubarContent(props) {\n  const nodeId = useFloatingNodeId();\n  const {\n    events: menuEvents\n  } = useFloatingTree();\n  const rootContext = useMenubarContext();\n  React.useEffect(() => {\n    function onSubmenuOpenChange(details) {\n      if (!details.nodeId || details.parentNodeId !== nodeId) {\n        return;\n      }\n      if (details.open) {\n        if (!rootContext.hasSubmenuOpen) {\n          rootContext.setHasSubmenuOpen(true);\n        }\n      } else if (details.reason !== 'sibling-open' && details.reason !== 'list-navigation') {\n        rootContext.setHasSubmenuOpen(false);\n      }\n    }\n    menuEvents.on('menuopenchange', onSubmenuOpenChange);\n    return () => {\n      menuEvents.off('menuopenchange', onSubmenuOpenChange);\n    };\n  }, [menuEvents, nodeId, rootContext]);\n  return /*#__PURE__*/_jsx(FloatingNode, {\n    id: nodeId,\n    children: props.children\n  });\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../lib\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 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=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-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:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-1.5 py-1 text-sm font-medium data-inset:pl-7\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 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 )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"names":["Menubar","React","useOpenInteractionType","useScrollLock","useBaseUiId","_jsx","MenubarContext","FloatingTree","MenubarContent","CompositeRoot","useFloatingNodeId","useFloatingTree","useMenubarContext","FloatingNode","jsx","MenubarPrimitive","cn","DropdownMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","jsxs","MenuPrimitive.CheckboxItem","MenuPrimitive.CheckboxItemIndicator","CheckIcon","DropdownMenuRadioGroup","MenuPrimitive.RadioItem","MenuPrimitive.RadioItemIndicator","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,gCAAgC;AAAA,EACpC,eAAe,OAAO;AACpB,WAAO;AAAA,MACL,yBAAyB,QAAQ,SAAS;AAAA,IAChD;AAAA,EACE;AACF;AAOO,MAAMA,YAAuBC,iCAAM,WAAW,SAAS,QAAQ,OAAO,cAAc;AACzF,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACP,IAAM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,iBAAM,SAAS,IAAI;AAC/D,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,iBAAM,SAAS,KAAK;AAChE,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,EAClB,IAAMC,iBAAAA,uBAAuB,cAAc;AACzCC,mBAAAA,cAAc,SAAS,kBAAkB,eAAe,SAAS,cAAc;AAC/E,QAAM,KAAKC,YAAAA,YAAY,MAAM;AAC7B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACE,QAAM,aAAaH,iBAAM,OAAO,IAAI;AACpC,QAAM,yBAAyBA,iBAAM,OAAO,KAAK;AACjD,QAAM,UAAUA,iBAAM,QAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACZ,IAAM,CAAC,gBAAgB,gBAAgB,OAAO,UAAU,aAAa,EAAE,CAAC;AACtE,SAAoBI,2BAAAA,kBAAAA,IAAKC,mBAAAA,eAAe,UAAU;AAAA,IAChD,OAAO;AAAA,IACP,UAAuBD,2BAAAA,kBAAAA,IAAKE,gCAAc;AAAA,MACxC,UAAuBF,2BAAAA,kBAAAA,IAAKG,kBAAgB;AAAA,QAC1C,UAAuBH,2BAAAA,kBAAAA,IAAKI,6BAAe;AAAA,UACzC;AAAA,UACA;AAAA,UACA;AAAA,UACA,wBAAwB;AAAA,UACxB,MAAM,CAAC,cAAc,mBAAmB,UAAU;AAAA,UAClD,OAAO,CAAC;AAAA,YACN,MAAM;AAAA,YACN;AAAA,UACZ,GAAa,sBAAsB,YAAY;AAAA,UACrC;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,QAChC,CAAS;AAAA,MACT,CAAO;AAAA,IACP,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAcT,WAAQ,cAAc;AACjE,SAASQ,iBAAe,OAAO;AAC7B,QAAM,SAASE,kBAAAA,kBAAiB;AAChC,QAAM;AAAA,IACJ,QAAQ;AAAA,EACZ,IAAMC,kCAAe;AACnB,QAAM,cAAcC,mBAAAA,kBAAiB;AACrCX,mBAAM,UAAU,MAAM;AACpB,aAAS,oBAAoB,SAAS;AACpC,UAAI,CAAC,QAAQ,UAAU,QAAQ,iBAAiB,QAAQ;AACtD;AAAA,MACF;AACA,UAAI,QAAQ,MAAM;AAChB,YAAI,CAAC,YAAY,gBAAgB;AAC/B,sBAAY,kBAAkB,IAAI;AAAA,QACpC;AAAA,MACF,WAAW,QAAQ,WAAW,kBAAkB,QAAQ,WAAW,mBAAmB;AACpF,oBAAY,kBAAkB,KAAK;AAAA,MACrC;AAAA,IACF;AACA,eAAW,GAAG,kBAAkB,mBAAmB;AACnD,WAAO,MAAM;AACX,iBAAW,IAAI,kBAAkB,mBAAmB;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,YAAY,QAAQ,WAAW,CAAC;AACpC,SAAoBI,2BAAAA,kBAAAA,IAAKQ,kBAAAA,cAAc;AAAA,IACrC,IAAI;AAAA,IACJ,UAAU,MAAM;AAAA,EACpB,CAAG;AACH;ACvFA,SAASb,SAAQ,EAAE,WAAW,GAAG,SAAiC;AAChE,SACEc,2BAAAA,kBAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,GAAG,SAAoD;AAC5E,SAAOF,2BAAAA,kBAAAA,IAACG,aAAAA,cAAA,EAAa,aAAU,gBAAgB,GAAG,OAAO;AAC3D;AAEA,SAAS,aAAa;AAAA,EACpB,GAAG;AACL,GAAmD;AACjD,SAAOH,2BAAAA,kBAAAA,IAACI,aAAAA,mBAAA,EAAkB,aAAU,iBAAiB,GAAG,OAAO;AACjE;AAEA,SAAS,cAAc;AAAA,EACrB,GAAG;AACL,GAAoD;AAClD,SAAOJ,2BAAAA,kBAAAA,IAACK,aAAAA,oBAAA,EAAmB,aAAU,kBAAkB,GAAG,OAAO;AACnE;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAqD;AACnD,SACEL,2BAAAA,kBAAAA;AAAAA,IAACM,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWJ,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,GAAqD;AACnD,SACEF,2BAAAA,kBAAAA;AAAAA,IAACO,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAWL,MAAAA,GAAG,oaAAoa,SAAU;AAAA,MAC3b,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAkD;AAChD,SACEF,2BAAAA,kBAAAA;AAAAA,IAACQ,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,WAAWN,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACEO,2BAAAA,kBAAAA;AAAAA,IAACC,mBAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAWR,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAF,iDAAC,UAAK,WAAU,sHACd,UAAAA,iDAACW,mBAAAA,2BAAA,EACC,UAAAX,2BAAAA,kBAAAA;AAAAA,UAACY,YAAAA;AAAAA,UAAA,CAAA;AAAA,QAAA,GAEH,EAAA,CACF;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,kBAAkB;AAAA,EACzB,GAAG;AACL,GAAwD;AACtD,SAAOZ,2BAAAA,kBAAAA,IAACa,aAAAA,wBAAA,EAAuB,aAAU,uBAAuB,GAAG,OAAO;AAC5E;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACEJ,2BAAAA,kBAAAA;AAAAA,IAACK,mBAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAWZ,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAF,iDAAC,UAAK,WAAU,sHACd,UAAAA,iDAACe,mBAAAA,wBAAA,EACC,UAAAf,2BAAAA,kBAAAA;AAAAA,UAACY,YAAAA;AAAAA,UAAA,CAAA;AAAA,QAAA,GAEH,EAAA,CACF;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACEZ,2BAAAA,kBAAAA;AAAAA,IAACgB,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAWd,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACEF,2BAAAA,kBAAAA;AAAAA,IAACiB,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWf,MAAAA,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAAsD;AACpD,SACEF,2BAAAA,kBAAAA;AAAAA,IAACkB,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWhB,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,WAAW;AAAA,EAClB,GAAG;AACL,GAAiD;AAC/C,SAAOF,2BAAAA,kBAAAA,IAACmB,aAAAA,iBAAA,EAAgB,aAAU,eAAe,GAAG,OAAO;AAC7D;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACEnB,2BAAAA,kBAAAA;AAAAA,IAACoB,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAWlB,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACEF,2BAAAA,kBAAAA;AAAAA,IAACqB,aAAAA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWnB,MAAAA,GAAG,gZAAgZ,SAAU;AAAA,MACva,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}