@optiaxiom/react 3.1.0 → 3.1.2

package/dist/cjs/index.js

@@ -1,111 +1,99 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Flex = require("./Flex-BqIvGuC7.js");
+const require_Tooltip = require("./Tooltip-Ck6Jzpyy.js");
+const require_Flex = require("./Flex-BqaQ3jbK.js");
+const require_ToggleButton = require("./ToggleButton-Cl4WrcA6.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
-let _radix_ui_react_id = require("@radix-ui/react-id");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css");
+require("./assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css");
 let clsx = require("clsx");
-clsx = require_Flex.__toESM(clsx);
+clsx = require_Tooltip.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _optiaxiom_globals = require("@optiaxiom/globals");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-DFDX-xBj.css");
-require("./assets/src/button/ButtonRoot.css.ts.vanilla-NQtyv2df.css");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-Beph4zQj.css");
+require("./assets/src/button/ButtonRoot.css.ts.vanilla-CexBaGdR.css");
 let _radix_ui_react_context = require("@radix-ui/react-context");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
 let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+_radix_ui_react_tooltip = require_Tooltip.__toESM(_radix_ui_react_tooltip);
+let _radix_ui_react_id = require("@radix-ui/react-id");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = require_Flex.__toESM(_radix_ui_react_dialog);
+_radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog);
 let use_sync_external_store_shim = require("use-sync-external-store/shim");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-DFDX-xBj.css");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-Beph4zQj.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/src/dialog/DialogFooter.css.ts.vanilla-DemCluPf.css");
+require("./assets/src/dialog/DialogFooter.css.ts.vanilla-elEtxVsn.css");
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-DFDX-xBj.css");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-Beph4zQj.css");
 let _radix_ui_react_toast = require("@radix-ui/react-toast");
-_radix_ui_react_toast = require_Flex.__toESM(_radix_ui_react_toast);
-require("./assets/src/toast/ToastProvider.css.ts.vanilla-BWV5WPpg.css");
-require("./assets/src/toast/Toast.css.ts.vanilla-BM0ubic-.css");
-require("./assets/src/toast/ToastTitle.css.ts.vanilla-2thVBYIl.css");
-let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = require_Flex.__toESM(_radix_ui_react_tooltip);
-require("./assets/src/badge/Badge.css.ts.vanilla-LONo67Rg.css");
-require("./assets/src/banner/Banner.css.ts.vanilla-JzbkCOaV.css");
-require("./assets/src/cover/Cover.css.ts.vanilla-BfNBx7Wg.css");
-require("./assets/src/link/Link.css.ts.vanilla-DWvpQ7Jh.css");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-DFDX-xBj.css");
-require("./assets/src/toggle-input/ToggleInput.css.ts.vanilla-lXntTAoS.css");
+_radix_ui_react_toast = require_Tooltip.__toESM(_radix_ui_react_toast);
+require("./assets/src/toast/ToastProvider.css.ts.vanilla-B5EOjrN-.css");
+require("./assets/src/toast/Toast.css.ts.vanilla-CQd2WtC_.css");
+require("./assets/src/toast/ToastTitle.css.ts.vanilla-TiQTVWc3.css");
+require("./assets/src/badge/Badge.css.ts.vanilla-CgyrRj0K.css");
+require("./assets/src/banner/Banner.css.ts.vanilla-B9U6_N0P.css");
+require("./assets/src/cover/Cover.css.ts.vanilla-HffrI0AQ.css");
+require("./assets/src/link/Link.css.ts.vanilla-D_7ZNTUD.css");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-Beph4zQj.css");
+require("./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cwa6-7Sl.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-FaFkO9sf.css");
-require("./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DkrHoLDe.css");
-require("./assets/src/card/Card.css.ts.vanilla-BTBDlfHH.css");
-require("./assets/src/card/CardCheckbox.css.ts.vanilla-Chb3fjOG.css");
-require("./assets/src/card/CardHeader.css.ts.vanilla-f7uhD9le.css");
-require("./assets/src/card/CardPreview.css.ts.vanilla-ZfXHrbnS.css");
-require("./assets/src/code/Code.css.ts.vanilla-B2pXRyQ-.css");
-require("./assets/src/table/Table.css.ts.vanilla-DjY3Xg0Z.css");
-require("./assets/src/table/TableBody.css.ts.vanilla-BTlGrFzO.css");
-require("./assets/src/table/TableRow.css.ts.vanilla-BfijQLNf.css");
-require("./assets/src/table/TableCell.css.ts.vanilla-B1XNfsZ6.css");
-require("./assets/src/table/TableHeader.css.ts.vanilla-Upv50PwD.css");
+require("./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CTihoLpj.css");
+require("./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DaRFP8uq.css");
+require("./assets/src/card/Card.css.ts.vanilla-Blq0kupB.css");
+require("./assets/src/card/CardCheckbox.css.ts.vanilla-BBp2k65o.css");
+require("./assets/src/card/CardHeader.css.ts.vanilla-DvT7mF5O.css");
+require("./assets/src/card/CardPreview.css.ts.vanilla-Bd3odnHH.css");
+require("./assets/src/code/Code.css.ts.vanilla-BR19HG1m.css");
+require("./assets/src/table/Table.css.ts.vanilla-BSLrVsWL.css");
+require("./assets/src/table/TableBody.css.ts.vanilla-DedBMRV8.css");
+require("./assets/src/table/TableRow.css.ts.vanilla-DRrzQ-g7.css");
+require("./assets/src/table/TableCell.css.ts.vanilla-D22tAXeq.css");
+require("./assets/src/table/TableHeader.css.ts.vanilla-B3RKFMeJ.css");
 let _tanstack_react_table = require("@tanstack/react-table");
-require("./assets/src/data-table/DataTableBody.css.ts.vanilla-CAu_0wTH.css");
-require("./assets/src/pagination/Pagination.css.ts.vanilla-C3mpqVen.css");
-require("./assets/src/data-table/DataTableFooter.css.ts.vanilla-EbAFfSRd.css");
-require("./assets/src/date-input/DateInput.css.ts.vanilla-BzZg45s9.css");
+require("./assets/src/data-table/DataTableBody.css.ts.vanilla-ZHdvjmta.css");
+require("./assets/src/pagination/Pagination.css.ts.vanilla-Cc1Nw_Bo.css");
+require("./assets/src/data-table/DataTableFooter.css.ts.vanilla-C7xV_N1H.css");
+require("./assets/src/date-input/DateInput.css.ts.vanilla-D6DTT1b4.css");
 let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
-_radix_ui_react_collapsible = require_Flex.__toESM(_radix_ui_react_collapsible);
-require("./assets/src/disclosure/DisclosureContent.css.ts.vanilla-D_PfIAX6.css");
-require("./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CagiGqRB.css");
+_radix_ui_react_collapsible = require_Tooltip.__toESM(_radix_ui_react_collapsible);
+require("./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DMz06jeQ.css");
+require("./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CMUaLQBQ.css");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = require_Flex.__toESM(_radix_ui_react_dropdown_menu);
+_radix_ui_react_dropdown_menu = require_Tooltip.__toESM(_radix_ui_react_dropdown_menu);
 let _radix_ui_react_label = require("@radix-ui/react-label");
-_radix_ui_react_label = require_Flex.__toESM(_radix_ui_react_label);
-require("./assets/src/indicator/Indicator.css.ts.vanilla-DZ-_F4Ai.css");
-require("./assets/src/kbd/Kbd.css.ts.vanilla-Dm6EzRdB.css");
-require("./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BbPiqH6n.css");
-require("./assets/src/nav/Nav.css.ts.vanilla-C4Sm0NUb.css");
-require("./assets/src/nav/NavAccountItem.css.ts.vanilla-VauEYyYK.css");
-require("./assets/src/nav/NavItem.css.ts.vanilla-C_sppzlq.css");
+_radix_ui_react_label = require_Tooltip.__toESM(_radix_ui_react_label);
+require("./assets/src/indicator/Indicator.css.ts.vanilla-BcdI9ogU.css");
+require("./assets/src/kbd/Kbd.css.ts.vanilla-B5yRkAcZ.css");
+require("./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-NuBw-Ykr.css");
+require("./assets/src/nav/Nav.css.ts.vanilla-B4K8rVOu.css");
+require("./assets/src/nav/NavAccountItem.css.ts.vanilla-NmTsrOrm.css");
+require("./assets/src/nav/NavItem.css.ts.vanilla-uMhJfKv9.css");
 let _radix_ui_react_progress = require("@radix-ui/react-progress");
-_radix_ui_react_progress = require_Flex.__toESM(_radix_ui_react_progress);
-require("./assets/src/progress/Progress.css.ts.vanilla-CsiIY0Dj.css");
-require("./assets/src/radio/Radio.css.ts.vanilla-BvmavuQo.css");
-let _tiptap_extension_link = require("@tiptap/extension-link");
-_tiptap_extension_link = require_Flex.__toESM(_tiptap_extension_link);
-let _tiptap_extension_placeholder = require("@tiptap/extension-placeholder");
-_tiptap_extension_placeholder = require_Flex.__toESM(_tiptap_extension_placeholder);
-let _tiptap_extension_table = require("@tiptap/extension-table");
-let _tiptap_extension_table_cell = require("@tiptap/extension-table-cell");
-let _tiptap_extension_table_header = require("@tiptap/extension-table-header");
-let _tiptap_extension_table_row = require("@tiptap/extension-table-row");
-let _tiptap_react = require("@tiptap/react");
-let _tiptap_starter_kit = require("@tiptap/starter-kit");
-_tiptap_starter_kit = require_Flex.__toESM(_tiptap_starter_kit);
-let _radix_ui_react_toggle = require("@radix-ui/react-toggle");
-_radix_ui_react_toggle = require_Flex.__toESM(_radix_ui_react_toggle);
-require("./assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-B8c8Iagt.css");
-require("./assets/src/search-input/SearchInput.css.ts.vanilla-TilVFauG.css");
+_radix_ui_react_progress = require_Tooltip.__toESM(_radix_ui_react_progress);
+require("./assets/src/progress/Progress.css.ts.vanilla-CxeDLKTV.css");
+require("./assets/src/radio/Radio.css.ts.vanilla-BxLBBhFy.css");
+require("./assets/src/search-input/SearchInput.css.ts.vanilla-B76mfISt.css");
 let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
-_radix_ui_react_toggle_group = require_Flex.__toESM(_radix_ui_react_toggle_group);
-require("./assets/src/sub-nav/SubNav.css.ts.vanilla-DVhE4spL.css");
+_radix_ui_react_toggle_group = require_Tooltip.__toESM(_radix_ui_react_toggle_group);
+require("./assets/src/sub-nav/SubNav.css.ts.vanilla-BA2Wul7U.css");
 let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
-_radix_ui_react_tabs = require_Flex.__toESM(_radix_ui_react_tabs);
-require("./assets/src/tabs/Tabs.css.ts.vanilla-Brxbqcve.css");
-require("./assets/src/tabs/TabsList.css.ts.vanilla-CKEKUohA.css");
-require("./assets/src/tabs/TabsTrigger.css.ts.vanilla-Bl0TKt3A.css");
-require("./assets/src/textarea/Textarea.css.ts.vanilla-aibtyCI-.css");
-require("./assets/src/textarea/TextareaAutosize.css.ts.vanilla-s5uIw9jb.css");
+_radix_ui_react_tabs = require_Tooltip.__toESM(_radix_ui_react_tabs);
+require("./assets/src/tabs/Tabs.css.ts.vanilla-Bo2GbYGs.css");
+require("./assets/src/tabs/TabsList.css.ts.vanilla-B51lGIQk.css");
+require("./assets/src/tabs/TabsTrigger.css.ts.vanilla-BtzTy0h3.css");
+require("./assets/src/textarea/Textarea.css.ts.vanilla-C8EdVmy0.css");
+require("./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BvIPxven.css");
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = require_Flex.recipeRuntime({ base: "_1cq3cy1" });
+var buttonGroup = require_Tooltip.recipeRuntime({ base: "fseufj" });
 //#endregion
 //#region src/button/ButtonGroup.tsx
 /**
 * @group Button
 */
 const ButtonGroup = (0, react.forwardRef)(({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		"data-orientation": gap === "0" ? orientation : void 0,
 		flexDirection: orientation === "vertical" ? "column" : "row",
 		gap,
@@ -117,6 +105,20 @@ const ButtonGroup = (0, react.forwardRef)(({ children, className, gap = "0", ori
 });
 ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
 //#endregion
+//#region src/tooltip/TooltipProvider.tsx
+/**
+* Provider component for tooltips. This is included in AxiomProvider by default - you only need to use this component directly for advanced customization.
+*
+* @group Tooltip
+*/
+function TooltipProvider({ disableHoverableContent = true, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
+		disableHoverableContent,
+		...props
+	});
+}
+TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
+//#endregion
 //#region src/dialog-kit/DialogKitProvider.tsx
 function DialogKitProvider({ kit = require_Flex.dialogkit }) {
 	return (0, use_sync_external_store_shim.useSyncExternalStore)(...kit.store).reduce((result, item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Dialog, {
@@ -138,7 +140,7 @@ function DialogKitProvider({ kit = require_Flex.dialogkit }) {
 DialogKitProvider.displayName = "@optiaxiom/react/DialogKitProvider";
 //#endregion
 //#region src/dialog/DialogBody.css.ts
-var body$2 = require_Flex.recipeRuntime({ base: [{
+var body$2 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	flexDirection: "column",
 	fontSize: "md",
@@ -146,14 +148,14 @@ var body$2 = require_Flex.recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "_1m88ki2"] });
+}, "nibojk"] });
 //#endregion
 //#region src/dialog/DialogBody.tsx
 /**
 * @group Dialog
 */
 const DialogBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		ref,
 		...body$2({}, className),
 		...props,
@@ -163,7 +165,7 @@ const DialogBody = (0, react.forwardRef)(({ children, className, ...props }, ref
 DialogBody.displayName = "@optiaxiom/react/DialogBody";
 //#endregion
 //#region src/dialog/DialogFooter.css.ts
-var footer = require_Flex.recipeRuntime({ base: [{
+var footer = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.default",
 	borderColor: "border.secondary",
 	borderT: "1",
@@ -171,7 +173,7 @@ var footer = require_Flex.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_1i91poa"] });
+}, "u3xj0p"] });
 //#endregion
 //#region src/dialog/DialogFooter.tsx
 /**
@@ -179,9 +181,9 @@ var footer = require_Flex.recipeRuntime({ base: [{
 */
 const DialogFooter = (0, react.forwardRef)(({ children, className, ...props }, outerRef) => {
 	const { footerRef } = require_Flex.useDialogContext("@optiaxiom/react/DialogFooter");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ButtonProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonProvider, {
 		size: "lg",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(footerRef, outerRef),
 			...footer({}, className),
 			...props,
@@ -196,8 +198,8 @@ DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
 * @group Dialog
 */
 const DialogForm = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		className,
 		display: "flex",
@@ -247,7 +249,7 @@ const AlertDialogTrigger = (0, react.forwardRef)(({ asChild, children, ...props
 		asChild: true,
 		ref,
 		...props,
-		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, { children })
+		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, { children })
 	});
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
@@ -356,7 +358,7 @@ function AuthProvider({ children, instance, refresh: refreshProp, token }) {
 AuthProvider.displayName = "@optiaxiom/react/AuthProvider";
 //#endregion
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = require_Flex.recipeRuntime({ base: ["_95eoio", { display: "flex" }] });
+var avatarGroup = require_Tooltip.recipeRuntime({ base: ["_1iwp742", { display: "flex" }] });
 //#endregion
 //#region src/avatar/AvatarGroup.tsx
 /**
@@ -379,7 +381,7 @@ var avatarGroup = require_Flex.recipeRuntime({ base: ["_95eoio", { display: "fle
 * @group Avatar
 */
 const AvatarGroup = (0, react.forwardRef)(({ children, className, size = "md", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		ref,
 		...avatarGroup({}, className),
 		...props,
@@ -405,9 +407,9 @@ function SuggestionProvider({ children }) {
 				setSuggestions((suggestions) => suggestions.filter((s) => s.suggestion !== suggestion));
 			};
 		} }), []),
-		children: [children, suggestions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Portal, {
+		children: [children, suggestions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
 			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				alignItems: "center",
 				flexDirection: "column",
 				gap: "16",
@@ -418,10 +420,10 @@ function SuggestionProvider({ children }) {
 					position: "fixed"
 				},
 				z: "popover",
-				children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Transition, {
+				children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Transition, {
 					"data-side": "top",
 					type: "pop",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 						"aria-describedby": id + "-" + suggestion.id,
 						"aria-label": "App companion suggestion",
 						bg: "bg.default",
@@ -435,20 +437,20 @@ function SuggestionProvider({ children }) {
 						rounded: "md",
 						shadow: "md",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 								flexDirection: "column",
 								gap: "4",
 								id: id + "-" + suggestion.id,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "Suggested:" }),
 									" ",
 									surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value)
-								] }) }), suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+								] }) }), suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 									color: "fg.secondary",
 									children: suggestion.reason
 								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 								appearance: "primary-opal",
 								onClick: async () => {
 									if (suggestion.type === "message" && suggestion.tool) await surface.executeTool(suggestion.tool.name, suggestion.tool.parameters);
@@ -457,7 +459,7 @@ function SuggestionProvider({ children }) {
 								size: "sm",
 								children: "Accept"
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 								appearance: "subtle",
 								"aria-label": "close",
 								color: "fg.default",
@@ -478,7 +480,7 @@ function SuggestionProvider({ children }) {
 SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
 //#endregion
 //#region src/layers/layers.css.ts
-var layers_css_exports = /* @__PURE__ */ require_Flex.__exportAll({
+var layers_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 	axiom: () => axiom,
 	base: () => base,
 	components: () => components,
@@ -487,8 +489,8 @@ var layers_css_exports = /* @__PURE__ */ require_Flex.__exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom.sxo7zf";
-var reset = "optiaxiom._11bicz8";
+var components = "optiaxiom._1dfr2ib";
+var reset = "optiaxiom._1zwg4a";
 var theme$2 = "optiaxiom.theme";
 //#endregion
 //#region src/theme-provider/ThemeProvider.tsx
@@ -511,7 +513,7 @@ function ThemeProvider({ children }) {
 		const root = ref.current?.getRootNode();
 		if (root instanceof ShadowRoot) setContainer(root);
 	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.PortalProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.PortalProvider, {
 		container,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
 			ref,
@@ -537,14 +539,14 @@ function ThemeProvider({ children }) {
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 //#endregion
 //#region src/toast/Toast.css.ts
-var icon$3 = require_Flex.recipeRuntime({ base: [{
+var icon$3 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "start",
 	mt: "4"
-}, "_1luarbg"] });
-var offsetVar = "var(--_1davry)";
-var root$2 = require_Flex.recipeRuntime({
+}, "_1borizx"] });
+var offsetVar = "var(--q2d2cd)";
+var root$2 = require_Tooltip.recipeRuntime({
 	base: [
-		"_1ooynt7",
+		"_1ynm3f8",
 		{
 			alignItems: "center",
 			bg: "bg.default.inverse",
@@ -559,14 +561,14 @@ var root$2 = require_Flex.recipeRuntime({
 			shadow: "md",
 			w: ["full", "max"]
 		},
-		"_1le11tz"
+		"_5i7z91"
 	],
 	variants: { intent: {
-		danger: "dysul1",
-		information: "_1outjwb",
-		neutral: "q92r5p",
-		success: "_1iszevy",
-		warning: "fbk3ka"
+		danger: "n2643j",
+		information: "rgh2dn",
+		neutral: "_1euibmb",
+		success: "_1i9u5c8",
+		warning: "_12hqshu"
 	} }
 });
 //#endregion
@@ -584,10 +586,10 @@ const mapIntentToIcon$1 = {
 * @since 0.1.0
 */
 const Toast = (0, react.forwardRef)(({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.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_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		style: {
 			...style,
@@ -605,7 +607,7 @@ const Toast = (0, react.forwardRef)(({ children, className, intent = "neutral",
 			ref,
 			...restProps,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Icon, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
 					asChild: true,
 					...icon$3(),
 					children: (0, react.createElement)(mapIntentToIcon$1[intent], { filled: true })
@@ -613,7 +615,7 @@ const Toast = (0, react.forwardRef)(({ children, className, intent = "neutral",
 				children,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Close, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 						appearance: "inverse",
 						"aria-label": "close",
 						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
@@ -637,7 +639,7 @@ const ToastAction = (0, react.forwardRef)(({ altText, appearance = "inverse", ch
 		h: "sm",
 		ml: "12",
 		orientation: "vertical"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 		appearance,
 		asChild: true,
 		size,
@@ -650,7 +652,7 @@ const ToastAction = (0, react.forwardRef)(({ altText, appearance = "inverse", ch
 	})] });
 });
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
-var viewport = require_Flex.recipeRuntime({
+var viewport = require_Tooltip.recipeRuntime({
 	base: [{
 		flexDirection: "column",
 		gap: "16",
@@ -660,19 +662,19 @@ var viewport = require_Flex.recipeRuntime({
 		p: "24",
 		w: ["full", "384"],
 		z: "toast"
-	}, "_1prf80q"],
+	}, "ukaub9"],
 	variants: { position: {
-		bottom: "_13vwpp0",
-		"bottom-left": "cpb3eb",
-		"bottom-right": ["right-scroll-bar-position", "m466dg"],
-		top: "aonpcc",
-		"top-left": "_1hp8gik",
-		"top-right": ["right-scroll-bar-position", "thc67o"]
+		bottom: "_1nnheov",
+		"bottom-left": "_1jf0w9w",
+		"bottom-right": ["right-scroll-bar-position", "_1q7j1lh"],
+		top: "kocjes",
+		"top-left": "_5iqdxb",
+		"top-right": ["right-scroll-bar-position", "xwjgoj"]
 	} }
 });
 //#endregion
 //#region src/toast/ToastTitle.css.ts
-var title = require_Flex.recipeRuntime({ base: [{ flex: "1" }, "_1aatmfl"] });
+var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_13fwypy"] });
 //#endregion
 //#region src/toast/ToastTitle.tsx
 /**
@@ -680,7 +682,7 @@ var title = require_Flex.recipeRuntime({ base: [{ flex: "1" }, "_1aatmfl"] });
 * @extends Text
 */
 const ToastTitle = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 		asChild: true,
 		lineClamp: "2",
 		...title({}, className),
@@ -747,7 +749,7 @@ const mapPositionToSwipeDirection = {
 * @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_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.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);
@@ -772,10 +774,10 @@ const ToastProvider = (0, react.forwardRef)(({ className, container, duration, l
 					children: toast.action
 				})]
 			}, id)
-		}, id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Portal, {
+		}, id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
 			asChild: true,
 			...container && { container },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
 				asChild: true,
 				"data-position": position,
@@ -792,20 +794,6 @@ const ToastProvider = (0, react.forwardRef)(({ className, container, duration, l
 });
 ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
 //#endregion
-//#region src/tooltip/TooltipProvider.tsx
-/**
-* Provider component for tooltips. This is included in AxiomProvider by default - you only need to use this component directly for advanced customization.
-*
-* @group Tooltip
-*/
-function TooltipProvider({ disableHoverableContent = true, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
-		disableHoverableContent,
-		...props
-	});
-}
-TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
-//#endregion
 //#region src/axiom-provider/AxiomProvider.tsx
 /**
 * `AxiomProvider` provides all the context managers required for our components to work. It must be rendered at the root of your application and should be used only once.
@@ -813,20 +801,24 @@ TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
 * @category provider
 * @since 0.1.0
 */
-function AxiomProvider({ children, dialog, toast, tooltip }) {
+function AxiomProvider({ children, dialog, locale, toast, tooltip }) {
+	const resolvedLocale = locale ?? (typeof navigator !== "undefined" ? navigator.language : "en-US");
 	if (!(0, react.useContext)(_optiaxiom_globals.AxiomVersionContext)) children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SuggestionProvider, { children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastProvider, { ...toast })] }) });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.AxiomVersionContext.Provider, {
-		value: require_Flex.version,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, {
-			...tooltip,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.FocusBookmarkProvider, { children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogKitProvider, { ...dialog })] })
+		value: require_Tooltip.version,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.LocaleProvider, {
+			locale: resolvedLocale,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, {
+				...tooltip,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.FocusBookmarkProvider, { children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogKitProvider, { ...dialog })] })
+			})
 		})
 	});
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 //#endregion
 //#region src/badge/Badge.css.ts
-var badge$1 = require_Flex.recipeRuntime({
+var badge$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		display: "inline-flex",
 		flex: "none",
@@ -838,19 +830,19 @@ var badge$1 = require_Flex.recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "_1lbd2gg"],
+	}, "_1vpqdnj"],
 	variants: {
 		intent: {
-			danger: "qvvlmg",
-			information: "_11kkmfj",
-			neutral: "_1ydgn1x",
-			primary: "_8ttc35",
-			success: "_5aoxn5",
-			warning: "pdgg3j"
+			danger: "_1f5cqjb",
+			information: "_1yiuikf",
+			neutral: "_1hujlld",
+			primary: "_1e7a3n4",
+			success: "_13w8mjq",
+			warning: "_16idbh7"
 		},
 		variant: {
-			strong: "fu7it0",
-			subtle: "_1vzj51b"
+			strong: "_1v5x2nd",
+			subtle: "_8bn5qo"
 		}
 	}
 });
@@ -866,7 +858,7 @@ const Slot$8 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Badge");
 */
 const Badge = (0, react.forwardRef)(({ asChild, children, className, intent = "neutral", variant = "subtle", ...props }, ref) => {
 	const Comp = asChild ? Slot$8 : "span";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 		asChild: true,
 		...badge$1({
 			intent,
@@ -882,7 +874,7 @@ const Badge = (0, react.forwardRef)(({ asChild, children, className, intent = "n
 Badge.displayName = "@optiaxiom/react/Badge";
 //#endregion
 //#region src/banner/Banner.css.ts
-var banner = require_Flex.recipeRuntime({
+var banner = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
 		color: "fg.default",
@@ -901,13 +893,13 @@ var banner = require_Flex.recipeRuntime({
 		warning: { bg: "bg.warning.subtle" }
 	} }
 });
-var content$3 = require_Flex.recipeRuntime({ base: [{
+var content$3 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_1ejdk8p"] });
-var icon$2 = require_Flex.recipeRuntime({
+}, "_433pc7"] });
+var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "4" }],
 	variants: { intent: {
 		danger: { color: "fg.error.strong" },
@@ -935,24 +927,24 @@ const mapIntentToIcon = {
 */
 const Banner = (0, react.forwardRef)(({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
 	const labelId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		"aria-labelledby": labelId,
 		ref,
 		role: "alert",
 		...banner({ intent }, className),
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Icon, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
 				asChild: true,
 				...icon$2({ intent }),
 				children: (0, react.createElement)(mapIntentToIcon[intent], { filled: true })
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				id: labelId,
 				...content$3(),
 				children
 			}),
-			!!onDismiss && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+			!!onDismiss && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 				appearance: "subtle",
 				"aria-label": "close",
 				color: "fg.default",
@@ -967,16 +959,16 @@ const Banner = (0, react.forwardRef)(({ children, className, intent = "neutral",
 Banner.displayName = "@optiaxiom/react/Banner";
 //#endregion
 //#region src/link/Link.css.ts
-var icon$1 = require_Flex.recipeRuntime({ base: [{
+var icon$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "qvg41x"] });
-var link$1 = require_Flex.recipeRuntime({
-	base: ["iia6tv"],
+}, "_1yj5egt"] });
+var link$1 = require_Tooltip.recipeRuntime({
+	base: ["_197j4oy"],
 	variants: { appearance: {
-		"default": "_1xkz4u5",
-		inverse: "_19ut6jr",
-		subtle: "_16r00v7"
+		"default": "_1mzcx7l",
+		inverse: "_143zbnj",
+		subtle: "g3q2yw"
 	} }
 });
 //#endregion
@@ -990,8 +982,8 @@ const Slot$7 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Link");
 */
 const Link = (0, react.forwardRef)(({ appearance = "default", asChild, children, className, cover, disabled, external, ...props }, ref) => {
 	const Comp = asChild ? Slot$7 : "a";
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...link$1({ appearance }, className),
 		...boxProps,
@@ -1012,10 +1004,10 @@ const Link = (0, react.forwardRef)(({ appearance = "default", asChild, children,
 					href: void 0,
 					role: "link"
 				},
-				children: require_Flex.decorateChildren({
+				children: require_Tooltip.decorateChildren({
 					asChild,
 					children
-				}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, external && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, external && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					asChild: true,
 					...icon$1(),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconArrowUpRightFromSquare, {})
@@ -1034,7 +1026,7 @@ const ListboxGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
 	const groupId = (0, _radix_ui_react_id.useId)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxGroupProvider, {
 		id: groupId,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			"aria-labelledby": groupId,
 			ref,
 			role: "group",
@@ -1046,38 +1038,38 @@ const ListboxGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
 ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
 //#endregion
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = require_Flex.recipeRuntime({ base: "psfv1c" });
-var list$2 = require_Flex.recipeRuntime({ base: [{
+var link = require_Tooltip.recipeRuntime({ base: "r0gj29" });
+var list$2 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "zrout0"] });
+}, "_2ny4a1"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.css.ts
-var item$2 = require_Flex.recipeRuntime({ base: [{
+var item$2 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_17xy4q5"] });
+}, "ljr6fb"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.tsx
 const BreadcrumbNode = (0, react.forwardRef)(({ addonAfter, children, className, ...props }, ref) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...item$2({}, className),
 		...boxProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 			ref,
 			...restProps,
-			children: [children, addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			children: [children, addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				asChild: true,
 				flex: "none",
 				gap: "4",
-				children: require_Flex.fallbackSpan(addonAfter)
+				children: require_Tooltip.fallbackSpan(addonAfter)
 			})]
 		})
 	});
@@ -1092,8 +1084,8 @@ BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
 * @since 1.6.0
 */
 const Breadcrumb = (0, react.forwardRef)(({ className, items, maxItems = 3, ...props }, ref) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		className,
 		...boxProps,
@@ -1101,18 +1093,18 @@ const Breadcrumb = (0, react.forwardRef)(({ className, items, maxItems = 3, ...p
 			"aria-label": "Breadcrumb",
 			ref,
 			...restProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				...list$2(),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BreadcrumbNode, {
 					addonAfter: item.addonAfter,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 						auto: true,
 						content: item.label,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 							asChild: true,
 							truncate: true,
-							children: index === items.length - 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+							children: index === items.length - 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 								"aria-current": index === items.length - 1 ? "page" : void 0,
 								children: item.label
 							}) : item.href ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
@@ -1153,7 +1145,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuTrigger, {
 				appearance: "subtle",
 				"aria-label": "More items",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					asChild: true,
 					color: "fg.tertiary",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
@@ -1165,8 +1157,8 @@ const renderItems = (items, limit = items.length, renderItem) => {
 };
 //#endregion
 //#region src/card/Card.css.ts
-var card = require_Flex.recipeRuntime({ base: [
-	"c4rqry",
+var card = require_Tooltip.recipeRuntime({ base: [
+	"sfqwds",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -1178,7 +1170,7 @@ var card = require_Flex.recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_1yyyfbq"
+	"oitk66"
 ] });
 //#endregion
 //#region src/card/CardContext.ts
@@ -1198,7 +1190,7 @@ const Card = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
 		labelId: (0, _radix_ui_react_id.useId)(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsRoot, {
 			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				ref,
 				...card({}, className),
 				...props,
@@ -1224,7 +1216,7 @@ const CardAction = (0, react.forwardRef)(({ children, ...props }, ref) => {
 CardAction.displayName = "@optiaxiom/react/CardAction";
 //#endregion
 //#region src/card/CardCheckbox.css.ts
-var checkbox = require_Flex.recipeRuntime({ base: ["_25hp1x"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: ["qkn9g0"] });
 //#endregion
 //#region src/card/CardCheckbox.tsx
 /**
@@ -1260,7 +1252,7 @@ CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
 * @group Card
 */
 const CardFooter = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		alignSelf: "stretch",
 		mt: "auto",
 		ref,
@@ -1271,22 +1263,22 @@ const CardFooter = (0, react.forwardRef)(({ children, ...props }, ref) => {
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 //#endregion
 //#region src/card/CardHeader.css.ts
-var addon$2 = require_Flex.recipeRuntime({
+var addon$2 = require_Tooltip.recipeRuntime({
 	base: [{
 		flex: "none",
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_1ldksch",
-		before: "h8hh89"
+		after: "_1lhy4tc",
+		before: "_7qq70r"
 	} }
 });
-var content$2 = require_Flex.recipeRuntime({ base: [{ flex: "1" }, "_1sl72dr"] });
-var header$1 = require_Flex.recipeRuntime({ base: [{
+var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_1g8i1co"] });
+var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_1yg5cos"] });
+}, "mwrh1s"] });
 //#endregion
 //#region src/card/CardHeader.tsx
 /**
@@ -1294,12 +1286,12 @@ var header$1 = require_Flex.recipeRuntime({ base: [{
 */
 const CardHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, children, className, description, lineClamp, truncate, ...props }, ref) => {
 	const { descriptionId, labelId } = useCardContext("@optiaxiom/react/CardHeader");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		ref,
 		...header$1({}, className),
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 				...content$2(),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Heading, {
 					fontSize: "md",
@@ -1309,18 +1301,18 @@ const CardHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, children, c
 					lineClamp,
 					truncate,
 					children
-				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					color: "fg.tertiary",
 					fontSize: "sm",
 					id: descriptionId,
 					children: description
 				})]
 			}),
-			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				...addon$2({ slot: "before" }),
 				children: addonBefore
 			}),
-			addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				...addon$2({ slot: "after" }),
 				children: addonAfter
 			})
@@ -1330,7 +1322,7 @@ const CardHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, children, c
 CardHeader.displayName = "@optiaxiom/react/CardHeader";
 //#endregion
 //#region src/card/CardImage.css.ts
-var image = require_Flex.recipeRuntime({ base: {
+var image = require_Tooltip.recipeRuntime({ base: {
 	objectFit: "cover",
 	rounded: "inherit",
 	size: "full"
@@ -1341,7 +1333,7 @@ var image = require_Flex.recipeRuntime({ base: {
 * @group Card
 */
 const CardImage = (0, react.forwardRef)(({ alt = "", asChild, children, className, src, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		ref,
 		...image({}, className),
@@ -1370,51 +1362,51 @@ const CardLink = (0, react.forwardRef)(({ ...props }, ref) => {
 CardLink.displayName = "@optiaxiom/react/CardLink";
 //#endregion
 //#region src/card/CardPreview.css.ts
-var overlay = require_Flex.recipeRuntime({ base: [{
+var overlay = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "_10opyse"] });
-var preview = require_Flex.recipeRuntime({ base: [{
+}, "_10nlm1v"] });
+var preview = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "erq3tx"] });
+}, "_19ehp6r"] });
 //#endregion
 //#region src/card/CardPreview.tsx
 /**
 * @group Card
 */
 const CardPreview = (0, react.forwardRef)(({ addonBottomLeft, addonBottomRight, addonTopLeft, addonTopRight, children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 		ref,
 		...preview({}, className),
 		...props,
-		children: [children, (addonTopLeft || addonTopRight) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
+		children: [children, (addonTopLeft || addonTopRight) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 			...overlay(),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					alignItems: "center",
 					alignSelf: "start",
 					display: "flex",
 					justifyContent: "space-between",
 					children: addonTopLeft
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					alignItems: "center",
 					alignSelf: "start",
 					display: "flex",
 					justifyContent: "space-between",
 					children: addonTopRight
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, { w: "full" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { w: "full" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					alignItems: "center",
 					alignSelf: "end",
 					display: "flex",
 					justifyContent: "space-between",
 					children: addonBottomLeft
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					alignItems: "center",
 					alignSelf: "end",
 					display: "flex",
@@ -1434,7 +1426,7 @@ function cleanup() {
 }
 //#endregion
 //#region src/code/Code.css.ts
-var code = require_Flex.recipeRuntime({ base: [{ fontWeight: "600" }, "s9c50f"] });
+var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "_2tjm1g"] });
 //#endregion
 //#region src/code/Code.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Code");
@@ -1446,8 +1438,8 @@ const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Code");
 */
 const Code = (0, react.forwardRef)(({ asChild, children, className, ...props }, ref) => {
 	const Comp = asChild ? Slot$6 : "code";
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...code({}, className),
 		...boxProps,
@@ -1473,7 +1465,7 @@ const [DataTableProvider, useDataTableContext] = (0, _radix_ui_react_context.cre
 */
 const DataTable = (0, react.forwardRef)(({ children, table, ...props }, ref) => {
 	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(-1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		flexDirection: "column",
 		gap: "8",
 		maxH: "full",
@@ -1491,25 +1483,25 @@ const DataTable = (0, react.forwardRef)(({ children, table, ...props }, ref) =>
 DataTable.displayName = "@optiaxiom/react/DataTable";
 //#endregion
 //#region src/table/Table.css.ts
-var table = require_Flex.recipeRuntime({
+var table = require_Tooltip.recipeRuntime({
 	base: [{
 		color: "fg.default",
 		fontSize: "md",
 		w: "full"
-	}, "ibq4k7"],
+	}, "bk3ba"],
 	variants: { layout: {
-		auto: ["_1b5vayv"],
-		fixed: [{ display: "grid" }, "_1p5t3ir"]
+		auto: ["tqw2al"],
+		fixed: [{ display: "grid" }, "_1aqmo5n"]
 	} }
 });
-var wrapper$1 = require_Flex.recipeRuntime({ base: [{
+var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.default",
 	border: "1",
 	borderColor: "border.tertiary",
 	maxW: "full",
 	overflow: "auto",
 	rounded: "xl"
-}, "ghskoj"] });
+}, "_1tl7pw5"] });
 //#endregion
 //#region src/table/Table.tsx
 /**
@@ -1536,12 +1528,12 @@ var wrapper$1 = require_Flex.recipeRuntime({ base: [{
 * @category data-display
 */
 const Table = (0, react.forwardRef)(({ children, className, layout = "auto", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		ref,
 		tabIndex: 0,
 		...wrapper$1({}, className),
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			asChild: true,
 			...table({ layout }),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", { children })
@@ -1564,13 +1556,13 @@ const TableAction = (0, react.forwardRef)(({ asChild = true, ...props }, ref) =>
 TableAction.displayName = "@optiaxiom/react/TableAction";
 //#endregion
 //#region src/table/TableBody.css.ts
-var body$1 = require_Flex.recipeRuntime({ base: ["ijreb7"] });
+var body$1 = require_Tooltip.recipeRuntime({ base: ["_99922u"] });
 //#endregion
 //#region src/table/TableBody.tsx
 /**
 * @group Table
 */
-const TableBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+const TableBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 	asChild: true,
 	...body$1({}, className),
 	...props,
@@ -1582,14 +1574,14 @@ const TableBody = (0, react.forwardRef)(({ children, className, ...props }, ref)
 TableBody.displayName = "@optiaxiom/react/TableBody";
 //#endregion
 //#region src/table/TableCell.css.ts
-var cell$1 = require_Flex.recipeRuntime({
+var cell$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		borderColor: "border.tertiary",
 		p: "16"
-	}, "_1cyhimu"],
+	}, "_1uf3pnc"],
 	variants: { pinned: {
-		false: "_1qf3g63",
-		true: "ebvt7f"
+		false: "ly5p2h",
+		true: "kaxz5a"
 	} }
 });
 //#endregion
@@ -1598,7 +1590,7 @@ var cell$1 = require_Flex.recipeRuntime({
 * @group Table
 */
 const TableCell = (0, react.forwardRef)(({ children, className, colSpan, pinned = false, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		"data-pinned": pinned ? "" : void 0,
 		...cell$1({ pinned }, className),
@@ -1613,16 +1605,16 @@ const TableCell = (0, react.forwardRef)(({ children, className, colSpan, pinned
 TableCell.displayName = "@optiaxiom/react/TableCell";
 //#endregion
 //#region src/table/TableHeader.css.ts
-var header = require_Flex.recipeRuntime({ variants: { pinned: {
+var header = require_Tooltip.recipeRuntime({ variants: { pinned: {
 	false: {},
-	true: "_1t1b08e"
+	true: "_1760k9o"
 } } });
 //#endregion
 //#region src/table/TableHeader.tsx
 /**
 * @group Table
 */
-const TableHeader = (0, react.forwardRef)(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+const TableHeader = (0, react.forwardRef)(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 	asChild: true,
 	...header({ pinned }, className),
 	...props,
@@ -1634,13 +1626,13 @@ const TableHeader = (0, react.forwardRef)(({ children, className, pinned, ...pro
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 //#endregion
 //#region src/table/TableRow.css.ts
-var row = require_Flex.recipeRuntime({ base: [
-	"dqgo6g",
+var row = require_Tooltip.recipeRuntime({ base: [
+	"bvfwsx",
 	{
 		transition: "colors",
 		w: "full"
 	},
-	"q4fo5c"
+	"_1kb6qkr"
 ] });
 //#endregion
 //#region src/table/TableRow.tsx
@@ -1649,7 +1641,7 @@ var row = require_Flex.recipeRuntime({ base: [
 */
 const TableRow = (0, react.forwardRef)(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsRoot, {
 	asChild: true,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...row({}, className),
 		...props,
@@ -1711,38 +1703,38 @@ const DataTableAction = (0, react.forwardRef)(({ onKeyDown, onPointerDown, prima
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 //#endregion
 //#region src/data-table/DataTableBody.css.ts
-var cell = require_Flex.recipeRuntime({
+var cell = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_1cfwgwb"],
+	}, "_1y9c0cj"],
 	variants: {
 		pinned: {
-			left: "_9d3y0d",
-			right: "poeepq"
+			left: "_1euunpd",
+			right: "_1g1v8m7"
 		},
 		pinnedType: {
-			body: "w5zeci",
+			body: "_16upd73",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_18ky3vj"
+			true: "_6pa6eg"
 		}
 	}
 });
-var cellOffsetVar = "var(--_1w67ptq)";
-var cellSizeVar = "var(--jd2yxb)";
-var leftTotalSizeVar = "var(--_1xqh099)";
-var rightTotalSizeVar = "var(--_1ynalvq)";
-var root$1 = require_Flex.recipeRuntime({ base: [{
+var cellOffsetVar = "var(--b7bu1b)";
+var cellSizeVar = "var(--w0oxb8)";
+var leftTotalSizeVar = "var(--fmhmel)";
+var rightTotalSizeVar = "var(--_9auf4w)";
+var root$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "f6kdjl"] });
-var totalSizeVar = "var(--a3tgfn)";
+}, "ydmn1f"] });
+var totalSizeVar = "var(--_1ah08s6)";
 //#endregion
 //#region src/data-table/DataTableRow.tsx
 const DataTableRow = (0, react.forwardRef)(({ children, index, row, ...props }, outerRef) => {
@@ -1933,7 +1925,7 @@ const DataTableBody = (0, react.forwardRef)(({ className, estimatedRowHeight = 5
 		getScrollElement: () => scrollContainerRef.current
 	});
 	const virtualRows = rowVirtualizer.getVirtualItems();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		ref,
 		style: {
 			...(0, _vanilla_extract_dynamic.assignInlineVars)({
@@ -2073,18 +2065,18 @@ const DataTableCheckbox = (0, react.forwardRef)(({ children, disabled, visible,
 DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 //#endregion
 //#region src/pagination/Pagination.css.ts
-var button$1 = require_Flex.recipeRuntime({ base: [{ justifyContent: "center" }, "_18bqew7"] });
-var cursor = require_Flex.recipeRuntime({
+var button$1 = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "center" }, "sn5axi"] });
+var cursor = require_Tooltip.recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "_1b3liuv"],
+	}, "_1hw9jfv"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list$1 = require_Flex.recipeRuntime({ base: [{ gap: "2" }, "qlqu1k"] });
+var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "_820z4m"] });
 //#endregion
 //#region src/pagination/Pagination.tsx
 /**
@@ -2115,17 +2107,17 @@ const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageCha
 		cursorRef.current.style.visibility = "visible";
 		setTimeout(() => setAnimation(true), 150);
 	}, [active]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 			"aria-label": "pagination",
 			ref,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				asChild: true,
 				...list$1(),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ButtonRoot, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonRoot, {
 						appearance: "subtle",
 						"aria-hidden": true,
 						asChild: true,
@@ -2135,10 +2127,10 @@ const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageCha
 						...cursor({ animation }),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: active })
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 						content: "Prev",
 						disabled: disabled || active === 1,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 							appearance: "subtle",
 							"aria-label": "Previous page",
 							disabled: disabled || active === 1,
@@ -2146,19 +2138,19 @@ const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageCha
 							onClick: previous
 						})
 					}) }),
-					range.map((page, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: page === "dots" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+					range.map((page, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: page === "dots" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 						alignItems: "stretch",
 						display: "flex",
 						justifyContent: "center",
 						px: "6",
 						py: "8",
 						size: "md",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Icon, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
 							asChild: true,
 							color: disabled ? "fg.disabled" : "fg.default",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
 						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.ButtonRoot, {
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.ButtonRoot, {
 						appearance: "subtle",
 						"aria-current": active === page ? "page" : void 0,
 						disabled,
@@ -2172,10 +2164,10 @@ const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageCha
 							page === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "(last page)" }) : null
 						]
 					}) }, page === "dots" ? `${page}-${index < range.indexOf(active) ? "before" : "after"}` : page)),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 						content: "Next",
 						disabled: disabled || active === total,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 							appearance: "subtle",
 							"aria-label": "Next page",
 							disabled: disabled || active === total,
@@ -2191,8 +2183,8 @@ const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageCha
 Pagination.displayName = "@optiaxiom/react/Pagination";
 //#endregion
 //#region src/data-table/DataTableFooter.css.ts
-var addon$1 = require_Flex.recipeRuntime({
-	base: "h1bjcm",
+var addon$1 = require_Tooltip.recipeRuntime({
+	base: "oe4az9",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}
@@ -2217,7 +2209,7 @@ const DataTableFooter = (0, react.forwardRef)(({ pageSizeOptions = DEFAULT_PAGE_
 	const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
 	const { pagination } = table.getState();
 	const pageSizeId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		alignSelf: "stretch",
 		fontSize: "md",
 		gap: "16",
@@ -2226,11 +2218,11 @@ const DataTableFooter = (0, react.forwardRef)(({ pageSizeOptions = DEFAULT_PAGE_
 		ref,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				...addon$1({ slot: "before" }),
-				children: showPageSizeOptions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+				children: showPageSizeOptions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 					gap: "8",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 						color: "fg.secondary",
 						id: pageSizeId,
 						children: "Page Size"
@@ -2250,7 +2242,7 @@ const DataTableFooter = (0, react.forwardRef)(({ pageSizeOptions = DEFAULT_PAGE_
 				page: pagination.pageIndex + 1,
 				total: table.getPageCount()
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 				...addon$1({ slot: "after" }),
 				children: table.getRowCount() > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					pagination.pageIndex * pagination.pageSize + 1,
@@ -2273,7 +2265,7 @@ DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
 */
 const DataTableLabel = (0, react.forwardRef)((props, ref) => {
 	const { labelId } = require_Flex.useDataTableRowContext("@optiaxiom/react/DataTableLabel");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		id: labelId,
 		ref,
 		...props
@@ -2282,10 +2274,10 @@ const DataTableLabel = (0, react.forwardRef)((props, ref) => {
 DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
 //#endregion
 //#region src/date-input/DateInput.css.ts
-var clear$1 = require_Flex.recipeRuntime({ base: [{ size: "sm" }, "_1l6g3ko"] });
-var date = require_Flex.recipeRuntime({ base: "_1fa3rr3" });
-var input$2 = require_Flex.recipeRuntime({ base: "_1fot00p" });
-var picker = require_Flex.recipeRuntime({ base: "_1narfjg" });
+var clear$1 = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "x0ut72"] });
+var date = require_Tooltip.recipeRuntime({ base: "g3s9xe" });
+var input$2 = require_Tooltip.recipeRuntime({ base: "mp17r2" });
+var picker = require_Tooltip.recipeRuntime({ base: "hwwciz" });
 //#endregion
 //#region src/date-input/DateInput.tsx
 /**
@@ -2324,7 +2316,7 @@ const DateInput = (0, react.forwardRef)(({ className, disabled, holiday, max: ma
 		onOpenChange: setOpen,
 		open: !disabled && open,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverAnchor, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Input, {
-			addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+			addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 				appearance: "subtle",
 				"aria-label": "Clear",
 				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
@@ -2408,7 +2400,7 @@ const DateInput = (0, react.forwardRef)(({ className, disabled, holiday, max: ma
 					value: instant,
 					weekend
 				}),
-				type === "datetime-local" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+				type === "datetime-local" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 					flex: "none",
 					justifyContent: "center",
 					onClick: () => setOpen(false),
@@ -2478,7 +2470,7 @@ function DateRangePicker({ children, defaultOpen = false, defaultValue = null, d
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 //#endregion
 //#region src/date-range-picker/DateRangePickerContent.css.ts
-var panels = require_Flex.recipeRuntime({ base: [{
+var panels = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "stretch",
 	gap: "0"
 }] });
@@ -2502,7 +2494,7 @@ const DateRangePickerContent = (0, react.forwardRef)(({ addonAfter, addonBefore,
 				id: labelId,
 				children: ariaLabel || "Calendar"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 				...panels(),
 				children: [
 					addonBefore,
@@ -2535,21 +2527,22 @@ const DateRangePickerContent = (0, react.forwardRef)(({ addonAfter, addonBefore,
 DateRangePickerContent.displayName = "@optiaxiom/react/DateRangePickerContent";
 //#endregion
 //#region src/date-range-picker/DateRangePickerTrigger.tsx
-const dateFormatter = new Intl.DateTimeFormat(void 0, {
+const dateFormatterFor = require_Flex.memoize((locale) => new Intl.DateTimeFormat(locale, {
 	day: "numeric",
 	month: "short",
 	year: "numeric"
-});
+}));
 /**
 * @group DateRangePicker
 * @extends Button
 */
 const DateRangePickerTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy, children, formatRange, placeholder = "Pick a date", ...props }, outerRef) => {
 	const { disabled, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerTrigger");
+	const { locale } = require_Flex.useLocaleContext("@optiaxiom/react/DateRangePickerTrigger");
 	const id = (0, _radix_ui_react_id.useId)();
 	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, triggerRef);
 	const labelId = require_Flex.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
-	const formatter = formatRange ? { formatRange } : dateFormatter;
+	const formatter = formatRange ? { formatRange } : dateFormatterFor(locale);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverTrigger, {
 		"aria-labelledby": labelId,
 		disabled,
@@ -2557,7 +2550,7 @@ const DateRangePickerTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaL
 		id,
 		ref,
 		...props,
-		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			color: "fg.tertiary",
 			children: placeholder
 		}))
@@ -2599,7 +2592,7 @@ const Disclosure = (0, react.forwardRef)(({ asChild, children, defaultOpen = fal
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureProvider, {
 		open,
 		setOpen,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			asChild: true,
 			color: "fg.default",
 			fontSize: "md",
@@ -2617,11 +2610,11 @@ const Disclosure = (0, react.forwardRef)(({ asChild, children, defaultOpen = fal
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 //#endregion
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = require_Flex.recipeRuntime({ base: ["b3wrfv"] });
-var outer = require_Flex.recipeRuntime({
-	base: [{ display: "grid" }, "_15vmpad"],
+var inner = require_Tooltip.recipeRuntime({ base: ["_1k2d1bp"] });
+var outer = require_Tooltip.recipeRuntime({
+	base: [{ display: "grid" }, "_1p530qk"],
 	variants: { scale: {
-		false: "ng5xb0",
+		false: "_1dpcd8f",
 		true: {}
 	} }
 });
@@ -2636,21 +2629,21 @@ const DisclosureContent = (0, react.forwardRef)(({ children, hiddenUntilFound, .
 	(0, react.useEffect)(() => {
 		if (skipAnimations) requestAnimationFrame(() => setSkipAnimations(false));
 	}, [skipAnimations]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.TransitionGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
 		forceMount: hiddenUntilFound,
 		open,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Transition, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Transition, {
 			"data-side": "bottom",
 			skipAnimations,
 			type: "pop",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				...outer({ scale: Boolean("data-transition-scale" in props && props["data-transition-scale"]) }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					asChild: true,
 					...inner(),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Content, {
 						forceMount: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 							pb: "8",
 							pt: "4",
 							ref,
@@ -2666,25 +2659,25 @@ const DisclosureContent = (0, react.forwardRef)(({ children, hiddenUntilFound, .
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 //#endregion
 //#region src/disclosure/DisclosureTrigger.css.ts
-var icon = require_Flex.recipeRuntime({ base: [{
+var icon = require_Tooltip.recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "_14vvjq2"] });
-var root = require_Flex.recipeRuntime({ base: [{
+}, "_1a7vt3g"] });
+var root = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "wtgdse"] });
-var trigger$1 = require_Flex.recipeRuntime({ base: [{
+}, "_1jh7x2o"] });
+var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
 	gap: "4",
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "bcdf1d"] });
+}, "_4691jt"] });
 //#endregion
 //#region src/disclosure/DisclosureTrigger.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/DisclosureTrigger");
@@ -2701,29 +2694,29 @@ const DisclosureTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asCh
 			asChild: true,
 			children
 		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		ref,
 		...root({}, className),
 		...props,
 		children: [
 			addonBefore,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				asChild: true,
 				...trigger$1(),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Cover, {
 					asChild: true,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Trigger, { children: [
-						chevronPosition === "start" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+						chevronPosition === "start" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 							asChild: true,
 							...icon(),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 							flex: "1",
 							overflow: "hidden",
 							children
 						}),
-						chevronPosition === "end" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+						chevronPosition === "end" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 							asChild: true,
 							...icon(),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {})
@@ -2798,11 +2791,11 @@ DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxIte
 */
 const DropdownMenuContent = (0, react.forwardRef)(({ align = "start", children, loading, ...props }, ref) => {
 	const { open, presence, setPresence } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuContent");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.TransitionGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
 		onPresenceChange: setPresence,
 		open,
 		presence,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Portal, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ModalListbox, {
 				asChild: true,
@@ -2816,12 +2809,12 @@ const DropdownMenuContent = (0, react.forwardRef)(({ align = "start", children,
 					},
 					ref,
 					sideOffset: 4,
-					children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+					children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 						"aria-hidden": true,
 						display: "flex",
 						justifyContent: "center",
 						p: "16",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Spinner, {})
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Spinner, {})
 					}) : children
 				})
 			})
@@ -2835,7 +2828,7 @@ DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
 * @group DropdownMenu
 */
 const DropdownMenuGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		ref,
 		...props,
@@ -2874,7 +2867,7 @@ DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
 * @group DropdownMenu
 */
 const DropdownMenuLabel = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		color: "fg.tertiary",
 		fontFamily: "mono",
@@ -2942,10 +2935,10 @@ DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
 */
 const DropdownMenuSubContent = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
 	const { open, setPresence } = useDropdownMenuSubContext("@optiaxiom/react/DropdownMenuSubContent");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.TransitionGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
 		onPresenceChange: setPresence,
 		open,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Portal, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ModalListbox, {
 				asChild: true,
@@ -3008,7 +3001,7 @@ DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 * @group Button
 */
 const EllipsisMenuButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {}),
 		iconPosition: "end",
 		ref,
@@ -3025,11 +3018,11 @@ EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 const FieldLabel = (0, react.forwardRef)(({ children, info, inputId: inputIdProp, labelId: labelIdProp, required, ...props }, ref) => {
 	const inputId = (0, _radix_ui_react_id.useId)(inputIdProp);
 	const labelId = (0, _radix_ui_react_id.useId)(labelIdProp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		gap: "4",
 		ref,
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 			alignItems: "center",
 			asChild: true,
 			color: "fg.secondary",
@@ -3040,7 +3033,7 @@ const FieldLabel = (0, react.forwardRef)(({ children, info, inputId: inputIdProp
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_label.Root, {
 				htmlFor: inputId,
 				id: labelId,
-				children: [children, required && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+				children: [children, required && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 					"aria-hidden": "true",
 					asChild: true,
 					color: "fg.error",
@@ -3048,16 +3041,16 @@ const FieldLabel = (0, react.forwardRef)(({ children, info, inputId: inputIdProp
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "*" })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "Required" })] })]
 			})
-		}), info && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
+		}), info && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 			content: info,
 			delayDuration: 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 				"aria-label": "Information hover",
 				bg: "transparent",
 				border: "0",
 				color: "fg.secondary",
 				h: "2xs",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					asChild: true,
 					flex: "initial",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCircleQuestion, {})
@@ -3090,7 +3083,7 @@ const Field = (0, react.forwardRef)(({ children, description, error, info, input
 	const descriptionId = (0, _radix_ui_react_id.useId)();
 	const errorId = (0, _radix_ui_react_id.useId)();
 	const labelId = (0, _radix_ui_react_id.useId)(labelIdProp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		flexDirection: "column",
 		gap: "4",
 		ref,
@@ -3111,26 +3104,26 @@ const Field = (0, react.forwardRef)(({ children, description, error, info, input
 				labelId: label ? labelId : void 0,
 				children
 			}),
-			error && error !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+			error && error !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 				alignItems: "start",
 				color: "fg.error",
 				fontSize: "sm",
 				gap: "4",
 				id: errorId,
 				role: "alert",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 					asChild: true,
 					flex: "none",
 					size: "16",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconTriangleExclamation, { "aria-label": "Error" })
 				}), error]
 			}),
-			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				color: "fg.tertiary",
 				fontSize: "sm",
 				id: descriptionId,
-				children: require_Flex.fallbackSpan(description)
+				children: require_Tooltip.fallbackSpan(description)
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SuggestionAlert, {})
 		]
@@ -3146,7 +3139,7 @@ Field.displayName = "@optiaxiom/react/Field";
 * @category layout
 */
 const Grid = (0, react.forwardRef)(({ display = "grid", gap = "16", gridTemplateColumns = "1", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		display,
 		gap,
 		gridTemplateColumns,
@@ -3157,8 +3150,8 @@ const Grid = (0, react.forwardRef)(({ display = "grid", gap = "16", gridTemplate
 Grid.displayName = "@optiaxiom/react/Grid";
 //#endregion
 //#region src/indicator/Indicator.css.ts
-var badge = require_Flex.recipeRuntime({
-	base: "_1cgsdrr",
+var badge = require_Tooltip.recipeRuntime({
+	base: "_3k76ux",
 	variants: {
 		offset: {
 			false: {
@@ -3168,7 +3161,7 @@ var badge = require_Flex.recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "ducjvd"]
+			}, "_16bmf03"]
 		},
 		ping: {
 			false: {},
@@ -3176,32 +3169,32 @@ var badge = require_Flex.recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_1n83vf2"]
+			}, "_1l5wok1"]
 		}
 	}
 });
-var floating = require_Flex.recipeRuntime({
+var floating = require_Tooltip.recipeRuntime({
 	base: [{
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1qmrt28"],
+	}, "_1txcs0q"],
 	variants: {
 		offset: {
-			false: "o1eudb",
+			false: "f7sfad",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_1jv0ihl",
-			"top-right": "_1gql8r0"
+			"bottom-right": "gwqfia",
+			"top-right": "_1o7x7e7"
 		}
 	}
 });
-var indicator$2 = require_Flex.recipeRuntime({ base: [{
+var indicator$2 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "ljpjiv"] });
+}, "_5ocrso"] });
 //#endregion
 //#region src/indicator/Indicator.tsx
 const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator");
@@ -3213,11 +3206,11 @@ const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator"
 * @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_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 		ref,
 		...indicator$2({}, className),
 		...props,
-		children: [children, !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
+		children: [children, !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 			...floating({
 				offset,
 				position
@@ -3247,13 +3240,13 @@ const Indicator = (0, react.forwardRef)(({ asChild, children, className, content
 Indicator.displayName = "@optiaxiom/react/Indicator";
 //#endregion
 //#region src/kbd/Kbd.css.ts
-var kbd = require_Flex.recipeRuntime({ base: {
+var kbd = require_Tooltip.recipeRuntime({ base: {
 	color: "fg.secondary",
 	display: "inline-flex",
 	gap: "2",
 	whiteSpace: "nowrap"
 } });
-var key = require_Flex.recipeRuntime({
+var key = require_Tooltip.recipeRuntime({
 	base: {
 		alignItems: "center",
 		display: "inline-flex",
@@ -3268,7 +3261,7 @@ var key = require_Flex.recipeRuntime({
 			borderB: "2",
 			borderColor: "border.secondary",
 			rounded: "sm"
-		}, "wvuhlq"],
+		}, "a3ee1r"],
 		subtle: {}
 	} }
 });
@@ -3299,19 +3292,19 @@ const mapModifierToCode = {
 * @extends Code
 */
 const Kbd = (0, react.forwardRef)(({ children, className, modifiers, variant = "outline", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.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_Flex.Box, {
+			children: [modifiers && (Array.isArray(modifiers) ? modifiers : [modifiers]).map((key$1) => key$1 in mapModifierToCode[platform] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.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_Flex.Box, {
+			}, key$1)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				...key({ variant }),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children })
@@ -3322,8 +3315,8 @@ const Kbd = (0, react.forwardRef)(({ children, className, modifiers, variant = "
 Kbd.displayName = "@optiaxiom/react/Kbd";
 //#endregion
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = require_Flex.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1d84aab"] });
-var content$1 = require_Flex.recipeRuntime({
+var button = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1onbnct"] });
+var content$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		fontSize: "sm",
 		transition: "all"
@@ -3333,7 +3326,7 @@ var content$1 = require_Flex.recipeRuntime({
 		true: { h: "16" }
 	} }
 });
-var label$1 = require_Flex.recipeRuntime({
+var label$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		color: "fg.tertiary",
 		cursor: "pointer",
@@ -3360,31 +3353,31 @@ const LabelMenuButton = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelled
 	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_Flex.ButtonRoot, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.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_Flex.Group, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 			flexDirection: "column",
 			gap: "0",
 			overflow: "hidden",
 			textAlign: "start",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 				asChild: true,
 				id: labelId,
 				truncate: true,
 				...label$1({ filled }),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_label.Label, { children: label })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 				id: valueId,
 				truncate: true,
 				...content$1({ filled }),
 				children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "\xA0" })
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ButtonAddon, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonAddon, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconAngleDown, {})
 		})]
@@ -3396,7 +3389,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 const [SidebarProvider, useSidebarContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Sidebar");
 //#endregion
 //#region src/nav/Nav.css.ts
-var nav$1 = require_Flex.recipeRuntime({ base: [{
+var nav$1 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.default",
 	flex: "1",
 	flexDirection: "column",
@@ -3404,7 +3397,7 @@ var nav$1 = require_Flex.recipeRuntime({ base: [{
 	overflow: "hidden",
 	pb: "8",
 	pt: "16"
-}, "_1e5w2pf"] });
+}, "_1361jgn"] });
 //#endregion
 //#region src/nav/Nav.tsx
 /**
@@ -3415,14 +3408,14 @@ var nav$1 = require_Flex.recipeRuntime({ base: [{
 */
 const Nav = (0, react.forwardRef)(({ children, ...props }, ref) => {
 	const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		flexDirection: "column",
 		gap: "16",
 		h: "full",
 		ref,
 		w: "fit",
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			asChild: true,
 			id: navId,
 			w: expanded ? "224" : "56",
@@ -3437,7 +3430,7 @@ const Nav = (0, react.forwardRef)(({ children, ...props }, ref) => {
 Nav.displayName = "@optiaxiom/react/Nav";
 //#endregion
 //#region src/nav/NavAccountItem.css.ts
-var item$1 = require_Flex.recipeRuntime({
+var item$1 = require_Tooltip.recipeRuntime({
 	base: {
 		flex: "1",
 		fontSize: "md",
@@ -3446,8 +3439,8 @@ var item$1 = require_Flex.recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "dhddyq",
-		true: "v8d59z"
+		false: "cimhxn",
+		true: "z6vval"
 	} }
 });
 //#endregion
@@ -3457,12 +3450,12 @@ var item$1 = require_Flex.recipeRuntime({
 */
 const NavAccountItem = (0, react.forwardRef)(({ name, organization, src, ...props }, ref) => {
 	const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		asChild: true,
 		flexDirection: "column",
 		gap: "16",
 		my: "8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			asChild: true,
 			gap: "8",
 			p: "4",
@@ -3477,25 +3470,25 @@ const NavAccountItem = (0, react.forwardRef)(({ name, organization, src, ...prop
 					name,
 					rounded: "sm",
 					src
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 					...item$1({ expanded: Boolean(expanded) }),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 						flex: "1",
 						flexDirection: "column",
 						gap: "0",
 						overflowX: "hidden",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 							color: "fg.default",
 							fontWeight: "500",
 							truncate: true,
 							children: name
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 							color: "fg.tertiary",
 							fontSize: "sm",
 							truncate: true,
 							children: organization
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 						asChild: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
 					})]
@@ -3507,7 +3500,7 @@ const NavAccountItem = (0, react.forwardRef)(({ name, organization, src, ...prop
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 //#endregion
 //#region src/nav/NavBody.css.ts
-var body = require_Flex.recipeRuntime({
+var body = require_Tooltip.recipeRuntime({
 	base: [{
 		flex: "1",
 		flexDirection: "column",
@@ -3529,7 +3522,7 @@ var body = require_Flex.recipeRuntime({
 */
 const NavBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
 	const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		px: spacing,
 		ref,
 		...body({ expanded }, className),
@@ -3545,7 +3538,7 @@ NavBody.displayName = "@optiaxiom/react/NavBody";
 */
 const NavFooter = (0, react.forwardRef)(({ children, ...props }, ref) => {
 	const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		flexDirection: "column",
 		gap: "8",
 		mt: "auto",
@@ -3572,7 +3565,7 @@ const [NavGroupProvider, useNavGroupContext] = (0, _radix_ui_react_context.creat
 */
 const NavGroup = (0, react.forwardRef)(({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
 	const groupId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		asChild: true,
 		flexDirection: "column",
 		gap: "16",
@@ -3641,12 +3634,12 @@ const NavGroupTrigger = (0, react.forwardRef)(({ children, ...props }, ref) => {
 		ref,
 		w: "auto",
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 			fontFamily: "mono",
 			textTransform: "uppercase",
 			children
 		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		alignItems: "center",
 		color: "fg.tertiary",
 		display: "flex",
@@ -3672,7 +3665,7 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 */
 const NavHeader = (0, react.forwardRef)(({ children, ...props }, ref) => {
 	const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		flexDirection: "column",
 		gap: "16",
 		px: spacing,
@@ -3684,7 +3677,7 @@ const NavHeader = (0, react.forwardRef)(({ children, ...props }, ref) => {
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 //#endregion
 //#region src/nav/NavItem.css.ts
-var item = require_Flex.recipeRuntime({ base: [{
+var item = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",
 	fontSize: "md",
@@ -3694,8 +3687,8 @@ var item = require_Flex.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	transition: "colors"
-}, "_1y66gq6"] });
-var label = require_Flex.recipeRuntime({
+}, "_1f7stcr"] });
+var label = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
@@ -3704,10 +3697,10 @@ var label = require_Flex.recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_19knboo"],
+	}, "hkdxp2"],
 	variants: { expanded: {
-		false: "_1gv81tp",
-		true: "frc80v"
+		false: "_1x1wd04",
+		true: "rpmn2a"
 	} }
 });
 //#endregion
@@ -3718,48 +3711,48 @@ const Slot$3 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/NavItem");
 */
 const NavItem = (0, react.forwardRef)(({ active, addonAfter, asChild, children, className, disabled, icon, ...props }, ref) => {
 	const Comp = asChild ? Slot$3 : "button";
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
 	const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
 	let tooltip = null;
-	children = require_Flex.decorateChildren({
+	children = require_Tooltip.decorateChildren({
 		asChild,
 		children
 	}, (children) => {
 		tooltip = children;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			display: "grid",
 			flex: "none",
 			placeItems: "center",
 			size: "lg",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Icon, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
 				asChild: true,
 				children: icon
 			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			flex: "none",
 			size: "12"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 			...label({ expanded: Boolean(expanded) }),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Text, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
 				truncate: true,
 				children
-			}), addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			}), addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				display: "flex",
 				flex: "none",
-				children: require_Flex.fallbackSpan(addonAfter)
+				children: require_Tooltip.fallbackSpan(addonAfter)
 			})]
 		})] });
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		asChild: true,
 		flexDirection: "column",
 		gap: "16",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 			content: props["aria-label"] || tooltip,
 			disabled: expanded,
 			side: "right",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				"data-disabled": disabled ? "" : void 0,
 				"data-state": active ? "active" : void 0,
@@ -3782,7 +3775,7 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 * @group Sidebar
 */
 const NavList = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		display: "flex",
 		flexDirection: "column",
@@ -3812,20 +3805,20 @@ const NavSeparator = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, r
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 //#endregion
 //#region src/progress/Progress.css.ts
-var indicator$1 = require_Flex.recipeRuntime({
+var indicator$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		h: "full",
 		rounded: "full",
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_12dzzkn",
+		danger: "kwnotc",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "cvg204",
+		style: "_63mtwy",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -3833,11 +3826,11 @@ var indicator$1 = require_Flex.recipeRuntime({
 		] }
 	}]
 });
-var progress = require_Flex.recipeRuntime({ base: [{
+var progress = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_16y2uwl"] });
+}, "_1enlru8"] });
 //#endregion
 //#region src/progress/Progress.tsx
 /**
@@ -3850,13 +3843,13 @@ var progress = require_Flex.recipeRuntime({ base: [{
 const Progress = (0, react.forwardRef)(({ className, intent = "primary", ...props }, ref) => {
 	const widthPercentage = (props.value ?? 0) / (props.max ?? DEFAULT_MAX) * 100;
 	const isValidValue = typeof props.value !== "undefined" && props.value !== null && props.value >= 0 && props.value <= (props.max ?? DEFAULT_MAX);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...progress({}, className),
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_progress.Root, {
 			ref,
-			children: isValidValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+			children: isValidValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 				asChild: true,
 				style: {
 					backgroundSize: `${1e4 / widthPercentage}%`,
@@ -3872,24 +3865,24 @@ const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 //#endregion
 //#region src/radio/Radio.css.ts
-var control = require_Flex.recipeRuntime({
+var control = require_Tooltip.recipeRuntime({
 	base: [{
 		bg: "bg.default",
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "_1qsfw36"],
+	}, "_1q3of0z"],
 	variants: { shift: {
 		false: {},
-		true: "il3jz3"
+		true: "_1o0tozf"
 	} }
 });
-var indicator = require_Flex.recipeRuntime({ base: [{
+var indicator = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_1g4i5u1"] });
-var input$1 = require_Flex.recipeRuntime({ base: "rs2z3g" });
-var radio = require_Flex.recipeRuntime({ base: "x54swr" });
+}, "_1elo3je"] });
+var input$1 = require_Tooltip.recipeRuntime({ base: "_3ehwj8" });
+var radio = require_Tooltip.recipeRuntime({ base: "_1josj1t" });
 //#endregion
 //#region src/radio/RadioGroupContext.ts
 const [RadioGroupProvider, useRadioGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/RadioGroup", null);
@@ -3902,7 +3895,7 @@ const [RadioGroupProvider, useRadioGroupContext] = (0, _radix_ui_react_context.c
 * @group RadioGroup
 */
 const Radio = (0, react.forwardRef)(({ children, className, description, disabled, name, onBlur, onChange, ...props }, ref) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
 	const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
 	if (groupContext) {
 		if ("checked" in props) throw new Error(`Cannot use \`checked\` prop when \`Radio\` is used within \`RadioGroup\``);
@@ -3926,7 +3919,7 @@ const Radio = (0, react.forwardRef)(({ children, className, description, disable
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputControl, {
 				...control({ shift: Boolean(children) }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, { ...indicator() })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { ...indicator() })
 			}),
 			(children || description) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.ToggleInputContent, { children: [children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputLabel, { children }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputDescription, { children: description })] })
 		]
@@ -3948,7 +3941,7 @@ const mapGapToOrientation = {
 * @since 0.1.0
 */
 const RadioGroup = (0, react.forwardRef)(({ children, defaultValue, disabled, flexDirection = "column", name, onBlur, onChange, onValueChange, value, ...props }, ref) => {
-	const { track } = require_Flex.useSurface("property") ?? {};
+	const { track } = require_Tooltip.useSurface("property") ?? {};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioGroupProvider, {
 		defaultValue,
 		disabled,
@@ -3964,10 +3957,10 @@ const RadioGroup = (0, react.forwardRef)(({ children, defaultValue, disabled, fl
 			});
 		},
 		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			flexDirection,
 			fontSize: "md",
-			gap: require_Flex.mapResponsiveValue(flexDirection, (value) => mapGapToOrientation[value]),
+			gap: require_Tooltip.mapResponsiveValue(flexDirection, (value) => mapGapToOrientation[value]),
 			ref,
 			...props,
 			children
@@ -3976,165 +3969,10 @@ const RadioGroup = (0, react.forwardRef)(({ children, defaultValue, disabled, fl
 });
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 //#endregion
-//#region src/toggle-button/ToggleButton.tsx
-/**
-* `ToggleButton` component represents a button that can be toggled on or off.
-*
-* @category actions
-* @since 0.1.0
-* @extends Button
-*/
-const ToggleButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle.Root, {
-			ref,
-			children
-		})
-	});
-});
-ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
-//#endregion
-//#region src/rich-text-editor/RichTextEditor.css.ts
-var editor = require_Flex.recipeRuntime({ base: [
-	{
-		bg: "bg.default",
-		border: "1",
-		display: "flex",
-		flexDirection: "column",
-		rounded: "md"
-	},
-	"_1wp79t9",
-	"gxexim"
-] });
-var toolbar = require_Flex.recipeRuntime({ base: [{
-	alignItems: "center",
-	borderB: "1",
-	borderColor: "border.tertiary",
-	gap: "2",
-	px: "8",
-	py: "6"
-}, "_1cfyff1"] });
-//#endregion
-//#region src/rich-text-editor/RichTextEditor.tsx
-/**
-* Rich text editor with a toolbar for basic formatting (bold, italic, lists, links).
-*
-* @category form
-* @experimental
-* @since 1.10.0
-*/
-const RichTextEditor = (0, react.forwardRef)(({ "aria-label": ariaLabel = "Rich text editor", "aria-labelledby": ariaLabelledBy, className, defaultValue, onValueChange, placeholder, readOnly, value, ...props }, ref) => {
-	const editor$1 = (0, _tiptap_react.useEditor)({
-		content: value ?? defaultValue ?? "",
-		editable: !readOnly,
-		editorProps: { attributes: {
-			role: "textbox",
-			...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : { "aria-label": ariaLabel }
-		} },
-		extensions: [
-			_tiptap_starter_kit.default,
-			_tiptap_extension_link.default.configure({ openOnClick: false }),
-			_tiptap_extension_placeholder.default.configure({ placeholder: placeholder ?? "" }),
-			_tiptap_extension_table.Table.configure({ resizable: false }),
-			_tiptap_extension_table_row.TableRow,
-			_tiptap_extension_table_header.TableHeader,
-			_tiptap_extension_table_cell.TableCell
-		],
-		onUpdate: ({ editor }) => {
-			onValueChange?.(editor.getHTML());
-		}
-	});
-	(0, react.useEffect)(() => {
-		if (editor$1 && editor$1.isEditable === readOnly) editor$1.setEditable(!readOnly);
-	}, [editor$1, readOnly]);
-	(0, react.useEffect)(() => {
-		if (editor$1 && value !== void 0 && value !== editor$1.getHTML()) editor$1.commands.setContent(value, false);
-	}, [editor$1, value]);
-	if (!editor$1) return null;
-	const setLink = () => {
-		const previous = editor$1.getAttributes("link").href;
-		const url = window.prompt("Enter URL", previous ?? "");
-		if (url === null) return;
-		if (url === "") {
-			editor$1.chain().focus().extendMarkRange("link").unsetLink().run();
-			return;
-		}
-		editor$1.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Box, {
-		ref,
-		...editor({}, className),
-		...props,
-		children: [!readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
-			...toolbar(),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
-					content: "Bold",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
-						appearance: "subtle",
-						"aria-label": "Bold",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconBold, {}),
-						onPressedChange: () => editor$1.chain().focus().toggleBold().run(),
-						pressed: editor$1.isActive("bold"),
-						size: "sm"
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
-					content: "Italic",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
-						appearance: "subtle",
-						"aria-label": "Italic",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconItalic, {}),
-						onPressedChange: () => editor$1.chain().focus().toggleItalic().run(),
-						pressed: editor$1.isActive("italic"),
-						size: "sm"
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
-					content: "Bullet list",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
-						appearance: "subtle",
-						"aria-label": "Bullet list",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconList, {}),
-						onPressedChange: () => editor$1.chain().focus().toggleBulletList().run(),
-						pressed: editor$1.isActive("bulletList"),
-						size: "sm"
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
-					content: "Numbered list",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
-						appearance: "subtle",
-						"aria-label": "Numbered list",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconListOl, {}),
-						onPressedChange: () => editor$1.chain().focus().toggleOrderedList().run(),
-						pressed: editor$1.isActive("orderedList"),
-						size: "sm"
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Tooltip, {
-					content: "Link",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
-						appearance: "subtle",
-						"aria-label": "Link",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconLink, {}),
-						onClick: setLink,
-						pressed: editor$1.isActive("link"),
-						size: "sm"
-					})
-				})
-			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tiptap_react.EditorContent, { editor: editor$1 })]
-	});
-});
-RichTextEditor.displayName = "@optiaxiom/react/RichTextEditor";
-//#endregion
 //#region src/search-input/SearchInput.css.ts
-var clear = require_Flex.recipeRuntime({ base: [{ size: "sm" }, "u12nqh"] });
-var input = require_Flex.recipeRuntime({ base: "_1a2psxq" });
-var search = require_Flex.recipeRuntime({ base: "_1qrwqsb" });
+var clear = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_17jrtmb"] });
+var input = require_Tooltip.recipeRuntime({ base: "_13edbar" });
+var search = require_Tooltip.recipeRuntime({ base: "_47pl6u" });
 //#endregion
 //#region src/search-input/SearchInput.tsx
 /**
@@ -4154,7 +3992,7 @@ const SearchInput = (0, react.forwardRef)(({ addonBefore, className, onChange, o
 	});
 	const forceValueChange = require_Flex.useObserveValue(innerRef, setValue);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Input, {
-		addonAfter: value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+		addonAfter: value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 			appearance: "subtle",
 			"aria-label": "Clear",
 			icon: value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
@@ -4166,7 +4004,7 @@ const SearchInput = (0, react.forwardRef)(({ addonBefore, className, onChange, o
 			tabIndex: -1,
 			...clear()
 		}),
-		addonBefore: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+		addonBefore: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 			gap: "8",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconSearch, {}), addonBefore]
 		}),
@@ -4199,7 +4037,7 @@ const [SegmentedControlProvider, useSegmentedControlContext] = (0, _radix_ui_rea
 * @since 0.2.0
 */
 const SegmentedControl = (0, react.forwardRef)(({ children, type = "single", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		asChild: true,
 		gap: "0",
 		...props,
@@ -4224,7 +4062,7 @@ const SegmentedControlItem = (0, react.forwardRef)(({ asChild, children, ...prop
 		asChild: true,
 		ref,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 			asChild,
 			children
 		})
@@ -4252,7 +4090,7 @@ const Sidebar = (0, react.forwardRef)(({ children, defaultExpanded = false, expa
 		navId: (0, _radix_ui_react_id.useId)(),
 		onExpandedChange: setExpanded,
 		spacing: "8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			alignItems: "stretch",
 			display: "flex",
 			gap: "0",
@@ -4284,21 +4122,21 @@ const SidebarToggle = (0, react.forwardRef)(({ "aria-label": ariaLabel, children
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 //#endregion
 //#region src/sub-nav/SubNav.css.ts
-var nav = require_Flex.recipeRuntime({ base: [{
+var nav = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.default",
 	flex: "1",
 	flexDirection: "column",
 	gap: "0",
 	overflow: "hidden",
 	py: "16"
-}, "_1crcg9u"] });
+}, "_1oglpom"] });
 //#endregion
 //#region src/sub-nav/SubNav.tsx
 /**
 * @group Sidebar
 */
 const SubNav = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 		borderColor: "border.secondary",
 		borderL: "1",
 		flexDirection: "column",
@@ -4307,7 +4145,7 @@ const SubNav = (0, react.forwardRef)(({ children, ...props }, ref) => {
 		ref,
 		w: "fit",
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			asChild: true,
 			...nav(),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
@@ -4326,7 +4164,7 @@ const SubNav = (0, react.forwardRef)(({ children, ...props }, ref) => {
 SubNav.displayName = "@optiaxiom/react/SubNav";
 //#endregion
 //#region src/tabs/Tabs.css.ts
-var tabs = require_Flex.recipeRuntime({ base: [{ display: "flex" }, "_1vdqjoz"] });
+var tabs = require_Tooltip.recipeRuntime({ base: [{ display: "flex" }, "_1skkho4"] });
 //#endregion
 //#region src/tabs/Tabs.tsx
 /**
@@ -4345,8 +4183,8 @@ var tabs = require_Flex.recipeRuntime({ base: [{ display: "flex" }, "_1vdqjoz"]
 * @category navigation
 */
 const Tabs = (0, react.forwardRef)(({ children, className, onValueChange, ...props }, ref) => {
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	const { track } = require_Flex.useSurface("tab") ?? {};
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	const { track } = require_Tooltip.useSurface("tab") ?? {};
 	const [initialValue] = (0, react.useState)(props.value);
 	(0, react.useEffect)(() => {
 		if (initialValue) track?.({
@@ -4354,7 +4192,7 @@ const Tabs = (0, react.forwardRef)(({ children, className, onValueChange, ...pro
 			name: "viewed"
 		});
 	}, [initialValue, track]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...tabs({}, className),
 		...boxProps,
@@ -4379,7 +4217,7 @@ Tabs.displayName = "@optiaxiom/react/Tabs";
 * @group Tabs
 */
 const TabsContent = (0, react.forwardRef)(({ children, value, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		flex: "1",
 		ref,
@@ -4393,17 +4231,17 @@ const TabsContent = (0, react.forwardRef)(({ children, value, ...props }, ref) =
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 //#endregion
 //#region src/tabs/TabsList.css.ts
-var list = require_Flex.recipeRuntime({ base: [{
+var list = require_Tooltip.recipeRuntime({ base: [{
 	borderColor: "border.tertiary",
 	display: "flex"
-}, "_3b9xds"] });
+}, "e2ajfd"] });
 //#endregion
 //#region src/tabs/TabsList.tsx
 /**
 * @group Tabs
 */
 const TabsList = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...list({}, className),
 		...props,
@@ -4416,15 +4254,15 @@ const TabsList = (0, react.forwardRef)(({ children, className, ...props }, ref)
 TabsList.displayName = "@optiaxiom/react/TabsList";
 //#endregion
 //#region src/tabs/TabsTrigger.css.ts
-var content = require_Flex.recipeRuntime({ base: [{
+var content = require_Tooltip.recipeRuntime({ base: [{
 	gap: "8",
 	justifyContent: ["center", "flex-start"],
 	py: "6",
 	rounded: "sm",
 	transition: "colors"
-}, "_1fw35d5"] });
-var trigger = require_Flex.recipeRuntime({ base: [
-	"_15lfy6n",
+}, "_34p2yp"] });
+var trigger = require_Tooltip.recipeRuntime({ base: [
+	"oeb73p",
 	{
 		flex: ["1", "initial"],
 		fontSize: "md",
@@ -4432,7 +4270,7 @@ var trigger = require_Flex.recipeRuntime({ base: [
 		py: "4",
 		transition: "colors"
 	},
-	"wb3jc4"
+	"svp4e4"
 ] });
 //#endregion
 //#region src/tabs/TabsTrigger.tsx
@@ -4443,8 +4281,8 @@ const Slot$2 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/TabsTrigge
 */
 const TabsTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
 	const Comp = asChild ? Slot$2 : "button";
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		asChild: true,
 		...trigger({}, className),
 		...boxProps,
@@ -4453,10 +4291,10 @@ const TabsTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, c
 			ref,
 			value,
 			...restProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, { children: require_Flex.decorateChildren({
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, { children: require_Tooltip.decorateChildren({
 				asChild,
 				children
-			}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Group, {
+			}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
 				...content(),
 				children: [
 					addonBefore,
@@ -4470,19 +4308,19 @@ const TabsTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, c
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 //#endregion
 //#region src/textarea/Textarea.css.ts
-var addon = require_Flex.recipeRuntime({ base: "_11x5ddr" });
+var addon = require_Tooltip.recipeRuntime({ base: "dm6vpc" });
 //#endregion
 //#region src/textarea/TextareaAutosize.css.ts
-var shadow = require_Flex.recipeRuntime({ base: ["_1iy8ofs", "_1cm7vww"] });
-var textarea = require_Flex.recipeRuntime({
-	base: ["_1iy8ofs", "_1b7um7"],
+var shadow = require_Tooltip.recipeRuntime({ base: ["_1xeufjo", "geyy26"] });
+var textarea = require_Tooltip.recipeRuntime({
+	base: ["_1xeufjo", "_5b01wq"],
 	variants: { resize: {
 		auto: { overflow: "hidden" },
 		none: {},
 		vertical: {}
 	} }
 });
-var wrapper = require_Flex.recipeRuntime({
+var wrapper = require_Tooltip.recipeRuntime({
 	base: {
 		display: "grid",
 		flex: "auto",
@@ -4490,16 +4328,16 @@ var wrapper = require_Flex.recipeRuntime({
 	},
 	variants: {
 		maxRows: {
-			"1": ["j2src9", "_1qjzolw"],
-			"2": ["j2src9", "qdqi7a"],
-			"3": ["j2src9", "xe3lj1"],
-			"4": ["j2src9", "dy77b0"],
-			"5": ["j2src9", "_2jtkgi"]
+			"1": ["_8mjbtl", "ape7m4"],
+			"2": ["_8mjbtl", "_1pe3adi"],
+			"3": ["_8mjbtl", "y243gt"],
+			"4": ["_8mjbtl", "_17h5wua"],
+			"5": ["_8mjbtl", "ec5rsl"]
 		},
 		resize: {
 			auto: {},
 			none: {},
-			vertical: "_1l21hfd"
+			vertical: "_1hcy9v0"
 		}
 	}
 });
@@ -4508,18 +4346,18 @@ var wrapper = require_Flex.recipeRuntime({
 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_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.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_Flex.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
 		...wrapper({
 			maxRows: resize === "auto" ? maxRows : void 0,
 			resize
 		}),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			asChild: true,
 			...textarea({ resize }, className),
 			...boxProps,
@@ -4532,7 +4370,7 @@ const TextareaAutosize = (0, react.forwardRef)(({ asChild, children, className,
 				...restProps,
 				children
 			})
-		}), resize === "auto" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Box, {
+		}), resize === "auto" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 			...shadow({}, className),
 			...boxProps,
 			children: (value ?? "") + " "
@@ -4551,7 +4389,7 @@ const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Textarea");
 */
 const Textarea = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerEvents, asChild, children, className, style, ...props }, ref) => {
 	const Comp = asChild ? Slot : "textarea";
-	const { boxProps, restProps } = require_Flex.extractBoxProps(props);
+	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.InputRoot, {
 		addonPointerEvents,
 		className,
@@ -4561,7 +4399,7 @@ const Textarea = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerE
 		children: [
 			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.InputAddon, {
 				asChild: true,
-				children: require_Flex.fallbackSpan(addonBefore)
+				children: require_Tooltip.fallbackSpan(addonBefore)
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.InputControl, {
 				asChild: true,
@@ -4579,7 +4417,7 @@ const Textarea = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.InputAddon, {
 				...addon(),
-				children: [props.value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Group, {
+				children: [props.value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 					justifyContent: "end",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SuggestionPopover, { disabled: props.disabled })
 				}), addonAfter]
@@ -4605,9 +4443,9 @@ exports.AvatarGroup = AvatarGroup;
 exports.AxiomProvider = AxiomProvider;
 exports.Badge = Badge;
 exports.Banner = Banner;
-exports.Box = require_Flex.Box;
+exports.Box = require_Tooltip.Box;
 exports.Breadcrumb = Breadcrumb;
-exports.Button = require_Flex.Button;
+exports.Button = require_Tooltip.Button;
 exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
 exports.CardAction = CardAction;
@@ -4657,7 +4495,7 @@ exports.Field = Field;
 exports.FieldLabel = FieldLabel;
 exports.Flex = require_Flex.Flex;
 exports.Grid = Grid;
-exports.Group = require_Flex.Group;
+exports.Group = require_Tooltip.Group;
 exports.Heading = require_Flex.Heading;
 exports.Indicator = Indicator;
 exports.Input = require_Flex.Input;
@@ -4702,7 +4540,6 @@ exports.PopoverTrigger = require_Flex.PopoverTrigger;
 exports.Progress = Progress;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
-exports.RichTextEditor = RichTextEditor;
 exports.SearchInput = SearchInput;
 exports.SegmentedControl = SegmentedControl;
 exports.SegmentedControlItem = SegmentedControlItem;
@@ -4713,7 +4550,7 @@ exports.Separator = require_Flex.Separator;
 exports.Sidebar = Sidebar;
 exports.SidebarToggle = SidebarToggle;
 exports.Skeleton = require_Flex.Skeleton;
-exports.Spinner = require_Flex.Spinner;
+exports.Spinner = require_Tooltip.Spinner;
 exports.SubNav = SubNav;
 exports.Switch = require_Flex.Switch;
 exports.Table = Table;
@@ -4727,19 +4564,19 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
-exports.Text = require_Flex.Text;
+exports.Text = require_Tooltip.Text;
 exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.ToastProvider = ToastProvider;
-exports.ToggleButton = ToggleButton;
-exports.Tooltip = require_Flex.Tooltip;
-exports.TooltipContent = require_Flex.TooltipContent;
+exports.ToggleButton = require_ToggleButton.ToggleButton;
+exports.Tooltip = require_Tooltip.Tooltip;
+exports.TooltipContent = require_Tooltip.TooltipContent;
 exports.TooltipProvider = TooltipProvider;
-exports.TooltipRoot = require_Flex.TooltipRoot;
-exports.TooltipTrigger = require_Flex.TooltipTrigger;
-exports.Transition = require_Flex.Transition;
-exports.TransitionGlobalConfig = require_Flex.TransitionGlobalConfig;
-exports.TransitionGroup = require_Flex.TransitionGroup;
+exports.TooltipRoot = require_Tooltip.TooltipRoot;
+exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
+exports.Transition = require_Tooltip.Transition;
+exports.TransitionGlobalConfig = require_Tooltip.TransitionGlobalConfig;
+exports.TransitionGroup = require_Tooltip.TransitionGroup;
 exports.cleanup = cleanup;
 Object.defineProperty(exports, "createToaster", {
 	enumerable: true,
@@ -4747,17 +4584,17 @@ Object.defineProperty(exports, "createToaster", {
 		return _optiaxiom_globals.createToaster;
 	}
 });
-exports.extractBoxProps = require_Flex.extractBoxProps;
+exports.extractBoxProps = require_Tooltip.extractBoxProps;
 Object.defineProperty(exports, "layers", {
 	enumerable: true,
 	get: function() {
 		return layers_css_exports;
 	}
 });
-exports.mapResponsiveValue = require_Flex.mapResponsiveValue;
-exports.normalizeResponsiveValue = require_Flex.normalizeResponsiveValue;
-exports.sprinkles = require_Flex.sprinkles;
-exports.sprinklesMerge = require_Flex.sprinklesMerge;
+exports.mapResponsiveValue = require_Tooltip.mapResponsiveValue;
+exports.normalizeResponsiveValue = require_Tooltip.normalizeResponsiveValue;
+exports.sprinkles = require_Tooltip.sprinkles;
+exports.sprinklesMerge = require_Tooltip.sprinklesMerge;
 Object.defineProperty(exports, "theme", {
 	enumerable: true,
 	get: function() {
@@ -4777,4 +4614,4 @@ Object.defineProperty(exports, "tokens", {
 	}
 });
 exports.useAuthContext = require_Flex.useAuthContext;
-exports.vars = require_Flex.vars;
+exports.vars = require_Tooltip.vars;