@optiaxiom/react 3.2.0 → 3.4.0

package/dist/cjs/index.js

@@ -1,18 +1,18 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-C4pZZRv4.js");
-const require_Flex = require("./Flex-27Pa5zHc.js");
-const require_ToggleButton = require("./ToggleButton-Cc9fdwr7.js");
+const require_Tooltip = require("./Tooltip-DAnP4bRO.js");
+const require_Flex = require("./Flex-RKZIqnbp.js");
+const require_ToggleButton = require("./ToggleButton-CRkHerlj.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/layers.css.ts.vanilla-BdZnAqgW.css");
+require("./assets/layers.css.ts.vanilla-Bgf4mdaV.css");
 let clsx = require("clsx");
 clsx = require_Tooltip.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _optiaxiom_globals = require("@optiaxiom/globals");
-require("./assets/ButtonGroup.css.ts.vanilla-hJyKbxYK.css");
-require("./assets/ButtonRoot.css.ts.vanilla-CcyfuSJA.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
+require("./assets/ButtonRoot.css.ts.vanilla-jlN_cOUc.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");
@@ -22,71 +22,71 @@ 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_Tooltip.__toESM(_radix_ui_react_dialog, 1);
 let use_sync_external_store_shim = require("use-sync-external-store/shim");
-require("./assets/ButtonGroup.css.ts.vanilla-hJyKbxYK.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/DialogFooter.css.ts.vanilla-sCqPYlN3.css");
+require("./assets/DialogFooter.css.ts.vanilla-CgYHznVU.css");
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-require("./assets/ButtonGroup.css.ts.vanilla-hJyKbxYK.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
 let _radix_ui_react_toast = require("@radix-ui/react-toast");
 _radix_ui_react_toast = require_Tooltip.__toESM(_radix_ui_react_toast, 1);
-require("./assets/ToastProvider.css.ts.vanilla-ZX-lxPyx.css");
-require("./assets/Toast.css.ts.vanilla-Bjym43Ho.css");
-require("./assets/ToastTitle.css.ts.vanilla-BcP4VmAw.css");
-require("./assets/Badge.css.ts.vanilla-BYurmn3E.css");
-require("./assets/Banner.css.ts.vanilla-DGJVWnL7.css");
-require("./assets/Cover.css.ts.vanilla-CUSPg6QO.css");
-require("./assets/Link.css.ts.vanilla-DRvYU4Tr.css");
-require("./assets/ButtonGroup.css.ts.vanilla-hJyKbxYK.css");
-require("./assets/ToggleInput.css.ts.vanilla-BF4JLCYy.css");
+require("./assets/ToastProvider.css.ts.vanilla-GGwFOQR-.css");
+require("./assets/Toast.css.ts.vanilla-CRqYx9lt.css");
+require("./assets/ToastTitle.css.ts.vanilla-DSaEV5vr.css");
+require("./assets/Badge.css.ts.vanilla-DigDxXJA.css");
+require("./assets/Banner.css.ts.vanilla-DMZfFXW8.css");
+require("./assets/Cover.css.ts.vanilla-DqEtkjf7.css");
+require("./assets/Link.css.ts.vanilla-B7Z78rg7.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
+require("./assets/ToggleInput.css.ts.vanilla-Btri4xVz.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/Breadcrumb.css.ts.vanilla-BrE6q6Q_.css");
-require("./assets/BreadcrumbNode.css.ts.vanilla-Byt2gwtV.css");
-require("./assets/Card.css.ts.vanilla-CMG_I4-N.css");
-require("./assets/CardCheckbox.css.ts.vanilla-ZMjbCysz.css");
-require("./assets/CardHeader.css.ts.vanilla-Ce8sGTeb.css");
-require("./assets/CardPreview.css.ts.vanilla-BNm_FNzG.css");
-require("./assets/Code.css.ts.vanilla-BGx2FQtX.css");
-require("./assets/Table.css.ts.vanilla-REfO2UJZ.css");
-require("./assets/TableBody.css.ts.vanilla-BY9k29hi.css");
-require("./assets/TableRow.css.ts.vanilla-LHrzTC_I.css");
-require("./assets/TableCell.css.ts.vanilla-D1VISlx3.css");
-require("./assets/TableHeader.css.ts.vanilla-BH-kdOPH.css");
+require("./assets/Breadcrumb.css.ts.vanilla-BLGGPcA3.css");
+require("./assets/BreadcrumbNode.css.ts.vanilla-BVEDIJ0l.css");
+require("./assets/Card.css.ts.vanilla-9xKuIWs1.css");
+require("./assets/CardCheckbox.css.ts.vanilla-BwUsbvyI.css");
+require("./assets/CardHeader.css.ts.vanilla-D79tJ5KH.css");
+require("./assets/CardPreview.css.ts.vanilla-CaCrqvFo.css");
+require("./assets/Code.css.ts.vanilla-Dj3-b8rY.css");
+require("./assets/Table.css.ts.vanilla-DnrVCqfW.css");
+require("./assets/TableBody.css.ts.vanilla-C_aJuAQl.css");
+require("./assets/TableRow.css.ts.vanilla-DSR0XpCH.css");
+require("./assets/TableCell.css.ts.vanilla-wghRn_DY.css");
+require("./assets/TableHeader.css.ts.vanilla-7HQdnYbf.css");
 let _tanstack_react_table = require("@tanstack/react-table");
-require("./assets/DataTableBody.css.ts.vanilla-Ca1_VtLJ.css");
-require("./assets/Pagination.css.ts.vanilla-Cud3m0qu.css");
-require("./assets/DataTableFooter.css.ts.vanilla-3pUy-adv.css");
-require("./assets/DateInput.css.ts.vanilla-jWXqWofp.css");
+require("./assets/DataTableBody.css.ts.vanilla-DPDVzonQ.css");
+require("./assets/Pagination.css.ts.vanilla-BnB-b6J1.css");
+require("./assets/DataTableFooter.css.ts.vanilla-B_59IZtf.css");
+require("./assets/DateInput.css.ts.vanilla-CUeoFi_r.css");
 let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
 _radix_ui_react_collapsible = require_Tooltip.__toESM(_radix_ui_react_collapsible, 1);
-require("./assets/DisclosureContent.css.ts.vanilla-DkEshdaz.css");
-require("./assets/DisclosureTrigger.css.ts.vanilla-RSVhrqC6.css");
+require("./assets/DisclosureContent.css.ts.vanilla-DGCq6qQ_.css");
+require("./assets/DisclosureTrigger.css.ts.vanilla-IitVs4HU.css");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 _radix_ui_react_dropdown_menu = require_Tooltip.__toESM(_radix_ui_react_dropdown_menu, 1);
 let _radix_ui_react_label = require("@radix-ui/react-label");
 _radix_ui_react_label = require_Tooltip.__toESM(_radix_ui_react_label, 1);
-require("./assets/Indicator.css.ts.vanilla-D_EJt1_X.css");
-require("./assets/Kbd.css.ts.vanilla-glxPJ069.css");
-require("./assets/LabelMenuButton.css.ts.vanilla-Bzo4R65q.css");
-require("./assets/Nav.css.ts.vanilla-CW6ooWfW.css");
-require("./assets/NavAccountItem.css.ts.vanilla-B7VVb8Q2.css");
-require("./assets/NavItem.css.ts.vanilla-D2NcMkkn.css");
+require("./assets/Indicator.css.ts.vanilla-_7r2Iy8M.css");
+require("./assets/Kbd.css.ts.vanilla-nlvS-WW2.css");
+require("./assets/LabelMenuButton.css.ts.vanilla-tgFhyLYp.css");
+require("./assets/Nav.css.ts.vanilla-CRHWxRDg.css");
+require("./assets/NavAccountItem.css.ts.vanilla-CxOea7kg.css");
+require("./assets/NavItem.css.ts.vanilla-ONGas3g2.css");
 let _radix_ui_react_progress = require("@radix-ui/react-progress");
 _radix_ui_react_progress = require_Tooltip.__toESM(_radix_ui_react_progress, 1);
-require("./assets/Progress.css.ts.vanilla-DnMa8_x0.css");
-require("./assets/Radio.css.ts.vanilla-BO2NnTvc.css");
-require("./assets/SearchInput.css.ts.vanilla-rMaDpq8t.css");
+require("./assets/Progress.css.ts.vanilla-QvLd9eel.css");
+require("./assets/Radio.css.ts.vanilla-2l47PHad.css");
+require("./assets/SearchInput.css.ts.vanilla-B9ZyAcTd.css");
 let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
 _radix_ui_react_toggle_group = require_Tooltip.__toESM(_radix_ui_react_toggle_group, 1);
-require("./assets/SubNav.css.ts.vanilla-KmPcekj6.css");
+require("./assets/SubNav.css.ts.vanilla-B-caqTC-.css");
 let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
 _radix_ui_react_tabs = require_Tooltip.__toESM(_radix_ui_react_tabs, 1);
-require("./assets/Tabs.css.ts.vanilla-CVHcRocO.css");
-require("./assets/TabsList.css.ts.vanilla-BrAOJvF3.css");
-require("./assets/TabsTrigger.css.ts.vanilla-0xMa8Rzm.css");
-require("./assets/Textarea.css.ts.vanilla-B_RF2EL-.css");
-require("./assets/TextareaAutosize.css.ts.vanilla-BkIFUR0M.css");
+require("./assets/Tabs.css.ts.vanilla-CBBiO-j_.css");
+require("./assets/TabsList.css.ts.vanilla-AEG9lljk.css");
+require("./assets/TabsTrigger.css.ts.vanilla-J-YweV8O.css");
+require("./assets/Textarea.css.ts.vanilla-DGkLRiN2.css");
+require("./assets/TextareaAutosize.css.ts.vanilla-gZ6YGeZq.css");
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = require_Tooltip.recipeRuntime({ base: "_1y14zwt" });
+var buttonGroup = require_Tooltip.recipeRuntime({ base: "ad3kf2" });
 //#endregion
 //#region src/button/ButtonGroup.tsx
 /**
@@ -148,7 +148,7 @@ var body$2 = require_Tooltip.recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "iiq7n9"] });
+}, "_14o19kn"] });
 //#endregion
 //#region src/dialog/DialogBody.tsx
 /**
@@ -173,7 +173,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_1gjx8iy"] });
+}, "_1ixs1g7"] });
 //#endregion
 //#region src/dialog/DialogFooter.tsx
 /**
@@ -363,7 +363,7 @@ function AuthProvider({ children, instance, refresh: refreshProp, token }) {
 AuthProvider.displayName = "@optiaxiom/react/AuthProvider";
 //#endregion
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = require_Tooltip.recipeRuntime({ base: ["lzhzd9", { display: "flex" }] });
+var avatarGroup = require_Tooltip.recipeRuntime({ base: ["jeoqwg", { display: "flex" }] });
 //#endregion
 //#region src/avatar/AvatarGroup.tsx
 /**
@@ -494,8 +494,8 @@ var layers_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom.wxbe8u";
-var reset = "optiaxiom._1b30zdq";
+var components = "optiaxiom.kpdghm";
+var reset = "optiaxiom._1ydlk00";
 var theme$2 = "optiaxiom.theme";
 //#endregion
 //#region src/theme-provider/ThemeProvider.tsx
@@ -504,6 +504,16 @@ var theme$2 = "optiaxiom.theme";
 */
 const lightColors = Object.fromEntries(Object.entries(_optiaxiom_globals.tokens.colors).map(([k, v]) => [k, v.slice(v.indexOf("(") + 1, v.indexOf(","))]));
 /**
+* `screens` stays in plain rem since breakpoints feed media queries.
+*/
+const scaledTokens = {
+	..._optiaxiom_globals.tokens,
+	borderRadius: require_Flex.mapValues(_optiaxiom_globals.tokens.borderRadius, require_Flex.rem),
+	fontSize: require_Flex.mapValues(_optiaxiom_globals.tokens.fontSize, (value) => require_Flex.mapValues(value, require_Flex.rem)),
+	maxSize: require_Flex.mapValues(_optiaxiom_globals.tokens.maxSize, require_Flex.rem),
+	size: require_Flex.mapValues(_optiaxiom_globals.tokens.size, require_Flex.rem)
+};
+/**
 * Provider component for theme tokens and styles. This is included in
 * AxiomProvider by default - you only need to use this component directly for
 * advanced customization.
@@ -525,8 +535,9 @@ function ThemeProvider({ children }) {
 			children: `
         @layer ${theme$2} {
           ${selector} {
+            --ax-styles-scale: 1rem;
             ${(0, _vanilla_extract_dynamic.assignInlineVars)(_optiaxiom_globals.theme, {
-				..._optiaxiom_globals.tokens,
+				...scaledTokens,
 				colors: lightColors
 			})}
           }
@@ -547,11 +558,11 @@ ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 var icon$3 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "start",
 	mt: "4"
-}, "_1ay3auh"] });
-var offsetVar = "var(--c91f37)";
+}, "o3k5sz"] });
+var offsetVar = "var(--htgulr)";
 var root$2 = require_Tooltip.recipeRuntime({
 	base: [
-		"_16riy2l",
+		"b4exml",
 		{
 			alignItems: "center",
 			bg: "bg.default.inverse",
@@ -566,14 +577,14 @@ var root$2 = require_Tooltip.recipeRuntime({
 			shadow: "md",
 			w: ["full", "max"]
 		},
-		"var35k"
+		"_1lhu974"
 	],
 	variants: { intent: {
-		danger: "_6omhjt",
-		information: "_1i4a4bh",
-		neutral: "_5qkdkz",
-		success: "_3gpla3",
-		warning: "ojtjc3"
+		danger: "cgsw8h",
+		information: "qasrob",
+		neutral: "_1aeszs1",
+		success: "_6wvhrj",
+		warning: "_9jsgc3"
 	} }
 });
 //#endregion
@@ -667,19 +678,19 @@ var viewport = require_Tooltip.recipeRuntime({
 		p: "24",
 		w: ["full", "384"],
 		z: "toast"
-	}, "_1ffiljj"],
+	}, "_116a95p"],
 	variants: { position: {
-		bottom: "_1xdslm5",
-		"bottom-left": "ml9peb",
-		"bottom-right": ["right-scroll-bar-position", "_65tfnb"],
-		top: "kzrin9",
-		"top-left": "_1ymseq6",
-		"top-right": ["right-scroll-bar-position", "_7x4v8u"]
+		bottom: "_1erfu3g",
+		"bottom-left": "wvu04k",
+		"bottom-right": ["right-scroll-bar-position", "pzg2kh"],
+		top: "uam9m6",
+		"top-left": "_182bwqg",
+		"top-right": ["right-scroll-bar-position", "_1rup80x"]
 	} }
 });
 //#endregion
 //#region src/toast/ToastTitle.css.ts
-var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_17h3xeq"] });
+var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_1v5zo2n"] });
 //#endregion
 //#region src/toast/ToastTitle.tsx
 /**
@@ -835,19 +846,19 @@ var badge$1 = require_Tooltip.recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "_3efgmr"],
+	}, "tvd5ya"],
 	variants: {
 		intent: {
-			danger: "_1q5rawz",
-			information: "vdvorx",
-			neutral: "x6b1m3",
-			primary: "_1ydmiz0",
-			success: "_8ep8op",
-			warning: "_1oqlds2"
+			danger: "_1qgthhd",
+			information: "fu6nc1",
+			neutral: "_1ccc4iw",
+			primary: "l4zo73",
+			success: "zaof5f",
+			warning: "_3ueycq"
 		},
 		variant: {
-			strong: "yeyunb",
-			subtle: "r1ps2y"
+			strong: "_14i77k3",
+			subtle: "w3udcv"
 		}
 	}
 });
@@ -903,7 +914,7 @@ var content$3 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "zhudst"] });
+}, "_18z136e"] });
 var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "4" }],
 	variants: { intent: {
@@ -967,13 +978,13 @@ Banner.displayName = "@optiaxiom/react/Banner";
 var icon$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1br0gnp"] });
+}, "_2ajdad"] });
 var link$1 = require_Tooltip.recipeRuntime({
-	base: ["smxmk3"],
+	base: ["_1cps0i6"],
 	variants: { appearance: {
-		"default": "_1m65x14",
-		inverse: "pthxp2",
-		subtle: "_1m0tul3"
+		"default": "mm3cf8",
+		inverse: "_1wukriq",
+		subtle: "_1alok92"
 	} }
 });
 //#endregion
@@ -1043,14 +1054,14 @@ const ListboxGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
 ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
 //#endregion
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = require_Tooltip.recipeRuntime({ base: "_1b5n49r" });
+var link = require_Tooltip.recipeRuntime({ base: "bm0o50" });
 var list$2 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "_6nf0hd"] });
+}, "_1ou91nc"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item$2 = require_Tooltip.recipeRuntime({ base: [{
@@ -1058,7 +1069,7 @@ var item$2 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_180oiky"] });
+}, "_10154zd"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.tsx
 const BreadcrumbNode = (0, react.forwardRef)(({ addonAfter, children, className, ...props }, ref) => {
@@ -1163,7 +1174,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
 //#endregion
 //#region src/card/Card.css.ts
 var card = require_Tooltip.recipeRuntime({ base: [
-	"_1unwks9",
+	"_1kxpcdy",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -1175,7 +1186,7 @@ var card = require_Tooltip.recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_3y2e75"
+	"telcdc"
 ] });
 //#endregion
 //#region src/card/CardContext.ts
@@ -1223,7 +1234,7 @@ const CardAction = (0, react.forwardRef)(({ children, ...props }, ref) => {
 CardAction.displayName = "@optiaxiom/react/CardAction";
 //#endregion
 //#region src/card/CardCheckbox.css.ts
-var checkbox = require_Tooltip.recipeRuntime({ base: ["zi992h"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: ["csh0nl"] });
 //#endregion
 //#region src/card/CardCheckbox.tsx
 /**
@@ -1276,16 +1287,16 @@ var addon$2 = require_Tooltip.recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_1fer5xo",
-		before: "qizdkb"
+		after: "_1gyu4mq",
+		before: "_19gir2p"
 	} }
 });
-var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_1dyia8s"] });
+var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "saauj8"] });
 var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_1y0igob"] });
+}, "_1owwr1k"] });
 //#endregion
 //#region src/card/CardHeader.tsx
 /**
@@ -1372,12 +1383,12 @@ CardLink.displayName = "@optiaxiom/react/CardLink";
 var overlay = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "a1o1ty"] });
+}, "qa9jlo"] });
 var preview = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_17eqokf"] });
+}, "vhaub"] });
 //#endregion
 //#region src/card/CardPreview.tsx
 /**
@@ -1433,7 +1444,7 @@ function cleanup() {
 }
 //#endregion
 //#region src/code/Code.css.ts
-var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "_12zpdc1"] });
+var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "otv84"] });
 //#endregion
 //#region src/code/Code.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Code");
@@ -1495,10 +1506,10 @@ var table = require_Tooltip.recipeRuntime({
 		color: "fg.default",
 		fontSize: "md",
 		w: "full"
-	}, "_19p8i3u"],
+	}, "_13grh3h"],
 	variants: { layout: {
-		auto: ["_6fcsx1"],
-		fixed: [{ display: "grid" }, "_7zn5ch"]
+		auto: ["t1n7cg"],
+		fixed: [{ display: "grid" }, "h1cpti"]
 	} }
 });
 var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
@@ -1508,7 +1519,7 @@ var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
 	maxW: "full",
 	overflow: "auto",
 	rounded: "xl"
-}, "hnziiv"] });
+}, "_19rqg7t"] });
 //#endregion
 //#region src/table/Table.tsx
 /**
@@ -1563,7 +1574,7 @@ 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_Tooltip.recipeRuntime({ base: ["_1x42g41"] });
+var body$1 = require_Tooltip.recipeRuntime({ base: ["g1zno7"] });
 //#endregion
 //#region src/table/TableBody.tsx
 /**
@@ -1585,10 +1596,10 @@ var cell$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		borderColor: "border.tertiary",
 		p: "16"
-	}, "_1wumgd7"],
+	}, "_1ued4vi"],
 	variants: { pinned: {
-		false: "xyzsdv",
-		true: "av39ei"
+		false: "g7qzys",
+		true: "_3vlz1l"
 	} }
 });
 //#endregion
@@ -1614,7 +1625,7 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 //#region src/table/TableHeader.css.ts
 var header = require_Tooltip.recipeRuntime({ variants: { pinned: {
 	false: {},
-	true: "_5cq16n"
+	true: "_10u7fop"
 } } });
 //#endregion
 //#region src/table/TableHeader.tsx
@@ -1634,12 +1645,12 @@ TableHeader.displayName = "@optiaxiom/react/TableHeader";
 //#endregion
 //#region src/table/TableRow.css.ts
 var row = require_Tooltip.recipeRuntime({ base: [
-	"_1hv9v6n",
+	"zhqoew",
 	{
 		transition: "colors",
 		w: "full"
 	},
-	"slk42c"
+	"e1dgg3"
 ] });
 //#endregion
 //#region src/table/TableRow.tsx
@@ -1714,34 +1725,34 @@ var cell = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "poiq74"],
+	}, "b6cjqz"],
 	variants: {
 		pinned: {
-			left: "_6qv062",
-			right: "hyxbj4"
+			left: "bcog3q",
+			right: "chh8ti"
 		},
 		pinnedType: {
-			body: "cmo555",
+			body: "_18aeoom",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_1nkz05b"
+			true: "aio3qu"
 		}
 	}
 });
-var cellOffsetVar = "var(--ewpl5i)";
-var cellSizeVar = "var(--_185q9sf)";
-var leftTotalSizeVar = "var(--dgzdg)";
-var rightTotalSizeVar = "var(--kbg88n)";
+var cellOffsetVar = "var(--o1f0n2)";
+var cellSizeVar = "var(--cwir5i)";
+var leftTotalSizeVar = "var(--_1nm6g4t)";
+var rightTotalSizeVar = "var(--_1obdhkf)";
 var root$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1lqqat4"] });
-var totalSizeVar = "var(--rrtdv7)";
+}, "_19fj5xn"] });
+var totalSizeVar = "var(--_1kwmwvy)";
 //#endregion
 //#region src/data-table/DataTableRow.tsx
 const DataTableRow = (0, react.forwardRef)(({ children, index, row, ...props }, outerRef) => {
@@ -2072,18 +2083,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_Tooltip.recipeRuntime({ base: [{ justifyContent: "center" }, "_14whw3n"] });
+var button$1 = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "center" }, "_1f5ewfi"] });
 var cursor = require_Tooltip.recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "q992o5"],
+	}, "_1gzcesk"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "tp0pk1"] });
+var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "_4be81o"] });
 //#endregion
 //#region src/pagination/Pagination.tsx
 /**
@@ -2191,7 +2202,7 @@ Pagination.displayName = "@optiaxiom/react/Pagination";
 //#endregion
 //#region src/data-table/DataTableFooter.css.ts
 var addon$1 = require_Tooltip.recipeRuntime({
-	base: "_5h911p",
+	base: "uzdihz",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}
@@ -2281,10 +2292,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_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1ueqqje"] });
-var date = require_Tooltip.recipeRuntime({ base: "_1bb3ub2" });
-var input$2 = require_Tooltip.recipeRuntime({ base: "_5iwq5d" });
-var picker = require_Tooltip.recipeRuntime({ base: "ielpa2" });
+var clear$1 = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1vsyo2d"] });
+var date = require_Tooltip.recipeRuntime({ base: "_1ng7enf" });
+var input$2 = require_Tooltip.recipeRuntime({ base: "_18s91hp" });
+var picker = require_Tooltip.recipeRuntime({ base: "zr98qb" });
 //#endregion
 //#region src/date-input/DateInput.tsx
 /**
@@ -2559,6 +2570,7 @@ const DateRangePickerTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaL
 		disabled,
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCalendar, {}),
 		id,
+		justifyContent: "flex-start",
 		ref,
 		...props,
 		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
@@ -2621,11 +2633,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_Tooltip.recipeRuntime({ base: ["ifrady"] });
+var inner = require_Tooltip.recipeRuntime({ base: ["auqkyt"] });
 var outer = require_Tooltip.recipeRuntime({
-	base: [{ display: "grid" }, "_1yq2jkd"],
+	base: [{ display: "grid" }, "_1e856zx"],
 	variants: { scale: {
-		false: "wk21v8",
+		false: "_1av6r5y",
 		true: {}
 	} }
 });
@@ -2674,13 +2686,13 @@ var icon = require_Tooltip.recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "_1n9a867"] });
+}, "_1gbnagg"] });
 var root = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "o2lwrm"] });
+}, "y7klxj"] });
 var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -2688,7 +2700,7 @@ var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "ixb5sg"] });
+}, "_1i2pkaj"] });
 //#endregion
 //#region src/disclosure/DisclosureTrigger.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/DisclosureTrigger");
@@ -3162,7 +3174,7 @@ Grid.displayName = "@optiaxiom/react/Grid";
 //#endregion
 //#region src/indicator/Indicator.css.ts
 var badge = require_Tooltip.recipeRuntime({
-	base: "_1ftl1tt",
+	base: "y2ie5i",
 	variants: {
 		offset: {
 			false: {
@@ -3172,7 +3184,7 @@ var badge = require_Tooltip.recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "_3c6sya"]
+			}, "_6oukxf"]
 		},
 		ping: {
 			false: {},
@@ -3180,7 +3192,7 @@ var badge = require_Tooltip.recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_134tlkp"]
+			}, "_1g4u352"]
 		}
 	}
 });
@@ -3189,15 +3201,15 @@ var floating = require_Tooltip.recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "pett48"],
+	}, "p1yikk"],
 	variants: {
 		offset: {
-			false: "ps9y7o",
+			false: "c96evo",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_1gtckrc",
-			"top-right": "_1qgeo65"
+			"bottom-right": "_1c1zx6v",
+			"top-right": "t44xhv"
 		}
 	}
 });
@@ -3205,7 +3217,7 @@ var indicator$2 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_19yrcm2"] });
+}, "_1ys5zm5"] });
 //#endregion
 //#region src/indicator/Indicator.tsx
 const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator");
@@ -3272,7 +3284,7 @@ var key = require_Tooltip.recipeRuntime({
 			borderB: "2",
 			borderColor: "border.secondary",
 			rounded: "sm"
-		}, "hxeflh"],
+		}, "_11q0h2m"],
 		subtle: {}
 	} }
 });
@@ -3326,7 +3338,7 @@ 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_Tooltip.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1y5z39f"] });
+var button = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1ckdsto"] });
 var content$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		fontSize: "sm",
@@ -3408,7 +3420,7 @@ var nav$1 = require_Tooltip.recipeRuntime({ base: [{
 	overflow: "hidden",
 	pb: "8",
 	pt: "16"
-}, "_18nqr5h"] });
+}, "_12zf0xp"] });
 //#endregion
 //#region src/nav/Nav.tsx
 /**
@@ -3450,8 +3462,8 @@ var item$1 = require_Tooltip.recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "_8silba",
-		true: "_1sxls0i"
+		false: "i7jdqb",
+		true: "_1x9m5ds"
 	} }
 });
 //#endregion
@@ -3698,7 +3710,7 @@ var item = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	transition: "colors"
-}, "_1c9sib0"] });
+}, "_1f4ns3p"] });
 var label = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -3708,10 +3720,10 @@ var label = require_Tooltip.recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_1pq6rq5"],
+	}, "xdsy64"],
 	variants: { expanded: {
-		false: "_1d60gac",
-		true: "xxrsqp"
+		false: "_1dm74uu",
+		true: "ihu0xl"
 	} }
 });
 //#endregion
@@ -3823,13 +3835,13 @@ var indicator$1 = require_Tooltip.recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_1kfv0wt",
+		danger: "lcybid",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_1687mez",
+		style: "_1xp2dpl",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -3841,7 +3853,7 @@ var progress = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_182lpj"] });
+}, "_1dlnjni"] });
 //#endregion
 //#region src/progress/Progress.tsx
 /**
@@ -3882,18 +3894,18 @@ var control = require_Tooltip.recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "v9yy32"],
+	}, "_1rsqv8e"],
 	variants: { shift: {
 		false: {},
-		true: "washfb"
+		true: "_1iwvn32"
 	} }
 });
 var indicator = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_1kx3xsy"] });
-var input$1 = require_Tooltip.recipeRuntime({ base: "_1wpbo8y" });
-var radio = require_Tooltip.recipeRuntime({ base: "f2uii3" });
+}, "wuacih"] });
+var input$1 = require_Tooltip.recipeRuntime({ base: "_1f99etk" });
+var radio = require_Tooltip.recipeRuntime({ base: "o23r8w" });
 //#endregion
 //#region src/radio/RadioGroupContext.ts
 const [RadioGroupProvider, useRadioGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/RadioGroup", null);
@@ -3981,9 +3993,9 @@ const RadioGroup = (0, react.forwardRef)(({ children, defaultValue, disabled, fl
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 //#endregion
 //#region src/search-input/SearchInput.css.ts
-var clear = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1oovb72"] });
-var input = require_Tooltip.recipeRuntime({ base: "rzk3xw" });
-var search = require_Tooltip.recipeRuntime({ base: "e1pf4d" });
+var clear = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "n0rcsz"] });
+var input = require_Tooltip.recipeRuntime({ base: "aqrst9" });
+var search = require_Tooltip.recipeRuntime({ base: "_98gwr8" });
 //#endregion
 //#region src/search-input/SearchInput.tsx
 /**
@@ -4140,7 +4152,7 @@ var nav = require_Tooltip.recipeRuntime({ base: [{
 	gap: "0",
 	overflow: "hidden",
 	py: "16"
-}, "_1yz9deu"] });
+}, "_4y54pr"] });
 //#endregion
 //#region src/sub-nav/SubNav.tsx
 /**
@@ -4175,7 +4187,7 @@ const SubNav = (0, react.forwardRef)(({ children, ...props }, ref) => {
 SubNav.displayName = "@optiaxiom/react/SubNav";
 //#endregion
 //#region src/tabs/Tabs.css.ts
-var tabs = require_Tooltip.recipeRuntime({ base: [{ display: "flex" }, "_1fd4c29"] });
+var tabs = require_Tooltip.recipeRuntime({ base: [{ display: "flex" }, "sgokoq"] });
 //#endregion
 //#region src/tabs/Tabs.tsx
 /**
@@ -4245,7 +4257,7 @@ TabsContent.displayName = "@optiaxiom/react/TabsContent";
 var list = require_Tooltip.recipeRuntime({ base: [{
 	borderColor: "border.tertiary",
 	display: "flex"
-}, "_150szp8"] });
+}, "_1rpgh3x"] });
 //#endregion
 //#region src/tabs/TabsList.tsx
 /**
@@ -4271,9 +4283,9 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	py: "6",
 	rounded: "sm",
 	transition: "colors"
-}, "_1jl0a5s"] });
+}, "_1s2iivt"] });
 var trigger = require_Tooltip.recipeRuntime({ base: [
-	"u6m2ps",
+	"_13jgeq6",
 	{
 		flex: ["1", "initial"],
 		fontSize: "md",
@@ -4281,7 +4293,7 @@ var trigger = require_Tooltip.recipeRuntime({ base: [
 		py: "4",
 		transition: "colors"
 	},
-	"l9vlze"
+	"_1bqh0up"
 ] });
 //#endregion
 //#region src/tabs/TabsTrigger.tsx
@@ -4319,12 +4331,12 @@ const TabsTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, c
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 //#endregion
 //#region src/textarea/Textarea.css.ts
-var addon = require_Tooltip.recipeRuntime({ base: "_1bt76oo" });
+var addon = require_Tooltip.recipeRuntime({ base: "_1l1wblg" });
 //#endregion
 //#region src/textarea/TextareaAutosize.css.ts
-var shadow = require_Tooltip.recipeRuntime({ base: ["_17k34v0", "_7q8bh0"] });
+var shadow = require_Tooltip.recipeRuntime({ base: ["r8bvym", "_1k7okdh"] });
 var textarea = require_Tooltip.recipeRuntime({
-	base: ["_17k34v0", "_1avwbhj"],
+	base: ["r8bvym", "nzggg8"],
 	variants: { resize: {
 		auto: { overflow: "hidden" },
 		none: {},
@@ -4339,16 +4351,16 @@ var wrapper = require_Tooltip.recipeRuntime({
 	},
 	variants: {
 		maxRows: {
-			"1": ["_1o4498c", "_1o159zq"],
-			"2": ["_1o4498c", "teslnn"],
-			"3": ["_1o4498c", "_11yrres"],
-			"4": ["_1o4498c", "axsflq"],
-			"5": ["_1o4498c", "xc8dug"]
+			"1": ["gpi12b", "_1egph34"],
+			"2": ["gpi12b", "_1mb88ld"],
+			"3": ["gpi12b", "jtn5uk"],
+			"4": ["gpi12b", "flts04"],
+			"5": ["gpi12b", "mbb2mj"]
 		},
 		resize: {
 			auto: {},
 			none: {},
-			vertical: "_15kz899"
+			vertical: "_1djolh4"
 		}
 	}
 });