@optiaxiom/react 3.1.9 → 3.3.0

package/dist/cjs/index.js

@@ -1,18 +1,18 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-DXFfXhOq.js");
-const require_Flex = require("./Flex-CCa6lJll.js");
-const require_ToggleButton = require("./ToggleButton-BHvucrej.js");
+const require_Tooltip = require("./Tooltip-DX-BsH4s.js");
+const require_Flex = require("./Flex-Cs6c_kXL.js");
+const require_ToggleButton = require("./ToggleButton-DQnbS3CP.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-BY6P4lrq.css");
+require("./assets/layers.css.ts.vanilla-DD7saQYy.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-D3B-eLR-.css");
-require("./assets/ButtonRoot.css.ts.vanilla-BQkVU3Ns.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
+require("./assets/ButtonRoot.css.ts.vanilla-Dyc7UpdK.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-D3B-eLR-.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/DialogFooter.css.ts.vanilla-A0OBT6hQ.css");
+require("./assets/DialogFooter.css.ts.vanilla-Cl38gimq.css");
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-require("./assets/ButtonGroup.css.ts.vanilla-D3B-eLR-.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.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-BTVpiUt-.css");
-require("./assets/Toast.css.ts.vanilla-Havq5CD4.css");
-require("./assets/ToastTitle.css.ts.vanilla-F0Pgy-e1.css");
-require("./assets/Badge.css.ts.vanilla-DqnqvXKD.css");
-require("./assets/Banner.css.ts.vanilla-BMSllSbM.css");
-require("./assets/Cover.css.ts.vanilla-DtrMUDzX.css");
-require("./assets/Link.css.ts.vanilla-DXkzFieU.css");
-require("./assets/ButtonGroup.css.ts.vanilla-D3B-eLR-.css");
-require("./assets/ToggleInput.css.ts.vanilla-CO52foo8.css");
+require("./assets/ToastProvider.css.ts.vanilla-CCRUgN9W.css");
+require("./assets/Toast.css.ts.vanilla-BOsGYVhv.css");
+require("./assets/ToastTitle.css.ts.vanilla-BnB_RN4-.css");
+require("./assets/Badge.css.ts.vanilla-DYFn10Ip.css");
+require("./assets/Banner.css.ts.vanilla-CAhEV1XF.css");
+require("./assets/Cover.css.ts.vanilla-DRjhP4DG.css");
+require("./assets/Link.css.ts.vanilla-C-yu1_VM.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
+require("./assets/ToggleInput.css.ts.vanilla-eOzUU8G3.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/Breadcrumb.css.ts.vanilla-DIISa44K.css");
-require("./assets/BreadcrumbNode.css.ts.vanilla-BxYv4L4S.css");
-require("./assets/Card.css.ts.vanilla-BABIzRhJ.css");
-require("./assets/CardCheckbox.css.ts.vanilla-DXzY-eRb.css");
-require("./assets/CardHeader.css.ts.vanilla-Byoe_Dks.css");
-require("./assets/CardPreview.css.ts.vanilla-jJ9Ck56P.css");
-require("./assets/Code.css.ts.vanilla-Cd573tGd.css");
-require("./assets/Table.css.ts.vanilla-FP5rltuY.css");
-require("./assets/TableBody.css.ts.vanilla-DcwB82RA.css");
-require("./assets/TableRow.css.ts.vanilla-BopJrHCd.css");
-require("./assets/TableCell.css.ts.vanilla-CmZU1CUD.css");
-require("./assets/TableHeader.css.ts.vanilla-7PUku4Zj.css");
+require("./assets/Breadcrumb.css.ts.vanilla-BL1dlho0.css");
+require("./assets/BreadcrumbNode.css.ts.vanilla-uzm1DOAH.css");
+require("./assets/Card.css.ts.vanilla-BDYB981h.css");
+require("./assets/CardCheckbox.css.ts.vanilla-JmvPOITu.css");
+require("./assets/CardHeader.css.ts.vanilla-Ck608Sco.css");
+require("./assets/CardPreview.css.ts.vanilla-BJh8eStq.css");
+require("./assets/Code.css.ts.vanilla-htvz6_cy.css");
+require("./assets/Table.css.ts.vanilla-DGtwqUCV.css");
+require("./assets/TableBody.css.ts.vanilla-nJgkImXm.css");
+require("./assets/TableRow.css.ts.vanilla-BIqEL9Oi.css");
+require("./assets/TableCell.css.ts.vanilla-BeZAb_AO.css");
+require("./assets/TableHeader.css.ts.vanilla-CuyVR2YY.css");
 let _tanstack_react_table = require("@tanstack/react-table");
-require("./assets/DataTableBody.css.ts.vanilla-Te6-L0mS.css");
-require("./assets/Pagination.css.ts.vanilla-DsQGcy6e.css");
-require("./assets/DataTableFooter.css.ts.vanilla-_hXusNbR.css");
-require("./assets/DateInput.css.ts.vanilla-B0SMZwyr.css");
+require("./assets/DataTableBody.css.ts.vanilla-Dlb5GTt6.css");
+require("./assets/Pagination.css.ts.vanilla-Cp3DC_nE.css");
+require("./assets/DataTableFooter.css.ts.vanilla-BSrgf-p-.css");
+require("./assets/DateInput.css.ts.vanilla-B5kOclV9.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-CD7eZ3TJ.css");
-require("./assets/DisclosureTrigger.css.ts.vanilla-Ca2Kyo9O.css");
+require("./assets/DisclosureContent.css.ts.vanilla-CCbsL8dJ.css");
+require("./assets/DisclosureTrigger.css.ts.vanilla-CCKfnMn_.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-DL9GKT9S.css");
-require("./assets/Kbd.css.ts.vanilla-DgnJPPHP.css");
-require("./assets/LabelMenuButton.css.ts.vanilla-CNnjLExg.css");
-require("./assets/Nav.css.ts.vanilla-0euhtrn5.css");
-require("./assets/NavAccountItem.css.ts.vanilla--4AjXL6N.css");
-require("./assets/NavItem.css.ts.vanilla-CsrID7vL.css");
+require("./assets/Indicator.css.ts.vanilla-CNpTleUA.css");
+require("./assets/Kbd.css.ts.vanilla-CwJ_SjwU.css");
+require("./assets/LabelMenuButton.css.ts.vanilla-BKfKeCVj.css");
+require("./assets/Nav.css.ts.vanilla-CCyXj7uL.css");
+require("./assets/NavAccountItem.css.ts.vanilla-CQcCx6Iq.css");
+require("./assets/NavItem.css.ts.vanilla-_fxa-aAZ.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-C5XWsKZt.css");
-require("./assets/Radio.css.ts.vanilla-BBOstC0o.css");
-require("./assets/SearchInput.css.ts.vanilla-jzsev147.css");
+require("./assets/Progress.css.ts.vanilla-D2eXfjyC.css");
+require("./assets/Radio.css.ts.vanilla-BvIr_GH3.css");
+require("./assets/SearchInput.css.ts.vanilla-CIyHuztu.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-B7yzIbZi.css");
+require("./assets/SubNav.css.ts.vanilla-CitRHMnA.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-B_IjjB9X.css");
-require("./assets/TabsList.css.ts.vanilla-C4tcu42V.css");
-require("./assets/TabsTrigger.css.ts.vanilla-jW32zr-a.css");
-require("./assets/Textarea.css.ts.vanilla-DCGq0p3S.css");
-require("./assets/TextareaAutosize.css.ts.vanilla-Ca1ZJm-W.css");
+require("./assets/Tabs.css.ts.vanilla-CkAPqfaj.css");
+require("./assets/TabsList.css.ts.vanilla-5mv0FUYL.css");
+require("./assets/TabsTrigger.css.ts.vanilla-Byjb-kVJ.css");
+require("./assets/Textarea.css.ts.vanilla-BI8roE3h.css");
+require("./assets/TextareaAutosize.css.ts.vanilla-OR0t62cc.css");
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = require_Tooltip.recipeRuntime({ base: "_4fpd1k" });
+var buttonGroup = require_Tooltip.recipeRuntime({ base: "_1wcx8or" });
 //#endregion
 //#region src/button/ButtonGroup.tsx
 /**
@@ -148,7 +148,7 @@ var body$2 = require_Tooltip.recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "cj7aid"] });
+}, "_1tns6b9"] });
 //#endregion
 //#region src/dialog/DialogBody.tsx
 /**
@@ -173,7 +173,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "s4bb9k"] });
+}, "_18sixtu"] });
 //#endregion
 //#region src/dialog/DialogFooter.tsx
 /**
@@ -181,10 +181,11 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 */
 const DialogFooter = (0, react.forwardRef)(({ children, className, ...props }, outerRef) => {
 	const { footerRef } = require_Flex.useDialogContext("@optiaxiom/react/DialogFooter");
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(footerRef, outerRef);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonProvider, {
 		size: "lg",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(footerRef, outerRef),
+			ref,
 			...footer({}, className),
 			...props,
 			children
@@ -362,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: ["_1v4kjpy", { display: "flex" }] });
+var avatarGroup = require_Tooltip.recipeRuntime({ base: ["r0s3vk", { display: "flex" }] });
 //#endregion
 //#region src/avatar/AvatarGroup.tsx
 /**
@@ -493,8 +494,8 @@ var layers_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom._1y4o68f";
-var reset = "optiaxiom._7t8la6";
+var components = "optiaxiom._1cgq1zr";
+var reset = "optiaxiom.k1sw4f";
 var theme$2 = "optiaxiom.theme";
 //#endregion
 //#region src/theme-provider/ThemeProvider.tsx
@@ -503,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.
@@ -524,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
 			})}
           }
@@ -546,11 +558,11 @@ ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 var icon$3 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "start",
 	mt: "4"
-}, "zd3i03"] });
-var offsetVar = "var(--ntmj22)";
+}, "ebo8r2"] });
+var offsetVar = "var(--ua5c89)";
 var root$2 = require_Tooltip.recipeRuntime({
 	base: [
-		"_10eqdkf",
+		"_18pzx8j",
 		{
 			alignItems: "center",
 			bg: "bg.default.inverse",
@@ -565,14 +577,14 @@ var root$2 = require_Tooltip.recipeRuntime({
 			shadow: "md",
 			w: ["full", "max"]
 		},
-		"_1mxigau"
+		"otmrxl"
 	],
 	variants: { intent: {
-		danger: "_1yjr4do",
-		information: "_1ypci7v",
-		neutral: "_1onbsk3",
-		success: "_6y01pj",
-		warning: "_1d5aj3i"
+		danger: "e822mn",
+		information: "xg4qpk",
+		neutral: "_13ycvry",
+		success: "_1tjj68h",
+		warning: "_1lzjy5j"
 	} }
 });
 //#endregion
@@ -666,19 +678,19 @@ var viewport = require_Tooltip.recipeRuntime({
 		p: "24",
 		w: ["full", "384"],
 		z: "toast"
-	}, "b82bye"],
+	}, "_1rmvnzs"],
 	variants: { position: {
-		bottom: "_1ly8tm",
-		"bottom-left": "e7uio9",
-		"bottom-right": ["right-scroll-bar-position", "zwr5n8"],
-		top: "_1ucn0t7",
-		"top-left": "b5r1s2",
-		"top-right": ["right-scroll-bar-position", "_10dozr1"]
+		bottom: "z2r1bb",
+		"bottom-left": "_7yo9sh",
+		"bottom-right": ["right-scroll-bar-position", "_1p5e1wu"],
+		top: "p3k96u",
+		"top-left": "_18beuru",
+		"top-right": ["right-scroll-bar-position", "a6k5mn"]
 	} }
 });
 //#endregion
 //#region src/toast/ToastTitle.css.ts
-var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "u9celn"] });
+var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "ni30f0"] });
 //#endregion
 //#region src/toast/ToastTitle.tsx
 /**
@@ -834,19 +846,19 @@ var badge$1 = require_Tooltip.recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "xjwtnr"],
+	}, "mqh7g2"],
 	variants: {
 		intent: {
-			danger: "b3vtbr",
-			information: "xsxfy0",
-			neutral: "h0efbb",
-			primary: "_1dumkcs",
-			success: "frp95s",
-			warning: "asdr9q"
+			danger: "_1r37rra",
+			information: "_11vehtc",
+			neutral: "l1svpt",
+			primary: "cgl76v",
+			success: "grw0xp",
+			warning: "jyyb11"
 		},
 		variant: {
-			strong: "_1066725",
-			subtle: "_1jopijv"
+			strong: "_3poxi8",
+			subtle: "p997md"
 		}
 	}
 });
@@ -902,7 +914,7 @@ var content$3 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_9mo48h"] });
+}, "_25dn6s"] });
 var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "4" }],
 	variants: { intent: {
@@ -966,13 +978,13 @@ Banner.displayName = "@optiaxiom/react/Banner";
 var icon$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1x7o18q"] });
+}, "uitmf8"] });
 var link$1 = require_Tooltip.recipeRuntime({
-	base: ["fj998n"],
+	base: ["_1smuxfi"],
 	variants: { appearance: {
-		"default": "mcey4d",
-		inverse: "ma4fww",
-		subtle: "emnjr1"
+		"default": "_1m605x0",
+		inverse: "_13r4lb",
+		subtle: "_1x335tj"
 	} }
 });
 //#endregion
@@ -1042,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: "t9a73j" });
+var link = require_Tooltip.recipeRuntime({ base: "_1gaxuip" });
 var list$2 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "_25vm0f"] });
+}, "_6z6mct"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item$2 = require_Tooltip.recipeRuntime({ base: [{
@@ -1057,7 +1069,7 @@ var item$2 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_1sxvslt"] });
+}, "_1l2f0ao"] });
 //#endregion
 //#region src/breadcrumb/BreadcrumbNode.tsx
 const BreadcrumbNode = (0, react.forwardRef)(({ addonAfter, children, className, ...props }, ref) => {
@@ -1162,7 +1174,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
 //#endregion
 //#region src/card/Card.css.ts
 var card = require_Tooltip.recipeRuntime({ base: [
-	"_6t5khh",
+	"_1ayiyun",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -1174,7 +1186,7 @@ var card = require_Tooltip.recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_1nqesfp"
+	"b13bgy"
 ] });
 //#endregion
 //#region src/card/CardContext.ts
@@ -1189,9 +1201,11 @@ const [CardProvider, useCardContext] = (0, _radix_ui_react_context.createContext
 * @category container
 */
 const Card = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	const descriptionId = (0, _radix_ui_react_id.useId)();
+	const labelId = (0, _radix_ui_react_id.useId)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardProvider, {
-		descriptionId: (0, _radix_ui_react_id.useId)(),
-		labelId: (0, _radix_ui_react_id.useId)(),
+		descriptionId,
+		labelId,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsRoot, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
@@ -1220,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: ["j7y358"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: ["twgkoh"] });
 //#endregion
 //#region src/card/CardCheckbox.tsx
 /**
@@ -1273,16 +1287,16 @@ var addon$2 = require_Tooltip.recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_130l130",
-		before: "_1uvcb12"
+		after: "_1omh8a4",
+		before: "mx91n8"
 	} }
 });
-var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_11b6igd"] });
+var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "_10a67v"] });
 var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_3j17l2"] });
+}, "_1kus76s"] });
 //#endregion
 //#region src/card/CardHeader.tsx
 /**
@@ -1369,12 +1383,12 @@ CardLink.displayName = "@optiaxiom/react/CardLink";
 var overlay = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "j656wj"] });
+}, "_1ayaib1"] });
 var preview = require_Tooltip.recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "qv54y8"] });
+}, "siym6o"] });
 //#endregion
 //#region src/card/CardPreview.tsx
 /**
@@ -1430,7 +1444,7 @@ function cleanup() {
 }
 //#endregion
 //#region src/code/Code.css.ts
-var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "gt4kgg"] });
+var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "_1b6efhi"] });
 //#endregion
 //#region src/code/Code.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Code");
@@ -1492,10 +1506,10 @@ var table = require_Tooltip.recipeRuntime({
 		color: "fg.default",
 		fontSize: "md",
 		w: "full"
-	}, "_1auqajw"],
+	}, "ymholh"],
 	variants: { layout: {
-		auto: ["_17emmcc"],
-		fixed: [{ display: "grid" }, "p849bh"]
+		auto: ["_1boyqzg"],
+		fixed: [{ display: "grid" }, "_1k32k0f"]
 	} }
 });
 var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
@@ -1505,7 +1519,7 @@ var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
 	maxW: "full",
 	overflow: "auto",
 	rounded: "xl"
-}, "_1rfbbhr"] });
+}, "_1qcgtg0"] });
 //#endregion
 //#region src/table/Table.tsx
 /**
@@ -1560,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: ["_7nv2ls"] });
+var body$1 = require_Tooltip.recipeRuntime({ base: ["_1jvt3c2"] });
 //#endregion
 //#region src/table/TableBody.tsx
 /**
@@ -1582,10 +1596,10 @@ var cell$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		borderColor: "border.tertiary",
 		p: "16"
-	}, "_146zrz5"],
+	}, "_1wwo3lz"],
 	variants: { pinned: {
-		false: "g2xe32",
-		true: "_1v3mqy5"
+		false: "_1kzheq5",
+		true: "oiuz6l"
 	} }
 });
 //#endregion
@@ -1611,7 +1625,7 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 //#region src/table/TableHeader.css.ts
 var header = require_Tooltip.recipeRuntime({ variants: { pinned: {
 	false: {},
-	true: "_1w6wwga"
+	true: "q5squr"
 } } });
 //#endregion
 //#region src/table/TableHeader.tsx
@@ -1631,12 +1645,12 @@ TableHeader.displayName = "@optiaxiom/react/TableHeader";
 //#endregion
 //#region src/table/TableRow.css.ts
 var row = require_Tooltip.recipeRuntime({ base: [
-	"_1yrul0j",
+	"sh7f2y",
 	{
 		transition: "colors",
 		w: "full"
 	},
-	"_7e9zrt"
+	"_19xqtco"
 ] });
 //#endregion
 //#region src/table/TableRow.tsx
@@ -1711,34 +1725,34 @@ var cell = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "qcux0m"],
+	}, "_10h5f6l"],
 	variants: {
 		pinned: {
-			left: "_1g7g9m",
-			right: "_111aijs"
+			left: "o7hv78",
+			right: "_10cl4vx"
 		},
 		pinnedType: {
-			body: "_1izjvhz",
+			body: "jd82jp",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_1kgtokl"
+			true: "yghkcm"
 		}
 	}
 });
-var cellOffsetVar = "var(--_17omnbf)";
-var cellSizeVar = "var(--_7gvhsy)";
-var leftTotalSizeVar = "var(--_1qn5yod)";
-var rightTotalSizeVar = "var(--wupbcq)";
+var cellOffsetVar = "var(--q169dm)";
+var cellSizeVar = "var(--_14zutqx)";
+var leftTotalSizeVar = "var(--_1g5lat0)";
+var rightTotalSizeVar = "var(--_1orj7i3)";
 var root$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1gvd18y"] });
-var totalSizeVar = "var(--_1ddfrmk)";
+}, "_1f62e4o"] });
+var totalSizeVar = "var(--njnzk4)";
 //#endregion
 //#region src/data-table/DataTableRow.tsx
 const DataTableRow = (0, react.forwardRef)(({ children, index, row, ...props }, outerRef) => {
@@ -1991,27 +2005,27 @@ const DataTableBody = (0, react.forwardRef)(({ className, estimatedRowHeight = 5
 						transform: `translateY(${virtualRow.start}px)`
 					} : void 0,
 					children: [
-						row.getLeftVisibleCells().map((cell$3) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
+						row.getLeftVisibleCells().map((cell$2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
 							pinned: true,
 							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({
-								[cellOffsetVar]: `${cell$3.column.getStart("left")}px`,
-								[cellSizeVar]: `${cell$3.column.getSize()}`
+								[cellOffsetVar]: `${cell$2.column.getStart("left")}px`,
+								[cellSizeVar]: `${cell$2.column.getSize()}`
 							}) },
 							...cell({
 								pinned: "left",
 								pinnedType: "body",
-								resizable: cell$3.column.getCanResize()
+								resizable: cell$2.column.getCanResize()
 							}),
-							children: (0, _tanstack_react_table.flexRender)(cell$3.column.columnDef.cell, cell$3.getContext())
-						}, cell$3.id)),
+							children: (0, _tanstack_react_table.flexRender)(cell$2.column.columnDef.cell, cell$2.getContext())
+						}, cell$2.id)),
 						columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, { style: { width: virtualColumnsOffset } }),
 						(columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
 							return row.getCenterVisibleCells()[virtualCell.index];
-						}) : row.getCenterVisibleCells()).map((cell$2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({ [cellSizeVar]: `${cell$2.column.getSize()}` }) },
-							...cell({ resizable: cell$2.column.getCanResize() }),
-							children: (0, _tanstack_react_table.flexRender)(cell$2.column.columnDef.cell, cell$2.getContext())
-						}, cell$2.id)),
+						}) : row.getCenterVisibleCells()).map((cell$3) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
+							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({ [cellSizeVar]: `${cell$3.column.getSize()}` }) },
+							...cell({ resizable: cell$3.column.getCanResize() }),
+							children: (0, _tanstack_react_table.flexRender)(cell$3.column.columnDef.cell, cell$3.getContext())
+						}, cell$3.id)),
 						row.getRightVisibleCells().map((cell$4) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
 							pinned: true,
 							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({
@@ -2069,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" }, "_1kgo6ds"] });
+var button$1 = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "center" }, "_1t42fzp"] });
 var cursor = require_Tooltip.recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "gbp326"],
+	}, "_1knkeff"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "ydng79"] });
+var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "_31ym1c"] });
 //#endregion
 //#region src/pagination/Pagination.tsx
 /**
@@ -2188,7 +2202,7 @@ Pagination.displayName = "@optiaxiom/react/Pagination";
 //#endregion
 //#region src/data-table/DataTableFooter.css.ts
 var addon$1 = require_Tooltip.recipeRuntime({
-	base: "_1wsyeqn",
+	base: "_1xbspxh",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}
@@ -2278,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" }, "_13bynhy"] });
-var date = require_Tooltip.recipeRuntime({ base: "_3204oz" });
-var input$2 = require_Tooltip.recipeRuntime({ base: "_1kh3jjy" });
-var picker = require_Tooltip.recipeRuntime({ base: "krgghs" });
+var clear$1 = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1x68uux"] });
+var date = require_Tooltip.recipeRuntime({ base: "h8ynya" });
+var input$2 = require_Tooltip.recipeRuntime({ base: "_18ifzoo" });
+var picker = require_Tooltip.recipeRuntime({ base: "_9xx7un" });
 //#endregion
 //#region src/date-input/DateInput.tsx
 /**
@@ -2618,11 +2632,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: ["soeyjm"] });
+var inner = require_Tooltip.recipeRuntime({ base: ["v4904g"] });
 var outer = require_Tooltip.recipeRuntime({
-	base: [{ display: "grid" }, "_1hu31p1"],
+	base: [{ display: "grid" }, "_1yvp0dj"],
 	variants: { scale: {
-		false: "_172terv",
+		false: "_15d08g3",
 		true: {}
 	} }
 });
@@ -2671,13 +2685,13 @@ var icon = require_Tooltip.recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "ejxade"] });
+}, "_1xwuyki"] });
 var root = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "kvl36x"] });
+}, "_1fudmdh"] });
 var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -2685,7 +2699,7 @@ var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "jn0pto"] });
+}, "s3o0e7"] });
 //#endregion
 //#region src/disclosure/DisclosureTrigger.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/DisclosureTrigger");
@@ -3159,7 +3173,7 @@ Grid.displayName = "@optiaxiom/react/Grid";
 //#endregion
 //#region src/indicator/Indicator.css.ts
 var badge = require_Tooltip.recipeRuntime({
-	base: "zrz8cu",
+	base: "_13ca5td",
 	variants: {
 		offset: {
 			false: {
@@ -3169,7 +3183,7 @@ var badge = require_Tooltip.recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "xjmg2s"]
+			}, "_1vv2b49"]
 		},
 		ping: {
 			false: {},
@@ -3177,7 +3191,7 @@ var badge = require_Tooltip.recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_1eyluzr"]
+			}, "yvpj01"]
 		}
 	}
 });
@@ -3186,15 +3200,15 @@ var floating = require_Tooltip.recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1t7t8u8"],
+	}, "m8lexj"],
 	variants: {
 		offset: {
-			false: "_1xf4i24",
+			false: "_10kyhwd",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_19f8csg",
-			"top-right": "_1tw6ess"
+			"bottom-right": "j6ezxm",
+			"top-right": "_21r128"
 		}
 	}
 });
@@ -3202,7 +3216,7 @@ var indicator$2 = require_Tooltip.recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_12ichzx"] });
+}, "_1acgzpi"] });
 //#endregion
 //#region src/indicator/Indicator.tsx
 const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator");
@@ -3269,7 +3283,7 @@ var key = require_Tooltip.recipeRuntime({
 			borderB: "2",
 			borderColor: "border.secondary",
 			rounded: "sm"
-		}, "onzhk7"],
+		}, "_1sfsxif"],
 		subtle: {}
 	} }
 });
@@ -3323,7 +3337,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" }, "_1g9khm1"] });
+var button = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_15aziiq"] });
 var content$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		fontSize: "sm",
@@ -3405,7 +3419,7 @@ var nav$1 = require_Tooltip.recipeRuntime({ base: [{
 	overflow: "hidden",
 	pb: "8",
 	pt: "16"
-}, "_1yf5c14"] });
+}, "_1ippx1m"] });
 //#endregion
 //#region src/nav/Nav.tsx
 /**
@@ -3447,8 +3461,8 @@ var item$1 = require_Tooltip.recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "_1yuto46",
-		true: "prw6in"
+		false: "nzh0fg",
+		true: "cn9sw2"
 	} }
 });
 //#endregion
@@ -3695,7 +3709,7 @@ var item = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	transition: "colors"
-}, "_1v6mq5g"] });
+}, "d8q4kb"] });
 var label = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -3705,10 +3719,10 @@ var label = require_Tooltip.recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_13xya17"],
+	}, "_1drudgm"],
 	variants: { expanded: {
-		false: "_1m7z3vt",
-		true: "ga1l0x"
+		false: "nwf3bt",
+		true: "_1lk28td"
 	} }
 });
 //#endregion
@@ -3820,13 +3834,13 @@ var indicator$1 = require_Tooltip.recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_1rj403z",
+		danger: "lvw7ci",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_4g7eno",
+		style: "ke1pft",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -3838,7 +3852,7 @@ var progress = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "nkb1q9"] });
+}, "khu3vu"] });
 //#endregion
 //#region src/progress/Progress.tsx
 /**
@@ -3879,18 +3893,18 @@ var control = require_Tooltip.recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "noo40k"],
+	}, "_6styxt"],
 	variants: { shift: {
 		false: {},
-		true: "_2rzbja"
+		true: "_1v7ngho"
 	} }
 });
 var indicator = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "zgn49e"] });
-var input$1 = require_Tooltip.recipeRuntime({ base: "_1r5w7d2" });
-var radio = require_Tooltip.recipeRuntime({ base: "xkj97" });
+}, "_11cahba"] });
+var input$1 = require_Tooltip.recipeRuntime({ base: "_1lfeq3n" });
+var radio = require_Tooltip.recipeRuntime({ base: "_14cdx70" });
 //#endregion
 //#region src/radio/RadioGroupContext.ts
 const [RadioGroupProvider, useRadioGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/RadioGroup", null);
@@ -3978,9 +3992,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" }, "_1vv6zs0"] });
-var input = require_Tooltip.recipeRuntime({ base: "_1kaymwb" });
-var search = require_Tooltip.recipeRuntime({ base: "h9yvvp" });
+var clear = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "jgint4"] });
+var input = require_Tooltip.recipeRuntime({ base: "dz4jko" });
+var search = require_Tooltip.recipeRuntime({ base: "rse7xv" });
 //#endregion
 //#region src/search-input/SearchInput.tsx
 /**
@@ -4137,7 +4151,7 @@ var nav = require_Tooltip.recipeRuntime({ base: [{
 	gap: "0",
 	overflow: "hidden",
 	py: "16"
-}, "it0yv5"] });
+}, "en9txh"] });
 //#endregion
 //#region src/sub-nav/SubNav.tsx
 /**
@@ -4172,7 +4186,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" }, "_1kz1kah"] });
+var tabs = require_Tooltip.recipeRuntime({ base: [{ display: "flex" }, "f0oypz"] });
 //#endregion
 //#region src/tabs/Tabs.tsx
 /**
@@ -4242,7 +4256,7 @@ TabsContent.displayName = "@optiaxiom/react/TabsContent";
 var list = require_Tooltip.recipeRuntime({ base: [{
 	borderColor: "border.tertiary",
 	display: "flex"
-}, "_1y0x8h2"] });
+}, "_117gf5p"] });
 //#endregion
 //#region src/tabs/TabsList.tsx
 /**
@@ -4268,9 +4282,9 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	py: "6",
 	rounded: "sm",
 	transition: "colors"
-}, "_42pgjr"] });
+}, "_6yzr07"] });
 var trigger = require_Tooltip.recipeRuntime({ base: [
-	"_104wkje",
+	"_137fuwa",
 	{
 		flex: ["1", "initial"],
 		fontSize: "md",
@@ -4278,7 +4292,7 @@ var trigger = require_Tooltip.recipeRuntime({ base: [
 		py: "4",
 		transition: "colors"
 	},
-	"_1rpiara"
+	"_1810evt"
 ] });
 //#endregion
 //#region src/tabs/TabsTrigger.tsx
@@ -4316,12 +4330,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: "_1vcjuuq" });
+var addon = require_Tooltip.recipeRuntime({ base: "xn5mlk" });
 //#endregion
 //#region src/textarea/TextareaAutosize.css.ts
-var shadow = require_Tooltip.recipeRuntime({ base: ["a51apf", "_17njz86"] });
+var shadow = require_Tooltip.recipeRuntime({ base: ["_1lfqror", "f819gb"] });
 var textarea = require_Tooltip.recipeRuntime({
-	base: ["a51apf", "xaqlh4"],
+	base: ["_1lfqror", "_15p9rhk"],
 	variants: { resize: {
 		auto: { overflow: "hidden" },
 		none: {},
@@ -4336,16 +4350,16 @@ var wrapper = require_Tooltip.recipeRuntime({
 	},
 	variants: {
 		maxRows: {
-			"1": ["_1t02qf4", "_1jbdfeo"],
-			"2": ["_1t02qf4", "_1306d86"],
-			"3": ["_1t02qf4", "nxbive"],
-			"4": ["_1t02qf4", "_1cpnyd0"],
-			"5": ["_1t02qf4", "_1mnam5a"]
+			"1": ["_1wngtio", "uc35z7"],
+			"2": ["_1wngtio", "untkxa"],
+			"3": ["_1wngtio", "e4kjsw"],
+			"4": ["_1wngtio", "_3k4j9r"],
+			"5": ["_1wngtio", "_1gngya8"]
 		},
 		resize: {
 			auto: {},
 			none: {},
-			vertical: "ql1fj8"
+			vertical: "lzmoue"
 		}
 	}
 });