moduix 0.11.0 → 0.11.2

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.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,2 +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';
-export type { MenubarPositionerProps, MenubarContentProps, MenubarIndicatorPosition, MenubarRadioItemProps, MenubarCheckboxItemProps, } 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.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,7 +1,9 @@
-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>>;
-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.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 };