@optiaxiom/react 3.1.0 → 3.1.2

package/dist/cjs/Tooltip-Ck6Jzpyy.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-CEJpfE2T.css");
+require("./assets/src/sprinkles/properties.css.ts.vanilla-DsO_AL4x.css");
+let clsx = require("clsx");
+clsx = __toESM(clsx, 1);
+require("./assets/src/box/Box.css.ts.vanilla-BmrhXIr2.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _optiaxiom_globals = require("@optiaxiom/globals");
+require("./assets/src/button/ButtonGroup.css.ts.vanilla-Beph4zQj.css");
+require("./assets/src/button/ButtonRoot.css.ts.vanilla-CexBaGdR.css");
+require("./assets/src/button/ButtonLoadable.css.ts.vanilla-fPXtJ9Nk.css");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+require("./assets/src/icon/Icon.css.ts.vanilla-B_sz0laE.css");
+require("./assets/src/button/ButtonIcon.css.ts.vanilla-KOI8-4u1.css");
+require("./assets/src/text/Text.css.ts.vanilla-ElU7lJew.css");
+require("./assets/src/spinner/Spinner.css.ts.vanilla-Aqcq8_4J.css");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+require("./assets/src/transition/Transition.css.ts.vanilla-BDdXIkIn.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.2";
+//#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: "_1hlvrm3",
+							md: "_15vymxd",
+							base: "_1fegdh3"
+						},
+						defaultClass: "_1fegdh3"
+					},
+					end: {
+						conditions: {
+							sm: "_1opwdaf",
+							md: "_18ily2h",
+							base: "aonvn5"
+						},
+						defaultClass: "aonvn5"
+					},
+					normal: {
+						conditions: {
+							sm: "_1kdejs8",
+							md: "u13n3i",
+							base: "mh5894"
+						},
+						defaultClass: "mh5894"
+					},
+					start: {
+						conditions: {
+							sm: "zy2cw3",
+							md: "_1yf0lb9",
+							base: "_1k8u0i"
+						},
+						defaultClass: "_1k8u0i"
+					},
+					stretch: {
+						conditions: {
+							sm: "_1kmye75",
+							md: "mt3kk8",
+							base: "bppfhl"
+						},
+						defaultClass: "bppfhl"
+					}
+				},
+				responsiveArray: void 0
+			},
+			alignSelf: {
+				values: {
+					center: {
+						conditions: {
+							sm: "w1317a",
+							md: "y44qid",
+							base: "_19c08eb"
+						},
+						defaultClass: "_19c08eb"
+					},
+					end: {
+						conditions: {
+							sm: "i02igt",
+							md: "_8n3l1s",
+							base: "_1pivuz6"
+						},
+						defaultClass: "_1pivuz6"
+					},
+					normal: {
+						conditions: {
+							sm: "_1gzke6g",
+							md: "_6xqdvz",
+							base: "aem89o"
+						},
+						defaultClass: "aem89o"
+					},
+					start: {
+						conditions: {
+							sm: "_1h4p6lf",
+							md: "ym3078",
+							base: "_9esuub"
+						},
+						defaultClass: "_9esuub"
+					},
+					stretch: {
+						conditions: {
+							sm: "_8vdpkm",
+							md: "zhmdqh",
+							base: "_1c1vrql"
+						},
+						defaultClass: "_1c1vrql"
+					}
+				},
+				responsiveArray: void 0
+			},
+			display: {
+				values: {
+					none: {
+						conditions: {
+							sm: "vrlb4m",
+							md: "um2ckb",
+							base: "mp53qn"
+						},
+						defaultClass: "mp53qn"
+					},
+					flex: {
+						conditions: {
+							sm: "hmj4be",
+							md: "gblsu1",
+							base: "az5kj0"
+						},
+						defaultClass: "az5kj0"
+					},
+					grid: {
+						conditions: {
+							sm: "_9kjmxd",
+							md: "ijvqmf",
+							base: "_1c0cf17"
+						},
+						defaultClass: "_1c0cf17"
+					},
+					block: {
+						conditions: {
+							sm: "_1z90dq",
+							md: "migmxu",
+							base: "_1i6o7z8"
+						},
+						defaultClass: "_1i6o7z8"
+					},
+					inline: {
+						conditions: {
+							sm: "nzvuzs",
+							md: "l0pz9u",
+							base: "_1rvk109"
+						},
+						defaultClass: "_1rvk109"
+					},
+					"inline-block": {
+						conditions: {
+							sm: "_1q3p5r5",
+							md: "_1ph4x0q",
+							base: "_1g6ko8s"
+						},
+						defaultClass: "_1g6ko8s"
+					},
+					"inline-flex": {
+						conditions: {
+							sm: "_1vkmtq4",
+							md: "_1h3vl0z",
+							base: "fzphhp"
+						},
+						defaultClass: "fzphhp"
+					},
+					table: {
+						conditions: {
+							sm: "j2mssx",
+							md: "_1cx5ufd",
+							base: "tq78nb"
+						},
+						defaultClass: "tq78nb"
+					},
+					"table-cell": {
+						conditions: {
+							sm: "lnxo14",
+							md: "z4j6fn",
+							base: "_1bnvvj9"
+						},
+						defaultClass: "_1bnvvj9"
+					},
+					"table-row": {
+						conditions: {
+							sm: "_1xzp4ar",
+							md: "mopybf",
+							base: "_1ky2aie"
+						},
+						defaultClass: "_1ky2aie"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flex: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "euhhxw",
+							md: "_1b6rs5l",
+							base: "fhlxwp"
+						},
+						defaultClass: "fhlxwp"
+					},
+					auto: {
+						conditions: {
+							sm: "yl18uf",
+							md: "_1rs0xes",
+							base: "_8kuts7"
+						},
+						defaultClass: "_8kuts7"
+					},
+					initial: {
+						conditions: {
+							sm: "_19j9n4f",
+							md: "l7nft3",
+							base: "_1wjv0av"
+						},
+						defaultClass: "_1wjv0av"
+					},
+					none: {
+						conditions: {
+							sm: "naihqp",
+							md: "vlk9d0",
+							base: "_1fpta56"
+						},
+						defaultClass: "_1fpta56"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexDirection: {
+				values: {
+					column: {
+						conditions: {
+							sm: "yjffnp",
+							md: "_19x7iza",
+							base: "_190s11q"
+						},
+						defaultClass: "_190s11q"
+					},
+					"column-reverse": {
+						conditions: {
+							sm: "_1l39yu7",
+							md: "_9neveb",
+							base: "_1u8fiq8"
+						},
+						defaultClass: "_1u8fiq8"
+					},
+					row: {
+						conditions: {
+							sm: "_12bt05s",
+							md: "xfy2ph",
+							base: "_7qzqye"
+						},
+						defaultClass: "_7qzqye"
+					},
+					"row-reverse": {
+						conditions: {
+							sm: "_18phrbj",
+							md: "_6f81ho",
+							base: "_1xkb8ct"
+						},
+						defaultClass: "_1xkb8ct"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexWrap: {
+				values: {
+					nowrap: {
+						conditions: {
+							sm: "_1t0cy08",
+							md: "_1nermw9",
+							base: "_1gxvsgn"
+						},
+						defaultClass: "_1gxvsgn"
+					},
+					wrap: {
+						conditions: {
+							sm: "_121x46z",
+							md: "_19135x6",
+							base: "_5nhpz6"
+						},
+						defaultClass: "_5nhpz6"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gap: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "_1ofuh8",
+							md: "_12d5rrn",
+							base: "z314fk"
+						},
+						defaultClass: "z314fk"
+					},
+					"2": {
+						conditions: {
+							sm: "ifv52c",
+							md: "_9ierey",
+							base: "_12yhuuw"
+						},
+						defaultClass: "_12yhuuw"
+					},
+					"4": {
+						conditions: {
+							sm: "jas4ti",
+							md: "_1fv2ad5",
+							base: "u2juyn"
+						},
+						defaultClass: "u2juyn"
+					},
+					"6": {
+						conditions: {
+							sm: "_1ht072",
+							md: "_1mbzyte",
+							base: "_1l0qezr"
+						},
+						defaultClass: "_1l0qezr"
+					},
+					"8": {
+						conditions: {
+							sm: "_5uiln5",
+							md: "_1mc6xj5",
+							base: "s2k5bf"
+						},
+						defaultClass: "s2k5bf"
+					},
+					"10": {
+						conditions: {
+							sm: "lyw5h4",
+							md: "xp0jrf",
+							base: "_1i0d4yy"
+						},
+						defaultClass: "_1i0d4yy"
+					},
+					"12": {
+						conditions: {
+							sm: "_1cvzmog",
+							md: "_1l7y4lf",
+							base: "_1l521zu"
+						},
+						defaultClass: "_1l521zu"
+					},
+					"16": {
+						conditions: {
+							sm: "_1lxx94q",
+							md: "_1vvpcyu",
+							base: "_1x0lbbm"
+						},
+						defaultClass: "_1x0lbbm"
+					},
+					"20": {
+						conditions: {
+							sm: "_1tm3fur",
+							md: "x12jp7",
+							base: "_1ks5ujo"
+						},
+						defaultClass: "_1ks5ujo"
+					},
+					"24": {
+						conditions: {
+							sm: "_8p83gq",
+							md: "_1uxx52n",
+							base: "_1wmyx7o"
+						},
+						defaultClass: "_1wmyx7o"
+					},
+					"32": {
+						conditions: {
+							sm: "roo57u",
+							md: "_1b0i42d",
+							base: "wm3zgf"
+						},
+						defaultClass: "wm3zgf"
+					},
+					"40": {
+						conditions: {
+							sm: "i26guu",
+							md: "ijvq32",
+							base: "_5qjr29"
+						},
+						defaultClass: "_5qjr29"
+					},
+					"48": {
+						conditions: {
+							sm: "_3odqap",
+							md: "_1ebw1a2",
+							base: "_11gahp5"
+						},
+						defaultClass: "_11gahp5"
+					},
+					"64": {
+						conditions: {
+							sm: "_1e8qo7z",
+							md: "doql3g",
+							base: "_1yvskgk"
+						},
+						defaultClass: "_1yvskgk"
+					},
+					"80": {
+						conditions: {
+							sm: "ykpkpr",
+							md: "_1rgfl6o",
+							base: "ebu5i3"
+						},
+						defaultClass: "ebu5i3"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gridAutoRows: {
+				values: { fr: {
+					conditions: {
+						sm: "_990ce7",
+						md: "_11bb5er",
+						base: "_1l3qu8y"
+					},
+					defaultClass: "_1l3qu8y"
+				} },
+				responsiveArray: void 0
+			},
+			gridColumn: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "_1e94q51",
+							md: "_1v9b8xt",
+							base: "sfgmfl"
+						},
+						defaultClass: "sfgmfl"
+					},
+					"2": {
+						conditions: {
+							sm: "rd3umn",
+							md: "_8o0on5",
+							base: "_6j3tro"
+						},
+						defaultClass: "_6j3tro"
+					},
+					"3": {
+						conditions: {
+							sm: "i2n1bg",
+							md: "_1d26jhm",
+							base: "_39z1tb"
+						},
+						defaultClass: "_39z1tb"
+					},
+					"4": {
+						conditions: {
+							sm: "_1tyfyl7",
+							md: "_1woflnv",
+							base: "_17jsx3e"
+						},
+						defaultClass: "_17jsx3e"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gridTemplateColumns: {
+				values: {
+					"1": {
+						conditions: {
+							sm: "_1gnl63a",
+							md: "_1pduh4q",
+							base: "zmrjnb"
+						},
+						defaultClass: "zmrjnb"
+					},
+					"2": {
+						conditions: {
+							sm: "gkunf4",
+							md: "_1xkhssi",
+							base: "_1bjtjvo"
+						},
+						defaultClass: "_1bjtjvo"
+					},
+					"3": {
+						conditions: {
+							sm: "_1oubw2e",
+							md: "heqkac",
+							base: "_1sw9lya"
+						},
+						defaultClass: "_1sw9lya"
+					},
+					"4": {
+						conditions: {
+							sm: "_1rkyta",
+							md: "_1vc8qj6",
+							base: "yudyw0"
+						},
+						defaultClass: "yudyw0"
+					}
+				},
+				responsiveArray: void 0
+			},
+			height: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "aewi8e",
+							md: "_1wanymv",
+							base: "_77pq8c"
+						},
+						defaultClass: "_77pq8c"
+					},
+					"10": {
+						conditions: {
+							sm: "_1xpc3x3",
+							md: "_1qf4hgh",
+							base: "uefvib"
+						},
+						defaultClass: "uefvib"
+					},
+					"12": {
+						conditions: {
+							sm: "pd7f1",
+							md: "_16ox12t",
+							base: "_1wd64sc"
+						},
+						defaultClass: "_1wd64sc"
+					},
+					"16": {
+						conditions: {
+							sm: "_1yqmqdn",
+							md: "ypmbw7",
+							base: "_1n8ptxd"
+						},
+						defaultClass: "_1n8ptxd"
+					},
+					"20": {
+						conditions: {
+							sm: "_1nz5zuk",
+							md: "ztvtyt",
+							base: "_13opfdi"
+						},
+						defaultClass: "_13opfdi"
+					},
+					"24": {
+						conditions: {
+							sm: "_1wh0phw",
+							md: "zwchuo",
+							base: "_17om3c6"
+						},
+						defaultClass: "_17om3c6"
+					},
+					"32": {
+						conditions: {
+							sm: "nlf2kf",
+							md: "r3r4c9",
+							base: "_1wfa819"
+						},
+						defaultClass: "_1wfa819"
+					},
+					"40": {
+						conditions: {
+							sm: "gyzrai",
+							md: "ubdy76",
+							base: "jfzr93"
+						},
+						defaultClass: "jfzr93"
+					},
+					"48": {
+						conditions: {
+							sm: "etjxmt",
+							md: "k8oye4",
+							base: "_1flqpd7"
+						},
+						defaultClass: "_1flqpd7"
+					},
+					"56": {
+						conditions: {
+							sm: "lv695m",
+							md: "zbjnyo",
+							base: "_1a4bk5c"
+						},
+						defaultClass: "_1a4bk5c"
+					},
+					"64": {
+						conditions: {
+							sm: "_799gbd",
+							md: "_1mbor9x",
+							base: "_110bq3"
+						},
+						defaultClass: "_110bq3"
+					},
+					"80": {
+						conditions: {
+							sm: "fwmqrw",
+							md: "_1kkult7",
+							base: "ybfzin"
+						},
+						defaultClass: "ybfzin"
+					},
+					"224": {
+						conditions: {
+							sm: "_1l0f53v",
+							md: "_5w7gt",
+							base: "rb3r8h"
+						},
+						defaultClass: "rb3r8h"
+					},
+					"384": {
+						conditions: {
+							sm: "k7ndov",
+							md: "_184joud",
+							base: "i9ephu"
+						},
+						defaultClass: "i9ephu"
+					},
+					"2xs": {
+						conditions: {
+							sm: "ugmvq7",
+							md: "_1hpc5ng",
+							base: "_1gj3zrp"
+						},
+						defaultClass: "_1gj3zrp"
+					},
+					xs: {
+						conditions: {
+							sm: "ddvjer",
+							md: "k5mhrf",
+							base: "_15ctvuu"
+						},
+						defaultClass: "_15ctvuu"
+					},
+					sm: {
+						conditions: {
+							sm: "_18at4tl",
+							md: "_1jcavl9",
+							base: "_1wnusz4"
+						},
+						defaultClass: "_1wnusz4"
+					},
+					md: {
+						conditions: {
+							sm: "vxxmh3",
+							md: "r33rym",
+							base: "_192ubkw"
+						},
+						defaultClass: "_192ubkw"
+					},
+					lg: {
+						conditions: {
+							sm: "_7806gm",
+							md: "t2onyr",
+							base: "_13a8tzn"
+						},
+						defaultClass: "_13a8tzn"
+					},
+					xl: {
+						conditions: {
+							sm: "umk0ie",
+							md: "_3cv9wy",
+							base: "_115mqla"
+						},
+						defaultClass: "_115mqla"
+					},
+					"3xl": {
+						conditions: {
+							sm: "_14o188k",
+							md: "_620i6i",
+							base: "rhdt0f"
+						},
+						defaultClass: "rhdt0f"
+					},
+					"1/2": {
+						conditions: {
+							sm: "_1gigv3o",
+							md: "_1nxfi93",
+							base: "s3wq09"
+						},
+						defaultClass: "s3wq09"
+					},
+					"1/3": {
+						conditions: {
+							sm: "ans1l3",
+							md: "_1g9trqr",
+							base: "xvnmti"
+						},
+						defaultClass: "xvnmti"
+					},
+					"2/3": {
+						conditions: {
+							sm: "e82vt3",
+							md: "_1dlavwy",
+							base: "_1xip6jc"
+						},
+						defaultClass: "_1xip6jc"
+					},
+					"1/4": {
+						conditions: {
+							sm: "_10iof7p",
+							md: "pqnjbw",
+							base: "_1li3zf4"
+						},
+						defaultClass: "_1li3zf4"
+					},
+					"3/4": {
+						conditions: {
+							sm: "_1aoozv9",
+							md: "_1tzgefv",
+							base: "cp33n8"
+						},
+						defaultClass: "cp33n8"
+					},
+					auto: {
+						conditions: {
+							sm: "_1khbejt",
+							md: "gqm5wl",
+							base: "sl8l0n"
+						},
+						defaultClass: "sl8l0n"
+					},
+					fit: {
+						conditions: {
+							sm: "_1ajj8o8",
+							md: "o301bq",
+							base: "_1qi7tkr"
+						},
+						defaultClass: "_1qi7tkr"
+					},
+					full: {
+						conditions: {
+							sm: "_1r4s18r",
+							md: "_1majbld",
+							base: "_16cy7w7"
+						},
+						defaultClass: "_16cy7w7"
+					},
+					max: {
+						conditions: {
+							sm: "_44gju",
+							md: "ut48nj",
+							base: "_1oasl1s"
+						},
+						defaultClass: "_1oasl1s"
+					},
+					min: {
+						conditions: {
+							sm: "_3934x7",
+							md: "tj4go2",
+							base: "_7td176"
+						},
+						defaultClass: "_7td176"
+					}
+				},
+				responsiveArray: void 0
+			},
+			justifyContent: {
+				values: {
+					center: {
+						conditions: {
+							sm: "_1e4ugwv",
+							md: "_163svj4",
+							base: "_1gshblu"
+						},
+						defaultClass: "_1gshblu"
+					},
+					end: {
+						conditions: {
+							sm: "_1x8r0gx",
+							md: "_1oe98mu",
+							base: "_2mz927"
+						},
+						defaultClass: "_2mz927"
+					},
+					"flex-end": {
+						conditions: {
+							sm: "_15zwn4r",
+							md: "_1ljz6d7",
+							base: "_1y1bz8f"
+						},
+						defaultClass: "_1y1bz8f"
+					},
+					"flex-start": {
+						conditions: {
+							sm: "_1ryg1c2",
+							md: "g1xuds",
+							base: "p5r5vo"
+						},
+						defaultClass: "p5r5vo"
+					},
+					normal: {
+						conditions: {
+							sm: "iue79s",
+							md: "_95zblm",
+							base: "_6uwkr2"
+						},
+						defaultClass: "_6uwkr2"
+					},
+					"space-around": {
+						conditions: {
+							sm: "qrkqmg",
+							md: "_1fwzu0h",
+							base: "_19jgx5d"
+						},
+						defaultClass: "_19jgx5d"
+					},
+					"space-between": {
+						conditions: {
+							sm: "_1gxqous",
+							md: "_13ew8it",
+							base: "_66w6o4"
+						},
+						defaultClass: "_66w6o4"
+					},
+					"space-evenly": {
+						conditions: {
+							sm: "q6fc5b",
+							md: "xq6cdw",
+							base: "o3151n"
+						},
+						defaultClass: "o3151n"
+					},
+					start: {
+						conditions: {
+							sm: "_1yhsrvx",
+							md: "_12uvfym",
+							base: "_1gsm0q6"
+						},
+						defaultClass: "_1gsm0q6"
+					},
+					stretch: {
+						conditions: {
+							sm: "_1klodx1",
+							md: "_15l5iws",
+							base: "_1aixpha"
+						},
+						defaultClass: "_1aixpha"
+					}
+				},
+				responsiveArray: void 0
+			},
+			justifyItems: {
+				values: {
+					center: {
+						conditions: {
+							sm: "umlh5k",
+							md: "oauiha",
+							base: "mteetz"
+						},
+						defaultClass: "mteetz"
+					},
+					end: {
+						conditions: {
+							sm: "d8i468",
+							md: "_1gvrcfv",
+							base: "_17yg493"
+						},
+						defaultClass: "_17yg493"
+					},
+					normal: {
+						conditions: {
+							sm: "_1f4rzbd",
+							md: "_18im3fk",
+							base: "jfbrz"
+						},
+						defaultClass: "jfbrz"
+					},
+					start: {
+						conditions: {
+							sm: "bdonpf",
+							md: "kfj9w7",
+							base: "_1mro1qo"
+						},
+						defaultClass: "_1mro1qo"
+					},
+					stretch: {
+						conditions: {
+							sm: "t6ji27",
+							md: "lk6q1g",
+							base: "_1whvubk"
+						},
+						defaultClass: "_1whvubk"
+					}
+				},
+				responsiveArray: void 0
+			},
+			maxHeight: {
+				values: {
+					xs: {
+						conditions: {
+							sm: "_1i1mrys",
+							md: "eadx74",
+							base: "d8rt31"
+						},
+						defaultClass: "d8rt31"
+					},
+					sm: {
+						conditions: {
+							sm: "_1bsk4j4",
+							md: "_1yb79b6",
+							base: "vmh8mf"
+						},
+						defaultClass: "vmh8mf"
+					},
+					md: {
+						conditions: {
+							sm: "_778oi",
+							md: "c51jcb",
+							base: "_1f3wnwh"
+						},
+						defaultClass: "_1f3wnwh"
+					},
+					lg: {
+						conditions: {
+							sm: "ewxhez",
+							md: "_16bshib",
+							base: "_17j5vlz"
+						},
+						defaultClass: "_17j5vlz"
+					},
+					full: {
+						conditions: {
+							sm: "_1tzu20v",
+							md: "qz3mw1",
+							base: "_14sjve1"
+						},
+						defaultClass: "_14sjve1"
+					}
+				},
+				responsiveArray: void 0
+			},
+			maxWidth: {
+				values: {
+					xs: {
+						conditions: {
+							sm: "b78dk1",
+							md: "_4nhv8n",
+							base: "_19ypg4a"
+						},
+						defaultClass: "_19ypg4a"
+					},
+					sm: {
+						conditions: {
+							sm: "_2v500y",
+							md: "_1fk8pwf",
+							base: "cztl7c"
+						},
+						defaultClass: "cztl7c"
+					},
+					md: {
+						conditions: {
+							sm: "hhb9xh",
+							md: "knh3ai",
+							base: "s2oro4"
+						},
+						defaultClass: "s2oro4"
+					},
+					lg: {
+						conditions: {
+							sm: "_6kbuiw",
+							md: "_1dlxe2p",
+							base: "nr4gd5"
+						},
+						defaultClass: "nr4gd5"
+					},
+					full: {
+						conditions: {
+							sm: "g4w3bj",
+							md: "lakw19",
+							base: "_16ymuqq"
+						},
+						defaultClass: "_16ymuqq"
+					}
+				},
+				responsiveArray: void 0
+			},
+			placeItems: {
+				values: { center: {
+					conditions: {
+						sm: "_2y755i",
+						md: "ijm5bw",
+						base: "_1im9xqq"
+					},
+					defaultClass: "_1im9xqq"
+				} },
+				responsiveArray: void 0
+			},
+			width: {
+				values: {
+					"0": {
+						conditions: {
+							sm: "_33bkzd",
+							md: "q18cep",
+							base: "a7quy0"
+						},
+						defaultClass: "a7quy0"
+					},
+					"10": {
+						conditions: {
+							sm: "hyffw5",
+							md: "egzjk6",
+							base: "_5q8lhx"
+						},
+						defaultClass: "_5q8lhx"
+					},
+					"12": {
+						conditions: {
+							sm: "vgk04q",
+							md: "q0pxk4",
+							base: "_1y6mk7u"
+						},
+						defaultClass: "_1y6mk7u"
+					},
+					"16": {
+						conditions: {
+							sm: "_1yyg8rm",
+							md: "m7ey9v",
+							base: "_1yyvw4t"
+						},
+						defaultClass: "_1yyvw4t"
+					},
+					"20": {
+						conditions: {
+							sm: "q1o4mk",
+							md: "nbf0qc",
+							base: "_18ybij7"
+						},
+						defaultClass: "_18ybij7"
+					},
+					"24": {
+						conditions: {
+							sm: "_1gcgi2",
+							md: "_56vho8",
+							base: "_15xfehi"
+						},
+						defaultClass: "_15xfehi"
+					},
+					"32": {
+						conditions: {
+							sm: "_1f93uo3",
+							md: "_2q6mig",
+							base: "_43jmv4"
+						},
+						defaultClass: "_43jmv4"
+					},
+					"40": {
+						conditions: {
+							sm: "nfaful",
+							md: "_1d43a3x",
+							base: "y35fr2"
+						},
+						defaultClass: "y35fr2"
+					},
+					"48": {
+						conditions: {
+							sm: "_1tlsacu",
+							md: "mhy03g",
+							base: "_51cr5x"
+						},
+						defaultClass: "_51cr5x"
+					},
+					"56": {
+						conditions: {
+							sm: "_1d4ndhi",
+							md: "ugs8y7",
+							base: "_1fxe2ww"
+						},
+						defaultClass: "_1fxe2ww"
+					},
+					"64": {
+						conditions: {
+							sm: "_1treisi",
+							md: "_15ca1he",
+							base: "_1uw2msq"
+						},
+						defaultClass: "_1uw2msq"
+					},
+					"80": {
+						conditions: {
+							sm: "aoknah",
+							md: "_1qhh7u",
+							base: "_1l5e732"
+						},
+						defaultClass: "_1l5e732"
+					},
+					"224": {
+						conditions: {
+							sm: "tfnrzp",
+							md: "_18evzog",
+							base: "_11po5b4"
+						},
+						defaultClass: "_11po5b4"
+					},
+					"384": {
+						conditions: {
+							sm: "s8opkk",
+							md: "_1bygryz",
+							base: "_183wwyb"
+						},
+						defaultClass: "_183wwyb"
+					},
+					"2xs": {
+						conditions: {
+							sm: "xjs3cm",
+							md: "_1mb9a07",
+							base: "_1el0ws9"
+						},
+						defaultClass: "_1el0ws9"
+					},
+					xs: {
+						conditions: {
+							sm: "slvvf0",
+							md: "krfcrh",
+							base: "laxqld"
+						},
+						defaultClass: "laxqld"
+					},
+					sm: {
+						conditions: {
+							sm: "_1onpmzc",
+							md: "m6v9gh",
+							base: "_1e5qnx8"
+						},
+						defaultClass: "_1e5qnx8"
+					},
+					md: {
+						conditions: {
+							sm: "zf717n",
+							md: "_1qb9tdq",
+							base: "oqoy9e"
+						},
+						defaultClass: "oqoy9e"
+					},
+					lg: {
+						conditions: {
+							sm: "crg2es",
+							md: "llu99l",
+							base: "pif2ih"
+						},
+						defaultClass: "pif2ih"
+					},
+					xl: {
+						conditions: {
+							sm: "w88w",
+							md: "dvib64",
+							base: "op2mhq"
+						},
+						defaultClass: "op2mhq"
+					},
+					"3xl": {
+						conditions: {
+							sm: "ay19hk",
+							md: "gwo55b",
+							base: "ruy8wx"
+						},
+						defaultClass: "ruy8wx"
+					},
+					"1/2": {
+						conditions: {
+							sm: "_14q6z0e",
+							md: "_1bwoikj",
+							base: "_6o0z9z"
+						},
+						defaultClass: "_6o0z9z"
+					},
+					"1/3": {
+						conditions: {
+							sm: "_6jfuw0",
+							md: "_1rb3i4j",
+							base: "_18xsq6s"
+						},
+						defaultClass: "_18xsq6s"
+					},
+					"2/3": {
+						conditions: {
+							sm: "_1rnc5aq",
+							md: "_3bs0qt",
+							base: "_1vrvf2i"
+						},
+						defaultClass: "_1vrvf2i"
+					},
+					"1/4": {
+						conditions: {
+							sm: "_1l1vz51",
+							md: "_14sygzg",
+							base: "yg25al"
+						},
+						defaultClass: "yg25al"
+					},
+					"3/4": {
+						conditions: {
+							sm: "tj94x3",
+							md: "_1fahppy",
+							base: "_1bkcva7"
+						},
+						defaultClass: "_1bkcva7"
+					},
+					auto: {
+						conditions: {
+							sm: "arcj89",
+							md: "_66eubw",
+							base: "qvmt8f"
+						},
+						defaultClass: "qvmt8f"
+					},
+					fit: {
+						conditions: {
+							sm: "_1etd5ut",
+							md: "mbuv0t",
+							base: "_4lmw2u"
+						},
+						defaultClass: "_4lmw2u"
+					},
+					full: {
+						conditions: {
+							sm: "_1maw0c8",
+							md: "azooib",
+							base: "_1tgz69j"
+						},
+						defaultClass: "_1tgz69j"
+					},
+					max: {
+						conditions: {
+							sm: "_1x7lbr3",
+							md: "_1p3khhb",
+							base: "_1j9584d"
+						},
+						defaultClass: "_1j9584d"
+					},
+					min: {
+						conditions: {
+							sm: "_1ou2i15",
+							md: "tmbet3",
+							base: "_1sjsh3q"
+						},
+						defaultClass: "_1sjsh3q"
+					}
+				},
+				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: "ph6nnx" },
+			pulse: { defaultClass: "_6qnp11" },
+			spin: { defaultClass: "_1twe4oy" }
+		} },
+		backgroundColor: { values: {
+			"bg.accent": { defaultClass: "_1ghmydw" },
+			"bg.accent.hovered": { defaultClass: "_1pqegky" },
+			"bg.accent.light": { defaultClass: "_1oihv04" },
+			"bg.accent.pressed": { defaultClass: "_1r7sfuc" },
+			"bg.accent.subtle": { defaultClass: "_1nz320n" },
+			"bg.avatar.neutral": { defaultClass: "nx0h71" },
+			"bg.avatar.purple": { defaultClass: "_790kt2" },
+			"bg.default": { defaultClass: "grf45m" },
+			"bg.default.hovered": { defaultClass: "_147vecu" },
+			"bg.default.inverse": { defaultClass: "_7jcaow" },
+			"bg.default.inverse.hovered": { defaultClass: "l3d2ug" },
+			"bg.default.inverse.pressed": { defaultClass: "_96h5o4" },
+			"bg.default.pressed": { defaultClass: "y7sn81" },
+			"bg.error": { defaultClass: "_11jlokq" },
+			"bg.error.hovered": { defaultClass: "_7bosi2" },
+			"bg.error.light": { defaultClass: "awkx54" },
+			"bg.error.pressed": { defaultClass: "ivja2y" },
+			"bg.error.subtle": { defaultClass: "_1b4p8ht" },
+			"bg.error.subtlest": { defaultClass: "f2hg8l" },
+			"bg.information": { defaultClass: "_1sldlkm" },
+			"bg.information.light": { defaultClass: "smedk7" },
+			"bg.information.subtle": { defaultClass: "odq5b3" },
+			"bg.overlay": { defaultClass: "u884to" },
+			"bg.page": { defaultClass: "_126y2nl" },
+			"bg.pill.default": { defaultClass: "zf7os" },
+			"bg.pill.hovered": { defaultClass: "gvp1hm" },
+			"bg.secondary": { defaultClass: "_1r8ibu" },
+			"bg.secondary.hovered": { defaultClass: "jm5zo3" },
+			"bg.spinner.default": { defaultClass: "y4qsin" },
+			"bg.spinner.inverse": { defaultClass: "_2kr1o1" },
+			"bg.success": { defaultClass: "_3s1n5z" },
+			"bg.success.hovered": { defaultClass: "_13hpwzh" },
+			"bg.success.light": { defaultClass: "_15rdtqa" },
+			"bg.success.subtle": { defaultClass: "_128n67d" },
+			"bg.tertiary": { defaultClass: "_1o1hwei" },
+			"bg.tertiary.hovered": { defaultClass: "_45d4mk" },
+			"bg.warning": { defaultClass: "zidsmp" },
+			"bg.warning.hovered": { defaultClass: "bo6w2c" },
+			"bg.warning.light": { defaultClass: "e5fgg8" },
+			"bg.warning.subtle": { defaultClass: "kusiam" },
+			current: { defaultClass: "_5omnvl" },
+			transparent: { defaultClass: "_1j1o712" }
+		} },
+		backgroundImage: { values: { "gradient.opal": { defaultClass: "_548l7z" } } },
+		borderBottomWidth: { values: {
+			"0": { defaultClass: "_1qkp6om" },
+			"1": { defaultClass: "_1n1cq87" },
+			"2": { defaultClass: "_389nkc" }
+		} },
+		borderColor: { values: {
+			"border.accent": { defaultClass: "o48rx2" },
+			"border.control": { defaultClass: "_1g2ehgu" },
+			"border.control.hovered": { defaultClass: "_11hv72t" },
+			"border.default": { defaultClass: "_1522pno" },
+			"border.disabled": { defaultClass: "p1r2qj" },
+			"border.error": { defaultClass: "_1cmybvf" },
+			"border.focus": { defaultClass: "_150ovi2" },
+			"border.focus.error": { defaultClass: "_1ltt39x" },
+			"border.secondary": { defaultClass: "fnsmrj" },
+			"border.success": { defaultClass: "_1j3jegs" },
+			"border.tertiary": { defaultClass: "ez2z6z" },
+			"border.warning": { defaultClass: "_1xof5jd" },
+			current: { defaultClass: "bib1ru" },
+			transparent: { defaultClass: "jvcrcs" }
+		} },
+		borderLeftWidth: { values: {
+			"0": { defaultClass: "_12ru7oz" },
+			"1": { defaultClass: "_3gbojl" },
+			"2": { defaultClass: "edsqm1" }
+		} },
+		borderRadius: { values: {
+			xs: { defaultClass: "rpgtbs" },
+			sm: { defaultClass: "b7ufke" },
+			md: { defaultClass: "_1579ocy" },
+			lg: { defaultClass: "gzi30h" },
+			xl: { defaultClass: "_1xh9nbz" },
+			full: { defaultClass: "elsbis" },
+			inherit: { defaultClass: "_849blz" },
+			none: { defaultClass: "lsjug1" }
+		} },
+		borderRightWidth: { values: {
+			"0": { defaultClass: "bv32jo" },
+			"1": { defaultClass: "pryrpr" },
+			"2": { defaultClass: "gayj52" }
+		} },
+		borderTopWidth: { values: {
+			"0": { defaultClass: "_1m9r7u3" },
+			"1": { defaultClass: "_18e2yjr" },
+			"2": { defaultClass: "_1p6slpg" }
+		} },
+		boxShadow: { values: {
+			sm: { defaultClass: "_17vuxo8" },
+			md: { defaultClass: "_1vhmzhs" },
+			lg: { defaultClass: "_1381mne" },
+			xl: { defaultClass: "_1nsrxuv" },
+			none: { defaultClass: "_3d2j4y" }
+		} },
+		color: { values: {
+			"fg.accent": { defaultClass: "_49pgyi" },
+			"fg.accent.hovered": { defaultClass: "_1qxhvz2" },
+			"fg.accent.strong": { defaultClass: "zsqyoe" },
+			"fg.avatar.neutral": { defaultClass: "_1u7k4l0" },
+			"fg.avatar.purple": { defaultClass: "_13312ug" },
+			"fg.black": { defaultClass: "_1rcxoyz" },
+			"fg.default": { defaultClass: "_15x8s96" },
+			"fg.default.inverse": { defaultClass: "t6xi2h" },
+			"fg.disabled": { defaultClass: "_17hnsxn" },
+			"fg.error": { defaultClass: "_8ajm1h" },
+			"fg.error.hovered": { defaultClass: "_13i25zq" },
+			"fg.error.light": { defaultClass: "_1ctbhv6" },
+			"fg.error.strong": { defaultClass: "_1uqc2l8" },
+			"fg.information": { defaultClass: "nt33xp" },
+			"fg.information.light": { defaultClass: "kpjp6v" },
+			"fg.information.strong": { defaultClass: "_7z79cs" },
+			"fg.link.default": { defaultClass: "_1wyb4v8" },
+			"fg.link.default.hovered": { defaultClass: "tpmioz" },
+			"fg.link.inverse": { defaultClass: "_1kfb2de" },
+			"fg.link.subtle": { defaultClass: "_1m5na5h" },
+			"fg.link.visited": { defaultClass: "_1t4hm9f" },
+			"fg.secondary": { defaultClass: "syb8f3" },
+			"fg.spinner.default": { defaultClass: "_23c5sl" },
+			"fg.spinner.inverse": { defaultClass: "_1g90gtp" },
+			"fg.success": { defaultClass: "atyxyx" },
+			"fg.success.hovered": { defaultClass: "_180v2gd" },
+			"fg.success.light": { defaultClass: "_8wk505" },
+			"fg.success.strong": { defaultClass: "_1l12hla" },
+			"fg.tertiary": { defaultClass: "to8vgm" },
+			"fg.warning": { defaultClass: "_1zgjnh" },
+			"fg.warning.hovered": { defaultClass: "khd3g" },
+			"fg.warning.inverse": { defaultClass: "_1i2xovo" },
+			"fg.warning.light": { defaultClass: "_1vwrgfu" },
+			"fg.warning.strong": { defaultClass: "_1twxifw" },
+			"fg.white": { defaultClass: "ppu6cu" },
+			current: { defaultClass: "j780b8" },
+			transparent: { defaultClass: "_1j42nci" }
+		} },
+		cursor: { values: {
+			pointer: { defaultClass: "t6pyfs" },
+			"default": { defaultClass: "_17pbuaj" },
+			text: { defaultClass: "yzlh7i" }
+		} },
+		fontFamily: { values: {
+			heading: { defaultClass: "_16ztd4x" },
+			mono: { defaultClass: "_1kff3ju" },
+			sans: { defaultClass: "_11kyawh" }
+		} },
+		fontSize: { values: {
+			xs: { defaultClass: "vtx1p6" },
+			sm: { defaultClass: "xe3lft" },
+			md: { defaultClass: "n7ma9a" },
+			lg: { defaultClass: "e48ggd" },
+			xl: { defaultClass: "gvgvwj" },
+			"2xl": { defaultClass: "_1lc98mb" },
+			"3xl": { defaultClass: "_1vvbnlm" },
+			"4xl": { defaultClass: "_18ilaem" },
+			inherit: { defaultClass: "bd9u26" }
+		} },
+		fontWeight: { values: {
+			"400": { defaultClass: "_1dqg8r0" },
+			"500": { defaultClass: "ftrlxv" },
+			"600": { defaultClass: "_7n0atx" },
+			"700": { defaultClass: "_1gamexx" },
+			"900": { defaultClass: "_1fy294e" },
+			inherit: { defaultClass: "ol024m" }
+		} },
+		marginBottom: { values: {
+			"0": { defaultClass: "gym0d" },
+			"2": { defaultClass: "_9eqh6b" },
+			"4": { defaultClass: "_12klawu" },
+			"6": { defaultClass: "_7pzxo4" },
+			"8": { defaultClass: "ok68jj" },
+			"10": { defaultClass: "pxhd1f" },
+			"12": { defaultClass: "uql3bw" },
+			"16": { defaultClass: "tql6q0" },
+			"20": { defaultClass: "_24bs43" },
+			"24": { defaultClass: "_10vgkqs" },
+			"32": { defaultClass: "zuw4hm" },
+			"40": { defaultClass: "x1lu61" },
+			"48": { defaultClass: "_1849ob1" },
+			"64": { defaultClass: "_11q99uq" },
+			"80": { defaultClass: "_9pajvi" },
+			auto: { defaultClass: "wkbqbf" }
+		} },
+		marginLeft: { values: {
+			"0": { defaultClass: "_1jydx1u" },
+			"2": { defaultClass: "_1vlglhv" },
+			"4": { defaultClass: "_1ycyar0" },
+			"6": { defaultClass: "_1pcviqk" },
+			"8": { defaultClass: "tac5y0" },
+			"10": { defaultClass: "_91yepx" },
+			"12": { defaultClass: "_1l6qm" },
+			"16": { defaultClass: "sxr6sm" },
+			"20": { defaultClass: "_1gbc0vj" },
+			"24": { defaultClass: "_16qqr38" },
+			"32": { defaultClass: "ikcuno" },
+			"40": { defaultClass: "fgv7ut" },
+			"48": { defaultClass: "c6u51q" },
+			"64": { defaultClass: "_1n1uuox" },
+			"80": { defaultClass: "la0ywp" },
+			auto: { defaultClass: "_1t9b06t" }
+		} },
+		marginRight: { values: {
+			"0": { defaultClass: "_1oj255x" },
+			"2": { defaultClass: "npp5ww" },
+			"4": { defaultClass: "_1liwjiq" },
+			"6": { defaultClass: "_1wd6nev" },
+			"8": { defaultClass: "_1aoxndm" },
+			"10": { defaultClass: "_170088k" },
+			"12": { defaultClass: "duki1a" },
+			"16": { defaultClass: "_1mrd0jq" },
+			"20": { defaultClass: "_96n1tv" },
+			"24": { defaultClass: "_15nm4qj" },
+			"32": { defaultClass: "j7dhrt" },
+			"40": { defaultClass: "_1trb9wt" },
+			"48": { defaultClass: "_6zmnzy" },
+			"64": { defaultClass: "_10idr5k" },
+			"80": { defaultClass: "_1a7adln" },
+			auto: { defaultClass: "d1go6t" }
+		} },
+		marginTop: { values: {
+			"0": { defaultClass: "xg1ytt" },
+			"2": { defaultClass: "_4qty3p" },
+			"4": { defaultClass: "_139nm9i" },
+			"6": { defaultClass: "xwmyyc" },
+			"8": { defaultClass: "dagqm8" },
+			"10": { defaultClass: "_1nfat9p" },
+			"12": { defaultClass: "_1pxq7wx" },
+			"16": { defaultClass: "qh1pb3" },
+			"20": { defaultClass: "_1ghi8xh" },
+			"24": { defaultClass: "rq6uo3" },
+			"32": { defaultClass: "x5g2n3" },
+			"40": { defaultClass: "_11utcfd" },
+			"48": { defaultClass: "_1gwzn2b" },
+			"64": { defaultClass: "_44fvhb" },
+			"80": { defaultClass: "_9c85oh" },
+			auto: { defaultClass: "kcjxjb" }
+		} },
+		objectFit: { values: {
+			contain: { defaultClass: "gxcc2u" },
+			cover: { defaultClass: "_1xfurck" },
+			fill: { defaultClass: "_1bctzc1" },
+			none: { defaultClass: "_5offzu" }
+		} },
+		overflowX: { values: {
+			auto: { defaultClass: "_4sqc4a" },
+			hidden: { defaultClass: "ch9she" },
+			visible: { defaultClass: "_16q3imx" }
+		} },
+		overflowY: { values: {
+			auto: { defaultClass: "_1gibpe7" },
+			hidden: { defaultClass: "_1suqir7" },
+			visible: { defaultClass: "_1yc0jw7" }
+		} },
+		paddingBottom: { values: {
+			"0": { defaultClass: "_8tiu3a" },
+			"2": { defaultClass: "_184muot" },
+			"4": { defaultClass: "_1tdbkn3" },
+			"6": { defaultClass: "f86az" },
+			"8": { defaultClass: "rrgs0i" },
+			"10": { defaultClass: "i0kj4c" },
+			"12": { defaultClass: "_1dnfis5" },
+			"16": { defaultClass: "_1vyiysg" },
+			"20": { defaultClass: "b5i7g5" },
+			"24": { defaultClass: "_1yrfrfr" },
+			"32": { defaultClass: "s0aw6n" },
+			"40": { defaultClass: "_1cn2f7v" },
+			"48": { defaultClass: "_1ycfcuz" },
+			"64": { defaultClass: "s99k7n" },
+			"80": { defaultClass: "pbs6mz" }
+		} },
+		paddingLeft: { values: {
+			"0": { defaultClass: "_1n8oc2l" },
+			"2": { defaultClass: "_1ofisw5" },
+			"4": { defaultClass: "awd4nt" },
+			"6": { defaultClass: "_1dxet8b" },
+			"8": { defaultClass: "m898w9" },
+			"10": { defaultClass: "v0s7i" },
+			"12": { defaultClass: "nrlxu7" },
+			"16": { defaultClass: "vp1phw" },
+			"20": { defaultClass: "_5klbyq" },
+			"24": { defaultClass: "_7j2we1" },
+			"32": { defaultClass: "_1illsx0" },
+			"40": { defaultClass: "jnak2r" },
+			"48": { defaultClass: "_17fwoio" },
+			"64": { defaultClass: "a5mtm4" },
+			"80": { defaultClass: "_1vzsk2o" }
+		} },
+		paddingRight: { values: {
+			"0": { defaultClass: "_1i27xnz" },
+			"2": { defaultClass: "jhgad7" },
+			"4": { defaultClass: "_3ey6lw" },
+			"6": { defaultClass: "oruth1" },
+			"8": { defaultClass: "_18h47lm" },
+			"10": { defaultClass: "t806hi" },
+			"12": { defaultClass: "_13beagl" },
+			"16": { defaultClass: "_188oqbj" },
+			"20": { defaultClass: "_15jtqu" },
+			"24": { defaultClass: "_1ok74h4" },
+			"32": { defaultClass: "_1dweq7v" },
+			"40": { defaultClass: "_184z75h" },
+			"48": { defaultClass: "_8htn95" },
+			"64": { defaultClass: "_2ta51q" },
+			"80": { defaultClass: "_5qck8l" }
+		} },
+		paddingTop: { values: {
+			"0": { defaultClass: "_1thk5gl" },
+			"2": { defaultClass: "_1tptgmw" },
+			"4": { defaultClass: "_1q5nqje" },
+			"6": { defaultClass: "_197lj32" },
+			"8": { defaultClass: "_1ryml65" },
+			"10": { defaultClass: "_3a005d" },
+			"12": { defaultClass: "_1m2tydk" },
+			"16": { defaultClass: "_9cob3y" },
+			"20": { defaultClass: "_1wyttnz" },
+			"24": { defaultClass: "ks8mnf" },
+			"32": { defaultClass: "_22bvau" },
+			"40": { defaultClass: "yvs7qn" },
+			"48": { defaultClass: "i2bkdv" },
+			"64": { defaultClass: "qd5q0a" },
+			"80": { defaultClass: "_1pkfx8l" }
+		} },
+		pointerEvents: { values: {
+			auto: { defaultClass: "_1s702tp" },
+			none: { defaultClass: "_4ky3jp" }
+		} },
+		textAlign: { values: {
+			end: { defaultClass: "_1l2jism" },
+			start: { defaultClass: "dm0fzx" },
+			center: { defaultClass: "hutljd" },
+			justify: { defaultClass: "ovmtzy" }
+		} },
+		textTransform: { values: {
+			capitalize: { defaultClass: "b0ss0x" },
+			none: { defaultClass: "w0svnh" },
+			uppercase: { defaultClass: "_1cppupy" }
+		} },
+		transition: { values: {
+			all: { defaultClass: "_42460y" },
+			colors: { defaultClass: "b1bdrt" },
+			none: { defaultClass: "_16u9o2n" },
+			opacity: { defaultClass: "_1dbo9cj" },
+			transform: { defaultClass: "lypaah" }
+		} },
+		whiteSpace: { values: { nowrap: { defaultClass: "_1qj4x22" } } },
+		zIndex: { values: {
+			"0": { defaultClass: "_1xflryh" },
+			"10": { defaultClass: "_148r2gx" },
+			"20": { defaultClass: "_1m02h7e" },
+			"30": { defaultClass: "_1sixbsw" },
+			popover: { defaultClass: "_14lqtx0" },
+			toast: { defaultClass: "czinh3" },
+			tooltip: { defaultClass: "_4sow0c" },
+			auto: { defaultClass: "_18ohlb1" }
+		} }
+	}
+};
+//#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: "_1u6frnh" });
+//#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" }, "b3lz84"] });
+//#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" }, "yn2ug1"] });
+//#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: "_16e91tr",
+			true: {}
+		},
+		inverse: {
+			false: {},
+			true: {}
+		},
+		size: {
+			sm: {},
+			md: {},
+			lg: {}
+		}
+	},
+	variantsCompounded: [
+		{
+			style: "q1c511",
+			variants: {
+				addon: true,
+				size: "sm"
+			}
+		},
+		{
+			style: "_1qqxq12",
+			variants: {
+				addon: true,
+				size: "md"
+			}
+		},
+		{
+			style: "dygw6z",
+			variants: {
+				addon: true,
+				size: "lg"
+			}
+		},
+		{
+			style: [{ rounded: "sm" }, "_3l3nor"],
+			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" },
+				"_1lm5u0",
+				"_119xliq",
+				"_1hzx84e"
+			],
+			"2": [
+				void 0,
+				"_1lm5u0",
+				"_119xliq",
+				"niqrzs"
+			],
+			"3": [
+				void 0,
+				"_1lm5u0",
+				"_119xliq",
+				"j5m1w5"
+			],
+			"4": [
+				void 0,
+				"_1lm5u0",
+				"_119xliq",
+				"_1cqeeq3"
+			]
+		},
+		truncate: { true: [
+			void 0,
+			"_1lm5u0",
+			{ 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: [
+			"_1evutw2",
+			{
+				alignItems: "center",
+				display: "inline-flex",
+				flexDirection: "row",
+				fontWeight: "500",
+				justifyContent: "flex-start",
+				transition: "colors"
+			},
+			"v6x021"
+		],
+		variants: {
+			addon: {
+				both: {},
+				end: {},
+				none: {},
+				only: {},
+				start: {}
+			},
+			intent: {
+				danger: "_13occej",
+				neutral: "_10ng7im",
+				primary: "_16li4t7"
+			},
+			size: {
+				sm: {
+					fontSize: "sm",
+					h: "sm"
+				},
+				md: {
+					fontSize: "md",
+					h: "md"
+				},
+				lg: {
+					fontSize: "lg",
+					h: "lg"
+				}
+			},
+			variant: {
+				outline: "_1b862dx",
+				"outline-opal": "qxlxvg",
+				strong: "_1su2p1f",
+				subtle: "whrmkd"
+			}
+		},
+		variantsCompounded: [
+			{
+				style: "_1e1wsag",
+				variants: {
+					addon: [
+						"both",
+						"end",
+						"none",
+						"start"
+					],
+					intent: "primary",
+					size: "lg",
+					variant: "strong"
+				}
+			},
+			{
+				style: "i0av29",
+				variants: {
+					addon: ["both", "start"],
+					intent: "primary",
+					size: "lg",
+					variant: "strong"
+				}
+			},
+			{
+				style: { w: "sm" },
+				variants: {
+					addon: "only",
+					size: "sm"
+				}
+			},
+			{
+				style: "n9r8w6",
+				variants: {
+					addon: void 0,
+					size: "sm",
+					variant: [
+						"outline",
+						"strong",
+						"subtle"
+					]
+				}
+			},
+			{
+				style: "aadyb9",
+				variants: {
+					addon: void 0,
+					size: "sm",
+					variant: "outline-opal"
+				}
+			},
+			{
+				style: { w: "md" },
+				variants: {
+					addon: "only",
+					size: "md"
+				}
+			},
+			{
+				style: "vbpfp4",
+				variants: {
+					addon: void 0,
+					size: "md"
+				}
+			},
+			{
+				style: { w: "lg" },
+				variants: {
+					addon: "only",
+					size: "lg"
+				}
+			},
+			{
+				style: "_1d9ycg0",
+				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" }, "_1c9vdyw"] });
+//#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": "_15lq21x",
+	inverse: "m0rzt5"
+} } });
+//#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: "ix7kzm",
+	variants: { duration: {
+		sm: "_518sv9",
+		md: "b5imdz",
+		lg: "_14mmvy5"
+	} }
+});
+//#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;
+	}
+});