moduix 0.10.0 → 0.11.1

package/dist/components/Menu/Menu.js

@@ -0,0 +1,231 @@
+import { CheckIcon, ChevronDownIcon, ChevronRightIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Menu_module_default from "./Menu.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/Menu/Menu.tsx
+const MENU_CONTENT_SIDE_OFFSET = 8;
+const Menu$1 = Menu.Root;
+const MenuSubmenu = Menu.SubmenuRoot;
+const createMenuHandle = Menu.createHandle;
+function MenuTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : mergeClassName(className, Menu_module_default.trigger);
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "menu-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function MenuTriggerIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-trigger-icon",
+		className: clsx(Menu_module_default.triggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, { className: Menu_module_default.iconSvg })
+	});
+}
+function MenuPortal(props) {
+	return /* @__PURE__ */ jsx(Menu.Portal, {
+		"data-slot": "menu-portal",
+		...props
+	});
+}
+function MenuBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Backdrop, {
+		"data-slot": "menu-backdrop",
+		className: mergeClassName(className, Menu_module_default.backdrop),
+		...props
+	});
+}
+function MenuPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		"data-slot": "menu-positioner",
+		className: mergeClassName(className, Menu_module_default.positioner),
+		...props
+	});
+}
+function MenuPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		"data-slot": "menu-popup",
+		className: mergeClassName(className, Menu_module_default.popup),
+		...props
+	});
+}
+function MenuArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		"data-slot": "menu-arrow",
+		className: mergeClassName(className, Menu_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Menu_module_default.arrowSvg })
+	});
+}
+function MenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Viewport, {
+		"data-slot": "menu-viewport",
+		className: mergeClassName(className, Menu_module_default.viewport),
+		...props
+	});
+}
+function MenuContent({ className, children, showArrow = false, side, sideOffset = MENU_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }) {
+	return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(MenuPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(MenuPopup, {
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ jsx(MenuArrow, {}) : null, children]
+		})
+	}) });
+}
+function MenuSubmenuContent({ sideOffset = getSubmenuOffset, alignOffset = getSubmenuOffset, ...props }) {
+	return /* @__PURE__ */ jsx(MenuContent, {
+		sideOffset,
+		alignOffset,
+		...props
+	});
+}
+function MenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		"data-slot": "menu-item",
+		className: mergeClassName(className, Menu_module_default.item),
+		...props
+	});
+}
+function MenuLinkItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.LinkItem, {
+		"data-slot": "menu-link-item",
+		className: mergeClassName(className, Menu_module_default.linkItem),
+		...props
+	});
+}
+function MenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "menu-separator",
+		className: mergeClassName(className, Menu_module_default.separator),
+		...props
+	});
+}
+function MenuGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "menu-group",
+		className: mergeClassName(className, Menu_module_default.group),
+		...props
+	});
+}
+function MenuGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "menu-group-label",
+		className: mergeClassName(className, Menu_module_default.groupLabel),
+		...props
+	});
+}
+function MenuSubmenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		"data-slot": "menu-submenu-trigger",
+		className: mergeClassName(className, Menu_module_default.submenuTrigger),
+		...props
+	});
+}
+function MenuSubmenuTriggerIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-submenu-trigger-icon",
+		className: clsx(Menu_module_default.submenuTriggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: Menu_module_default.iconSvg })
+	});
+}
+function MenuRadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "menu-radio-group",
+		className: mergeClassName(className, Menu_module_default.radioGroup),
+		...props
+	});
+}
+function MenuRadioItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
+		"data-slot": "menu-radio-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, Menu_module_default.radioItem),
+		...props
+	});
+}
+function MenuRadioItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		"data-slot": "menu-radio-item-indicator",
+		className: mergeClassName(className, Menu_module_default.radioItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: Menu_module_default.itemIndicatorIcon })
+	});
+}
+function MenuCheckboxItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		"data-slot": "menu-checkbox-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, Menu_module_default.checkboxItem),
+		...props
+	});
+}
+function MenuCheckboxItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		"data-slot": "menu-checkbox-item-indicator",
+		className: mergeClassName(className, Menu_module_default.checkboxItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: Menu_module_default.itemIndicatorIcon })
+	});
+}
+function MenuItemText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-item-text",
+		className: clsx(Menu_module_default.itemText, className),
+		...props
+	});
+}
+function MenuItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-item-text-content",
+		className: clsx(Menu_module_default.itemTextContent, className),
+		...props
+	});
+}
+function MenuItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-item-text-icon",
+		className: clsx(Menu_module_default.itemTextIcon, className),
+		...props
+	});
+}
+function MenuItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-item-text-label",
+		className: clsx(Menu_module_default.itemTextLabel, className),
+		...props
+	});
+}
+function MenuItemShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-item-shortcut",
+		className: clsx(Menu_module_default.itemShortcut, className),
+		...props
+	});
+}
+function getSubmenuOffset({ side }) {
+	return side === "top" || side === "bottom" ? 4 : -4;
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Menu_module_default.arrowFill,
+		outerStrokeClassName: Menu_module_default.arrowOuterStroke,
+		innerStrokeClassName: Menu_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Menu$1 as Menu, MenuArrow, MenuBackdrop, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuLinkItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuSubmenu, MenuSubmenuContent, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuTrigger, MenuTriggerIcon, MenuViewport, createMenuHandle };

package/dist/components/Menu/Menu.module.cjs

@@ -0,0 +1,36 @@
+import './Menu.css';
+//#region src/components/Menu/Menu.module.css
+var Menu_module_default = {
+	"arrow": "kmkoza_arrow",
+	"arrowFill": "kmkoza_arrowFill",
+	"arrowInnerStroke": "kmkoza_arrowInnerStroke",
+	"arrowOuterStroke": "kmkoza_arrowOuterStroke",
+	"arrowSvg": "kmkoza_arrowSvg",
+	"backdrop": "kmkoza_backdrop",
+	"checkboxItem": "kmkoza_checkboxItem",
+	"checkboxItemIndicator": "kmkoza_checkboxItemIndicator",
+	"group": "kmkoza_group",
+	"groupLabel": "kmkoza_groupLabel",
+	"iconSvg": "kmkoza_iconSvg",
+	"item": "kmkoza_item",
+	"itemIndicatorIcon": "kmkoza_itemIndicatorIcon",
+	"itemShortcut": "kmkoza_itemShortcut",
+	"itemText": "kmkoza_itemText",
+	"itemTextContent": "kmkoza_itemTextContent",
+	"itemTextIcon": "kmkoza_itemTextIcon",
+	"itemTextLabel": "kmkoza_itemTextLabel",
+	"linkItem": "kmkoza_linkItem",
+	"popup": "kmkoza_popup",
+	"positioner": "kmkoza_positioner",
+	"radioGroup": "kmkoza_radioGroup",
+	"radioItem": "kmkoza_radioItem",
+	"radioItemIndicator": "kmkoza_radioItemIndicator",
+	"separator": "kmkoza_separator",
+	"submenuTrigger": "kmkoza_submenuTrigger",
+	"submenuTriggerIcon": "kmkoza_submenuTriggerIcon",
+	"trigger": "kmkoza_trigger",
+	"triggerIcon": "kmkoza_triggerIcon",
+	"viewport": "kmkoza_viewport"
+};
+//#endregion
+exports.default = Menu_module_default;

package/dist/components/Menu/Menu.module.js

@@ -0,0 +1,36 @@
+import './Menu.css';
+//#region src/components/Menu/Menu.module.css
+var Menu_module_default = {
+	"arrow": "kmkoza_arrow",
+	"arrowFill": "kmkoza_arrowFill",
+	"arrowInnerStroke": "kmkoza_arrowInnerStroke",
+	"arrowOuterStroke": "kmkoza_arrowOuterStroke",
+	"arrowSvg": "kmkoza_arrowSvg",
+	"backdrop": "kmkoza_backdrop",
+	"checkboxItem": "kmkoza_checkboxItem",
+	"checkboxItemIndicator": "kmkoza_checkboxItemIndicator",
+	"group": "kmkoza_group",
+	"groupLabel": "kmkoza_groupLabel",
+	"iconSvg": "kmkoza_iconSvg",
+	"item": "kmkoza_item",
+	"itemIndicatorIcon": "kmkoza_itemIndicatorIcon",
+	"itemShortcut": "kmkoza_itemShortcut",
+	"itemText": "kmkoza_itemText",
+	"itemTextContent": "kmkoza_itemTextContent",
+	"itemTextIcon": "kmkoza_itemTextIcon",
+	"itemTextLabel": "kmkoza_itemTextLabel",
+	"linkItem": "kmkoza_linkItem",
+	"popup": "kmkoza_popup",
+	"positioner": "kmkoza_positioner",
+	"radioGroup": "kmkoza_radioGroup",
+	"radioItem": "kmkoza_radioItem",
+	"radioItemIndicator": "kmkoza_radioItemIndicator",
+	"separator": "kmkoza_separator",
+	"submenuTrigger": "kmkoza_submenuTrigger",
+	"submenuTriggerIcon": "kmkoza_submenuTriggerIcon",
+	"trigger": "kmkoza_trigger",
+	"triggerIcon": "kmkoza_triggerIcon",
+	"viewport": "kmkoza_viewport"
+};
+//#endregion
+export { Menu_module_default as default };

package/dist/components/Menu/index.d.ts

@@ -1 +1 @@
-export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuPortal, MenuBackdrop, MenuPositioner, MenuPopup, MenuArrow, MenuViewport, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, } from './Menu';
+import { Menu, MenuArrow, MenuBackdrop, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuIndicatorPosition, MenuItem, MenuItemShortcut, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuLinkItem, MenuPopup, MenuPortal, MenuPositioner, MenuPositionerProps, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemProps, MenuSeparator, MenuSubmenu, MenuSubmenuContent, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuTrigger, MenuTriggerIcon, MenuViewport, createMenuHandle } from "./Menu.js";

package/dist/components/Menubar/Menubar.cjs

@@ -0,0 +1,261 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Menubar_module = require("./Menubar.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let _base_ui_react_menu = require("@base-ui/react/menu");
+let _base_ui_react_menubar = require("@base-ui/react/menubar");
+//#region src/components/Menubar/Menubar.tsx
+const MENUBAR_CONTENT_SIDE_OFFSET = 6;
+const MenubarMenu = _base_ui_react_menu.Menu.Root;
+const MenubarSubmenu = _base_ui_react_menu.Menu.SubmenuRoot;
+const createMenubarMenuHandle = _base_ui_react_menu.Menu.createHandle;
+function Menubar({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menubar.Menubar, {
+		"data-slot": "menubar-root",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.root),
+		...props
+	});
+}
+function MenubarTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Menubar_module.default.trigger);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Trigger, {
+		"data-slot": "menubar-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function MenubarPortal({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Portal, {
+		"data-slot": "menubar-portal",
+		className,
+		...props
+	});
+}
+function MenubarBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Backdrop, {
+		"data-slot": "menubar-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.backdrop),
+		...props
+	});
+}
+function MenubarPositioner({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Positioner, {
+		"data-slot": "menubar-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.positioner),
+		...props
+	});
+}
+function MenubarPopup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Popup, {
+		"data-slot": "menubar-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.popup),
+		...props
+	});
+}
+function MenubarArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Arrow, {
+		"data-slot": "menubar-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Menubar_module.default.arrowSvg })
+	});
+}
+function MenubarViewport({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Viewport, {
+		"data-slot": "menubar-viewport",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.viewport),
+		...props
+	});
+}
+function MenubarContent({ className, children, showArrow = false, side, sideOffset = MENUBAR_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenubarPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenubarPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MenubarPopup, {
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenubarArrow, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenubarViewport, { children })]
+		})
+	}) });
+}
+function MenubarSubmenuContent({ sideOffset = getSubmenuOffset, alignOffset = getSubmenuOffset, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenubarContent, {
+		sideOffset,
+		alignOffset,
+		...props
+	});
+}
+function MenubarItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Item, {
+		"data-slot": "menubar-item",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.item),
+		...props
+	});
+}
+function MenubarLinkItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.LinkItem, {
+		"data-slot": "menubar-link-item",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.linkItem),
+		...props
+	});
+}
+function MenubarSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Separator, {
+		"data-slot": "menubar-separator",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.separator),
+		...props
+	});
+}
+function MenubarGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.Group, {
+		"data-slot": "menubar-group",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.group),
+		...props
+	});
+}
+function MenubarGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.GroupLabel, {
+		"data-slot": "menubar-group-label",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.groupLabel),
+		...props
+	});
+}
+function MenubarSubmenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.SubmenuTrigger, {
+		"data-slot": "menubar-submenu-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.submenuTrigger),
+		...props
+	});
+}
+function MenubarSubmenuTriggerIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-submenu-trigger-icon",
+		className: (0, clsx.clsx)(require_Menubar_module.default.submenuTriggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, { className: require_Menubar_module.default.iconSvg })
+	});
+}
+function MenubarRadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.RadioGroup, {
+		"data-slot": "menubar-radio-group",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.radioGroup),
+		...props
+	});
+}
+function MenubarRadioItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-indicator-position": indicator,
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.radioItem),
+		...props
+	});
+}
+function MenubarRadioItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.RadioItemIndicator, {
+		"data-slot": "menubar-radio-item-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.radioItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Menubar_module.default.itemIndicatorIcon })
+	});
+}
+function MenubarCheckboxItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-indicator-position": indicator,
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.checkboxItem),
+		...props
+	});
+}
+function MenubarCheckboxItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.CheckboxItemIndicator, {
+		"data-slot": "menubar-checkbox-item-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Menubar_module.default.checkboxItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Menubar_module.default.itemIndicatorIcon })
+	});
+}
+function MenubarItemText({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-item-text",
+		className: (0, clsx.clsx)(require_Menubar_module.default.itemText, className),
+		...props
+	});
+}
+function MenubarItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-item-text-content",
+		className: (0, clsx.clsx)(require_Menubar_module.default.itemTextContent, className),
+		...props
+	});
+}
+function MenubarItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-item-text-icon",
+		className: (0, clsx.clsx)(require_Menubar_module.default.itemTextIcon, className),
+		...props
+	});
+}
+function MenubarItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-item-text-label",
+		className: (0, clsx.clsx)(require_Menubar_module.default.itemTextLabel, className),
+		...props
+	});
+}
+function MenubarItemShortcut({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "menubar-item-shortcut",
+		className: (0, clsx.clsx)(require_Menubar_module.default.itemShortcut, className),
+		...props
+	});
+}
+function getSubmenuOffset({ side }) {
+	return side === "top" || side === "bottom" ? 4 : -4;
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_Menubar_module.default.arrowFill,
+		outerStrokeClassName: require_Menubar_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_Menubar_module.default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+exports.Menubar = Menubar;
+exports.MenubarArrow = MenubarArrow;
+exports.MenubarBackdrop = MenubarBackdrop;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarCheckboxItemIndicator = MenubarCheckboxItemIndicator;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarGroupLabel = MenubarGroupLabel;
+exports.MenubarItem = MenubarItem;
+exports.MenubarItemShortcut = MenubarItemShortcut;
+exports.MenubarItemText = MenubarItemText;
+exports.MenubarItemTextContent = MenubarItemTextContent;
+exports.MenubarItemTextIcon = MenubarItemTextIcon;
+exports.MenubarItemTextLabel = MenubarItemTextLabel;
+exports.MenubarLinkItem = MenubarLinkItem;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPopup = MenubarPopup;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarPositioner = MenubarPositioner;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarRadioItemIndicator = MenubarRadioItemIndicator;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarSubmenu = MenubarSubmenu;
+exports.MenubarSubmenuContent = MenubarSubmenuContent;
+exports.MenubarSubmenuTrigger = MenubarSubmenuTrigger;
+exports.MenubarSubmenuTriggerIcon = MenubarSubmenuTriggerIcon;
+exports.MenubarTrigger = MenubarTrigger;
+exports.MenubarViewport = MenubarViewport;
+exports.createMenubarMenuHandle = createMenubarMenuHandle;