@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/indicator-DPxDAz_J.js

@@ -0,0 +1,106 @@
+"use client";
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_group = require("./group.js");
+const require_badge = require("./badge-DlmwJQtY.js");
+let react = require("react");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+require("./assets/Indicator.css.ts.vanilla-a0OAYSX3.css");
+//#region src/indicator/Indicator.css.ts
+var badge = require_recipeRuntime.recipeRuntime({
+	base: "e1446z",
+	variants: {
+		offset: {
+			false: {
+				px: "0",
+				py: "0"
+			},
+			true: [{
+				px: "4",
+				py: "0"
+			}, "_1bjc4yj"]
+		},
+		ping: {
+			false: {},
+			true: [{
+				animation: "ping",
+				color: "transparent",
+				pointerEvents: "none"
+			}, "_179nldz"]
+		}
+	}
+});
+var floating = require_recipeRuntime.recipeRuntime({
+	base: [{
+		display: "inline-flex",
+		pointerEvents: "none",
+		z: "10"
+	}, "_6ii4md"],
+	variants: {
+		offset: {
+			false: "quk52o",
+			true: {}
+		},
+		position: {
+			"bottom-right": "_11mckbo",
+			"top-right": "_1mobtf5"
+		}
+	}
+});
+var indicator = require_recipeRuntime.recipeRuntime({ base: [{
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: "16"
+}, "m3pd3g"] });
+//#endregion
+//#region src/indicator/Indicator.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator");
+/**
+* Display a badge at the corner of another element.
+*
+* @category data-display
+* @category feedback
+* @since 0.1.0
+*/
+const Indicator = (0, react.forwardRef)(({ asChild, children, className, content, disabled, intent, offset = true, ping, position = "top-right", variant, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
+		ref,
+		...indicator({}, className),
+		...props,
+		children: [children, !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
+			...floating({
+				offset,
+				position
+			}),
+			children: [ping && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+				"aria-hidden": "true",
+				...badge({
+					offset,
+					ping: true
+				}),
+				children: asChild ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_badge.Badge, {
+					intent,
+					variant,
+					children: content
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+				...badge({ offset }),
+				children: asChild ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_badge.Badge, {
+					intent,
+					variant,
+					children: content
+				})
+			})]
+		})]
+	});
+});
+Indicator.displayName = "@optiaxiom/react/Indicator";
+//#endregion
+Object.defineProperty(exports, "Indicator", {
+	enumerable: true,
+	get: function() {
+		return Indicator;
+	}
+});

package/dist/cjs/indicator.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_indicator = require("./indicator-DPxDAz_J.js");
+exports.Indicator = require_indicator.Indicator;

package/dist/cjs/input-BVk2X8bm.js

@@ -0,0 +1,377 @@
+"use client";
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_useSurface = require("./useSurface-Dy0GdyeS.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_SuggestionPopover = require("./SuggestionPopover-Bu_sY4dq.js");
+const require_group = require("./group.js");
+const require_FieldContext = require("./FieldContext-MRvFQT4y.js");
+let react = require("react");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+require("./assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+require("./assets/Input.css.ts.vanilla-Cll8WCAW.css");
+require("./assets/InputControl.css.ts.vanilla-BSjxov69.css");
+require("./assets/InputRoot.css.ts.vanilla-WtT-f4kV.css");
+//#region src/utils/isFocusCaptured.ts
+const isFocusCaptured = (event) => {
+	if (event.currentTarget.contains(document.activeElement)) return true;
+	if (event.target instanceof Element) {
+		const label = event.target.closest("label");
+		if (label && event.currentTarget.contains(label) && label.control) return true;
+	}
+	return false;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@mantine+hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/utils/use-callback-ref/use-callback-ref.mjs
+function useCallbackRef(callback) {
+	const callbackRef = (0, react.useRef)(callback);
+	(0, react.useEffect)(() => {
+		callbackRef.current = callback;
+	});
+	return (0, react.useMemo)(() => ((...args) => callbackRef.current?.(...args)), []);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@mantine+hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-debounced-callback/use-debounced-callback.mjs
+function useDebouncedCallback(callback, options) {
+	const { delay, flushOnUnmount, leading } = typeof options === "number" ? {
+		delay: options,
+		flushOnUnmount: false,
+		leading: false
+	} : options;
+	const handleCallback = useCallbackRef(callback);
+	const debounceTimerRef = (0, react.useRef)(0);
+	const lastCallback = (0, react.useMemo)(() => {
+		const currentCallback = Object.assign((...args) => {
+			window.clearTimeout(debounceTimerRef.current);
+			const isFirstCall = currentCallback._isFirstCall;
+			currentCallback._isFirstCall = false;
+			function clearTimeoutAndLeadingRef() {
+				window.clearTimeout(debounceTimerRef.current);
+				debounceTimerRef.current = 0;
+				currentCallback._isFirstCall = true;
+			}
+			if (leading && isFirstCall) {
+				handleCallback(...args);
+				const resetLeadingState = () => {
+					clearTimeoutAndLeadingRef();
+				};
+				const flush2 = () => {
+					if (debounceTimerRef.current !== 0) {
+						clearTimeoutAndLeadingRef();
+						handleCallback(...args);
+					}
+				};
+				const cancel2 = () => {
+					clearTimeoutAndLeadingRef();
+				};
+				currentCallback.flush = flush2;
+				currentCallback.cancel = cancel2;
+				debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+				return;
+			}
+			if (leading && !isFirstCall) {
+				const flush2 = () => {
+					if (debounceTimerRef.current !== 0) {
+						clearTimeoutAndLeadingRef();
+						handleCallback(...args);
+					}
+				};
+				const cancel2 = () => {
+					clearTimeoutAndLeadingRef();
+				};
+				currentCallback.flush = flush2;
+				currentCallback.cancel = cancel2;
+				const resetLeadingState = () => {
+					clearTimeoutAndLeadingRef();
+				};
+				debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+				return;
+			}
+			const flush = () => {
+				if (debounceTimerRef.current !== 0) {
+					clearTimeoutAndLeadingRef();
+					handleCallback(...args);
+				}
+			};
+			const cancel = () => {
+				clearTimeoutAndLeadingRef();
+			};
+			currentCallback.flush = flush;
+			currentCallback.cancel = cancel;
+			debounceTimerRef.current = window.setTimeout(flush, delay);
+		}, {
+			flush: () => {},
+			cancel: () => {},
+			_isFirstCall: true
+		});
+		return currentCallback;
+	}, [
+		handleCallback,
+		delay,
+		leading
+	]);
+	(0, react.useEffect)(() => () => {
+		if (flushOnUnmount) lastCallback.flush();
+		else lastCallback.cancel();
+	}, [lastCallback, flushOnUnmount]);
+	return lastCallback;
+}
+//#endregion
+//#region src/surface/useDebouncedTrack.ts
+/**
+* Hook to track Surface interactions with debouncing (300ms).
+* Use this for high-frequency events like `changed` interactions.
+*
+* Automatically tracks previous values for change events.
+*
+* @param initialValue - The initial value to use as the first "previous value"
+* @returns A debounced track function that accepts value, or undefined if not in a Surface context
+*/
+function useDebouncedTrack(type, initialValue) {
+	const { track } = require_useSurface.useSurface(type) ?? {};
+	const previousValueRef = (0, react.useRef)(initialValue);
+	const debouncedTrack = useDebouncedCallback((value) => {
+		track?.({
+			name: "changed",
+			previousValue: previousValueRef.current,
+			value
+		});
+		previousValueRef.current = value;
+	}, 300);
+	return track ? debouncedTrack : void 0;
+}
+//#endregion
+//#region src/input/Input.css.ts
+var addon = require_recipeRuntime.recipeRuntime({ base: [{ flex: "none" }, "swmyf0"] });
+var input = require_recipeRuntime.recipeRuntime({ variants: {
+	appearance: {
+		"default": { textAlign: "start" },
+		number: { textAlign: "end" }
+	},
+	size: {
+		md: { py: "4" },
+		lg: { py: "8" },
+		xl: { py: "12" }
+	}
+} });
+var root$1 = require_recipeRuntime.recipeRuntime({ variants: { size: {
+	md: {
+		gap: "8",
+		px: "8"
+	},
+	lg: {
+		gap: "8",
+		px: "8"
+	},
+	xl: {
+		gap: "12",
+		px: "12"
+	}
+} } });
+//#endregion
+//#region src/input/InputContext.ts
+const [InputProvider, useInputContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Input");
+//#endregion
+//#region src/input/InputAddon.tsx
+/**
+* @group InputRoot
+*/
+const InputAddon = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	const { addonPointerEvents, inputRef } = useInputContext("@optiaxiom/react/InputAddon");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		ref,
+		...addonPointerEvents === "none" ? {
+			fontSize: "md",
+			onPointerUp: (event) => {
+				if (isFocusCaptured(event)) return;
+				event.preventDefault();
+				event.stopPropagation();
+				inputRef.current?.focus();
+			}
+		} : { fontSize: "md" },
+		...props,
+		children
+	});
+});
+InputAddon.displayName = "@optiaxiom/react/InputAddon";
+//#endregion
+//#region src/input/InputControl.css.ts
+var control = require_recipeRuntime.recipeRuntime({
+	base: [
+		"_951xwl",
+		{
+			bg: "transparent",
+			flex: "auto",
+			w: "full"
+		},
+		"g3es4w",
+		"_137d7in"
+	],
+	variants: { size: {
+		md: {},
+		lg: {},
+		xl: ["_1m8ymbp"]
+	} }
+});
+//#endregion
+//#region src/input/InputControl.tsx
+const Slot$1 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/InputControl");
+/**
+* @group InputRoot
+*/
+const InputControl = (0, react.forwardRef)(({ asChild, children, className, error: errorProp, onChange, onValueChange, size = "md", ...props }, outerRef) => {
+	const Comp = asChild ? Slot$1 : "input";
+	const disabled = props.disabled;
+	const readOnly = props.readOnly;
+	const { descriptionId, error, errorId, inputId } = require_FieldContext.useFieldContext("@optiaxiom/react/InputControl");
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const { inputRef } = useInputContext("@optiaxiom/react/InputControl");
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(inputRef, outerRef);
+	const surface = require_useSurface.useSurface("property");
+	const { track } = surface ?? {};
+	const debouncedTrack = useDebouncedTrack("property", typeof props.value === "string" ? props.value : props.defaultValue);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		"aria-describedby": errorId || descriptionId ? (0, clsx.default)(errorId, descriptionId) : void 0,
+		"aria-disabled": disabled,
+		"aria-invalid": error || errorProp ? true : void 0,
+		asChild: true,
+		"data-disabled": disabled ? "" : void 0,
+		"data-invalid": error || errorProp ? "" : void 0,
+		"data-readonly": readOnly ? "" : void 0,
+		...control({ size }, className),
+		...boxProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+			id: inputId,
+			onBlur: (event) => {
+				restProps.onBlur?.(event);
+				track?.({ name: "blurred" });
+			},
+			onChange: (event) => {
+				onChange?.(event);
+				if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+					const newValue = event.target.value;
+					onValueChange?.(newValue);
+					if (!surface?.manualSuggestion) debouncedTrack?.(newValue);
+				}
+			},
+			onFocus: (event) => {
+				restProps.onFocus?.(event);
+				track?.({ name: "focused" });
+			},
+			ref,
+			...restProps,
+			children
+		})
+	});
+});
+InputControl.displayName = "@optiaxiom/react/InputControl";
+//#endregion
+//#region src/input/InputRoot.css.ts
+var root = require_recipeRuntime.recipeRuntime({ base: [{ gap: "0" }, "_1aob3nt"] });
+//#endregion
+//#region src/input/InputRoot.tsx
+const InputRoot = (0, react.forwardRef)(({ addonPointerEvents = "auto", children, className, onPointerDown, ...props }, ref) => {
+	const inputRef = (0, react.useRef)(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
+		onPointerDown: (event) => {
+			onPointerDown?.(event);
+			if (event.defaultPrevented) return;
+			if (event.target !== event.currentTarget) return;
+			event.preventDefault();
+			event.stopPropagation();
+			inputRef.current?.focus();
+		},
+		ref,
+		...root({}, className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputProvider, {
+			addonPointerEvents,
+			inputRef,
+			children
+		})
+	});
+});
+InputRoot.displayName = "@optiaxiom/react/InputRoot";
+//#endregion
+//#region src/input/Input.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Input");
+/**
+* Basic text field for capturing user input.
+*
+* @category form
+* @since 0.1.0
+*/
+const Input = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerEvents, appearance = "default", asChild, children, className, htmlSize, size = "md", style, ...props }, ref) => {
+	const Comp = asChild ? Slot : "input";
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InputRoot, {
+		addonPointerEvents,
+		style,
+		...root$1({ size }, className),
+		...boxProps,
+		children: [
+			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputAddon, {
+				asChild: true,
+				...addon(),
+				children: require_button.fallbackSpan(addonBefore)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputControl, {
+				asChild: true,
+				size,
+				...input({
+					appearance,
+					size
+				}),
+				...restProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+					ref,
+					size: htmlSize,
+					children
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InputAddon, {
+				...addon(),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.SuggestionPopover, { disabled: restProps.disabled }), addonAfter]
+			})
+		]
+	});
+});
+Input.displayName = "@optiaxiom/react/Input";
+//#endregion
+Object.defineProperty(exports, "Input", {
+	enumerable: true,
+	get: function() {
+		return Input;
+	}
+});
+Object.defineProperty(exports, "InputAddon", {
+	enumerable: true,
+	get: function() {
+		return InputAddon;
+	}
+});
+Object.defineProperty(exports, "InputControl", {
+	enumerable: true,
+	get: function() {
+		return InputControl;
+	}
+});
+Object.defineProperty(exports, "InputRoot", {
+	enumerable: true,
+	get: function() {
+		return InputRoot;
+	}
+});
+Object.defineProperty(exports, "useDebouncedCallback", {
+	enumerable: true,
+	get: function() {
+		return useDebouncedCallback;
+	}
+});

package/dist/cjs/input.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_input = require("./input-BVk2X8bm.js");
+exports.Input = require_input.Input;
+exports.InputAddon = require_input.InputAddon;
+exports.InputControl = require_input.InputControl;
+exports.InputRoot = require_input.InputRoot;

package/dist/cjs/kbd-DyIoUnfS.js

@@ -0,0 +1,88 @@
+"use client";
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+let react = require("react");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+require("./assets/Kbd.css.ts.vanilla-BJA6jXtl.css");
+//#region src/kbd/Kbd.css.ts
+var kbd = require_recipeRuntime.recipeRuntime({ base: {
+	color: "fg.secondary",
+	display: "inline-flex",
+	gap: "2",
+	whiteSpace: "nowrap"
+} });
+var key = require_recipeRuntime.recipeRuntime({
+	base: {
+		alignItems: "center",
+		display: "inline-flex",
+		fontFamily: "sans",
+		gap: "2",
+		justifyContent: "center"
+	},
+	variants: { variant: {
+		outline: [{
+			bg: "bg.secondary",
+			border: "1",
+			borderB: "2",
+			borderColor: "border.secondary",
+			rounded: "sm"
+		}, "hoe3jd"],
+		subtle: {}
+	} }
+});
+//#endregion
+//#region src/kbd/Kbd.tsx
+const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
+const mapModifierToCode = {
+	mac: {
+		alt: "⌥",
+		ctrl: "⌃",
+		meta: "⌘",
+		mod: "⌘",
+		shift: "⇧"
+	},
+	win: {
+		alt: "Alt",
+		ctrl: "Ctrl",
+		meta: "Win",
+		mod: "Ctrl",
+		shift: "Shift"
+	}
+};
+/**
+* Inline text representing keyboard input.
+*
+* @category data-display
+* @since 0.1.0
+* @extends Code
+*/
+const Kbd = (0, react.forwardRef)(({ children, className, modifiers, variant = "outline", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		asChild: true,
+		...kbd({}, className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
+			ref,
+			children: [modifiers && (Array.isArray(modifiers) ? modifiers : [modifiers]).map((key$1) => key$1 in mapModifierToCode[platform] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+				"aria-label": key$1,
+				asChild: true,
+				title: key$1,
+				...key({ variant }),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children: mapModifierToCode[platform][key$1] })
+			}, key$1)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+				asChild: true,
+				...key({ variant }),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children })
+			})]
+		})
+	});
+});
+Kbd.displayName = "@optiaxiom/react/Kbd";
+//#endregion
+Object.defineProperty(exports, "Kbd", {
+	enumerable: true,
+	get: function() {
+		return Kbd;
+	}
+});

package/dist/cjs/kbd.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_kbd = require("./kbd-DyIoUnfS.js");
+exports.Kbd = require_kbd.Kbd;

package/dist/cjs/label-menu-button-DtzTGxQe.js

@@ -0,0 +1,94 @@
+"use client";
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_ButtonRoot = require("./ButtonRoot-MlsRzbPN.js");
+const require_text = require("./text-BWyl3PQL.js");
+const require_group = require("./group.js");
+let _radix_ui_react_id = require("@radix-ui/react-id");
+let react = require("react");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+require("./assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css");
+require("./assets/ButtonRoot.css.ts.vanilla-BkvixQWK.css");
+let _optiaxiom_icons_IconAngleDown = require("@optiaxiom/icons/IconAngleDown");
+let _radix_ui_react_label = require("@radix-ui/react-label");
+require("./assets/LabelMenuButton.css.ts.vanilla-20B6z1wZ.css");
+//#region src/label-menu-button/LabelMenuButton.css.ts
+var button = require_recipeRuntime.recipeRuntime({ base: [{ justifyContent: "space-between" }, "h5l4gg"] });
+var content = require_recipeRuntime.recipeRuntime({
+	base: [{
+		fontSize: "sm",
+		transition: "all"
+	}],
+	variants: { filled: {
+		false: { h: "0" },
+		true: { h: "16" }
+	} }
+});
+var label = require_recipeRuntime.recipeRuntime({
+	base: [{
+		color: "fg.tertiary",
+		cursor: "pointer",
+		fontFamily: "mono",
+		fontWeight: "400",
+		maxW: "full",
+		textTransform: "uppercase",
+		transition: "all"
+	}],
+	variants: { filled: {
+		false: { fontSize: "md" },
+		true: { fontSize: "xs" }
+	} }
+});
+//#endregion
+//#region src/label-menu-button/LabelMenuButton.tsx
+/**
+* Button displaying both a label and value, used as the trigger for Select
+* components.
+*
+* @group Button
+*/
+const LabelMenuButton = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
+	const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
+	const labelId = (0, _radix_ui_react_id.useId)();
+	const valueId = (0, _radix_ui_react_id.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ButtonRoot.ButtonRoot, {
+		"aria-labelledby": ariaLabelledBy ? (0, clsx.default)(labelId, ariaLabelledBy) : (0, clsx.default)(labelId, children && valueId),
+		"data-filled": filled ? "" : void 0,
+		ref,
+		size: "lg",
+		...button({}, className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
+			flexDirection: "column",
+			gap: "0",
+			overflow: "hidden",
+			textAlign: "start",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
+				asChild: true,
+				id: labelId,
+				truncate: true,
+				...label({ filled }),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_label.Label, { children: label$1 })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
+				id: valueId,
+				truncate: true,
+				...content({ filled }),
+				children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "\xA0" })
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonRoot.ButtonAddon, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconAngleDown.IconAngleDown, {})
+		})]
+	});
+});
+LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
+//#endregion
+Object.defineProperty(exports, "LabelMenuButton", {
+	enumerable: true,
+	get: function() {
+		return LabelMenuButton;
+	}
+});

package/dist/cjs/label-menu-button.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_label_menu_button = require("./label-menu-button-DtzTGxQe.js");
+exports.LabelMenuButton = require_label_menu_button.LabelMenuButton;