moduix 0.10.0 → 0.11.1

package/dist/components/Menubar/Menubar.js

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

package/dist/components/Menubar/Menubar.module.cjs

@@ -0,0 +1,36 @@
+import './Menubar.css';
+//#region src/components/Menubar/Menubar.module.css
+var Menubar_module_default = {
+	"arrow": "gbAUCG_arrow",
+	"arrowFill": "gbAUCG_arrowFill",
+	"arrowInnerStroke": "gbAUCG_arrowInnerStroke",
+	"arrowOuterStroke": "gbAUCG_arrowOuterStroke",
+	"arrowSvg": "gbAUCG_arrowSvg",
+	"backdrop": "gbAUCG_backdrop",
+	"checkboxItem": "gbAUCG_checkboxItem",
+	"checkboxItemIndicator": "gbAUCG_checkboxItemIndicator",
+	"group": "gbAUCG_group",
+	"groupLabel": "gbAUCG_groupLabel",
+	"iconSvg": "gbAUCG_iconSvg",
+	"item": "gbAUCG_item",
+	"itemIndicatorIcon": "gbAUCG_itemIndicatorIcon",
+	"itemShortcut": "gbAUCG_itemShortcut",
+	"itemText": "gbAUCG_itemText",
+	"itemTextContent": "gbAUCG_itemTextContent",
+	"itemTextIcon": "gbAUCG_itemTextIcon",
+	"itemTextLabel": "gbAUCG_itemTextLabel",
+	"linkItem": "gbAUCG_linkItem",
+	"popup": "gbAUCG_popup",
+	"positioner": "gbAUCG_positioner",
+	"radioGroup": "gbAUCG_radioGroup",
+	"radioItem": "gbAUCG_radioItem",
+	"radioItemIndicator": "gbAUCG_radioItemIndicator",
+	"root": "gbAUCG_root",
+	"separator": "gbAUCG_separator",
+	"submenuTrigger": "gbAUCG_submenuTrigger",
+	"submenuTriggerIcon": "gbAUCG_submenuTriggerIcon",
+	"trigger": "gbAUCG_trigger",
+	"viewport": "gbAUCG_viewport"
+};
+//#endregion
+exports.default = Menubar_module_default;

package/dist/components/Menubar/Menubar.module.js

@@ -0,0 +1,36 @@
+import './Menubar.css';
+//#region src/components/Menubar/Menubar.module.css
+var Menubar_module_default = {
+	"arrow": "gbAUCG_arrow",
+	"arrowFill": "gbAUCG_arrowFill",
+	"arrowInnerStroke": "gbAUCG_arrowInnerStroke",
+	"arrowOuterStroke": "gbAUCG_arrowOuterStroke",
+	"arrowSvg": "gbAUCG_arrowSvg",
+	"backdrop": "gbAUCG_backdrop",
+	"checkboxItem": "gbAUCG_checkboxItem",
+	"checkboxItemIndicator": "gbAUCG_checkboxItemIndicator",
+	"group": "gbAUCG_group",
+	"groupLabel": "gbAUCG_groupLabel",
+	"iconSvg": "gbAUCG_iconSvg",
+	"item": "gbAUCG_item",
+	"itemIndicatorIcon": "gbAUCG_itemIndicatorIcon",
+	"itemShortcut": "gbAUCG_itemShortcut",
+	"itemText": "gbAUCG_itemText",
+	"itemTextContent": "gbAUCG_itemTextContent",
+	"itemTextIcon": "gbAUCG_itemTextIcon",
+	"itemTextLabel": "gbAUCG_itemTextLabel",
+	"linkItem": "gbAUCG_linkItem",
+	"popup": "gbAUCG_popup",
+	"positioner": "gbAUCG_positioner",
+	"radioGroup": "gbAUCG_radioGroup",
+	"radioItem": "gbAUCG_radioItem",
+	"radioItemIndicator": "gbAUCG_radioItemIndicator",
+	"root": "gbAUCG_root",
+	"separator": "gbAUCG_separator",
+	"submenuTrigger": "gbAUCG_submenuTrigger",
+	"submenuTriggerIcon": "gbAUCG_submenuTriggerIcon",
+	"trigger": "gbAUCG_trigger",
+	"viewport": "gbAUCG_viewport"
+};
+//#endregion
+export { Menubar_module_default as default };

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

@@ -1 +1 @@
-export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarPortal, MenubarBackdrop, MenubarPositioner, MenubarPopup, MenubarArrow, MenubarViewport, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, } from './Menubar';
+import { Menubar, MenubarArrow, MenubarBackdrop, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupLabel, MenubarIndicatorPosition, MenubarItem, MenubarItemShortcut, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarPositionerProps, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRadioItemProps, MenubarSeparator, MenubarSubmenu, MenubarSubmenuContent, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarTrigger, MenubarViewport, createMenubarMenuHandle } from "./Menubar.js";

package/dist/components/Meter/Meter.cjs

@@ -0,0 +1,60 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Meter_module = require("./Meter.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_meter = require("@base-ui/react/meter");
+//#region src/components/Meter/Meter.tsx
+const Meter = (0, react.forwardRef)(function Meter({ children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MeterRoot, {
+		ref,
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MeterTrack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MeterIndicator, {}) })]
+	});
+});
+const MeterRoot = (0, react.forwardRef)(function MeterRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Root, {
+		ref,
+		"data-slot": "meter-root",
+		className: require_mergeClassName.mergeClassName(className, require_Meter_module.default.root),
+		...props
+	});
+});
+const MeterLabel = (0, react.forwardRef)(function MeterLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Label, {
+		ref,
+		"data-slot": "meter-label",
+		className: require_mergeClassName.mergeClassName(className, require_Meter_module.default.label),
+		...props
+	});
+});
+const MeterValue = (0, react.forwardRef)(function MeterValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Value, {
+		ref,
+		"data-slot": "meter-value",
+		className: require_mergeClassName.mergeClassName(className, require_Meter_module.default.value),
+		...props
+	});
+});
+const MeterTrack = (0, react.forwardRef)(function MeterTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Track, {
+		ref,
+		"data-slot": "meter-track",
+		className: require_mergeClassName.mergeClassName(className, require_Meter_module.default.track),
+		...props
+	});
+});
+const MeterIndicator = (0, react.forwardRef)(function MeterIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Indicator, {
+		ref,
+		"data-slot": "meter-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Meter_module.default.indicator),
+		...props
+	});
+});
+//#endregion
+exports.Meter = Meter;
+exports.MeterIndicator = MeterIndicator;
+exports.MeterLabel = MeterLabel;
+exports.MeterRoot = MeterRoot;
+exports.MeterTrack = MeterTrack;
+exports.MeterValue = MeterValue;

package/dist/components/Meter/Meter.css

@@ -0,0 +1,46 @@
+@layer ui.components {
+  .nFJncq_root {
+    box-sizing: border-box;
+    gap: var(--meter-gap, .5rem);
+    width: var(--meter-width, 12rem);
+    color: var(--meter-color, var(--color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .nFJncq_label {
+    color: var(--meter-label-color, currentColor);
+    font-size: var(--meter-label-font-size, var(--text-sm));
+    font-weight: var(--meter-label-font-weight, var(--weight-regular));
+    line-height: var(--meter-label-line-height, var(--line-height-text-sm));
+  }
+
+  .nFJncq_value {
+    color: var(--meter-value-color, currentColor);
+    font-size: var(--meter-value-font-size, var(--text-sm));
+    font-weight: var(--meter-value-font-weight, var(--weight-regular));
+    line-height: var(--meter-value-line-height, var(--line-height-text-sm));
+    text-align: right;
+    justify-self: end;
+  }
+
+  .nFJncq_track {
+    width: 100%;
+    height: var(--meter-track-height, .5rem);
+    border-radius: var(--meter-track-radius, var(--radius-full));
+    background-color: var(--meter-track-bg, var(--color-muted));
+    box-shadow: inset 0 0 0 var(--meter-track-border-width, var(--border-width-sm))
+      var(--meter-track-border-color, var(--color-border));
+    grid-column: 1 / -1;
+    display: block;
+    overflow: hidden;
+  }
+
+  .nFJncq_indicator {
+    border-radius: var(--meter-indicator-radius, inherit);
+    background-color: var(--meter-indicator-bg, var(--color-primary));
+    height: 100%;
+    transition: width var(--meter-indicator-transition, var(--transition-default));
+    display: block;
+  }
+}

package/dist/components/Meter/Meter.d.ts

@@ -1,8 +1,9 @@
-import { Meter as MeterPrimitive } from '@base-ui/react/meter';
-declare function Meter({ children, ...props }: MeterPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function MeterRoot({ className, ...props }: MeterPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
-declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
-declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
-declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
-export { Meter, MeterRoot, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
+//#region src/components/Meter/Meter.d.ts
+declare const Meter: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const MeterRoot: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const MeterLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const MeterValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const MeterTrack: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const MeterIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue };

package/dist/components/Meter/Meter.js

@@ -0,0 +1,55 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Meter_module_default from "./Meter.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/Meter/Meter.tsx
+const Meter$1 = forwardRef(function Meter({ children, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(MeterRoot, {
+		ref,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(MeterTrack, { children: /* @__PURE__ */ jsx(MeterIndicator, {}) })]
+	});
+});
+const MeterRoot = forwardRef(function MeterRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Meter.Root, {
+		ref,
+		"data-slot": "meter-root",
+		className: mergeClassName(className, Meter_module_default.root),
+		...props
+	});
+});
+const MeterLabel = forwardRef(function MeterLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Meter.Label, {
+		ref,
+		"data-slot": "meter-label",
+		className: mergeClassName(className, Meter_module_default.label),
+		...props
+	});
+});
+const MeterValue = forwardRef(function MeterValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Meter.Value, {
+		ref,
+		"data-slot": "meter-value",
+		className: mergeClassName(className, Meter_module_default.value),
+		...props
+	});
+});
+const MeterTrack = forwardRef(function MeterTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Meter.Track, {
+		ref,
+		"data-slot": "meter-track",
+		className: mergeClassName(className, Meter_module_default.track),
+		...props
+	});
+});
+const MeterIndicator = forwardRef(function MeterIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Meter.Indicator, {
+		ref,
+		"data-slot": "meter-indicator",
+		className: mergeClassName(className, Meter_module_default.indicator),
+		...props
+	});
+});
+//#endregion
+export { Meter$1 as Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue };

package/dist/components/Meter/Meter.module.cjs

@@ -0,0 +1,11 @@
+import './Meter.css';
+//#region src/components/Meter/Meter.module.css
+var Meter_module_default = {
+	"indicator": "nFJncq_indicator",
+	"label": "nFJncq_label",
+	"root": "nFJncq_root",
+	"track": "nFJncq_track",
+	"value": "nFJncq_value"
+};
+//#endregion
+exports.default = Meter_module_default;

package/dist/components/Meter/Meter.module.js

@@ -0,0 +1,11 @@
+import './Meter.css';
+//#region src/components/Meter/Meter.module.css
+var Meter_module_default = {
+	"indicator": "nFJncq_indicator",
+	"label": "nFJncq_label",
+	"root": "nFJncq_root",
+	"track": "nFJncq_track",
+	"value": "nFJncq_value"
+};
+//#endregion
+export { Meter_module_default as default };

package/dist/components/NavigationMenu/NavigationMenu.cjs

@@ -0,0 +1,146 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_NavigationMenu_module = require("./NavigationMenu.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_navigation_menu = require("@base-ui/react/navigation-menu");
+//#region src/components/NavigationMenu/NavigationMenu.tsx
+const DEFAULT_SIDE_OFFSET = 10;
+const DEFAULT_COLLISION_AVOIDANCE = { side: "none" };
+const DEFAULT_COLLISION_PADDING = {
+	top: 5,
+	bottom: 5,
+	left: 20,
+	right: 20
+};
+function NavigationMenu({ className, children, showArrow = false, showPopup = true, side, sideOffset = DEFAULT_SIDE_OFFSET, align, alignOffset, arrowPadding, anchor, collisionAvoidance = DEFAULT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = DEFAULT_COLLISION_PADDING, sticky, positionMethod, disableAnchorTracking, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Root, {
+		"data-slot": "navigation-menu-root",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.root),
+		...props,
+		children: [children, showPopup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPositioner, {
+			side,
+			sideOffset,
+			align,
+			alignOffset,
+			arrowPadding,
+			anchor,
+			collisionAvoidance,
+			collisionBoundary,
+			collisionPadding,
+			sticky,
+			positionMethod,
+			disableAnchorTracking,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NavigationMenuPopup, { children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuArrow, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuViewport, {})] })
+		}) }) : null]
+	});
+}
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.List, {
+		"data-slot": "navigation-menu-list",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.list),
+		...props
+	});
+}
+function NavigationMenuItem(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Item, {
+		"data-slot": "navigation-menu-item",
+		...props
+	});
+}
+function NavigationMenuTrigger({ className, children, icon, render, ...props }) {
+	const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.trigger);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		render,
+		className: triggerClassName,
+		...props,
+		children: [children, icon === null || icon === false ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuIcon, { children: icon })]
+	});
+}
+function NavigationMenuIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Icon, {
+		"data-slot": "navigation-menu-icon",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, {})
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Content, {
+		"data-slot": "navigation-menu-content",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.content),
+		...props
+	});
+}
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Link, {
+		"data-slot": "navigation-menu-link",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.link),
+		...props
+	});
+}
+function NavigationMenuPortal({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Portal, {
+		"data-slot": "navigation-menu-portal",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.portal),
+		...props
+	});
+}
+function NavigationMenuBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Backdrop, {
+		"data-slot": "navigation-menu-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.backdrop),
+		...props
+	});
+}
+function NavigationMenuPositioner({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Positioner, {
+		"data-slot": "navigation-menu-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.positioner),
+		...props
+	});
+}
+function NavigationMenuPopup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Popup, {
+		"data-slot": "navigation-menu-popup",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.popup),
+		...props
+	});
+}
+function NavigationMenuArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Arrow, {
+		"data-slot": "navigation-menu-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, {})
+	});
+}
+function NavigationMenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Viewport, {
+		"data-slot": "navigation-menu-viewport",
+		className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.viewport),
+		...props
+	});
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_NavigationMenu_module.default.arrowFill,
+		outerStrokeClassName: require_NavigationMenu_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_NavigationMenu_module.default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuArrow = NavigationMenuArrow;
+exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIcon = NavigationMenuIcon;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuPopup = NavigationMenuPopup;
+exports.NavigationMenuPortal = NavigationMenuPortal;
+exports.NavigationMenuPositioner = NavigationMenuPositioner;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;