@optiaxiom/react 3.1.1 → 3.1.3

package/dist/cjs/Tooltip-B4Sz2EZv.js

@@ -0,0 +1,3120 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let react = require("react");
+require("@optiaxiom/globals/fonts");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+require("./assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css");
+require("./assets/src/sprinkles/properties.css.ts.vanilla-f1i32G_K.css");
+let clsx = require("clsx");
+clsx = __toESM(clsx, 1);
+require("./assets/src/box/Box.css.ts.vanilla-Cu73urnw.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _optiaxiom_globals = require("@optiaxiom/globals");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
+require("./assets/src/button/ButtonRoot.css.ts.vanilla-DD7nw0Ji.css");
+require("./assets/src/button/ButtonLoadable.css.ts.vanilla-DTQEigcN.css");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+require("./assets/src/icon/Icon.css.ts.vanilla-JSqGBQ8D.css");
+require("./assets/src/button/ButtonIcon.css.ts.vanilla-Cak-UwsY.css");
+require("./assets/src/text/Text.css.ts.vanilla-_r3r1D9T.css");
+require("./assets/src/spinner/Spinner.css.ts.vanilla-DLBq18hS.css");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+require("./assets/src/transition/Transition.css.ts.vanilla-BGupjy4y.css");
+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 = __toESM(_radix_ui_react_tooltip);
+let _radix_ui_react_portal = require("@radix-ui/react-portal");
+_radix_ui_react_portal = __toESM(_radix_ui_react_portal);
+//#region package.json
+var version = "3.1.3";
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+sprinkles@1.6.5_patch_hash=530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js
+function createNormalizeValueFn(properties) {
+	var { conditions } = properties;
+	if (!conditions) throw new Error("Styles have no conditions");
+	return function normalizeValue(value) {
+		if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+			if (!conditions.defaultCondition) throw new Error("No default condition");
+			return { [conditions.defaultCondition]: value };
+		}
+		if (Array.isArray(value)) {
+			if (!("responsiveArray" in conditions)) throw new Error("Responsive arrays are not supported");
+			var returnValue = {};
+			for (var index in conditions.responsiveArray) if (value[index] != null) returnValue[conditions.responsiveArray[index]] = value[index];
+			return returnValue;
+		}
+		return value;
+	};
+}
+function createMapValueFn(properties) {
+	var { conditions } = properties;
+	if (!conditions) throw new Error("Styles have no conditions");
+	var normalizeValue = createNormalizeValueFn(properties);
+	return function mapValue(value, mapFn) {
+		if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+			if (!conditions.defaultCondition) throw new Error("No default condition");
+			return mapFn(value, conditions.defaultCondition);
+		}
+		var normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
+		var mappedObject = {};
+		for (var _key in normalizedObject) if (normalizedObject[_key] != null) mappedObject[_key] = mapFn(normalizedObject[_key], _key);
+		return mappedObject;
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+sprinkles@1.6.5_patch_hash=530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js
+function toPrimitive(t, r) {
+	if ("object" != typeof t || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != typeof i) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+	key = toPropertyKey(key);
+	if (key in obj) Object.defineProperty(obj, key, {
+		value,
+		enumerable: true,
+		configurable: true,
+		writable: true
+	});
+	else obj[key] = value;
+	return obj;
+}
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r) {
+			return Object.getOwnPropertyDescriptor(e, r).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+			_defineProperty(e, r, t[r]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+		});
+	}
+	return e;
+}
+var createSprinkles$1 = (composeStyles) => function() {
+	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+	var sprinklesStyles = Object.assign({}, ...args.map((a) => a.styles));
+	var sprinklesKeys = Object.keys(sprinklesStyles);
+	var shorthandNames = sprinklesKeys.filter((property) => "mappings" in sprinklesStyles[property]);
+	var sprinklesFn = (props) => {
+		var classNames = [];
+		var shorthands = {};
+		var nonShorthands = _objectSpread2({}, props);
+		var hasShorthands = false;
+		for (var shorthand of shorthandNames) {
+			var value = props[shorthand];
+			if (value != null) {
+				var sprinkle = sprinklesStyles[shorthand];
+				hasShorthands = true;
+				for (var propMapping of sprinkle.mappings) {
+					shorthands[propMapping] = value;
+					if (nonShorthands[propMapping] == null) delete nonShorthands[propMapping];
+				}
+			}
+		}
+		var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
+		var _loop = function _loop() {
+			var propValue = finalProps[prop];
+			var sprinkle = sprinklesStyles[prop];
+			try {
+				if (sprinkle.mappings) return 1;
+				if (typeof propValue === "string" || typeof propValue === "number") classNames.push(sprinkle.values[propValue].defaultClass);
+				else if (Array.isArray(propValue)) for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
+					var responsiveValue = propValue[responsiveIndex];
+					if (responsiveValue != null) {
+						var conditionName = sprinkle.responsiveArray[responsiveIndex];
+						classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
+					}
+				}
+				else for (var _conditionName in propValue) {
+					var _value = propValue[_conditionName];
+					if (_value != null) classNames.push(sprinkle.values[_value].conditions[_conditionName]);
+				}
+			} catch (e) {
+				throw e;
+			}
+		};
+		for (var prop in finalProps) if (_loop()) continue;
+		return composeStyles(classNames.join(" "));
+	};
+	return Object.assign(sprinklesFn, { properties: new Set(sprinklesKeys) });
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+sprinkles@1.6.5_patch_hash=530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
+var composeStyles = (classList) => classList;
+var createSprinkles = function createSprinkles() {
+	return createSprinkles$1(composeStyles)(...arguments);
+};
+//#endregion
+//#region src/sprinkles/properties.css.ts
+var fontFamilyVar = "var(--ax-styles-fontFamily)";
+var responsiveProps = function() {
+	var x = {
+		conditions: {
+			defaultCondition: "base",
+			conditionNames: [
+				"sm",
+				"md",
+				"base"
+			],
+			responsiveArray: [
+				"base",
+				"sm",
+				"md"
+			]
+		},
+		styles: {
+			maxH: { mappings: ["maxHeight"] },
+			maxW: { mappings: ["maxWidth"] },
+			size: { mappings: ["height", "width"] },
+			h: { mappings: ["height"] },
+			w: { mappings: ["width"] },
+			alignItems: {
+				values: {
+					center: {
+						conditions: {
+							sm: "_1tyu8a4",
+							md: "_17oy9wa",
+							base: "u16c94"
+						},
+						defaultClass: "u16c94"
+					},
+					end: {
+						conditions: {
+							sm: "olk6gu",
+							md: "_12qxoah",
+							base: "_7mkq2w"
+						},
+						defaultClass: "_7mkq2w"
+					},
+					normal: {
+						conditions: {
+							sm: "_13ly0hc",
+							md: "hc5oa1",
+							base: "_1ntfuw8"
+						},
+						defaultClass: "_1ntfuw8"
+					},
+					start: {
+						conditions: {
+							sm: "_1jem3mw",
+							md: "_1ddwm0q",
+							base: "yvvrck"
+						},
+						defaultClass: "yvvrck"
+					},
+					stretch: {
+						conditions: {
+							sm: "_1xs5q9m",
+							md: "_1au1wg2",
+							base: "ekq79h"
+						},
+						defaultClass: "ekq79h"
+					}
+				},
+				responsiveArray: void 0
+			},
+			alignSelf: {
+				values: {
+					center: {
+						conditions: {
+							sm: "_79oow4",
+							md: "_1ckbsm2",
+							base: "_4mozz8"
+						},
+						defaultClass: "_4mozz8"
+					},
+					end: {
+						conditions: {
+							sm: "_1t6thv3",
+							md: "_9r7z8b",
+							base: "_14m2xq"
+						},
+						defaultClass: "_14m2xq"
+					},
+					normal: {
+						conditions: {
+							sm: "_1ddpa7i",
+							md: "op71af",
+							base: "_9dnws1"
+						},
+						defaultClass: "_9dnws1"
+					},
+					start: {
+						conditions: {
+							sm: "_1x4xh4z",
+							md: "_1dwos5n",
+							base: "_1gtgwyl"
+						},
+						defaultClass: "_1gtgwyl"
+					},
+					stretch: {
+						conditions: {
+							sm: "swi9lf",
+							md: "_17mr98r",
+							base: "_3idm2a"
+						},
+						defaultClass: "_3idm2a"
+					}
+				},
+				responsiveArray: void 0
+			},
+			display: {
+				values: {
+					none: {
+						conditions: {
+							sm: "fic85k",
+							md: "_8ksr43",
+							base: "_1wnq0ep"
+						},
+						defaultClass: "_1wnq0ep"
+					},
+					flex: {
+						conditions: {
+							sm: "k1pozd",
+							md: "_5f4ydh",
+							base: "x04a77"
+						},
+						defaultClass: "x04a77"
+					},
+					grid: {
+						conditions: {
+							sm: "wje2zz",
+							md: "hy37rj",
+							base: "_1nh6asr"
+						},
+						defaultClass: "_1nh6asr"
+					},
+					block: {
+						conditions: {
+							sm: "_1h7abox",
+							md: "vmdruq",
+							base: "u51fa2"
+						},
+						defaultClass: "u51fa2"
+					},
+					inline: {
+						conditions: {
+							sm: "_1iseqtz",
+							md: "_19iqvdt",
+							base: "alc6ip"
+						},
+						defaultClass: "alc6ip"
+					},
+					"inline-block": {
+						conditions: {
+							sm: "cpeihr",
+							md: "_1pzlvmn",
+							base: "x91hci"
+						},
+						defaultClass: "x91hci"
+					},
+					"inline-flex": {
+						conditions: {
+							sm: "_1xrwc4t",
+							md: "_1qlhfjw",
+							base: "_9gz5yk"
+						},
+						defaultClass: "_9gz5yk"
+					},
+					table: {
+						conditions: {
+							sm: "_12l9q0g",
+							md: "_1t4ne80",
+							base: "f7ul6z"
+						},
+						defaultClass: "f7ul6z"
+					},
+					"table-cell": {
+						conditions: {
+							sm: "_1mbf2i1",
+							md: "xe0aqg",
+							base: "_1a2685v"
+						},
+						defaultClass: "_1a2685v"
+					},
+					"table-row": {
+						conditions: {
+							sm: "_1xa4n1w",
+							md: "_16hzm7x",
+							base: "_1t7wpuh"
+						},
+						defaultClass: "_1t7wpuh"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flex: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "_1ok890v",
+							md: "_1rm2x3c",
+							base: "_4v12fd"
+						},
+						defaultClass: "_4v12fd"
+					},
+					auto: {
+						conditions: {
+							sm: "_1g4ef8m",
+							md: "_1s4n1pk",
+							base: "_1961j9m"
+						},
+						defaultClass: "_1961j9m"
+					},
+					initial: {
+						conditions: {
+							sm: "ug5gs4",
+							md: "tdvfhu",
+							base: "_14h7fme"
+						},
+						defaultClass: "_14h7fme"
+					},
+					none: {
+						conditions: {
+							sm: "pkup5w",
+							md: "kj8py9",
+							base: "yrm60o"
+						},
+						defaultClass: "yrm60o"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexDirection: {
+				values: {
+					column: {
+						conditions: {
+							sm: "_1w2y6rx",
+							md: "_6fhs1y",
+							base: "spm4em"
+						},
+						defaultClass: "spm4em"
+					},
+					"column-reverse": {
+						conditions: {
+							sm: "_1lsjfka",
+							md: "i5jfyq",
+							base: "_1yxdodw"
+						},
+						defaultClass: "_1yxdodw"
+					},
+					row: {
+						conditions: {
+							sm: "y476y6",
+							md: "_1a4o9ft",
+							base: "ol2og0"
+						},
+						defaultClass: "ol2og0"
+					},
+					"row-reverse": {
+						conditions: {
+							sm: "lp9y6h",
+							md: "bm0750",
+							base: "_15390o7"
+						},
+						defaultClass: "_15390o7"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexWrap: {
+				values: {
+					nowrap: {
+						conditions: {
+							sm: "_1cc3ob7",
+							md: "y9uxyi",
+							base: "_9k00wl"
+						},
+						defaultClass: "_9k00wl"
+					},
+					wrap: {
+						conditions: {
+							sm: "mqxuqk",
+							md: "gee9us",
+							base: "_5jyhpb"
+						},
+						defaultClass: "_5jyhpb"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gap: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "a309gj",
+							md: "_1bnve3g",
+							base: "_1wlwe1h"
+						},
+						defaultClass: "_1wlwe1h"
+					},
+					"2": {
+						conditions: {
+							sm: "_12bjt2z",
+							md: "hr6zhi",
+							base: "_16n0rbo"
+						},
+						defaultClass: "_16n0rbo"
+					},
+					"4": {
+						conditions: {
+							sm: "s9cg37",
+							md: "_6pbwyo",
+							base: "xifekc"
+						},
+						defaultClass: "xifekc"
+					},
+					"6": {
+						conditions: {
+							sm: "cgi908",
+							md: "_6osxva",
+							base: "_5g4if2"
+						},
+						defaultClass: "_5g4if2"
+					},
+					"8": {
+						conditions: {
+							sm: "_1cn8esd",
+							md: "_1wdyilf",
+							base: "_1c1rtni"
+						},
+						defaultClass: "_1c1rtni"
+					},
+					"10": {
+						conditions: {
+							sm: "lsf3ji",
+							md: "_1eq8jnc",
+							base: "_1nxd25h"
+						},
+						defaultClass: "_1nxd25h"
+					},
+					"12": {
+						conditions: {
+							sm: "_11d3yzo",
+							md: "_1x0zoe2",
+							base: "orf4tj"
+						},
+						defaultClass: "orf4tj"
+					},
+					"16": {
+						conditions: {
+							sm: "_1pt1vx7",
+							md: "_1anmk4y",
+							base: "_1hqd1ma"
+						},
+						defaultClass: "_1hqd1ma"
+					},
+					"20": {
+						conditions: {
+							sm: "_1o275ji",
+							md: "o2kjkf",
+							base: "_1p4gisr"
+						},
+						defaultClass: "_1p4gisr"
+					},
+					"24": {
+						conditions: {
+							sm: "yqvm6z",
+							md: "_1as5qsr",
+							base: "hgzwl6"
+						},
+						defaultClass: "hgzwl6"
+					},
+					"32": {
+						conditions: {
+							sm: "_1qtuzt8",
+							md: "_5zvuaf",
+							base: "eqr7th"
+						},
+						defaultClass: "eqr7th"
+					},
+					"40": {
+						conditions: {
+							sm: "m73i7j",
+							md: "_1s8cypq",
+							base: "_1q52hmf"
+						},
+						defaultClass: "_1q52hmf"
+					},
+					"48": {
+						conditions: {
+							sm: "_1x4yapt",
+							md: "_3afbcf",
+							base: "_1ihj0xj"
+						},
+						defaultClass: "_1ihj0xj"
+					},
+					"64": {
+						conditions: {
+							sm: "_1pgi972",
+							md: "m6042i",
+							base: "_13mtapv"
+						},
+						defaultClass: "_13mtapv"
+					},
+					"80": {
+						conditions: {
+							sm: "crz0gb",
+							md: "_1h2qb0t",
+							base: "_1gjw7pv"
+						},
+						defaultClass: "_1gjw7pv"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gridAutoRows: {
+				values: { fr: {
+					conditions: {
+						sm: "_17anz5q",
+						md: "a5ft8z",
+						base: "_1vwxmdq"
+					},
+					defaultClass: "_1vwxmdq"
+				} },
+				responsiveArray: void 0
+			},
+			gridColumn: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "_1p8fgli",
+							md: "_1s3ozn4",
+							base: "_6f0kr3"
+						},
+						defaultClass: "_6f0kr3"
+					},
+					"2": {
+						conditions: {
+							sm: "_1jmqwqy",
+							md: "_1rjsejv",
+							base: "_1vrkqdn"
+						},
+						defaultClass: "_1vrkqdn"
+					},
+					"3": {
+						conditions: {
+							sm: "sn8gj6",
+							md: "hthroo",
+							base: "goru09"
+						},
+						defaultClass: "goru09"
+					},
+					"4": {
+						conditions: {
+							sm: "_1rb5bbw",
+							md: "lllgkh",
+							base: "n0hkf7"
+						},
+						defaultClass: "n0hkf7"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gridTemplateColumns: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "_1rd1x54",
+							md: "_3zghec",
+							base: "z08ncb"
+						},
+						defaultClass: "z08ncb"
+					},
+					"2": {
+						conditions: {
+							sm: "_1p1lug4",
+							md: "_7ds9tw",
+							base: "tm23w0"
+						},
+						defaultClass: "tm23w0"
+					},
+					"3": {
+						conditions: {
+							sm: "_7qwxxw",
+							md: "_149g605",
+							base: "_1j17fch"
+						},
+						defaultClass: "_1j17fch"
+					},
+					"4": {
+						conditions: {
+							sm: "xdr57n",
+							md: "_1cnplpt",
+							base: "_1r8b4t7"
+						},
+						defaultClass: "_1r8b4t7"
+					}
+				},
+				responsiveArray: void 0
+			},
+			height: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "am40h4",
+							md: "mh5zhc",
+							base: "_1r1druf"
+						},
+						defaultClass: "_1r1druf"
+					},
+					"10": {
+						conditions: {
+							sm: "_18s0wp4",
+							md: "o7x8wy",
+							base: "_1hjzfri"
+						},
+						defaultClass: "_1hjzfri"
+					},
+					"12": {
+						conditions: {
+							sm: "tsqjwh",
+							md: "_1skr45e",
+							base: "_1dlzilj"
+						},
+						defaultClass: "_1dlzilj"
+					},
+					"16": {
+						conditions: {
+							sm: "_1v9xtye",
+							md: "_144i15k",
+							base: "_6nk6iv"
+						},
+						defaultClass: "_6nk6iv"
+					},
+					"20": {
+						conditions: {
+							sm: "_1oowlvy",
+							md: "_1vbc9ws",
+							base: "_1cea0bx"
+						},
+						defaultClass: "_1cea0bx"
+					},
+					"24": {
+						conditions: {
+							sm: "_1vqoo4g",
+							md: "unckfm",
+							base: "_92x7k4"
+						},
+						defaultClass: "_92x7k4"
+					},
+					"32": {
+						conditions: {
+							sm: "_1w985fg",
+							md: "ct63ma",
+							base: "_1y64zrz"
+						},
+						defaultClass: "_1y64zrz"
+					},
+					"40": {
+						conditions: {
+							sm: "_1b2icf7",
+							md: "id0ydo",
+							base: "ysac4g"
+						},
+						defaultClass: "ysac4g"
+					},
+					"48": {
+						conditions: {
+							sm: "_1lezius",
+							md: "_1slf2gm",
+							base: "vnqeax"
+						},
+						defaultClass: "vnqeax"
+					},
+					"56": {
+						conditions: {
+							sm: "_1soesib",
+							md: "_6ej0fc",
+							base: "_11nziqj"
+						},
+						defaultClass: "_11nziqj"
+					},
+					"64": {
+						conditions: {
+							sm: "_4hev4m",
+							md: "_1h37wma",
+							base: "n72qy7"
+						},
+						defaultClass: "n72qy7"
+					},
+					"80": {
+						conditions: {
+							sm: "jimqls",
+							md: "_103gd7l",
+							base: "_1sebf21"
+						},
+						defaultClass: "_1sebf21"
+					},
+					"224": {
+						conditions: {
+							sm: "_1uy046y",
+							md: "_1qo8uk7",
+							base: "_1nm8af0"
+						},
+						defaultClass: "_1nm8af0"
+					},
+					"384": {
+						conditions: {
+							sm: "_10ynu2j",
+							md: "q18nca",
+							base: "adj4a3"
+						},
+						defaultClass: "adj4a3"
+					},
+					"2xs": {
+						conditions: {
+							sm: "d8a39x",
+							md: "i1rfqu",
+							base: "_15ylgte"
+						},
+						defaultClass: "_15ylgte"
+					},
+					xs: {
+						conditions: {
+							sm: "_10o78nj",
+							md: "_64xqgb",
+							base: "i4jr8f"
+						},
+						defaultClass: "i4jr8f"
+					},
+					sm: {
+						conditions: {
+							sm: "_13jcsv5",
+							md: "_1x0i92z",
+							base: "_1a4j5ud"
+						},
+						defaultClass: "_1a4j5ud"
+					},
+					md: {
+						conditions: {
+							sm: "_1lh8roo",
+							md: "wjuonu",
+							base: "i474wy"
+						},
+						defaultClass: "i474wy"
+					},
+					lg: {
+						conditions: {
+							sm: "nxbq1b",
+							md: "pviasg",
+							base: "_1uy9olo"
+						},
+						defaultClass: "_1uy9olo"
+					},
+					xl: {
+						conditions: {
+							sm: "k8bh2g",
+							md: "_7s0s36",
+							base: "_1xw6vif"
+						},
+						defaultClass: "_1xw6vif"
+					},
+					"3xl": {
+						conditions: {
+							sm: "pg18cg",
+							md: "vi271j",
+							base: "_15i10gj"
+						},
+						defaultClass: "_15i10gj"
+					},
+					"1/2": {
+						conditions: {
+							sm: "die8te",
+							md: "_1ivlnpf",
+							base: "_1k51ztw"
+						},
+						defaultClass: "_1k51ztw"
+					},
+					"1/3": {
+						conditions: {
+							sm: "_17esct4",
+							md: "_5lmq9x",
+							base: "_348rcx"
+						},
+						defaultClass: "_348rcx"
+					},
+					"2/3": {
+						conditions: {
+							sm: "luj8e2",
+							md: "npr7zp",
+							base: "_1hbta9j"
+						},
+						defaultClass: "_1hbta9j"
+					},
+					"1/4": {
+						conditions: {
+							sm: "zlodkt",
+							md: "_1nh853q",
+							base: "nq9j0n"
+						},
+						defaultClass: "nq9j0n"
+					},
+					"3/4": {
+						conditions: {
+							sm: "_1u6v3jt",
+							md: "_12fs22h",
+							base: "_10e9w9e"
+						},
+						defaultClass: "_10e9w9e"
+					},
+					auto: {
+						conditions: {
+							sm: "_9w5u2l",
+							md: "w921vr",
+							base: "_1i3irky"
+						},
+						defaultClass: "_1i3irky"
+					},
+					fit: {
+						conditions: {
+							sm: "_16b56t5",
+							md: "os7bxa",
+							base: "tnnblv"
+						},
+						defaultClass: "tnnblv"
+					},
+					full: {
+						conditions: {
+							sm: "dcc3as",
+							md: "voqid5",
+							base: "n8i8lx"
+						},
+						defaultClass: "n8i8lx"
+					},
+					max: {
+						conditions: {
+							sm: "_15j6jwf",
+							md: "xzyjwc",
+							base: "_11v11cr"
+						},
+						defaultClass: "_11v11cr"
+					},
+					min: {
+						conditions: {
+							sm: "_1x5iphy",
+							md: "_1f5594s",
+							base: "s9ch9j"
+						},
+						defaultClass: "s9ch9j"
+					}
+				},
+				responsiveArray: void 0
+			},
+			justifyContent: {
+				values: {
+					center: {
+						conditions: {
+							sm: "_17315tg",
+							md: "matyus",
+							base: "j68eup"
+						},
+						defaultClass: "j68eup"
+					},
+					end: {
+						conditions: {
+							sm: "_14lgkwg",
+							md: "_1scap3h",
+							base: "_1wilnrn"
+						},
+						defaultClass: "_1wilnrn"
+					},
+					"flex-end": {
+						conditions: {
+							sm: "_1ywnk98",
+							md: "c7p08d",
+							base: "_1el0xg7"
+						},
+						defaultClass: "_1el0xg7"
+					},
+					"flex-start": {
+						conditions: {
+							sm: "gs0mvz",
+							md: "eypiha",
+							base: "_6p2bo9"
+						},
+						defaultClass: "_6p2bo9"
+					},
+					normal: {
+						conditions: {
+							sm: "_1cznq45",
+							md: "fbnxf9",
+							base: "_1sav1fo"
+						},
+						defaultClass: "_1sav1fo"
+					},
+					"space-around": {
+						conditions: {
+							sm: "_6dgik4",
+							md: "_14basiy",
+							base: "_9sev2f"
+						},
+						defaultClass: "_9sev2f"
+					},
+					"space-between": {
+						conditions: {
+							sm: "f0zj8h",
+							md: "_1vdqlp6",
+							base: "_1aqw116"
+						},
+						defaultClass: "_1aqw116"
+					},
+					"space-evenly": {
+						conditions: {
+							sm: "_1brmja3",
+							md: "hxemog",
+							base: "wd924j"
+						},
+						defaultClass: "wd924j"
+					},
+					start: {
+						conditions: {
+							sm: "_77wt32",
+							md: "qgcu81",
+							base: "zhalul"
+						},
+						defaultClass: "zhalul"
+					},
+					stretch: {
+						conditions: {
+							sm: "_8ec6wz",
+							md: "xy0q5g",
+							base: "_172msid"
+						},
+						defaultClass: "_172msid"
+					}
+				},
+				responsiveArray: void 0
+			},
+			justifyItems: {
+				values: {
+					center: {
+						conditions: {
+							sm: "tqbxzv",
+							md: "_1s7rlg5",
+							base: "veg33c"
+						},
+						defaultClass: "veg33c"
+					},
+					end: {
+						conditions: {
+							sm: "kslfe9",
+							md: "_1npu96g",
+							base: "_1el3ln1"
+						},
+						defaultClass: "_1el3ln1"
+					},
+					normal: {
+						conditions: {
+							sm: "gp3pma",
+							md: "nyvg5r",
+							base: "_1a35ek1"
+						},
+						defaultClass: "_1a35ek1"
+					},
+					start: {
+						conditions: {
+							sm: "gc2w46",
+							md: "_4dmesf",
+							base: "rwegfc"
+						},
+						defaultClass: "rwegfc"
+					},
+					stretch: {
+						conditions: {
+							sm: "ols5tj",
+							md: "_6ehsew",
+							base: "jb7kp6"
+						},
+						defaultClass: "jb7kp6"
+					}
+				},
+				responsiveArray: void 0
+			},
+			maxHeight: {
+				values: {
+					xs: {
+						conditions: {
+							sm: "_1s6ncxq",
+							md: "e0afn3",
+							base: "rjl0vm"
+						},
+						defaultClass: "rjl0vm"
+					},
+					sm: {
+						conditions: {
+							sm: "vvm0vd",
+							md: "_1gro1lo",
+							base: "br6tom"
+						},
+						defaultClass: "br6tom"
+					},
+					md: {
+						conditions: {
+							sm: "amu6s6",
+							md: "rodt09",
+							base: "oywvwn"
+						},
+						defaultClass: "oywvwn"
+					},
+					lg: {
+						conditions: {
+							sm: "_1efahbu",
+							md: "cb5a81",
+							base: "_1n6a20o"
+						},
+						defaultClass: "_1n6a20o"
+					},
+					full: {
+						conditions: {
+							sm: "_6ge80m",
+							md: "m8hhdm",
+							base: "_18e2axi"
+						},
+						defaultClass: "_18e2axi"
+					}
+				},
+				responsiveArray: void 0
+			},
+			maxWidth: {
+				values: {
+					xs: {
+						conditions: {
+							sm: "_1qbpcpb",
+							md: "_1o512el",
+							base: "_1r6eesj"
+						},
+						defaultClass: "_1r6eesj"
+					},
+					sm: {
+						conditions: {
+							sm: "_1tziyvm",
+							md: "_4a88xp",
+							base: "_1eyvkab"
+						},
+						defaultClass: "_1eyvkab"
+					},
+					md: {
+						conditions: {
+							sm: "yhhd35",
+							md: "_1cs8x92",
+							base: "twdr48"
+						},
+						defaultClass: "twdr48"
+					},
+					lg: {
+						conditions: {
+							sm: "szg77i",
+							md: "_9tjby1",
+							base: "_1ptspg3"
+						},
+						defaultClass: "_1ptspg3"
+					},
+					full: {
+						conditions: {
+							sm: "_1o9cukq",
+							md: "v0api0",
+							base: "zzyewx"
+						},
+						defaultClass: "zzyewx"
+					}
+				},
+				responsiveArray: void 0
+			},
+			placeItems: {
+				values: { center: {
+					conditions: {
+						sm: "sdl4s3",
+						md: "_1muup3n",
+						base: "ed3ev8"
+					},
+					defaultClass: "ed3ev8"
+				} },
+				responsiveArray: void 0
+			},
+			width: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "_8rt7lu",
+							md: "_1vxxc5y",
+							base: "_145tfy2"
+						},
+						defaultClass: "_145tfy2"
+					},
+					"10": {
+						conditions: {
+							sm: "_13di4kc",
+							md: "_1onqsly",
+							base: "_1l1yu98"
+						},
+						defaultClass: "_1l1yu98"
+					},
+					"12": {
+						conditions: {
+							sm: "fmyeco",
+							md: "_1gyvhi",
+							base: "cn4wir"
+						},
+						defaultClass: "cn4wir"
+					},
+					"16": {
+						conditions: {
+							sm: "_1a87f43",
+							md: "_1ab9yb5",
+							base: "wlapd4"
+						},
+						defaultClass: "wlapd4"
+					},
+					"20": {
+						conditions: {
+							sm: "_63jwqe",
+							md: "_1vcf9a7",
+							base: "bu845j"
+						},
+						defaultClass: "bu845j"
+					},
+					"24": {
+						conditions: {
+							sm: "dmyu7t",
+							md: "_11mkbk7",
+							base: "_14dbgwu"
+						},
+						defaultClass: "_14dbgwu"
+					},
+					"32": {
+						conditions: {
+							sm: "_1mysdg5",
+							md: "_1jher9f",
+							base: "xtmxti"
+						},
+						defaultClass: "xtmxti"
+					},
+					"40": {
+						conditions: {
+							sm: "_15oqz06",
+							md: "_1qn8osf",
+							base: "_56o1e8"
+						},
+						defaultClass: "_56o1e8"
+					},
+					"48": {
+						conditions: {
+							sm: "pq4xjl",
+							md: "_1cccc0",
+							base: "_1xq7s8j"
+						},
+						defaultClass: "_1xq7s8j"
+					},
+					"56": {
+						conditions: {
+							sm: "_1npfzli",
+							md: "lqqomu",
+							base: "_4laujh"
+						},
+						defaultClass: "_4laujh"
+					},
+					"64": {
+						conditions: {
+							sm: "dmxgyn",
+							md: "_48lgqn",
+							base: "_13kpxqo"
+						},
+						defaultClass: "_13kpxqo"
+					},
+					"80": {
+						conditions: {
+							sm: "k5mn4v",
+							md: "nb99ns",
+							base: "_9c1zig"
+						},
+						defaultClass: "_9c1zig"
+					},
+					"224": {
+						conditions: {
+							sm: "_15yg5gc",
+							md: "_1cwopsv",
+							base: "_12saeb8"
+						},
+						defaultClass: "_12saeb8"
+					},
+					"384": {
+						conditions: {
+							sm: "_1qraajj",
+							md: "dn07xl",
+							base: "_166tavq"
+						},
+						defaultClass: "_166tavq"
+					},
+					"2xs": {
+						conditions: {
+							sm: "tp1jcu",
+							md: "py9s8w",
+							base: "_1i3jf8x"
+						},
+						defaultClass: "_1i3jf8x"
+					},
+					xs: {
+						conditions: {
+							sm: "_5n0u8a",
+							md: "v508em",
+							base: "_1slbi7g"
+						},
+						defaultClass: "_1slbi7g"
+					},
+					sm: {
+						conditions: {
+							sm: "admzsd",
+							md: "ev96pr",
+							base: "do7um3"
+						},
+						defaultClass: "do7um3"
+					},
+					md: {
+						conditions: {
+							sm: "_1ibdu69",
+							md: "w1uka6",
+							base: "_1nuk4pu"
+						},
+						defaultClass: "_1nuk4pu"
+					},
+					lg: {
+						conditions: {
+							sm: "o79i6",
+							md: "xcyk8w",
+							base: "_1042eav"
+						},
+						defaultClass: "_1042eav"
+					},
+					xl: {
+						conditions: {
+							sm: "_9yb2zm",
+							md: "_130tojd",
+							base: "tbzzxg"
+						},
+						defaultClass: "tbzzxg"
+					},
+					"3xl": {
+						conditions: {
+							sm: "_1mchf3r",
+							md: "_1psm90m",
+							base: "_1npzy6e"
+						},
+						defaultClass: "_1npzy6e"
+					},
+					"1/2": {
+						conditions: {
+							sm: "_1jjlld3",
+							md: "_11gqj6g",
+							base: "_1oiuept"
+						},
+						defaultClass: "_1oiuept"
+					},
+					"1/3": {
+						conditions: {
+							sm: "m9mwia",
+							md: "_1d2c3rv",
+							base: "_1sj45gp"
+						},
+						defaultClass: "_1sj45gp"
+					},
+					"2/3": {
+						conditions: {
+							sm: "_1tbyewu",
+							md: "qwbw0x",
+							base: "_1b7etz"
+						},
+						defaultClass: "_1b7etz"
+					},
+					"1/4": {
+						conditions: {
+							sm: "_1b9tytz",
+							md: "k5e7v3",
+							base: "vh9z55"
+						},
+						defaultClass: "vh9z55"
+					},
+					"3/4": {
+						conditions: {
+							sm: "_1hq0z8e",
+							md: "_175lxj8",
+							base: "_149z72e"
+						},
+						defaultClass: "_149z72e"
+					},
+					auto: {
+						conditions: {
+							sm: "_1wnin1p",
+							md: "z69rmn",
+							base: "_1m1tt6e"
+						},
+						defaultClass: "_1m1tt6e"
+					},
+					fit: {
+						conditions: {
+							sm: "nslha3",
+							md: "x64kqb",
+							base: "f3hmke"
+						},
+						defaultClass: "f3hmke"
+					},
+					full: {
+						conditions: {
+							sm: "_1hnwbaw",
+							md: "_131yem",
+							base: "svsepl"
+						},
+						defaultClass: "svsepl"
+					},
+					max: {
+						conditions: {
+							sm: "_1vykphx",
+							md: "nt89vs",
+							base: "_16b5gim"
+						},
+						defaultClass: "_16b5gim"
+					},
+					min: {
+						conditions: {
+							sm: "tacil9",
+							md: "_1runwvc",
+							base: "nqa14f"
+						},
+						defaultClass: "nqa14f"
+					}
+				},
+				responsiveArray: void 0
+			}
+		}
+	};
+	x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
+	x.styles.alignSelf.responsiveArray = x.conditions.responsiveArray;
+	x.styles.display.responsiveArray = x.conditions.responsiveArray;
+	x.styles.flex.responsiveArray = x.conditions.responsiveArray;
+	x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
+	x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
+	x.styles.gap.responsiveArray = x.conditions.responsiveArray;
+	x.styles.gridAutoRows.responsiveArray = x.conditions.responsiveArray;
+	x.styles.gridColumn.responsiveArray = x.conditions.responsiveArray;
+	x.styles.gridTemplateColumns.responsiveArray = x.conditions.responsiveArray;
+	x.styles.height.responsiveArray = x.conditions.responsiveArray;
+	x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
+	x.styles.justifyItems.responsiveArray = x.conditions.responsiveArray;
+	x.styles.maxHeight.responsiveArray = x.conditions.responsiveArray;
+	x.styles.maxWidth.responsiveArray = x.conditions.responsiveArray;
+	x.styles.placeItems.responsiveArray = x.conditions.responsiveArray;
+	x.styles.width.responsiveArray = x.conditions.responsiveArray;
+	return x;
+}();
+var unresponsiveProps = {
+	conditions: void 0,
+	styles: {
+		bg: { mappings: ["backgroundColor"] },
+		border: { mappings: [
+			"borderBottomWidth",
+			"borderLeftWidth",
+			"borderRightWidth",
+			"borderTopWidth"
+		] },
+		borderB: { mappings: ["borderBottomWidth"] },
+		borderL: { mappings: ["borderLeftWidth"] },
+		borderR: { mappings: ["borderRightWidth"] },
+		borderT: { mappings: ["borderTopWidth"] },
+		m: { mappings: [
+			"marginBottom",
+			"marginLeft",
+			"marginRight",
+			"marginTop"
+		] },
+		mx: { mappings: ["marginLeft", "marginRight"] },
+		my: { mappings: ["marginBottom", "marginTop"] },
+		mb: { mappings: ["marginBottom"] },
+		ml: { mappings: ["marginLeft"] },
+		mr: { mappings: ["marginRight"] },
+		mt: { mappings: ["marginTop"] },
+		overflow: { mappings: ["overflowX", "overflowY"] },
+		p: { mappings: [
+			"paddingBottom",
+			"paddingLeft",
+			"paddingRight",
+			"paddingTop"
+		] },
+		px: { mappings: ["paddingLeft", "paddingRight"] },
+		py: { mappings: ["paddingBottom", "paddingTop"] },
+		pb: { mappings: ["paddingBottom"] },
+		pl: { mappings: ["paddingLeft"] },
+		pr: { mappings: ["paddingRight"] },
+		pt: { mappings: ["paddingTop"] },
+		rounded: { mappings: ["borderRadius"] },
+		shadow: { mappings: ["boxShadow"] },
+		z: { mappings: ["zIndex"] },
+		animation: { values: {
+			ping: { defaultClass: "_1ed4xn4" },
+			pulse: { defaultClass: "_2x7iyw" },
+			spin: { defaultClass: "lpwt13" }
+		} },
+		backgroundColor: { values: {
+			"bg.accent": { defaultClass: "_1fftfdy" },
+			"bg.accent.hovered": { defaultClass: "_1ed79vc" },
+			"bg.accent.light": { defaultClass: "upt721" },
+			"bg.accent.pressed": { defaultClass: "_2qwv03" },
+			"bg.accent.subtle": { defaultClass: "omnxts" },
+			"bg.avatar.neutral": { defaultClass: "yjuekh" },
+			"bg.avatar.purple": { defaultClass: "_1o48ygz" },
+			"bg.default": { defaultClass: "zb8zxi" },
+			"bg.default.hovered": { defaultClass: "_10wqcrh" },
+			"bg.default.inverse": { defaultClass: "_1g8luyg" },
+			"bg.default.inverse.hovered": { defaultClass: "eynuq2" },
+			"bg.default.inverse.pressed": { defaultClass: "_1elg19n" },
+			"bg.default.pressed": { defaultClass: "txxl12" },
+			"bg.error": { defaultClass: "uqle8i" },
+			"bg.error.hovered": { defaultClass: "_1f3pn2t" },
+			"bg.error.light": { defaultClass: "aifyi6" },
+			"bg.error.pressed": { defaultClass: "fladcc" },
+			"bg.error.subtle": { defaultClass: "_1smf81f" },
+			"bg.error.subtlest": { defaultClass: "_1vusn8k" },
+			"bg.information": { defaultClass: "_1s64hok" },
+			"bg.information.light": { defaultClass: "kqbo4t" },
+			"bg.information.subtle": { defaultClass: "_1gfj073" },
+			"bg.overlay": { defaultClass: "bj2gkx" },
+			"bg.page": { defaultClass: "_1qk4d5o" },
+			"bg.pill.default": { defaultClass: "_5unx3v" },
+			"bg.pill.hovered": { defaultClass: "u0s69u" },
+			"bg.secondary": { defaultClass: "_2ccfyq" },
+			"bg.secondary.hovered": { defaultClass: "_1dcxg7x" },
+			"bg.spinner.default": { defaultClass: "_5rcjew" },
+			"bg.spinner.inverse": { defaultClass: "y0eam7" },
+			"bg.success": { defaultClass: "_5kwa1j" },
+			"bg.success.hovered": { defaultClass: "_1jiqpct" },
+			"bg.success.light": { defaultClass: "_1khc7hk" },
+			"bg.success.subtle": { defaultClass: "fmrfaq" },
+			"bg.tertiary": { defaultClass: "_144rrqg" },
+			"bg.tertiary.hovered": { defaultClass: "_1o6bhrz" },
+			"bg.warning": { defaultClass: "c1pqot" },
+			"bg.warning.hovered": { defaultClass: "be3z2" },
+			"bg.warning.light": { defaultClass: "_1lolpik" },
+			"bg.warning.subtle": { defaultClass: "_1i3rfm1" },
+			current: { defaultClass: "_27b8z0" },
+			transparent: { defaultClass: "_1bt87t7" }
+		} },
+		backgroundImage: { values: { "gradient.opal": { defaultClass: "_1wf68p" } } },
+		borderBottomWidth: { values: {
+			"0": { defaultClass: "z9q4jm" },
+			"1": { defaultClass: "_7nmxnw" },
+			"2": { defaultClass: "_1jdth8" }
+		} },
+		borderColor: { values: {
+			"border.accent": { defaultClass: "_2b7uog" },
+			"border.control": { defaultClass: "_1ri3t8v" },
+			"border.control.hovered": { defaultClass: "_1qa1pml" },
+			"border.default": { defaultClass: "_11kxiis" },
+			"border.disabled": { defaultClass: "nk4n1d" },
+			"border.error": { defaultClass: "_8du9w0" },
+			"border.focus": { defaultClass: "ot9lsl" },
+			"border.focus.error": { defaultClass: "_1etnrie" },
+			"border.secondary": { defaultClass: "_12ksjq8" },
+			"border.success": { defaultClass: "_8q41ic" },
+			"border.tertiary": { defaultClass: "_1yampfi" },
+			"border.warning": { defaultClass: "qqtpas" },
+			current: { defaultClass: "j51i0m" },
+			transparent: { defaultClass: "loj0au" }
+		} },
+		borderLeftWidth: { values: {
+			"0": { defaultClass: "gqjqyj" },
+			"1": { defaultClass: "xqed6y" },
+			"2": { defaultClass: "r6p5zj" }
+		} },
+		borderRadius: { values: {
+			xs: { defaultClass: "_1250tnz" },
+			sm: { defaultClass: "_6uap1i" },
+			md: { defaultClass: "rb34hf" },
+			lg: { defaultClass: "rnn54s" },
+			xl: { defaultClass: "l74r91" },
+			full: { defaultClass: "c8c2cg" },
+			inherit: { defaultClass: "_2pvk26" },
+			none: { defaultClass: "_1b3vb5g" }
+		} },
+		borderRightWidth: { values: {
+			"0": { defaultClass: "bh8mpw" },
+			"1": { defaultClass: "_59gqh0" },
+			"2": { defaultClass: "l2wxs9" }
+		} },
+		borderTopWidth: { values: {
+			"0": { defaultClass: "lfkhy5" },
+			"1": { defaultClass: "yfjddc" },
+			"2": { defaultClass: "_10cqbkg" }
+		} },
+		boxShadow: { values: {
+			sm: { defaultClass: "_1ut2azr" },
+			md: { defaultClass: "wry6mj" },
+			lg: { defaultClass: "_1xyfh4f" },
+			xl: { defaultClass: "ose8ht" },
+			none: { defaultClass: "qmcg6r" }
+		} },
+		color: { values: {
+			"fg.accent": { defaultClass: "_1bmh66u" },
+			"fg.accent.hovered": { defaultClass: "akog8d" },
+			"fg.accent.strong": { defaultClass: "_1ur3hu3" },
+			"fg.avatar.neutral": { defaultClass: "_7fnf38" },
+			"fg.avatar.purple": { defaultClass: "a3gude" },
+			"fg.black": { defaultClass: "zxbef4" },
+			"fg.default": { defaultClass: "_1cnrrwa" },
+			"fg.default.inverse": { defaultClass: "vw256v" },
+			"fg.disabled": { defaultClass: "hv1npx" },
+			"fg.error": { defaultClass: "_7nvbfd" },
+			"fg.error.hovered": { defaultClass: "_1gtgbzw" },
+			"fg.error.light": { defaultClass: "bs3kzm" },
+			"fg.error.strong": { defaultClass: "rd1xm6" },
+			"fg.information": { defaultClass: "ya59y4" },
+			"fg.information.light": { defaultClass: "_1xomwtb" },
+			"fg.information.strong": { defaultClass: "susuqe" },
+			"fg.link.default": { defaultClass: "_1wwjitu" },
+			"fg.link.default.hovered": { defaultClass: "ksiws0" },
+			"fg.link.inverse": { defaultClass: "yv5wj2" },
+			"fg.link.subtle": { defaultClass: "_1s8xre6" },
+			"fg.link.visited": { defaultClass: "_122ausn" },
+			"fg.secondary": { defaultClass: "dk4yc6" },
+			"fg.spinner.default": { defaultClass: "_18kn5x8" },
+			"fg.spinner.inverse": { defaultClass: "_1xwgwbs" },
+			"fg.success": { defaultClass: "tznk18" },
+			"fg.success.hovered": { defaultClass: "_19y3awm" },
+			"fg.success.light": { defaultClass: "_1tk3o1l" },
+			"fg.success.strong": { defaultClass: "d4xqqf" },
+			"fg.tertiary": { defaultClass: "_8tlhcu" },
+			"fg.warning": { defaultClass: "_16zbbeo" },
+			"fg.warning.hovered": { defaultClass: "_1gmzmlh" },
+			"fg.warning.inverse": { defaultClass: "_1eoh76g" },
+			"fg.warning.light": { defaultClass: "txa3tx" },
+			"fg.warning.strong": { defaultClass: "dvs0kw" },
+			"fg.white": { defaultClass: "_19z0bxu" },
+			current: { defaultClass: "_2wbdsx" },
+			transparent: { defaultClass: "_174xwq7" }
+		} },
+		cursor: { values: {
+			pointer: { defaultClass: "uq9ii0" },
+			"default": { defaultClass: "r2p60h" },
+			text: { defaultClass: "_1m53l5q" }
+		} },
+		fontFamily: { values: {
+			heading: { defaultClass: "_1sgbmsb" },
+			mono: { defaultClass: "xa2dq3" },
+			sans: { defaultClass: "shwp9v" }
+		} },
+		fontSize: { values: {
+			xs: { defaultClass: "_1i9xkbg" },
+			sm: { defaultClass: "jf7tcl" },
+			md: { defaultClass: "uidl84" },
+			lg: { defaultClass: "_1q7zaq3" },
+			xl: { defaultClass: "_1sus98i" },
+			"2xl": { defaultClass: "m45u65" },
+			"3xl": { defaultClass: "_1ih13z6" },
+			"4xl": { defaultClass: "betia2" },
+			inherit: { defaultClass: "v7y8tb" }
+		} },
+		fontWeight: { values: {
+			"400": { defaultClass: "_148m3be" },
+			"500": { defaultClass: "_192okh6" },
+			"600": { defaultClass: "tewh7b" },
+			"700": { defaultClass: "zon06g" },
+			"900": { defaultClass: "j8v0mu" },
+			inherit: { defaultClass: "_1n5y1oq" }
+		} },
+		marginBottom: { values: {
+			"0": { defaultClass: "q9zzx3" },
+			"2": { defaultClass: "_1kt5pzt" },
+			"4": { defaultClass: "eb23gy" },
+			"6": { defaultClass: "g0dhsc" },
+			"8": { defaultClass: "_14a3k6b" },
+			"10": { defaultClass: "_1741rdq" },
+			"12": { defaultClass: "_1haxwep" },
+			"16": { defaultClass: "_1njt8in" },
+			"20": { defaultClass: "_1teg5x6" },
+			"24": { defaultClass: "_1fm3ga3" },
+			"32": { defaultClass: "_9fgjji" },
+			"40": { defaultClass: "hgeqgl" },
+			"48": { defaultClass: "upnoff" },
+			"64": { defaultClass: "_1sq6785" },
+			"80": { defaultClass: "a0tv41" },
+			auto: { defaultClass: "k4alzv" }
+		} },
+		marginLeft: { values: {
+			"0": { defaultClass: "_1u03ywy" },
+			"2": { defaultClass: "_107zxzf" },
+			"4": { defaultClass: "p594c6" },
+			"6": { defaultClass: "_162ooqp" },
+			"8": { defaultClass: "qv1zwt" },
+			"10": { defaultClass: "_7y2w98" },
+			"12": { defaultClass: "e1wavo" },
+			"16": { defaultClass: "_1cwa715" },
+			"20": { defaultClass: "_14gwen8" },
+			"24": { defaultClass: "_18tekiw" },
+			"32": { defaultClass: "_1kcgqn7" },
+			"40": { defaultClass: "ltd2qd" },
+			"48": { defaultClass: "_10mhyio" },
+			"64": { defaultClass: "oddvue" },
+			"80": { defaultClass: "aoeua0" },
+			auto: { defaultClass: "_12ayu38" }
+		} },
+		marginRight: { values: {
+			"0": { defaultClass: "_1v1wgh1" },
+			"2": { defaultClass: "_10n0jrc" },
+			"4": { defaultClass: "tflisw" },
+			"6": { defaultClass: "agj4hw" },
+			"8": { defaultClass: "_13mutw5" },
+			"10": { defaultClass: "_6fxp82" },
+			"12": { defaultClass: "_998us9" },
+			"16": { defaultClass: "_14kvd3g" },
+			"20": { defaultClass: "_1l4an6f" },
+			"24": { defaultClass: "_16mcdbl" },
+			"32": { defaultClass: "pyub44" },
+			"40": { defaultClass: "_1aq1n8c" },
+			"48": { defaultClass: "b6zm28" },
+			"64": { defaultClass: "_1n5pzjd" },
+			"80": { defaultClass: "_116hozz" },
+			auto: { defaultClass: "_1lrimtr" }
+		} },
+		marginTop: { values: {
+			"0": { defaultClass: "_5u6evj" },
+			"2": { defaultClass: "_5uvce8" },
+			"4": { defaultClass: "ldg185" },
+			"6": { defaultClass: "_1d0wyig" },
+			"8": { defaultClass: "_1wz903l" },
+			"10": { defaultClass: "_1azlkhd" },
+			"12": { defaultClass: "a47874" },
+			"16": { defaultClass: "yne8td" },
+			"20": { defaultClass: "_1acrvru" },
+			"24": { defaultClass: "an3byz" },
+			"32": { defaultClass: "pzdrbi" },
+			"40": { defaultClass: "_1ghdx8k" },
+			"48": { defaultClass: "iivo45" },
+			"64": { defaultClass: "_1h3f891" },
+			"80": { defaultClass: "_11ie518" },
+			auto: { defaultClass: "_1jtobzm" }
+		} },
+		objectFit: { values: {
+			contain: { defaultClass: "yks4us" },
+			cover: { defaultClass: "_1475730" },
+			fill: { defaultClass: "_1lwysoz" },
+			none: { defaultClass: "wsmfy7" }
+		} },
+		overflowX: { values: {
+			auto: { defaultClass: "_8fuv3a" },
+			hidden: { defaultClass: "czkyrc" },
+			visible: { defaultClass: "zbz7fn" }
+		} },
+		overflowY: { values: {
+			auto: { defaultClass: "_9uzjcm" },
+			hidden: { defaultClass: "_3yekes" },
+			visible: { defaultClass: "v1wx24" }
+		} },
+		paddingBottom: { values: {
+			"0": { defaultClass: "_188ejcf" },
+			"2": { defaultClass: "_1wbudmj" },
+			"4": { defaultClass: "_5zjork" },
+			"6": { defaultClass: "rs1x3w" },
+			"8": { defaultClass: "_1ymsglr" },
+			"10": { defaultClass: "_1l8upwn" },
+			"12": { defaultClass: "_1yjbpme" },
+			"16": { defaultClass: "_1k6qe5w" },
+			"20": { defaultClass: "njer45" },
+			"24": { defaultClass: "dsf0jj" },
+			"32": { defaultClass: "y6xh1g" },
+			"40": { defaultClass: "_1gfdymw" },
+			"48": { defaultClass: "l27ngw" },
+			"64": { defaultClass: "t28i54" },
+			"80": { defaultClass: "_1lt522y" }
+		} },
+		paddingLeft: { values: {
+			"0": { defaultClass: "lo8szh" },
+			"2": { defaultClass: "zpaqvm" },
+			"4": { defaultClass: "_162mwu5" },
+			"6": { defaultClass: "ae1npk" },
+			"8": { defaultClass: "_1f2ptro" },
+			"10": { defaultClass: "_1u87sgl" },
+			"12": { defaultClass: "_1uwgt2l" },
+			"16": { defaultClass: "_1t3qv" },
+			"20": { defaultClass: "cwjcvq" },
+			"24": { defaultClass: "_16lg5ad" },
+			"32": { defaultClass: "_1xwog1o" },
+			"40": { defaultClass: "y986wh" },
+			"48": { defaultClass: "_1d471vp" },
+			"64": { defaultClass: "jsrhxs" },
+			"80": { defaultClass: "hxlhrl" }
+		} },
+		paddingRight: { values: {
+			"0": { defaultClass: "_1ip4puq" },
+			"2": { defaultClass: "_1eh1nk5" },
+			"4": { defaultClass: "_1jt1fo7" },
+			"6": { defaultClass: "_1eq649i" },
+			"8": { defaultClass: "_16napme" },
+			"10": { defaultClass: "udclbl" },
+			"12": { defaultClass: "wuqs0d" },
+			"16": { defaultClass: "_1pxd0lw" },
+			"20": { defaultClass: "_18bf1gq" },
+			"24": { defaultClass: "resqn5" },
+			"32": { defaultClass: "qmcepj" },
+			"40": { defaultClass: "_16kr6l3" },
+			"48": { defaultClass: "_132a7fx" },
+			"64": { defaultClass: "d2eui6" },
+			"80": { defaultClass: "q5fxob" }
+		} },
+		paddingTop: { values: {
+			"0": { defaultClass: "qs88q5" },
+			"2": { defaultClass: "_1evbchk" },
+			"4": { defaultClass: "xo3l1l" },
+			"6": { defaultClass: "jhgagj" },
+			"8": { defaultClass: "_1qnslr0" },
+			"10": { defaultClass: "_1anppun" },
+			"12": { defaultClass: "_1cv8j59" },
+			"16": { defaultClass: "t4107i" },
+			"20": { defaultClass: "mg3lw" },
+			"24": { defaultClass: "_11g45qx" },
+			"32": { defaultClass: "_1k2fadb" },
+			"40": { defaultClass: "_18e213d" },
+			"48": { defaultClass: "_1jxcz7r" },
+			"64": { defaultClass: "jh42n3" },
+			"80": { defaultClass: "uznujm" }
+		} },
+		pointerEvents: { values: {
+			auto: { defaultClass: "gt3cfj" },
+			none: { defaultClass: "_4tdaxo" }
+		} },
+		textAlign: { values: {
+			end: { defaultClass: "n3pewz" },
+			start: { defaultClass: "on0msc" },
+			center: { defaultClass: "_1wd78ff" },
+			justify: { defaultClass: "_4f08es" }
+		} },
+		textTransform: { values: {
+			capitalize: { defaultClass: "_7wxcnm" },
+			none: { defaultClass: "jtf07t" },
+			uppercase: { defaultClass: "vshdnb" }
+		} },
+		transition: { values: {
+			all: { defaultClass: "qtt2ly" },
+			colors: { defaultClass: "_1phc8sd" },
+			none: { defaultClass: "_1od99c2" },
+			opacity: { defaultClass: "_1hg2k9j" },
+			transform: { defaultClass: "_1uvi2sv" }
+		} },
+		whiteSpace: { values: { nowrap: { defaultClass: "_1d6c9qo" } } },
+		zIndex: { values: {
+			"0": { defaultClass: "sj27n3" },
+			"10": { defaultClass: "_18i5lfa" },
+			"20": { defaultClass: "rzhzsk" },
+			"30": { defaultClass: "_1nnx90k" },
+			popover: { defaultClass: "oflwyz" },
+			toast: { defaultClass: "_180fohl" },
+			tooltip: { defaultClass: "_9dwl9f" },
+			auto: { defaultClass: "l6hso2" }
+		} }
+	}
+};
+//#endregion
+//#region src/sprinkles/sprinkles.ts
+const vars = { fontFamilyVar };
+const sprinkles = createSprinkles(unresponsiveProps, responsiveProps);
+const mapResponsiveValue = createMapValueFn(responsiveProps);
+const normalizeResponsiveValue = createNormalizeValueFn(responsiveProps);
+//#endregion
+//#region src/sprinkles/createSprinklesMerge.ts
+/**
+* Handle merging of classNames generated from sprinkle props by removing
+* classNames corresponding to overridden/duplicated css properties.
+*/
+function createSprinklesMerge(...properties) {
+	const classNameToPropertyMapping = {};
+	for (const [name, definition] of Object.entries({
+		...properties[0]?.styles,
+		...properties[1]?.styles
+	})) if ("values" in definition) for (const value of Object.values(definition.values)) {
+		classNameToPropertyMapping[value.defaultClass] = `defaultClass:${name}`;
+		if ("conditions" in value && value.conditions) for (const [condition, className] of Object.entries(value.conditions)) classNameToPropertyMapping[className] = `${condition}:${name}`;
+	}
+	return function sprinklesMerge(...classNames) {
+		let parsedClassName = { _: [] };
+		while (classNames.length) {
+			const className = classNames.shift();
+			if (!className) continue;
+			parsedClassName = className.split(" ").reduce((result, className) => {
+				className = className.trim();
+				if (!className) return result;
+				if (className in classNameToPropertyMapping) result[classNameToPropertyMapping[className]] = [className];
+				else result._.push(className);
+				return result;
+			}, parsedClassName);
+		}
+		return (0, clsx.default)(...new Set(Object.values(parsedClassName).flat()));
+	};
+}
+//#endregion
+//#region src/sprinkles/sprinklesMerge.ts
+const sprinklesMerge = createSprinklesMerge(unresponsiveProps, responsiveProps);
+//#endregion
+//#region src/vanilla-extract/recipeRuntime.ts
+const recipeRuntime = ({ base = {}, variants, variantsCompounded = [] }) => {
+	return (props, className) => {
+		const selections = props ?? {};
+		const classNames = className ? [className] : [];
+		const sprinkleProps = {};
+		function process(rule) {
+			for (const item of Array.isArray(rule) ? rule : [rule]) if (typeof item === "string") classNames.push(item);
+			else for (const [name, value] of Object.entries(item)) sprinkleProps[name] = value;
+		}
+		process(base);
+		for (const variantName in variants) {
+			if (selections[variantName] === null || selections[variantName] === void 0) continue;
+			const variant = variants[variantName];
+			const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
+			if (String(selection) in variant) process(variant[selection]);
+		}
+		for (const { style, variants } of variantsCompounded) {
+			if (!shouldApplyCompound(variants, selections)) continue;
+			process(style);
+		}
+		return {
+			...sprinkleProps,
+			className: classNames.join(" ")
+		};
+	};
+};
+const shouldApplyCompound = (compoundCheck, selections) => {
+	for (const key of Object.keys(compoundCheck)) if (compoundCheck[key] !== void 0 && selections[key] !== void 0 && !(Array.isArray(compoundCheck[key]) ? compoundCheck[key] : [compoundCheck[key]]).includes(selections[key])) return false;
+	return true;
+};
+//#endregion
+//#region src/box/Box.css.ts
+var box = recipeRuntime({ base: "awn4v2" });
+//#endregion
+//#region src/box/extractBoxProps.ts
+function extractBoxProps(props) {
+	const boxProps = {};
+	const restProps = {};
+	for (const [name, value] of Object.entries(props)) if (name === "className" || name === "style" || sprinkles.properties.has(name)) {
+		if (value !== null && value !== void 0) boxProps[name] = value;
+	} else restProps[name] = value;
+	return {
+		boxProps,
+		restProps
+	};
+}
+//#endregion
+//#region src/box/Box.tsx
+const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Box");
+/**
+* A primitive layout component that provides access to design tokens and
+* styling without custom CSS.
+*
+* Use Box for simple styling (padding, margin, colors, borders) when you
+* don't need flexbox layout features. For flexbox layouts with
+* direction/alignment/gap, use Group instead.
+*
+* Use `extractBoxProps` to separate sprinkle props from the rest when
+* rendering non-div elements with `asChild`.
+*
+* @category layout
+*/
+const Box = (0, react.forwardRef)(({ asChild, className, style, ...props }, ref) => {
+	const Comp = asChild ? Slot$5 : "div";
+	const { boxProps, restProps } = extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		"data-axiom": version,
+		ref,
+		...style && { style },
+		...box({}, sprinklesMerge(className, sprinkles(boxProps))),
+		...restProps
+	});
+});
+Box.displayName = "@optiaxiom/react/Box";
+//#endregion
+//#region src/group/Group.tsx
+const mapDirectionToAlign = {
+	column: "stretch",
+	"column-reverse": "stretch",
+	row: "center",
+	"row-reverse": "center"
+};
+/**
+* A flexbox layout component for grouping items horizontally or vertically.
+*
+* Default Props:
+* - flexDirection: 'row' (CSS standard - horizontal layout)
+* - alignItems: 'center' (when row) or 'stretch' (when column)
+*
+* Common Usage:
+* - Horizontal button groups: <Group gap="8"><Button /><Button /></Group>
+* - Vertical forms: <Group flexDirection="column" gap="16"><Input /><Input /></Group>
+* - Icon + text combos: <Group gap="4" alignItems="center"><Icon /><Text /></Group>
+*
+* @category layout
+*/
+const Group = (0, react.forwardRef)(({ alignItems, display = "flex", flexDirection = "row", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		alignItems: alignItems ?? mapResponsiveValue(flexDirection, (value) => mapDirectionToAlign[value]),
+		display,
+		flexDirection,
+		ref,
+		...props
+	});
+});
+Group.displayName = "@optiaxiom/react/Group";
+//#endregion
+//#region src/surface/useSurface.ts
+/**
+* Hook to access Surface context with optional type filtering.
+*
+* @param type - Optional surface type to filter by. Only returns surface if it matches this type.
+* @returns Surface context if type matches (or any surface if no type specified), undefined otherwise
+*
+* @example
+* // Only get surface if it's an interaction surface
+* const surface = useSurface("interaction");
+*
+* @example
+* // Get any surface
+* const surface = useSurface();
+*/
+function useSurface(type) {
+	const surface = (0, _optiaxiom_globals.unstable_useSurfaceContext)();
+	if (surface && (!type || surface.type === type)) return surface;
+}
+//#endregion
+//#region src/utils/decorateChildren.ts
+const decorateChildren = ({ asChild, children }, decorator) => {
+	if (asChild) {
+		const newElement = (0, react.isValidElement)(children) ? children : null;
+		return newElement ? (0, react.cloneElement)(newElement, void 0, decorateChildren({
+			...newElement.props,
+			asChild: newElement.props.asChild || typeof newElement.type !== "string" && "displayName" in newElement.type && typeof newElement.type.displayName === "string" && newElement.type.displayName?.endsWith(".Slot")
+		}, decorator)) : children;
+	} else return decorator(children);
+};
+//#endregion
+//#region src/utils/fallbackSpan.tsx
+const fallbackSpan = (content) => (0, react.isValidElement)(content) && content.type !== react.Fragment ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: content });
+//#endregion
+//#region src/button/ButtonLoadable.css.ts
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "_1n61rvq"] });
+//#endregion
+//#region src/button/ButtonLoadable.tsx
+const ButtonLoadable = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		ref,
+		...loadable({}, className),
+		...props,
+		children
+	});
+});
+ButtonLoadable.displayName = "@optiaxiom/react/ButtonLoadable";
+//#endregion
+//#region src/button/ButtonAddon.tsx
+const ButtonAddon = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonLoadable, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+			display: "flex",
+			flex: "none",
+			ref,
+			...props,
+			children
+		})
+	});
+});
+ButtonAddon.displayName = "@optiaxiom/react/ButtonAddon";
+//#endregion
+//#region src/button/ButtonContext.ts
+const [ButtonProvider, useButtonContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Button", { size: void 0 });
+//#endregion
+//#region src/icon/Icon.css.ts
+var icon$1 = recipeRuntime({ base: [{ flex: "none" }, "_13jx7ou"] });
+//#endregion
+//#region src/icon/Icon.tsx
+const Icon = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		ref,
+		...icon$1({}, className),
+		...props,
+		children
+	});
+});
+Icon.displayName = "@optiaxiom/react/Icon";
+//#endregion
+//#region src/button/ButtonIcon.css.ts
+var icon = recipeRuntime({
+	variants: {
+		addon: {
+			false: "_15ehvnv",
+			true: {}
+		},
+		inverse: {
+			false: {},
+			true: {}
+		},
+		size: {
+			sm: {},
+			md: {},
+			lg: {}
+		}
+	},
+	variantsCompounded: [
+		{
+			style: "gpnfbk",
+			variants: {
+				addon: true,
+				size: "sm"
+			}
+		},
+		{
+			style: "b8cuvs",
+			variants: {
+				addon: true,
+				size: "md"
+			}
+		},
+		{
+			style: "kgculd",
+			variants: {
+				addon: true,
+				size: "lg"
+			}
+		},
+		{
+			style: [{ rounded: "sm" }, "gcd69n"],
+			variants: {
+				inverse: true,
+				size: "lg"
+			}
+		}
+	]
+});
+//#endregion
+//#region src/button/ButtonIcon.tsx
+const ButtonIcon = (0, react.forwardRef)(({ addon, children, className, inverse = false, size = "md", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+		asChild: true,
+		ref,
+		...icon({
+			addon,
+			inverse,
+			size
+		}, className),
+		...props,
+		children
+	});
+});
+ButtonIcon.displayName = "@optiaxiom/react/ButtonIcon";
+//#endregion
+//#region src/text/Text.css.ts
+var text = recipeRuntime(function() {
+	var x = { variants: {
+		lineClamp: {
+			"1": [
+				{ overflow: "hidden" },
+				"_19t87ap",
+				"_1q9bkqb",
+				"mmhxm6"
+			],
+			"2": [
+				void 0,
+				"_19t87ap",
+				"_1q9bkqb",
+				"_1in1xrz"
+			],
+			"3": [
+				void 0,
+				"_19t87ap",
+				"_1q9bkqb",
+				"vqbhif"
+			],
+			"4": [
+				void 0,
+				"_19t87ap",
+				"_1q9bkqb",
+				"s0oirx"
+			]
+		},
+		truncate: { true: [
+			void 0,
+			"_19t87ap",
+			{ whiteSpace: "nowrap" }
+		] }
+	} };
+	x.variants.lineClamp["2"][0] = x.variants.lineClamp["1"][0];
+	x.variants.lineClamp["3"][0] = x.variants.lineClamp["1"][0];
+	x.variants.lineClamp["4"][0] = x.variants.lineClamp["1"][0];
+	x.variants.truncate.true[0] = x.variants.lineClamp["1"][0];
+	return x;
+}());
+//#endregion
+//#region src/text/Text.tsx
+const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Text");
+/**
+* Renders text content for body copy, descriptions, and general text without
+* semantic meaning.
+*
+* 🚨 Renders a `<p>` tag by default, which cannot be nested inside another
+* `<p>` tag. For inline text styling within a paragraph, use `asChild` with a
+* `<span>` element.
+*
+* Use this for paragraphs, captions, descriptions, and non-heading text.
+*
+* When not to use:
+* - For headings and titles use Heading instead.
+* - For form labels use Label instead.
+* - Don't combine large fontSize ('xl'+) with bold fontWeight ('500'+) - that
+*   indicates a heading.
+*
+* @since 0.1.0
+* @category typography
+*/
+const Text = (0, react.forwardRef)(({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
+	const Comp = asChild ? Slot$4 : "p";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		asChild: true,
+		ref,
+		...text({
+			lineClamp,
+			truncate
+		}, className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, { children })
+	});
+});
+Text.displayName = "@optiaxiom/react/Text";
+//#endregion
+//#region src/button/ButtonRoot.css.ts
+var buttonBase = recipeRuntime(function() {
+	var x = {
+		base: [
+			"_9htss0",
+			{
+				alignItems: "center",
+				display: "inline-flex",
+				flexDirection: "row",
+				fontWeight: "500",
+				justifyContent: "flex-start",
+				transition: "colors"
+			},
+			"op2512"
+		],
+		variants: {
+			addon: {
+				both: {},
+				end: {},
+				none: {},
+				only: {},
+				start: {}
+			},
+			intent: {
+				danger: "_1anssui",
+				neutral: "dqne24",
+				primary: "_1as1pn2"
+			},
+			size: {
+				sm: {
+					fontSize: "sm",
+					h: "sm"
+				},
+				md: {
+					fontSize: "md",
+					h: "md"
+				},
+				lg: {
+					fontSize: "lg",
+					h: "lg"
+				}
+			},
+			variant: {
+				outline: "_1w9pvj7",
+				"outline-opal": "_1mzq287",
+				strong: "_1sqdsxe",
+				subtle: "i9h49e"
+			}
+		},
+		variantsCompounded: [
+			{
+				style: "p36ovs",
+				variants: {
+					addon: [
+						"both",
+						"end",
+						"none",
+						"start"
+					],
+					intent: "primary",
+					size: "lg",
+					variant: "strong"
+				}
+			},
+			{
+				style: "krvpio",
+				variants: {
+					addon: ["both", "start"],
+					intent: "primary",
+					size: "lg",
+					variant: "strong"
+				}
+			},
+			{
+				style: { w: "sm" },
+				variants: {
+					addon: "only",
+					size: "sm"
+				}
+			},
+			{
+				style: "_83em5y",
+				variants: {
+					addon: void 0,
+					size: "sm",
+					variant: [
+						"outline",
+						"strong",
+						"subtle"
+					]
+				}
+			},
+			{
+				style: "_19roukt",
+				variants: {
+					addon: void 0,
+					size: "sm",
+					variant: "outline-opal"
+				}
+			},
+			{
+				style: { w: "md" },
+				variants: {
+					addon: "only",
+					size: "md"
+				}
+			},
+			{
+				style: "_14528si",
+				variants: {
+					addon: void 0,
+					size: "md"
+				}
+			},
+			{
+				style: { w: "lg" },
+				variants: {
+					addon: "only",
+					size: "lg"
+				}
+			},
+			{
+				style: "_15k1lp5",
+				variants: {
+					addon: void 0,
+					size: "lg"
+				}
+			}
+		]
+	};
+	x.variantsCompounded[3].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[4].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[6].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[8].variants.addon = x.variantsCompounded[0].variants.addon;
+	return x;
+}());
+var spinner = recipeRuntime({ base: [{ size: "2xs" }, "_3gr866"] });
+//#endregion
+//#region src/button/ButtonLabel.tsx
+const mapSizeToMargin = {
+	sm: "4",
+	md: "6",
+	lg: "6"
+};
+const ButtonLabel = (0, react.forwardRef)(({ children, size = "md", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonLoadable, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+			asChild: true,
+			mx: mapSizeToMargin[size],
+			truncate: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref,
+				...props,
+				children
+			})
+		})
+	});
+});
+ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";
+//#endregion
+//#region src/spinner/Spinner.css.ts
+var track = recipeRuntime({ variants: { appearance: {
+	"default": "_1y9vjiz",
+	inverse: "a8zh9h"
+} } });
+//#endregion
+//#region src/spinner/Spinner.tsx
+const mapAppearanceToFg = {
+	current: "current",
+	default: "fg.spinner.default",
+	inverse: "fg.spinner.inverse"
+};
+/**
+* Used for indicating an unspecified wait time.
+*
+* @category feedback
+* @since 0.1.0
+*/
+const Spinner = (0, react.forwardRef)(({ alignItems = "center", appearance = "default", "aria-label": ariaLabel = "Loading", children, display = "inline-flex", justifyContent = "center", role = "status", size = "md", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Group, {
+		alignItems,
+		"aria-label": ariaLabel,
+		display,
+		flexDirection: "column",
+		gap: "16",
+		justifyContent,
+		ref,
+		role,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+			animation: "spin",
+			asChild: true,
+			size,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				fill: "none",
+				height: 16,
+				viewBox: "0 0 16 16",
+				width: 16,
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+					asChild: true,
+					...track({ appearance: appearance === "current" ? "default" : appearance }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "8",
+						cy: "8",
+						r: "7",
+						stroke: "currentColor",
+						strokeOpacity: "0.04",
+						strokeWidth: "1.5"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+					asChild: true,
+					color: mapAppearanceToFg[appearance],
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.5 1.93782C5.45668 1.38549 6.53049 1.06741 7.63365 1.00959C8.73681 0.951779 9.83799 1.15587 10.8472 1.60518C11.8563 2.05449 12.7448 2.73627 13.44 3.59476C14.1352 4.45325 14.6174 5.46408 14.847 6.54462",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeWidth: "1.5"
+					})
+				})]
+			})
+		}), children]
+	});
+});
+Spinner.displayName = "@optiaxiom/react/Spinner";
+//#endregion
+//#region src/transition/Transition.css.ts
+var transition = recipeRuntime({
+	base: "l3jupk",
+	variants: { duration: {
+		sm: "_1q4x2pe",
+		md: "tb4pmx",
+		lg: "rmaaxm"
+	} }
+});
+//#endregion
+//#region src/transition/TransitionGlobalConfig.ts
+const TransitionGlobalConfig = { skipAnimations: false };
+//#endregion
+//#region src/transition/TransitionGroupContext.ts
+const [TransitionGroupProvider, useTransitionGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/TransitionGroup", null);
+//#endregion
+//#region src/transition/useTransitionStatus.ts
+const useTransitionStatus = (ref) => {
+	const { open, register } = useTransitionGroupContext("useTransitionStatus") ?? { open: true };
+	(0, react.useEffect)(() => {
+		return register?.(ref);
+	}, [register, ref]);
+	const [mounted, setMounted] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (open) requestAnimationFrame(() => setMounted(true));
+	}, [open]);
+	return open && !mounted ? "starting" : !open ? "ending" : void 0;
+};
+//#endregion
+//#region src/transition/Transition.tsx
+const Slot$3 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Transition");
+/**
+* Component for animating element transitions with fade and pop effects.
+*
+* @category animation
+*/
+const Transition = (0, react.forwardRef)(({ children, className, duration = "md", skipAnimations, type = "fade", ...props }, outerRef) => {
+	const innerRef = (0, react.useRef)(null);
+	const transitionStatus = useTransitionStatus(innerRef);
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, innerRef);
+	return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot$3, {
+		className,
+		ref,
+		...props,
+		children
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot$3, {
+		"data-transition-fade": transitionStatus ? "" : void 0,
+		"data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,
+		"data-transition-state": transitionStatus,
+		"data-transition-translate": transitionStatus && type === "pop" ? "" : void 0,
+		ref,
+		...transition({ duration }, className),
+		...props,
+		children
+	});
+});
+Transition.displayName = "@optiaxiom/react/Transition";
+//#endregion
+//#region src/transition/waitForAnimation.ts
+const waitForAnimation = async (transitions) => {
+	await Promise.allSettled(transitions.flatMap((ref) => typeof ref.current?.getAnimations === "function" ? ref.current?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]));
+};
+//#endregion
+//#region src/transition/TransitionGroup.tsx
+/**
+* Manages the presence and animation lifecycle of children during transitions.
+*
+* @category animation
+*/
+function TransitionGroup({ children, forceMount, onPresenceChange, open: openProp, presence: presenceProp }) {
+	const [transitions, setTransitions] = (0, react.useState)([]);
+	const register = (0, react.useCallback)((ref) => {
+		setTransitions((transitions) => [...transitions, ref]);
+		return () => setTransitions((transitions) => transitions.filter((transition) => transition !== ref));
+	}, []);
+	const [presence, setPresence] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/TransitionGroup",
+		defaultProp: false,
+		onChange: onPresenceChange,
+		prop: presenceProp
+	});
+	const { open: openParent } = useTransitionGroupContext("@optiaxiom/react/TransitionGroup") ?? {};
+	const open = openParent === false ? openParent : openProp;
+	(0, react.useEffect)(() => {
+		if (open) {
+			const timer = setTimeout(() => {
+				if (transitions.length) waitForAnimation(transitions).then(() => setPresence(true));
+				else setPresence(true);
+			}, 10);
+			return () => clearTimeout(timer);
+		} else {
+			if (transitions.length) waitForAnimation(transitions).then(() => setPresence(false));
+			else setPresence(false);
+			return;
+		}
+	}, [
+		open,
+		setPresence,
+		transitions
+	]);
+	const childrenRef = (0, react.useRef)(children);
+	if (open) childrenRef.current = children;
+	if (TransitionGlobalConfig.skipAnimations) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: open && children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransitionGroupProvider, {
+		open,
+		presence,
+		register,
+		children: (open || presence || forceMount) && childrenRef.current
+	});
+}
+TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
+//#endregion
+//#region src/button/ButtonRoot.tsx
+const Slot$2 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/ButtonRoot");
+/**
+* The opal variants animate an inlined video that can't be paused via CSS, so
+* they make visual-regression snapshots (Chromatic) nondeterministic. When
+* animations are globally skipped, fall back to the static non-opal variant.
+*/
+const staticVariant = { "outline-opal": "outline" };
+const appearances = {
+	danger: {
+		intent: "danger",
+		variant: "strong"
+	},
+	"danger-outline": {
+		intent: "danger",
+		variant: "outline"
+	},
+	default: {
+		intent: "neutral",
+		variant: "outline"
+	},
+	"default-opal": {
+		intent: "neutral",
+		variant: "outline-opal"
+	},
+	inverse: {
+		intent: "neutral",
+		variant: "strong"
+	},
+	primary: {
+		intent: "primary",
+		variant: "strong"
+	},
+	"primary-opal": {
+		intent: "primary",
+		variant: "strong"
+	},
+	subtle: {
+		intent: "neutral",
+		variant: "subtle"
+	}
+};
+const ButtonRoot = (0, react.forwardRef)(({ addon = "none", appearance = "default", asChild, children, className, disabled, loading, size = "md", square, ...props }, ref) => {
+	const Comp = asChild ? Slot$2 : "button";
+	const { boxProps, restProps } = extractBoxProps(props);
+	const { intent, variant: resolvedVariant } = appearances[appearance];
+	const variant = TransitionGlobalConfig.skipAnimations && resolvedVariant in staticVariant ? staticVariant[resolvedVariant] : resolvedVariant;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		asChild: true,
+		"data-disabled": disabled ? "" : void 0,
+		"data-loading": loading ? "" : void 0,
+		...buttonBase({
+			addon: square ? "only" : addon,
+			intent,
+			size,
+			variant
+		}, className),
+		...boxProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+			disabled,
+			ref,
+			...restProps,
+			children: decorateChildren({
+				asChild,
+				children
+			}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransitionGroup, {
+				open: loading,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Transition, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, {
+					appearance: variant === "strong" ? intent === "primary" ? "current" : "inverse" : "default",
+					"aria-hidden": "true",
+					...spinner()
+				}) })
+			}), children] }))
+		})
+	});
+});
+ButtonRoot.displayName = "@optiaxiom/react/ButtonRoot";
+//#endregion
+//#region src/button/Button.tsx
+const Slot$1 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Button");
+/**
+* Button component for triggering actions, with support for icons, addons, and
+* loading states.
+*
+* Use this for standard action buttons. The component supports icon-only
+* buttons, buttons with leading/trailing icons, and custom addon content before
+* or after the main label.
+*
+* When not to use:
+* - For menu and select buttons with a chevron use AngleMenuButton instead.
+* - For ellipsis menus use EllipsisMenuButton instead.
+* - For buttons that include label use LabelMenuButton instead.
+* - For expand/collapse triggers use Disclosure instead of Button with chevron
+*   icon and manual state.
+* - Don't use Button to build tab navigation - use Tabs instead.
+*
+* @category actions
+* @since 0.1.0
+*/
+const Button = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, children, icon, iconPosition = "start", onClick, size: sizeProp, square, ...props }, ref) => {
+	const Comp = asChild ? Slot$1 : "button";
+	const context = useButtonContext("@optiaxiom/react/Button");
+	const surface = useSurface("action");
+	const size = sizeProp || context.size || "md";
+	let isIconOnly = false;
+	children = decorateChildren({
+		asChild,
+		children
+	}, (children) => {
+		isIconOnly = Boolean(!children && icon);
+		if (isIconOnly) square = true;
+		if (icon && !isIconOnly) {
+			if (iconPosition === "start") addonBefore = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonIcon, {
+				addon: true,
+				"data-disabled": props.disabled ? "" : void 0,
+				inverse: props.appearance === "primary" || props.appearance === "primary-opal",
+				size,
+				children: icon
+			});
+			else if (iconPosition === "end") addonAfter = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonIcon, {
+				addon: true,
+				"data-disabled": props.disabled ? "" : void 0,
+				size,
+				children: icon
+			});
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAddon, {
+				asChild: true,
+				children: fallbackSpan(addonBefore)
+			}),
+			square ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonLoadable, {
+				asChild: true,
+				children: children ? fallbackSpan(children) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonIcon, {
+					size,
+					children: icon
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonLabel, {
+				size,
+				children
+			}),
+			addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAddon, {
+				asChild: true,
+				children: fallbackSpan(addonAfter)
+			})
+		] });
+	});
+	const addon = square ? "only" : addonBefore && addonAfter ? "both" : addonBefore ? "start" : addonAfter ? "end" : "none";
+	const isIconMissingAriaLabel = isIconOnly && !props["aria-label"];
+	(0, react.useEffect)(() => {
+		if (isIconMissingAriaLabel) console.error(`Icon only \`Button\` requires an \`aria-label\` for the component to be accessible for screen reader users.`);
+	}, [isIconMissingAriaLabel]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonRoot, {
+		addon,
+		asChild: true,
+		justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
+		onClick: (event) => {
+			onClick?.(event);
+			if (surface) surface.track({ name: "invoked" });
+		},
+		ref,
+		size,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, { children })
+	});
+});
+Button.displayName = "@optiaxiom/react/Button";
+//#endregion
+//#region src/portal/PortalContext.ts
+const [PortalProvider, usePortalContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Portal", { container: void 0 });
+//#endregion
+//#region src/portal/Portal.tsx
+const Portal = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	const { container } = usePortalContext("@optiaxiom/react/Portal");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_portal.Root, {
+		container,
+		ref,
+		...props,
+		children
+	});
+});
+Portal.displayName = "@optiaxiom/react/Portal";
+//#endregion
+//#region src/tooltip/TooltipContent.css.ts
+var content = recipeRuntime({
+	base: [{
+		bg: "bg.default.inverse",
+		color: "fg.default.inverse",
+		maxW: "xs",
+		px: "12",
+		py: "8",
+		rounded: "md",
+		z: "tooltip"
+	}],
+	variants: { disableHoverableContent: {
+		false: {},
+		true: { pointerEvents: "none" }
+	} }
+});
+//#endregion
+//#region src/tooltip/TooltipContext.ts
+const [TooltipProvider, useTooltipContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Tooltip");
+//#endregion
+//#region src/tooltip/TooltipContent.tsx
+/**
+* @group TooltipRoot
+*/
+const TooltipContent = (0, react.forwardRef)(({ align = "center", children, className, disableHoverableContent, side = "top", ...props }, ref) => {
+	const { open } = useTooltipContext("@optiaxiom/react/TooltipContent");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransitionGroup, {
+		open,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Transition, {
+				duration: "sm",
+				type: "pop",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+					asChild: true,
+					...content({ disableHoverableContent }, className),
+					...props,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Content, {
+						align,
+						arrowPadding: 6,
+						forceMount: true,
+						ref,
+						side,
+						sideOffset: 4,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+							asChild: true,
+							fontSize: "sm",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, {
+							fill: _optiaxiom_globals.theme.colors["bg.default.inverse"],
+							height: 4,
+							width: 8
+						})]
+					})
+				})
+			})
+		})
+	});
+});
+TooltipContent.displayName = "@optiaxiom/react/TooltipContent";
+//#endregion
+//#region src/tooltip/TooltipRoot.tsx
+function TooltipRoot({ auto, children, defaultOpen = false, delayDuration, onOpenChange, open: openProp, ...props }) {
+	const triggerRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/TooltipRoot",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Root, {
+		delayDuration,
+		onOpenChange: openProp === void 0 ? (open) => {
+			if (auto && open && triggerRef.current && !hasTruncatedContent(triggerRef.current)) return;
+			setOpen(open);
+		} : setOpen,
+		open,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, {
+			open,
+			setOpen,
+			triggerRef,
+			children
+		})
+	});
+}
+TooltipRoot.displayName = "@optiaxiom/react/TooltipRoot";
+const hasTruncatedContent = (element) => {
+	let truncated = false;
+	const elements = [element];
+	while (!truncated && elements.length) {
+		const element = elements.shift();
+		if (!(element instanceof HTMLElement)) continue;
+		const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element;
+		if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
+			truncated = true;
+			break;
+		}
+		elements.push(...element.children);
+	}
+	return truncated;
+};
+//#endregion
+//#region src/filtered-slot/FilteredSlot.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/FilteredSlot");
+const FilteredSlot = (0, react.forwardRef)(({ exclude, ...props }, ref) => {
+	if (exclude) delete props[exclude];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+		ref,
+		...props
+	});
+});
+FilteredSlot.displayName = "@optiaxiom/react/FilteredSlot";
+//#endregion
+//#region src/tooltip/TooltipTrigger.tsx
+/**
+* @group TooltipRoot
+*/
+const TooltipTrigger = (0, react.forwardRef)(({ asChild, children, ...props }, outerRef) => {
+	const { triggerRef } = useTooltipContext("@optiaxiom/react/TooltipTrigger");
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(triggerRef, outerRef);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilteredSlot, {
+			exclude: "data-state",
+			children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, { children })
+		})
+	});
+});
+TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
+//#endregion
+//#region src/tooltip/Tooltip.tsx
+/**
+* Popup with brief information shown when user interacts with an element using
+* keyboard focus or mouse hover.
+*
+* @category overlay
+* @since 0.1.0
+*/
+function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, disableHoverableContent, onOpenChange, open, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipRoot, {
+		auto,
+		defaultOpen,
+		delayDuration,
+		disableHoverableContent,
+		onOpenChange,
+		open,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
+			asChild: true,
+			children
+		}), !disabled && !(!content && typeof content !== "number") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContent, {
+			disableHoverableContent,
+			...props,
+			children: content
+		})]
+	});
+}
+Tooltip.displayName = "@optiaxiom/react/Tooltip";
+//#endregion
+Object.defineProperty(exports, "Box", {
+	enumerable: true,
+	get: function() {
+		return Box;
+	}
+});
+Object.defineProperty(exports, "Button", {
+	enumerable: true,
+	get: function() {
+		return Button;
+	}
+});
+Object.defineProperty(exports, "ButtonAddon", {
+	enumerable: true,
+	get: function() {
+		return ButtonAddon;
+	}
+});
+Object.defineProperty(exports, "ButtonProvider", {
+	enumerable: true,
+	get: function() {
+		return ButtonProvider;
+	}
+});
+Object.defineProperty(exports, "ButtonRoot", {
+	enumerable: true,
+	get: function() {
+		return ButtonRoot;
+	}
+});
+Object.defineProperty(exports, "FilteredSlot", {
+	enumerable: true,
+	get: function() {
+		return FilteredSlot;
+	}
+});
+Object.defineProperty(exports, "Group", {
+	enumerable: true,
+	get: function() {
+		return Group;
+	}
+});
+Object.defineProperty(exports, "Icon", {
+	enumerable: true,
+	get: function() {
+		return Icon;
+	}
+});
+Object.defineProperty(exports, "Portal", {
+	enumerable: true,
+	get: function() {
+		return Portal;
+	}
+});
+Object.defineProperty(exports, "PortalProvider", {
+	enumerable: true,
+	get: function() {
+		return PortalProvider;
+	}
+});
+Object.defineProperty(exports, "Spinner", {
+	enumerable: true,
+	get: function() {
+		return Spinner;
+	}
+});
+Object.defineProperty(exports, "Text", {
+	enumerable: true,
+	get: function() {
+		return Text;
+	}
+});
+Object.defineProperty(exports, "Tooltip", {
+	enumerable: true,
+	get: function() {
+		return Tooltip;
+	}
+});
+Object.defineProperty(exports, "TooltipContent", {
+	enumerable: true,
+	get: function() {
+		return TooltipContent;
+	}
+});
+Object.defineProperty(exports, "TooltipRoot", {
+	enumerable: true,
+	get: function() {
+		return TooltipRoot;
+	}
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+	enumerable: true,
+	get: function() {
+		return TooltipTrigger;
+	}
+});
+Object.defineProperty(exports, "Transition", {
+	enumerable: true,
+	get: function() {
+		return Transition;
+	}
+});
+Object.defineProperty(exports, "TransitionGlobalConfig", {
+	enumerable: true,
+	get: function() {
+		return TransitionGlobalConfig;
+	}
+});
+Object.defineProperty(exports, "TransitionGroup", {
+	enumerable: true,
+	get: function() {
+		return TransitionGroup;
+	}
+});
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});
+Object.defineProperty(exports, "createSprinkles", {
+	enumerable: true,
+	get: function() {
+		return createSprinkles;
+	}
+});
+Object.defineProperty(exports, "decorateChildren", {
+	enumerable: true,
+	get: function() {
+		return decorateChildren;
+	}
+});
+Object.defineProperty(exports, "extractBoxProps", {
+	enumerable: true,
+	get: function() {
+		return extractBoxProps;
+	}
+});
+Object.defineProperty(exports, "fallbackSpan", {
+	enumerable: true,
+	get: function() {
+		return fallbackSpan;
+	}
+});
+Object.defineProperty(exports, "mapResponsiveValue", {
+	enumerable: true,
+	get: function() {
+		return mapResponsiveValue;
+	}
+});
+Object.defineProperty(exports, "normalizeResponsiveValue", {
+	enumerable: true,
+	get: function() {
+		return normalizeResponsiveValue;
+	}
+});
+Object.defineProperty(exports, "recipeRuntime", {
+	enumerable: true,
+	get: function() {
+		return recipeRuntime;
+	}
+});
+Object.defineProperty(exports, "sprinkles", {
+	enumerable: true,
+	get: function() {
+		return sprinkles;
+	}
+});
+Object.defineProperty(exports, "sprinklesMerge", {
+	enumerable: true,
+	get: function() {
+		return sprinklesMerge;
+	}
+});
+Object.defineProperty(exports, "useSurface", {
+	enumerable: true,
+	get: function() {
+		return useSurface;
+	}
+});
+Object.defineProperty(exports, "useTransitionGroupContext", {
+	enumerable: true,
+	get: function() {
+		return useTransitionGroupContext;
+	}
+});
+Object.defineProperty(exports, "vars", {
+	enumerable: true,
+	get: function() {
+		return vars;
+	}
+});
+Object.defineProperty(exports, "version", {
+	enumerable: true,
+	get: function() {
+		return version;
+	}
+});