@optiaxiom/react 3.4.3 → 3.5.0

package/dist/cjs/textarea-BD0WjJJA.js

@@ -0,0 +1,140 @@
+"use client";
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_input = require("./input-BVk2X8bm.js");
+const require_SuggestionPopover = require("./SuggestionPopover-Bu_sY4dq.js");
+const require_group = require("./group.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");
+let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+require("./assets/Textarea.css.ts.vanilla-DbqUIvTr.css");
+require("./assets/TextareaAutosize.css.ts.vanilla-Bf1jQBKz.css");
+//#region src/textarea/Textarea.css.ts
+var addon = require_recipeRuntime.recipeRuntime({ base: "_1eo0kj7" });
+//#endregion
+//#region src/textarea/TextareaAutosize.css.ts
+var shadow = require_recipeRuntime.recipeRuntime({ base: ["c5bviv", "m657d1"] });
+var textarea = require_recipeRuntime.recipeRuntime({
+	base: ["c5bviv", "_1743wh3"],
+	variants: { resize: {
+		auto: { overflow: "hidden" },
+		none: {},
+		vertical: {}
+	} }
+});
+var wrapper = require_recipeRuntime.recipeRuntime({
+	base: {
+		display: "grid",
+		flex: "auto",
+		overflow: "auto"
+	},
+	variants: {
+		maxRows: {
+			"1": ["_1xcnbqf", "_19ag1mt"],
+			"2": ["_1xcnbqf", "_1by107r"],
+			"3": ["_1xcnbqf", "_5l3ags"],
+			"4": ["_1xcnbqf", "btnfi2"],
+			"5": ["_1xcnbqf", "og19iw"]
+		},
+		resize: {
+			auto: {},
+			none: {},
+			vertical: "_149ivr9"
+		}
+	}
+});
+//#endregion
+//#region src/textarea/TextareaAutosize.tsx
+const Slot$1 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/TextareaAutosize");
+const TextareaAutosize = (0, react.forwardRef)(({ asChild, children, className, maxRows, onChange, resize = "none", ...props }, ref) => {
+	const Comp = asChild ? Slot$1 : "textarea";
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/TextareaAutosize",
+		defaultProp: props.defaultValue,
+		prop: props.value
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
+		...wrapper({
+			maxRows: resize === "auto" ? maxRows : void 0,
+			resize
+		}),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+			asChild: true,
+			...textarea({ resize }, className),
+			...boxProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+				onChange: (event) => {
+					setValue(event.target.value);
+					onChange?.(event);
+				},
+				ref,
+				...restProps,
+				children
+			})
+		}), resize === "auto" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+			...shadow({}, className),
+			...boxProps,
+			children: (value ?? "") + " "
+		})]
+	});
+});
+TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
+//#endregion
+//#region src/textarea/Textarea.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Textarea");
+/**
+* Multi-line text field for capturing user input.
+*
+* @category form
+* @since 0.1.0
+*/
+const Textarea = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerEvents, asChild, children, className, style, ...props }, ref) => {
+	const Comp = asChild ? Slot : "textarea";
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input.InputRoot, {
+		addonPointerEvents,
+		className,
+		flexDirection: "column",
+		style,
+		...boxProps,
+		children: [
+			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.InputAddon, {
+				asChild: true,
+				children: require_button.fallbackSpan(addonBefore)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.InputControl, {
+				asChild: true,
+				p: "8",
+				size: "lg",
+				...restProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextareaAutosize, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+						ref,
+						rows: props.rows ?? 3,
+						children
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input.InputAddon, {
+				...addon(),
+				children: [props.value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
+					justifyContent: "end",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.SuggestionPopover, { disabled: props.disabled })
+				}), addonAfter]
+			})
+		]
+	});
+});
+Textarea.displayName = "@optiaxiom/react/Textarea";
+//#endregion
+Object.defineProperty(exports, "Textarea", {
+	enumerable: true,
+	get: function() {
+		return Textarea;
+	}
+});

package/dist/cjs/textarea.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_textarea = require("./textarea-BD0WjJJA.js");
+exports.Textarea = require_textarea.Textarea;

package/dist/cjs/theme-provider.js

@@ -0,0 +1,67 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_mapValues = require("./mapValues-BdSCiF8F.js");
+const require_rem = require("./rem-yLUl-9YY.js");
+const require_PortalContext = require("./PortalContext-Cupw3ky_.js");
+const require_layers = require("./layers-B7_llW7p.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _optiaxiom_globals = require("@optiaxiom/globals");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+//#region src/theme-provider/ThemeProvider.tsx
+/**
+* TODO: remove color fallback once `light-dark()` is widely available.
+*/
+const lightColors = Object.fromEntries(Object.entries(_optiaxiom_globals.tokens.colors).map(([k, v]) => [k, v.slice(v.indexOf("(") + 1, v.indexOf(","))]));
+/**
+* `screens` stays in plain rem since breakpoints feed media queries.
+*/
+const scaledTokens = {
+	..._optiaxiom_globals.tokens,
+	borderRadius: require_mapValues.mapValues(_optiaxiom_globals.tokens.borderRadius, require_rem.rem),
+	fontSize: require_mapValues.mapValues(_optiaxiom_globals.tokens.fontSize, (value) => require_mapValues.mapValues(value, require_rem.rem)),
+	maxSize: require_mapValues.mapValues(_optiaxiom_globals.tokens.maxSize, require_rem.rem),
+	size: require_mapValues.mapValues(_optiaxiom_globals.tokens.size, require_rem.rem)
+};
+/**
+* Provider component for theme tokens and styles. This is included in
+* AxiomProvider by default - you only need to use this component directly for
+* advanced customization.
+*
+* @category provider
+*/
+function ThemeProvider({ children }) {
+	const [container, setContainer] = (0, react.useState)();
+	const selector = typeof ShadowRoot !== "undefined" && container instanceof ShadowRoot ? ":host" : ":root";
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const root = ref.current?.getRootNode();
+		if (root instanceof ShadowRoot) setContainer(root);
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_PortalContext.PortalProvider, {
+		container,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
+			ref,
+			children: `
+        @layer ${require_layers.theme} {
+          ${selector} {
+            --ax-styles-scale: 1rem;
+            ${(0, _vanilla_extract_dynamic.assignInlineVars)(_optiaxiom_globals.theme, {
+				...scaledTokens,
+				colors: lightColors
+			})}
+          }
+
+          @supports (color: light-dark(black, white)) {
+            ${selector} {
+              ${(0, _vanilla_extract_dynamic.assignInlineVars)(_optiaxiom_globals.theme.colors, _optiaxiom_globals.tokens.colors)}
+            }
+          }
+        }
+      `
+		}), children]
+	});
+}
+ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
+//#endregion
+exports.ThemeProvider = ThemeProvider;

package/dist/cjs/theme.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _optiaxiom_globals = require("@optiaxiom/globals");
+Object.defineProperty(exports, "theme", {
+	enumerable: true,
+	get: function() {
+		return _optiaxiom_globals.theme;
+	}
+});
+Object.defineProperty(exports, "tokens", {
+	enumerable: true,
+	get: function() {
+		return _optiaxiom_globals.tokens;
+	}
+});

package/dist/cjs/toast-BMOq1v7J.js

@@ -0,0 +1,288 @@
+"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_separator = require("./separator-DYd80dzd.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_text = require("./text-BWyl3PQL.js");
+const require_group = require("./group.js");
+const require_Portal = require("./Portal-DI9aR5XU.js");
+let _optiaxiom_icons_IconCheckCircleSolid = require("@optiaxiom/icons/IconCheckCircleSolid");
+let _optiaxiom_icons_IconCircleExclamation = require("@optiaxiom/icons/IconCircleExclamation");
+let _optiaxiom_icons_IconCircleInfo = require("@optiaxiom/icons/IconCircleInfo");
+let _optiaxiom_icons_IconTriangleExclamation = require("@optiaxiom/icons/IconTriangleExclamation");
+let _optiaxiom_icons_IconXmark = require("@optiaxiom/icons/IconXmark");
+let react = require("react");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _optiaxiom_globals = require("@optiaxiom/globals");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let use_sync_external_store_shim = require("use-sync-external-store/shim");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let _radix_ui_react_toast = require("@radix-ui/react-toast");
+_radix_ui_react_toast = require_rolldown_runtime.__toESM(_radix_ui_react_toast, 1);
+require("./assets/ToastProvider.css.ts.vanilla-ByapBOM0.css");
+require("./assets/Toast.css.ts.vanilla-DeeAXZrJ.css");
+require("./assets/ToastTitle.css.ts.vanilla-BCw6OCix.css");
+//#region src/toast/Toast.css.ts
+var icon = require_recipeRuntime.recipeRuntime({ base: [{
+	alignSelf: "start",
+	mt: "4"
+}, "_1rhc558"] });
+var offsetVar = "var(--vjtw7c)";
+var root = require_recipeRuntime.recipeRuntime({
+	base: [
+		"_1p373ia",
+		{
+			alignItems: "center",
+			bg: "bg.default.inverse",
+			color: "fg.default.inverse",
+			display: "flex",
+			fontSize: "md",
+			gap: "8",
+			maxW: "full",
+			p: "12",
+			pl: "16",
+			rounded: "md",
+			shadow: "md",
+			w: ["full", "max"]
+		},
+		"_1u4qxwt"
+	],
+	variants: { intent: {
+		danger: "_1x3pdhg",
+		information: "zk7txo",
+		neutral: "_1r049nx",
+		success: "_1iewfyr",
+		warning: "_12o3jo0"
+	} }
+});
+//#endregion
+//#region src/toast/Toast.tsx
+const mapIntentToIcon = {
+	danger: _optiaxiom_icons_IconCircleExclamation.IconCircleExclamation,
+	information: _optiaxiom_icons_IconCircleInfo.IconCircleInfo,
+	neutral: _optiaxiom_icons_IconCircleInfo.IconCircleInfo,
+	success: _optiaxiom_icons_IconCheckCircleSolid.IconCheckCircleSolid,
+	warning: _optiaxiom_icons_IconTriangleExclamation.IconTriangleExclamation
+};
+/**
+* Display a brief notification.
+*
+* @since 0.1.0
+*/
+const Toast = (0, react.forwardRef)(({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const context = (0, _optiaxiom_globals.useToastProviderContext)("@optiaxiom/react/Toast");
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, context.toastRef);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		asChild: true,
+		style: {
+			...style,
+			...(0, _vanilla_extract_dynamic.assignInlineVars)({ [offsetVar]: `${context.offset}px` })
+		},
+		...root({ intent }, className),
+		...boxProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Root, {
+			forceMount: !!context,
+			onOpenChange: (open) => {
+				onOpenChange?.(open);
+				context.onOpenChange(open);
+			},
+			open: context.open,
+			ref,
+			...restProps,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
+					asChild: true,
+					...icon(),
+					children: (0, react.createElement)(mapIntentToIcon[intent], { filled: true })
+				}),
+				children,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Close, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+						appearance: "inverse",
+						"aria-label": "close",
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconXmark.IconXmark, {}),
+						size: "sm"
+					})
+				})
+			]
+		})
+	});
+});
+Toast.displayName = "@optiaxiom/react/Toast";
+//#endregion
+//#region src/toast/ToastAction.tsx
+/**
+* @group Toast
+* @extends Button
+*/
+const ToastAction = (0, react.forwardRef)(({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {
+		alignSelf: "center",
+		h: "sm",
+		ml: "12",
+		orientation: "vertical"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+		appearance,
+		asChild: true,
+		size,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Action, {
+			altText,
+			ref,
+			children
+		})
+	})] });
+});
+ToastAction.displayName = "@optiaxiom/react/ToastAction";
+var viewport = require_recipeRuntime.recipeRuntime({
+	base: [{
+		flexDirection: "column",
+		gap: "16",
+		maxH: "full",
+		overflowX: "hidden",
+		overflowY: "auto",
+		p: "24",
+		w: ["full", "384"],
+		z: "toast"
+	}, "i5u6pp"],
+	variants: { position: {
+		bottom: "_3fobtb",
+		"bottom-left": "nt21du",
+		"bottom-right": ["right-scroll-bar-position", "xd5a1d"],
+		top: "yhh83t",
+		"top-left": "jt9lj2",
+		"top-right": ["right-scroll-bar-position", "_1df8kzy"]
+	} }
+});
+//#endregion
+//#region src/toast/ToastTitle.css.ts
+var title = require_recipeRuntime.recipeRuntime({ base: [{ flex: "1" }, "_1gosqdl"] });
+//#endregion
+//#region src/toast/ToastTitle.tsx
+/**
+* @group Toast
+* @extends Text
+*/
+const ToastTitle = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
+		asChild: true,
+		lineClamp: "2",
+		...title({}, className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Title, {
+			ref,
+			children
+		})
+	});
+});
+ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
+//#endregion
+//#region src/toast/useOverflowAnchor.ts
+const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
+	const [mounted, setMounted] = (0, react.useState)(false);
+	(0, react.useEffect)(() => setMounted(true), []);
+	const previousScrollAnchor = (0, react.useRef)(scrollAnchor);
+	(0, react.useEffect)(() => {
+		previousScrollAnchor.current = scrollAnchor;
+	}, [scrollAnchor]);
+	(0, react.useEffect)(() => {
+		if (!scrollingElementRef.current) return;
+		const element = scrollingElementRef.current;
+		const listener = () => previousScrollAnchor.current = Math.ceil(Math.abs(element.scrollTop)) === element.scrollHeight - element.offsetHeight ? scrollAnchor : null;
+		element.addEventListener("scroll", listener);
+		return () => element.removeEventListener("scroll", listener);
+	}, [
+		mounted,
+		scrollAnchor,
+		scrollingElementRef
+	]);
+	(0, react.useEffect)(() => {
+		if (!scrollingElementRef.current) return;
+		const element = scrollingElementRef.current;
+		const mutation = new MutationObserver(() => {
+			if (previousScrollAnchor.current === scrollAnchor) element.scrollTop = (scrollAnchor === "top" ? -1 : 1) * element.scrollHeight - element.offsetHeight;
+		});
+		mutation.observe(element, { childList: true });
+		return () => mutation.disconnect();
+	}, [
+		mounted,
+		scrollAnchor,
+		scrollingElementRef
+	]);
+};
+//#endregion
+//#region src/toast/ToastProvider.tsx
+const mapPositionToSwipeDirection = {
+	bottom: "down",
+	"bottom-left": "left",
+	"bottom-right": "right",
+	top: "up",
+	"top-left": "left",
+	"top-right": "right"
+};
+/**
+* Provider component for toast notifications. This is included in AxiomProvider
+* by default - you only need to use this component directly for advanced
+* customization. Use `toaster.create()` to display toast messages.
+*
+* @category provider
+* @category feedback
+* @category overlay
+* @since 0.1.0
+*/
+const ToastProvider = (0, react.forwardRef)(({ className, container, duration, label, position = "top-right", swipeDirection, swipeThreshold, toaster: toasterProp = _optiaxiom_globals.toaster, ...props }, outerRef) => {
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const toasts = (0, use_sync_external_store_shim.useSyncExternalStore)(...toasterProp.store);
+	const innerRef = (0, react.useRef)(null);
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
+	useOverflowAnchor(innerRef, position.startsWith("bottom") ? "top" : "bottom");
+	if (!toasts.length) return null;
+	let exitingToastOffsets = 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.ToastProvider, {
+		duration,
+		label,
+		swipeDirection: swipeDirection ?? mapPositionToSwipeDirection[position],
+		swipeThreshold,
+		children: [toasts.map(({ id, open, ref, toast }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.ToastProviderProvider, {
+			offset: exitingToastOffsets += !open && ref.current ? ref.current.offsetHeight + parseInt("16") : 0,
+			onOpenChange: () => toasterProp.remove(id),
+			open,
+			toastRef: ref,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Toast, {
+				intent: toast.intent || toast.type,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastTitle, { children: toast.title }), toast.action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastAction, {
+					altText: toast.action,
+					onClick: toast.onAction,
+					children: toast.action
+				})]
+			}, id)
+		}, id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Portal.Portal, {
+			asChild: true,
+			...container && { container },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
+				alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
+				asChild: true,
+				"data-position": position,
+				flexDirection: position.startsWith("bottom") ? "column-reverse" : "column",
+				...viewport({ position }, className),
+				...boxProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Viewport, {
+					ref,
+					...restProps
+				})
+			})
+		})]
+	});
+});
+ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
+//#endregion
+Object.defineProperty(exports, "ToastProvider", {
+	enumerable: true,
+	get: function() {
+		return ToastProvider;
+	}
+});

package/dist/cjs/toast.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_toast = require("./toast-BMOq1v7J.js");
+let _optiaxiom_globals = require("@optiaxiom/globals");
+exports.ToastProvider = require_toast.ToastProvider;
+Object.defineProperty(exports, "createToaster", {
+	enumerable: true,
+	get: function() {
+		return _optiaxiom_globals.createToaster;
+	}
+});
+Object.defineProperty(exports, "toaster", {
+	enumerable: true,
+	get: function() {
+		return _optiaxiom_globals.toaster;
+	}
+});

package/dist/cjs/{ToggleButton-B0xyiwUe.js → toggle-button.js}

@@ -1,9 +1,11 @@
 "use client";
-const require_Tooltip = require("./Tooltip-BmO2V8Np.js");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_button = require("./button-BO_WcwyT.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_toggle = require("@radix-ui/react-toggle");
-_radix_ui_react_toggle = require_Tooltip.__toESM(_radix_ui_react_toggle, 1);
+_radix_ui_react_toggle = require_rolldown_runtime.__toESM(_radix_ui_react_toggle, 1);
 //#region src/toggle-button/ToggleButton.tsx
 /**
 * `ToggleButton` component represents a button that can be toggled on or off.
@@ -13,7 +15,7 @@ _radix_ui_react_toggle = require_Tooltip.__toESM(_radix_ui_react_toggle, 1);
 * @extends Button
 */
 const ToggleButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 		asChild: true,
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle.Root, {
@@ -24,9 +26,4 @@ const ToggleButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
 });
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 //#endregion
-Object.defineProperty(exports, "ToggleButton", {
-	enumerable: true,
-	get: function() {
-		return ToggleButton;
-	}
-});
+exports.ToggleButton = ToggleButton;