@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/index.js

@@ -1,4705 +1,233 @@
-"use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-DO_H320t.js");
-const require_Flex = require("./Flex-DvvADLIS.js");
-const require_ToggleButton = require("./ToggleButton-D9okcLhS.js");
-let _optiaxiom_icons = require("@optiaxiom/icons");
-let react = require("react");
-let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/layers.css.ts.vanilla-BFWK0cT2.css");
-let clsx = require("clsx");
-clsx = require_Tooltip.__toESM(clsx, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_box = require("./box-B2PXBdH7.js");
+const require_sprinkles = require("./sprinkles-COrycuH3.js");
+const require_separator = require("./separator-DYd80dzd.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_input = require("./input-BVk2X8bm.js");
+const require_SuggestionPopover = require("./SuggestionPopover-Bu_sY4dq.js");
+const require_text = require("./text-BWyl3PQL.js");
+const require_group = require("./group.js");
+const require_spinner = require("./spinner-CD-l6_pU.js");
+const require_transition = require("./transition-tqiyzYYq.js");
+const require_alert = require("./alert-BpHdrpyR.js");
+const require_dialog = require("./dialog-C_RmRBrt.js");
+const require_axiom_provider = require("./axiom-provider-CNuLGdt0.js");
+const require_paper = require("./paper-BAtiTHb1.js");
+const require_heading = require("./heading-hT47_aTz.js");
+const require_alert_dialog = require("./alert-dialog-CYR1Bemv.js");
+const require_angle_menu_button = require("./angle-menu-button.js");
+const require_pagination = require("./pagination-DwyHpT49.js");
+const require_auth_provider = require("./auth-provider.js");
+const require_avatar = require("./avatar-QYjj8itt.js");
+const require_layers = require("./layers-B7_llW7p.js");
+const require_theme_provider = require("./theme-provider.js");
+const require_toast = require("./toast-BMOq1v7J.js");
+const require_tooltip = require("./tooltip-DgIDNGYv.js");
+const require_badge = require("./badge-DlmwJQtY.js");
+const require_banner = require("./banner-du20CQ1N.js");
+const require_cover = require("./cover-DGPbtad-.js");
+const require_link = require("./link-C25QZzRv.js");
+const require_menu = require("./menu-BpIoYUbA.js");
+const require_skeleton = require("./skeleton-BNnKuj7z.js");
+const require_breadcrumb = require("./breadcrumb-DX6527Eu.js");
+const require_card = require("./card-zu5T-eH5.js");
+const require_code = require("./code-DShlWlNc.js");
+const require_data_table = require("./data-table-F__FU4y3.js");
+const require_table = require("./table-D9HONUVJ.js");
+const require_select = require("./select-4Cy3SWkh.js");
+const require_modal = require("./modal.js");
+const require_date_input = require("./date-input-BmROFcil.js");
+const require_date_range_picker = require("./date-range-picker-rcfbRPRZ.js");
+const require_disclosure = require("./disclosure-UB_3FG5z.js");
+const require_dropdown_menu = require("./dropdown-menu-UDoRzpA1.js");
+const require_ellipsis_menu_button = require("./ellipsis-menu-button.js");
+const require_field = require("./field.js");
+const require_flex = require("./flex.js");
+const require_grid = require("./grid.js");
+const require_indicator = require("./indicator-DPxDAz_J.js");
+const require_kbd = require("./kbd-DyIoUnfS.js");
+const require_label_menu_button = require("./label-menu-button-DtzTGxQe.js");
+const require_nav = require("./nav-CoWC9NtP.js");
+const require_progress = require("./progress-EVjv4w66.js");
+const require_radio = require("./radio-YUw5kuai.js");
+const require_search_input = require("./search-input-D2X1UQ1r.js");
+const require_segmented_control = require("./segmented-control-DVSAXbQi.js");
+const require_sidebar = require("./sidebar.js");
+const require_sub_nav = require("./sub-nav-CigtDajR.js");
+const require_tabs = require("./tabs-DojqVKM1.js");
+const require_testing = require("./testing.js");
+const require_textarea = require("./textarea-BD0WjJJA.js");
+require("./theme.js");
+const require_toggle_button = require("./toggle-button.js");
 let _optiaxiom_globals = require("@optiaxiom/globals");
-require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
-require("./assets/ButtonRoot.css.ts.vanilla-BozVCzxi.css");
-let _radix_ui_react_context = require("@radix-ui/react-context");
-let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
-let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
-let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = require_Tooltip.__toESM(_radix_ui_react_tooltip, 1);
-let _radix_ui_react_id = require("@radix-ui/react-id");
-let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog, 1);
-let use_sync_external_store_shim = require("use-sync-external-store/shim");
-require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
-let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/DialogFooter.css.ts.vanilla-Cx0zt7cp.css");
-let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
-let _radix_ui_react_toast = require("@radix-ui/react-toast");
-_radix_ui_react_toast = require_Tooltip.__toESM(_radix_ui_react_toast, 1);
-require("./assets/ToastProvider.css.ts.vanilla-oEiem6xQ.css");
-require("./assets/Toast.css.ts.vanilla-CiZvZs8v.css");
-require("./assets/ToastTitle.css.ts.vanilla-Ds25BUmP.css");
-require("./assets/Badge.css.ts.vanilla-N8o7mesq.css");
-require("./assets/Banner.css.ts.vanilla-riE4lq7I.css");
-require("./assets/Cover.css.ts.vanilla-DJajfkND.css");
-require("./assets/Link.css.ts.vanilla-C7rI177Q.css");
-require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
-require("./assets/ToggleInput.css.ts.vanilla-CDDTBAAx.css");
-let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/Breadcrumb.css.ts.vanilla-mKUfsoPx.css");
-require("./assets/BreadcrumbNode.css.ts.vanilla-23CCC_ow.css");
-require("./assets/Card.css.ts.vanilla-mXWj4PT1.css");
-require("./assets/CardCheckbox.css.ts.vanilla-BukCYl8P.css");
-require("./assets/CardHeader.css.ts.vanilla-BIa2BNse.css");
-require("./assets/CardPreview.css.ts.vanilla-B10OwTqo.css");
-require("./assets/Code.css.ts.vanilla-CUde0n9d.css");
-require("./assets/Table.css.ts.vanilla-CpzEk8Cf.css");
-require("./assets/TableBody.css.ts.vanilla-crR1TGC6.css");
-require("./assets/TableRow.css.ts.vanilla-vkZ1kptU.css");
-require("./assets/TableCell.css.ts.vanilla-DiDN2cdU.css");
-require("./assets/TableHeader.css.ts.vanilla-C2ewmmGY.css");
-let _tanstack_react_table = require("@tanstack/react-table");
-require("./assets/DataTableBody.css.ts.vanilla-B2sjrvnq.css");
-require("./assets/Pagination.css.ts.vanilla-CjpiM-Zx.css");
-require("./assets/DataTableFooter.css.ts.vanilla-CXS5bUMm.css");
-require("./assets/DateInput.css.ts.vanilla-BDzuP9FN.css");
-let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
-_radix_ui_react_collapsible = require_Tooltip.__toESM(_radix_ui_react_collapsible, 1);
-require("./assets/DisclosureContent.css.ts.vanilla-h9upXS6x.css");
-require("./assets/DisclosureTrigger.css.ts.vanilla-5wGV3utD.css");
-let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = require_Tooltip.__toESM(_radix_ui_react_dropdown_menu, 1);
-let _radix_ui_react_label = require("@radix-ui/react-label");
-_radix_ui_react_label = require_Tooltip.__toESM(_radix_ui_react_label, 1);
-require("./assets/Indicator.css.ts.vanilla-CnE4Hbc_.css");
-require("./assets/Kbd.css.ts.vanilla-BLa82brL.css");
-require("./assets/LabelMenuButton.css.ts.vanilla-Djc92tDU.css");
-require("./assets/Nav.css.ts.vanilla-BP_4mNp5.css");
-require("./assets/NavAccountItem.css.ts.vanilla-6o6stwG5.css");
-require("./assets/NavItem.css.ts.vanilla-pyCT9_ZT.css");
-let _radix_ui_react_progress = require("@radix-ui/react-progress");
-_radix_ui_react_progress = require_Tooltip.__toESM(_radix_ui_react_progress, 1);
-require("./assets/Progress.css.ts.vanilla-D9530HHN.css");
-require("./assets/Radio.css.ts.vanilla-BZC1zhTk.css");
-require("./assets/SearchInput.css.ts.vanilla-giOKD3DQ.css");
-let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
-_radix_ui_react_toggle_group = require_Tooltip.__toESM(_radix_ui_react_toggle_group, 1);
-require("./assets/SubNav.css.ts.vanilla-DabWACnO.css");
-let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
-_radix_ui_react_tabs = require_Tooltip.__toESM(_radix_ui_react_tabs, 1);
-require("./assets/Tabs.css.ts.vanilla-4bg6JV04.css");
-require("./assets/TabsList.css.ts.vanilla-CCx1Zbti.css");
-require("./assets/TabsTrigger.css.ts.vanilla-DhPtQAGY.css");
-require("./assets/Textarea.css.ts.vanilla-D_taP2Ki.css");
-require("./assets/TextareaAutosize.css.ts.vanilla-D5fOMA6C.css");
-//#region src/button/ButtonGroup.css.ts
-var buttonGroup = require_Tooltip.recipeRuntime({ base: "_8l533s" });
-//#endregion
-//#region src/button/ButtonGroup.tsx
-/**
-* @group Button
-*/
-const ButtonGroup = (0, react.forwardRef)(({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		"data-orientation": gap === "0" ? orientation : void 0,
-		flexDirection: orientation === "vertical" ? "column" : "row",
-		gap,
-		ref,
-		...buttonGroup({}, className),
-		...props,
-		children
-	});
-});
-ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
-//#endregion
-//#region src/tooltip/TooltipProvider.tsx
-/**
-* Provider component for tooltips. This is included in AxiomProvider by default - you only need to use this component directly for advanced customization.
-*
-* @group Tooltip
-*/
-function TooltipProvider({ disableHoverableContent = true, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
-		disableHoverableContent,
-		...props
-	});
-}
-TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
-//#endregion
-//#region src/dialog-kit/DialogKitProvider.tsx
-function DialogKitProvider({ kit = require_Flex.dialogkit }) {
-	return (0, use_sync_external_store_shim.useSyncExternalStore)(...kit.store).reduce((result, item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Dialog, {
-		open: item.open,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.DialogKitContext.Provider, {
-			value: {
-				id: item.id,
-				onClose: item.onClose,
-				onDismiss: (event, reason) => {
-					item.onDismiss?.(event, reason);
-					if (event.defaultPrevented) return;
-					require_Flex.dialogkit.remove(item.id);
-				}
-			},
-			children: item.element
-		}), result]
-	}, item.id), null);
-}
-DialogKitProvider.displayName = "@optiaxiom/react/DialogKitProvider";
-//#endregion
-//#region src/dialog/DialogBody.css.ts
-var body$2 = require_Tooltip.recipeRuntime({ base: [{
-	flex: "1",
-	flexDirection: "column",
-	fontSize: "md",
-	gap: "16",
-	px: "24",
-	py: "16",
-	z: "0"
-}, "_1xkyrxn"] });
-//#endregion
-//#region src/dialog/DialogBody.tsx
-/**
-* @group Dialog
-*/
-const DialogBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		ref,
-		...body$2({}, className),
-		...props,
-		children
-	});
-});
-DialogBody.displayName = "@optiaxiom/react/DialogBody";
-//#endregion
-//#region src/dialog/DialogFooter.css.ts
-var footer = require_Tooltip.recipeRuntime({ base: [{
-	bg: "bg.default",
-	borderColor: "border.secondary",
-	borderT: "1",
-	gap: "16",
-	justifyContent: "flex-end",
-	px: "24",
-	py: "20"
-}, "wkm5wo"] });
-//#endregion
-//#region src/dialog/DialogFooter.tsx
-/**
-* @group Dialog
-*/
-const DialogFooter = (0, react.forwardRef)(({ children, className, ...props }, outerRef) => {
-	const { footerRef } = require_Flex.useDialogContext("@optiaxiom/react/DialogFooter");
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(footerRef, outerRef);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonProvider, {
-		size: "lg",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			ref,
-			...footer({}, className),
-			...props,
-			children
-		})
-	});
-});
-DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
-//#endregion
-//#region src/dialog/DialogForm.tsx
-/**
-* @group Dialog
-*/
-const DialogForm = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		className,
-		display: "flex",
-		flexDirection: "column",
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-			ref,
-			...restProps,
-			children
-		})
-	});
-});
-DialogForm.displayName = "@optiaxiom/react/DialogForm";
-//#endregion
-//#region src/alert-dialog/AlertDialog.tsx
-/**
-* Display a modal with important content that expects confirmation from the
-* user.
-*
-* AlertDialog does NOT have a close (X) button in the header - users must
-* explicitly choose an action. This is intentional for confirmation dialogs to
-* prevent accidental dismissal of critical actions.
-*
-* Use for confirmations, destructive actions, and critical decisions. Do not
-* use for general forms or informational content (use Dialog instead).
-*
-* For async operations, use event.preventDefault() in AlertDialogAction onClick
-* to prevent auto-close, then manually close after completion.
-*
-* @category overlay
-* @group AlertDialog
-* @since 0.1.0
-*/
-function AlertDialog(props) {
-	if ((0, react.useContext)(require_Flex.DialogKitContext)) throw new Error("`@optiaxiom/react/AlertDialog` should not be used explicitly in managed mode.\n\nPlease remove it and only use `@optiaxiom/react/AlertDialogContent` instead.");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Dialog, { ...props });
-}
-AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
-//#endregion
-//#region src/alert-dialog/AlertDialogTrigger.tsx
-/**
-* @group AlertDialog
-* @extends Button
-*/
-const AlertDialogTrigger = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Trigger, {
-		asChild: true,
-		ref,
-		...props,
-		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, { children })
-	});
-});
-AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
-//#endregion
-//#region ../../node_modules/.pnpm/@mantine+hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.mjs
-function useUncontrolled({ value, defaultValue, finalValue, onChange = () => {} }) {
-	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue !== void 0 ? defaultValue : finalValue);
-	const handleUncontrolledChange = (val, ...payload) => {
-		setUncontrolledValue(val);
-		onChange?.(val, ...payload);
-	};
-	if (value !== void 0) return [
-		value,
-		onChange,
-		true
-	];
-	return [
-		uncontrolledValue,
-		handleUncontrolledChange,
-		false
-	];
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@mantine+hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.mjs
-function range(start, end) {
-	const length = end - start + 1;
-	return Array.from({ length }, (_, index) => index + start);
-}
-const DOTS = "dots";
-function usePagination({ total, siblings = 1, boundaries = 1, page, initialPage = 1, onChange }) {
-	const _total = Math.max(Math.trunc(total), 0);
-	const [activePage, setActivePage] = useUncontrolled({
-		value: page,
-		onChange,
-		defaultValue: initialPage,
-		finalValue: initialPage
-	});
-	const setPage = (pageNumber) => {
-		if (pageNumber <= 0) setActivePage(1);
-		else if (pageNumber > _total) setActivePage(_total);
-		else setActivePage(pageNumber);
-	};
-	const next = () => setPage(activePage + 1);
-	const previous = () => setPage(activePage - 1);
-	const first = () => setPage(1);
-	const last = () => setPage(_total);
-	return {
-		range: (0, react.useMemo)(() => {
-			if (siblings * 2 + 3 + boundaries * 2 >= _total) return range(1, _total);
-			const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
-			const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
-			const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
-			const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
-			if (!shouldShowLeftDots && shouldShowRightDots) return [
-				...range(1, siblings * 2 + boundaries + 2),
-				DOTS,
-				...range(_total - (boundaries - 1), _total)
-			];
-			if (shouldShowLeftDots && !shouldShowRightDots) {
-				const rightItemCount = boundaries + 1 + 2 * siblings;
-				return [
-					...range(1, boundaries),
-					DOTS,
-					...range(_total - rightItemCount, _total)
-				];
-			}
-			return [
-				...range(1, boundaries),
-				DOTS,
-				...range(leftSiblingIndex, rightSiblingIndex),
-				DOTS,
-				...range(_total - boundaries + 1, _total)
-			];
-		}, [
-			_total,
-			siblings,
-			activePage
-		]),
-		active: activePage,
-		setPage,
-		next,
-		previous,
-		first,
-		last
-	};
-}
-//#endregion
-//#region src/auth-provider/AuthProvider.tsx
-/**
-* `AuthProvider` is used to pass down the user credentials to all components. It should be rendered near the root of your application and should be used only once.
-*
-* @category provider
-* @since 1.6.2
-*/
-function AuthProvider({ children, instance, refresh: refreshProp, token }) {
-	const refresh = require_Flex.useEvent(refreshProp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.AxiomAuthContext.Provider, {
-		value: (0, react.useMemo)(() => ({
-			instance,
-			refresh,
-			token
-		}), [
-			instance,
-			refresh,
-			token
-		]),
-		children
-	});
-}
-AuthProvider.displayName = "@optiaxiom/react/AuthProvider";
-//#endregion
-//#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = require_Tooltip.recipeRuntime({ base: ["_128rbmg", { display: "flex" }] });
-//#endregion
-//#region src/avatar/AvatarGroup.tsx
-/**
-* Displays a group of avatars representing multiple users with automatic layout
-* and overflow handling.
-*
-* Use this component whenever you have 2 or more Avatar components together,
-* even if they're not overlapping in the design. AvatarGroup handles consistent
-* sizing, spacing, overflow indicators (+N), and semantic grouping
-* automatically.
-*
-* Don't manually layout multiple Avatars in a Flex - use AvatarGroup instead.
-*
-* When to use:
-* - Multiple assignees on a task
-* - Team members or collaborators
-* - Participants in a conversation
-* - Any group of users
-*
-* @group Avatar
-*/
-const AvatarGroup = (0, react.forwardRef)(({ children, className, size = "md", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		ref,
-		...avatarGroup({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.AvatarProvider, {
-			size,
-			children
-		})
-	});
-});
-AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
-//#endregion
-//#region src/suggestion/SuggestionProvider.tsx
-function SuggestionProvider({ children }) {
-	const id = (0, _radix_ui_react_id.useId)();
-	const [suggestions, setSuggestions] = (0, react.useState)([]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_optiaxiom_globals.unstable_SuggestionContext.Provider, {
-		value: (0, react.useMemo)(() => ({ add: (suggestion, surface) => {
-			setSuggestions((suggestions) => [...suggestions, {
-				suggestion,
-				surface
-			}]);
-			return () => {
-				setSuggestions((suggestions) => suggestions.filter((s) => s.suggestion !== suggestion));
-			};
-		} }), []),
-		children: [children, suggestions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				alignItems: "center",
-				flexDirection: "column",
-				gap: "16",
-				pointerEvents: "none",
-				style: {
-					bottom: 32,
-					insetInline: 32,
-					position: "fixed"
-				},
-				z: "popover",
-				children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Transition, {
-					"data-side": "top",
-					type: "pop",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-						"aria-describedby": id + "-" + suggestion.id,
-						"aria-label": "App companion suggestion",
-						bg: "bg.default",
-						color: "fg.default",
-						fontSize: "md",
-						gap: "16",
-						maxW: "lg",
-						p: "16",
-						pointerEvents: "auto",
-						role: "dialog",
-						rounded: "md",
-						shadow: "md",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-								flexDirection: "column",
-								gap: "4",
-								id: id + "-" + suggestion.id,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "Suggested:" }),
-									" ",
-									surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value)
-								] }) }), suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-									color: "fg.secondary",
-									children: suggestion.reason
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-								appearance: "primary-opal",
-								onClick: async () => {
-									if (suggestion.type === "message" && suggestion.tool) await surface.executeTool(suggestion.tool.name, suggestion.tool.parameters);
-									surface.accept(suggestion.id);
-								},
-								size: "sm",
-								children: "Accept"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-								appearance: "subtle",
-								"aria-label": "close",
-								color: "fg.default",
-								flex: "none",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
-								onClick: () => {
-									surface.reject(suggestion.id);
-								},
-								size: "sm"
-							})
-						]
-					})
-				}, suggestion.id))
-			})
-		})]
-	});
-}
-SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
-//#endregion
-//#region src/layers/layers.css.ts
-var layers_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
-	axiom: () => axiom,
-	base: () => base,
-	components: () => components,
-	reset: () => reset,
-	theme: () => theme$2
-});
-var axiom = "optiaxiom";
-var base = "optiaxiom.base";
-var components = "optiaxiom.hjtpuo";
-var reset = "optiaxiom._1qphju2";
-var theme$2 = "optiaxiom.theme";
-//#endregion
-//#region src/theme-provider/ThemeProvider.tsx
-/**
-* TODO: remove color fallback once `light-dark()` is widely available.
-*/
-const lightColors = Object.fromEntries(Object.entries(_optiaxiom_globals.tokens.colors).map(([k, v]) => [k, v.slice(v.indexOf("(") + 1, v.indexOf(","))]));
-/**
-* `screens` stays in plain rem since breakpoints feed media queries.
-*/
-const scaledTokens = {
-	..._optiaxiom_globals.tokens,
-	borderRadius: require_Flex.mapValues(_optiaxiom_globals.tokens.borderRadius, require_Flex.rem),
-	fontSize: require_Flex.mapValues(_optiaxiom_globals.tokens.fontSize, (value) => require_Flex.mapValues(value, require_Flex.rem)),
-	maxSize: require_Flex.mapValues(_optiaxiom_globals.tokens.maxSize, require_Flex.rem),
-	size: require_Flex.mapValues(_optiaxiom_globals.tokens.size, require_Flex.rem)
-};
-/**
-* Provider component for theme tokens and styles. This is included in
-* AxiomProvider by default - you only need to use this component directly for
-* advanced customization.
-*
-* @category provider
-*/
-function ThemeProvider({ children }) {
-	const [container, setContainer] = (0, react.useState)();
-	const selector = typeof ShadowRoot !== "undefined" && container instanceof ShadowRoot ? ":host" : ":root";
-	const ref = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		const root = ref.current?.getRootNode();
-		if (root instanceof ShadowRoot) setContainer(root);
-	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.PortalProvider, {
-		container,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
-			ref,
-			children: `
-        @layer ${theme$2} {
-          ${selector} {
-            --ax-styles-scale: 1rem;
-            ${(0, _vanilla_extract_dynamic.assignInlineVars)(_optiaxiom_globals.theme, {
-				...scaledTokens,
-				colors: lightColors
-			})}
-          }
-
-          @supports (color: light-dark(black, white)) {
-            ${selector} {
-              ${(0, _vanilla_extract_dynamic.assignInlineVars)(_optiaxiom_globals.theme.colors, _optiaxiom_globals.tokens.colors)}
-            }
-          }
-        }
-      `
-		}), children]
-	});
-}
-ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
-//#endregion
-//#region src/toast/Toast.css.ts
-var icon$3 = require_Tooltip.recipeRuntime({ base: [{
-	alignSelf: "start",
-	mt: "4"
-}, "_1mnngil"] });
-var offsetVar = "var(--_2l7jwm)";
-var root$2 = require_Tooltip.recipeRuntime({
-	base: [
-		"o9bt2d",
-		{
-			alignItems: "center",
-			bg: "bg.default.inverse",
-			color: "fg.default.inverse",
-			display: "flex",
-			fontSize: "md",
-			gap: "8",
-			maxW: "full",
-			p: "12",
-			pl: "16",
-			rounded: "md",
-			shadow: "md",
-			w: ["full", "max"]
-		},
-		"oxy5xi"
-	],
-	variants: { intent: {
-		danger: "ii242p",
-		information: "vyaram",
-		neutral: "_1b3julg",
-		success: "yqihq0",
-		warning: "_1yaw1pc"
-	} }
-});
-//#endregion
-//#region src/toast/Toast.tsx
-const mapIntentToIcon$1 = {
-	danger: _optiaxiom_icons.IconCircleExclamation,
-	information: _optiaxiom_icons.IconCircleInfo,
-	neutral: _optiaxiom_icons.IconCircleInfo,
-	success: _optiaxiom_icons.IconCheckCircleSolid,
-	warning: _optiaxiom_icons.IconTriangleExclamation
-};
-/**
-* Display a brief notification.
-*
-* @since 0.1.0
-*/
-const Toast = (0, react.forwardRef)(({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const context = (0, _optiaxiom_globals.useToastProviderContext)("@optiaxiom/react/Toast");
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, context.toastRef);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		style: {
-			...style,
-			...(0, _vanilla_extract_dynamic.assignInlineVars)({ [offsetVar]: `${context.offset}px` })
-		},
-		...root$2({ intent }, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Root, {
-			forceMount: !!context,
-			onOpenChange: (open) => {
-				onOpenChange?.(open);
-				context.onOpenChange(open);
-			},
-			open: context.open,
-			ref,
-			...restProps,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
-					asChild: true,
-					...icon$3(),
-					children: (0, react.createElement)(mapIntentToIcon$1[intent], { filled: true })
-				}),
-				children,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Close, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-						appearance: "inverse",
-						"aria-label": "close",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
-						size: "sm"
-					})
-				})
-			]
-		})
-	});
-});
-Toast.displayName = "@optiaxiom/react/Toast";
-//#endregion
-//#region src/toast/ToastAction.tsx
-/**
-* @group Toast
-* @extends Button
-*/
-const ToastAction = (0, react.forwardRef)(({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Separator, {
-		alignSelf: "center",
-		h: "sm",
-		ml: "12",
-		orientation: "vertical"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-		appearance,
-		asChild: true,
-		size,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Action, {
-			altText,
-			ref,
-			children
-		})
-	})] });
-});
-ToastAction.displayName = "@optiaxiom/react/ToastAction";
-var viewport = require_Tooltip.recipeRuntime({
-	base: [{
-		flexDirection: "column",
-		gap: "16",
-		maxH: "full",
-		overflowX: "hidden",
-		overflowY: "auto",
-		p: "24",
-		w: ["full", "384"],
-		z: "toast"
-	}, "_159o16n"],
-	variants: { position: {
-		bottom: "_1fpld3a",
-		"bottom-left": "_1c5gsu6",
-		"bottom-right": ["right-scroll-bar-position", "us8ktt"],
-		top: "i33213",
-		"top-left": "_1vebz89",
-		"top-right": ["right-scroll-bar-position", "_1fgsu2"]
-	} }
-});
-//#endregion
-//#region src/toast/ToastTitle.css.ts
-var title = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "zwwpm9"] });
-//#endregion
-//#region src/toast/ToastTitle.tsx
-/**
-* @group Toast
-* @extends Text
-*/
-const ToastTitle = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-		asChild: true,
-		lineClamp: "2",
-		...title({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Title, {
-			ref,
-			children
-		})
-	});
-});
-ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
-//#endregion
-//#region src/toast/useOverflowAnchor.ts
-const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
-	const [mounted, setMounted] = (0, react.useState)(false);
-	(0, react.useEffect)(() => setMounted(true), []);
-	const previousScrollAnchor = (0, react.useRef)(scrollAnchor);
-	(0, react.useEffect)(() => {
-		previousScrollAnchor.current = scrollAnchor;
-	}, [scrollAnchor]);
-	(0, react.useEffect)(() => {
-		if (!scrollingElementRef.current) return;
-		const element = scrollingElementRef.current;
-		const listener = () => previousScrollAnchor.current = Math.ceil(Math.abs(element.scrollTop)) === element.scrollHeight - element.offsetHeight ? scrollAnchor : null;
-		element.addEventListener("scroll", listener);
-		return () => element.removeEventListener("scroll", listener);
-	}, [
-		mounted,
-		scrollAnchor,
-		scrollingElementRef
-	]);
-	(0, react.useEffect)(() => {
-		if (!scrollingElementRef.current) return;
-		const element = scrollingElementRef.current;
-		const mutation = new MutationObserver(() => {
-			if (previousScrollAnchor.current === scrollAnchor) element.scrollTop = (scrollAnchor === "top" ? -1 : 1) * element.scrollHeight - element.offsetHeight;
-		});
-		mutation.observe(element, { childList: true });
-		return () => mutation.disconnect();
-	}, [
-		mounted,
-		scrollAnchor,
-		scrollingElementRef
-	]);
-};
-//#endregion
-//#region src/toast/ToastProvider.tsx
-const mapPositionToSwipeDirection = {
-	bottom: "down",
-	"bottom-left": "left",
-	"bottom-right": "right",
-	top: "up",
-	"top-left": "left",
-	"top-right": "right"
-};
-/**
-* Provider component for toast notifications. This is included in AxiomProvider
-* by default - you only need to use this component directly for advanced
-* customization. Use `toaster.create()` to display toast messages.
-*
-* @category provider
-* @category feedback
-* @category overlay
-* @since 0.1.0
-*/
-const ToastProvider = (0, react.forwardRef)(({ className, container, duration, label, position = "top-right", swipeDirection, swipeThreshold, toaster: toasterProp = _optiaxiom_globals.toaster, ...props }, outerRef) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const toasts = (0, use_sync_external_store_shim.useSyncExternalStore)(...toasterProp.store);
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	useOverflowAnchor(innerRef, position.startsWith("bottom") ? "top" : "bottom");
-	if (!toasts.length) return null;
-	let exitingToastOffsets = 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.ToastProvider, {
-		duration,
-		label,
-		swipeDirection: swipeDirection ?? mapPositionToSwipeDirection[position],
-		swipeThreshold,
-		children: [toasts.map(({ id, open, ref, toast }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.ToastProviderProvider, {
-			offset: exitingToastOffsets += !open && ref.current ? ref.current.offsetHeight + parseInt("16") : 0,
-			onOpenChange: () => toasterProp.remove(id),
-			open,
-			toastRef: ref,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Toast, {
-				intent: toast.intent || toast.type,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastTitle, { children: toast.title }), toast.action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastAction, {
-					altText: toast.action,
-					onClick: toast.onAction,
-					children: toast.action
-				})]
-			}, id)
-		}, id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
-			asChild: true,
-			...container && { container },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
-				asChild: true,
-				"data-position": position,
-				flexDirection: position.startsWith("bottom") ? "column-reverse" : "column",
-				...viewport({ position }, className),
-				...boxProps,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Viewport, {
-					ref,
-					...restProps
-				})
-			})
-		})]
-	});
-});
-ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
-//#endregion
-//#region src/axiom-provider/AxiomProvider.tsx
-/**
-* `AxiomProvider` provides all the context managers required for our components to work. It must be rendered at the root of your application and should be used only once.
-*
-* @category provider
-* @since 0.1.0
-*/
-function AxiomProvider({ children, dialog, locale, toast, tooltip }) {
-	const resolvedLocale = locale ?? (typeof navigator !== "undefined" ? navigator.language : "en-US");
-	if (!(0, react.useContext)(_optiaxiom_globals.AxiomVersionContext)) children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SuggestionProvider, { children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastProvider, { ...toast })] }) });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.AxiomVersionContext.Provider, {
-		value: require_Tooltip.version,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.LocaleProvider, {
-			locale: resolvedLocale,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, {
-				...tooltip,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.FocusBookmarkProvider, { children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogKitProvider, { ...dialog })] })
-			})
-		})
-	});
-}
-AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
-//#endregion
-//#region src/badge/Badge.css.ts
-var badge$1 = require_Tooltip.recipeRuntime({
-	base: [{
-		display: "inline-flex",
-		flex: "none",
-		fontFamily: "mono",
-		fontSize: "sm",
-		fontWeight: "400",
-		justifyContent: "center",
-		px: "8",
-		py: "2",
-		rounded: "full",
-		textTransform: "uppercase"
-	}, "_1j7nu2a"],
-	variants: {
-		intent: {
-			danger: "_1h9i7vi",
-			information: "xfxybt",
-			neutral: "_1vn9vuq",
-			primary: "_6ao7qx",
-			success: "_1e890r7",
-			warning: "_148863t"
-		},
-		variant: {
-			strong: "is5ckf",
-			subtle: "_5sob3"
-		}
-	}
-});
-//#endregion
-//#region src/badge/Badge.tsx
-const Slot$8 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Badge");
-/**
-* Use to emphasize a status, count, state or value.
-*
-* @since 0.1.0
-* @category data-display
-* @category feedback
-*/
-const Badge = (0, react.forwardRef)(({ asChild, children, className, intent = "neutral", variant = "subtle", ...props }, ref) => {
-	const Comp = asChild ? Slot$8 : "span";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-		asChild: true,
-		...badge$1({
-			intent,
-			variant
-		}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-			ref,
-			children
-		})
-	});
-});
-Badge.displayName = "@optiaxiom/react/Badge";
-//#endregion
-//#region src/banner/Banner.css.ts
-var banner = require_Tooltip.recipeRuntime({
-	base: [{
-		alignItems: "start",
-		color: "fg.default",
-		fontSize: "md",
-		fontWeight: "500",
-		gap: "12",
-		justifyContent: "space-between",
-		px: "24",
-		py: "12"
-	}],
-	variants: { intent: {
-		danger: { bg: "bg.error.subtle" },
-		information: { bg: "bg.information.subtle" },
-		neutral: { bg: "bg.tertiary" },
-		success: { bg: "bg.success.subtle" },
-		warning: { bg: "bg.warning.subtle" }
-	} }
-});
-var content$3 = require_Tooltip.recipeRuntime({ base: [{
-	flex: "1",
-	flexDirection: "column",
-	gap: "8",
-	justifyContent: "center"
-}, "_16iffjy"] });
-var icon$2 = require_Tooltip.recipeRuntime({
-	base: [{ mt: "4" }],
-	variants: { intent: {
-		danger: { color: "fg.error.strong" },
-		information: { color: "fg.information.strong" },
-		neutral: { color: "fg.tertiary" },
-		success: { color: "fg.success.strong" },
-		warning: { color: "fg.warning.strong" }
-	} }
-});
-//#endregion
-//#region src/banner/Banner.tsx
-const mapIntentToIcon = {
-	danger: _optiaxiom_icons.IconCircleExclamation,
-	information: _optiaxiom_icons.IconCircleInfo,
-	neutral: _optiaxiom_icons.IconCircleInfo,
-	success: _optiaxiom_icons.IconCheckCircleSolid,
-	warning: _optiaxiom_icons.IconTriangleExclamation
-};
-/**
-* Display a prominent message at the top of the screen.
-*
-* @category feedback
-* @category layout
-* @since 0.1.0
-*/
-const Banner = (0, react.forwardRef)(({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
-	const labelId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		"aria-labelledby": labelId,
-		ref,
-		role: "alert",
-		...banner({ intent }, className),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
-				asChild: true,
-				...icon$2({ intent }),
-				children: (0, react.createElement)(mapIntentToIcon[intent], { filled: true })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				id: labelId,
-				...content$3(),
-				children
-			}),
-			!!onDismiss && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-				appearance: "subtle",
-				"aria-label": "close",
-				color: "fg.default",
-				flex: "none",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
-				onClick: onDismiss,
-				size: "sm"
-			})
-		]
-	});
-});
-Banner.displayName = "@optiaxiom/react/Banner";
-//#endregion
-//#region src/link/Link.css.ts
-var icon$1 = require_Tooltip.recipeRuntime({ base: [{
-	display: "inline-flex",
-	ml: "4"
-}, "whmth6"] });
-var link$1 = require_Tooltip.recipeRuntime({
-	base: ["_5to7op"],
-	variants: { appearance: {
-		"default": "_6ym6ud",
-		inverse: "_1ndc8w5",
-		subtle: "eip8mp"
-	} }
-});
-//#endregion
-//#region src/link/Link.tsx
-const Slot$7 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Link");
-/**
-* Anchor element for creating hyperlinks.
-*
-* @category navigation
-* @since 0.1.0
-*/
-const Link = (0, react.forwardRef)(({ appearance = "default", asChild, children, className, cover, disabled, external, ...props }, ref) => {
-	const Comp = asChild ? Slot$7 : "a";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...link$1({ appearance }, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Cover, {
-			asChild: true,
-			disabled: !cover,
-			inset: cover === "inset",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-				"aria-disabled": disabled,
-				"data-disabled": disabled ? "" : void 0,
-				ref,
-				...external && {
-					rel: "noopener noreferrer",
-					target: "_blank"
-				},
-				...restProps,
-				...disabled && {
-					href: void 0,
-					role: "link"
-				},
-				children: require_Tooltip.decorateChildren({
-					asChild,
-					children
-				}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, external && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					asChild: true,
-					...icon$1(),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconArrowUpRightFromSquare, {})
-				})] }))
-			})
-		})
-	});
-});
-Link.displayName = "@optiaxiom/react/Link";
-//#endregion
-//#region src/listbox/ListboxGroup.tsx
-/**
-* @group Listbox
-*/
-const ListboxGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const groupId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxGroupProvider, {
-		id: groupId,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			"aria-labelledby": groupId,
-			ref,
-			role: "group",
-			...props,
-			children
-		})
-	});
-});
-ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
-//#endregion
-//#region src/breadcrumb/Breadcrumb.css.ts
-var link = require_Tooltip.recipeRuntime({ base: "_1ncmdrd" });
-var list$2 = require_Tooltip.recipeRuntime({ base: [{
-	alignItems: "center",
-	color: "fg.default",
-	display: "flex",
-	fontSize: "md",
-	gap: "8"
-}, "_1cvcovs"] });
-//#endregion
-//#region src/breadcrumb/BreadcrumbNode.css.ts
-var item$2 = require_Tooltip.recipeRuntime({ base: [{
-	alignItems: "center",
-	display: "inline-flex",
-	gap: "4",
-	whiteSpace: "nowrap"
-}, "_1g95hfi"] });
-//#endregion
-//#region src/breadcrumb/BreadcrumbNode.tsx
-const BreadcrumbNode = (0, react.forwardRef)(({ addonAfter, children, className, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...item$2({}, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-			ref,
-			...restProps,
-			children: [children, addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				asChild: true,
-				flex: "none",
-				gap: "4",
-				children: require_Tooltip.fallbackSpan(addonAfter)
-			})]
-		})
-	});
-});
-BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
-//#endregion
-//#region src/breadcrumb/Breadcrumb.tsx
-/**
-* Display a list of links showing the location of the current page in the navigational hierarchy.
-*
-* @category navigation
-* @since 1.6.0
-*/
-const Breadcrumb = (0, react.forwardRef)(({ className, items, maxItems = 3, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		className,
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-			"aria-label": "Breadcrumb",
-			ref,
-			...restProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				...list$2(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BreadcrumbNode, {
-					addonAfter: item.addonAfter,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-						auto: true,
-						content: item.label,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-							asChild: true,
-							truncate: true,
-							children: index === items.length - 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-								"aria-current": index === items.length - 1 ? "page" : void 0,
-								children: item.label
-							}) : item.href ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
-								appearance: "subtle",
-								href: item.href,
-								...link(),
-								children: item.label
-							}) : item.execute ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
-								appearance: "subtle",
-								asChild: true,
-								...link(),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									onClick: () => item.execute?.(),
-									children: item.label
-								})
-							}) : null
-						})
-					})
-				})) })
-			})
-		})
-	});
-});
-Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
-const renderItems = (items, limit = items.length, renderItem) => {
-	if (limit < 0) limit = 0;
-	if (limit > items.length || typeof limit !== "number") limit = items.length;
-	const boundaries = [
-		0,
-		Math.floor(limit / 2),
-		items.length - Math.ceil(limit / 2),
-		items.length
-	];
-	return [
-		...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderItem(item, index) }, "left" + index)),
-		boundaries[2] > boundaries[1] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BreadcrumbNode, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Menu, {
-			options: items.slice(boundaries[1], boundaries[2]),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuTrigger, {
-				appearance: "subtle",
-				"aria-label": "More items",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					asChild: true,
-					color: "fg.tertiary",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuContent, {})]
-		}) }, "ellipsis"),
-		...items.slice(boundaries[2], boundaries[3]).map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderItem(item, boundaries[2] + index) }, "right" + index))
-	];
-};
-//#endregion
-//#region src/card/Card.css.ts
-var card = require_Tooltip.recipeRuntime({ base: [
-	"_14wb67d",
-	{
-		alignItems: "start",
-		bg: "bg.default",
-		border: "1",
-		borderColor: "border.tertiary",
-		color: "fg.default",
-		flexDirection: "column",
-		fontSize: "md",
-		gap: "8",
-		p: "16"
-	},
-	"te7kvq"
-] });
-//#endregion
-//#region src/card/CardContext.ts
-const [CardProvider, useCardContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Card");
-//#endregion
-//#region src/card/Card.tsx
-/**
-* Generic container for grouping related components together.
-*
-* @group Card
-* @since 1.6.0
-* @category container
-*/
-const Card = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const descriptionId = (0, _radix_ui_react_id.useId)();
-	const labelId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardProvider, {
-		descriptionId,
-		labelId,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsRoot, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				ref,
-				...card({}, className),
-				...props,
-				children
-			})
-		})
-	});
-});
-Card.displayName = "@optiaxiom/react/Card";
-//#endregion
-//#region src/card/CardAction.tsx
-/**
-* @group Card
-*/
-const CardAction = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsContent, {
-		flex: "1",
-		ref,
-		...props,
-		children
-	});
-});
-CardAction.displayName = "@optiaxiom/react/CardAction";
-//#endregion
-//#region src/card/CardCheckbox.css.ts
-var checkbox = require_Tooltip.recipeRuntime({ base: ["avlrni"] });
-//#endregion
-//#region src/card/CardCheckbox.tsx
-/**
-* @extends Checkbox
-* @group Card
-*/
-const CardCheckbox = (0, react.forwardRef)(({ className, onChange, ...props }, ref) => {
-	const labelPrefixId = (0, _radix_ui_react_id.useId)();
-	const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
-	const [checked, setChecked] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/CardCheckbox",
-		defaultProp: props.defaultChecked,
-		prop: props.checked
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.VisuallyHidden, {
-		id: labelPrefixId,
-		children: ["Check to ", checked ? "unselect" : "select"]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Checkbox, {
-		"aria-labelledby": (0, clsx.default)(labelPrefixId, labelId),
-		onChange: (event) => {
-			onChange?.(event);
-			setChecked(event.target.checked);
-		},
-		ref,
-		...checkbox({}, className),
-		...props
-	})] });
-});
-CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
-//#endregion
-//#region src/card/CardFooter.tsx
-/**
-* @group Card
-*/
-const CardFooter = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		alignSelf: "stretch",
-		mt: "auto",
-		ref,
-		...props,
-		children
-	});
-});
-CardFooter.displayName = "@optiaxiom/react/CardFooter";
-//#endregion
-//#region src/card/CardHeader.css.ts
-var addon$2 = require_Tooltip.recipeRuntime({
-	base: [{
-		flex: "none",
-		gap: "8"
-	}],
-	variants: { slot: {
-		after: "_1wlwyrv",
-		before: "_119zcyw"
-	} }
-});
-var content$2 = require_Tooltip.recipeRuntime({ base: [{ flex: "1" }, "ic517o"] });
-var header$1 = require_Tooltip.recipeRuntime({ base: [{
-	alignSelf: "stretch",
-	gap: "12",
-	justifyContent: "space-between"
-}, "_7f0vn5"] });
-//#endregion
-//#region src/card/CardHeader.tsx
-/**
-* @group Card
-*/
-const CardHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, children, className, description, lineClamp, truncate, ...props }, ref) => {
-	const { descriptionId, labelId } = useCardContext("@optiaxiom/react/CardHeader");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		ref,
-		...header$1({}, className),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-				...content$2(),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Heading, {
-					fontSize: "md",
-					fontWeight: "500",
-					id: labelId,
-					level: "2",
-					lineClamp,
-					truncate,
-					children
-				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					color: "fg.tertiary",
-					fontSize: "sm",
-					id: descriptionId,
-					children: description
-				})]
-			}),
-			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				...addon$2({ slot: "before" }),
-				children: addonBefore
-			}),
-			addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				...addon$2({ slot: "after" }),
-				children: addonAfter
-			})
-		]
-	});
-});
-CardHeader.displayName = "@optiaxiom/react/CardHeader";
-//#endregion
-//#region src/card/CardImage.css.ts
-var image = require_Tooltip.recipeRuntime({ base: {
-	objectFit: "cover",
-	rounded: "inherit",
-	size: "full"
-} });
-//#endregion
-//#region src/card/CardImage.tsx
-/**
-* @group Card
-*/
-const CardImage = (0, react.forwardRef)(({ alt = "", asChild, children, className, src, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		ref,
-		...image({}, className),
-		...props,
-		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-			alt,
-			src
-		})
-	});
-});
-CardImage.displayName = "@optiaxiom/react/CardImage";
-//#endregion
-//#region src/card/CardLink.tsx
-/**
-* @extends Link
-* @group Card
-*/
-const CardLink = (0, react.forwardRef)(({ ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
-		appearance: "subtle",
-		cover: true,
-		ref,
-		...props
-	});
-});
-CardLink.displayName = "@optiaxiom/react/CardLink";
-//#endregion
-//#region src/card/CardPreview.css.ts
-var overlay = require_Tooltip.recipeRuntime({ base: [{
-	display: "flex",
-	flexWrap: "wrap"
-}, "nyu5ks"] });
-var preview = require_Tooltip.recipeRuntime({ base: [{
-	alignSelf: "stretch",
-	display: "grid",
-	placeItems: "center"
-}, "_46b7lt"] });
-//#endregion
-//#region src/card/CardPreview.tsx
-/**
-* @group Card
-*/
-const CardPreview = (0, react.forwardRef)(({ addonBottomLeft, addonBottomRight, addonTopLeft, addonTopRight, children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-		ref,
-		...preview({}, className),
-		...props,
-		children: [children, (addonTopLeft || addonTopRight) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-			...overlay(),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					alignItems: "center",
-					alignSelf: "start",
-					display: "flex",
-					justifyContent: "space-between",
-					children: addonTopLeft
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					alignItems: "center",
-					alignSelf: "start",
-					display: "flex",
-					justifyContent: "space-between",
-					children: addonTopRight
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { w: "full" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					alignItems: "center",
-					alignSelf: "end",
-					display: "flex",
-					justifyContent: "space-between",
-					children: addonBottomLeft
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					alignItems: "center",
-					alignSelf: "end",
-					display: "flex",
-					justifyContent: "space-between",
-					children: addonBottomRight
-				})
-			]
-		})]
-	});
-});
-CardPreview.displayName = "@optiaxiom/react/CardPreview";
-//#endregion
-//#region src/cleanup.ts
-function cleanup() {
-	require_Flex.dialogkit.clear();
-	_optiaxiom_globals.toaster.clear();
-}
-//#endregion
-//#region src/code/Code.css.ts
-var code = require_Tooltip.recipeRuntime({ base: [{ fontWeight: "600" }, "_71ijp0"] });
-//#endregion
-//#region src/code/Code.tsx
-const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Code");
-/**
-* Display inline code.
-*
-* @since 0.1.0
-* @category data-display
-*/
-const Code = (0, react.forwardRef)(({ asChild, children, className, ...props }, ref) => {
-	const Comp = asChild ? Slot$6 : "code";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...code({}, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-			ref,
-			...restProps,
-			children
-		})
-	});
-});
-Code.displayName = "@optiaxiom/react/Code";
-//#endregion
-//#region src/data-table/DataTableContext.ts
-const [DataTableProvider, useDataTableContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DataTable");
-//#endregion
-//#region src/data-table/DataTable.tsx
-/**
-* Easy to use table and datagrids built using [TanStack Table](https://tanstack.com/table/latest).
-*
-* @category data-display
-* @group DataTable
-* @since 1.4.0
-*/
-const DataTable = (0, react.forwardRef)(({ children, table, ...props }, ref) => {
-	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(-1);
-	const focusRequestRef = (0, react.useRef)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		flexDirection: "column",
-		gap: "8",
-		maxH: "full",
-		maxW: "full",
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableProvider, {
-			focusRequestRef,
-			highlightedIndex,
-			setHighlightedIndex,
-			table,
-			children
-		})
-	});
-});
-DataTable.displayName = "@optiaxiom/react/DataTable";
-//#endregion
-//#region src/table/Table.css.ts
-var table = require_Tooltip.recipeRuntime({
-	base: [{
-		color: "fg.default",
-		fontSize: "md",
-		w: "full"
-	}, "_5bb3x"],
-	variants: { layout: {
-		auto: ["_10d22uw"],
-		fixed: [{ display: "grid" }, "mw6qe5"]
-	} }
-});
-var wrapper$1 = require_Tooltip.recipeRuntime({ base: [{
-	bg: "bg.default",
-	border: "1",
-	borderColor: "border.tertiary",
-	maxW: "full",
-	overflow: "auto",
-	rounded: "xl"
-}, "_8yc6sy"] });
-//#endregion
-//#region src/table/Table.tsx
-/**
-* Display tabular data using rows and columns.
-*
-* ⚠️ **IMPORTANT**: Consider using `DataTable` instead for displaying tabular
-* data.
-*
-* `DataTable` provides built-in support for:
-* - Sorting (client-side and server-side)
-* - Pagination (client-side and server-side)
-* - Row selection with checkboxes
-* - Column pinning (sticky columns)
-* - Row expansion
-* - Loading states
-* - Virtualization for large datasets
-*
-* `Table` is a low-level primitive and should only be used for very specific
-* custom table layouts. For most use cases, `DataTable` is the recommended
-* choice.
-*
-* @group Table
-* @since 1.4.0
-* @category data-display
-*/
-const Table = (0, react.forwardRef)(({ "aria-colcount": ariaColCount, "aria-rowcount": ariaRowCount, children, className, layout = "auto", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		ref,
-		tabIndex: 0,
-		...wrapper$1({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			asChild: true,
-			...table({ layout }),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
-				"aria-colcount": ariaColCount,
-				"aria-rowcount": ariaRowCount,
-				children
-			})
-		})
-	});
-});
-Table.displayName = "@optiaxiom/react/Table";
-//#endregion
-//#region src/table/TableAction.tsx
-/**
-* @group Table
-*/
-const TableAction = (0, react.forwardRef)(({ asChild = true, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsContent, {
-		asChild,
-		ref,
-		...props
-	});
-});
-TableAction.displayName = "@optiaxiom/react/TableAction";
-//#endregion
-//#region src/table/TableBody.css.ts
-var body$1 = require_Tooltip.recipeRuntime({ base: ["_1606l5e"] });
-//#endregion
-//#region src/table/TableBody.tsx
-/**
-* @group Table
-*/
-const TableBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-	asChild: true,
-	...body$1({}, className),
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
-		ref,
-		children
-	})
-}));
-TableBody.displayName = "@optiaxiom/react/TableBody";
-//#endregion
-//#region src/table/TableCell.css.ts
-var cell$1 = require_Tooltip.recipeRuntime({
-	base: [{
-		borderColor: "border.tertiary",
-		p: "16"
-	}, "lg9jeq"],
-	variants: { pinned: {
-		false: "lpxksj",
-		true: "_122vfzm"
-	} }
-});
-//#endregion
-//#region src/table/TableCell.tsx
-/**
-* @group Table
-*/
-const TableCell = (0, react.forwardRef)(({ children, className, colSpan, pinned = false, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		"data-pinned": pinned ? "" : void 0,
-		...cell$1({ pinned }, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-			colSpan,
-			ref,
-			children
-		})
-	});
-});
-TableCell.displayName = "@optiaxiom/react/TableCell";
-//#endregion
-//#region src/table/TableHeader.css.ts
-var header = require_Tooltip.recipeRuntime({ variants: { pinned: {
-	false: {},
-	true: "_1tq2gef"
-} } });
-//#endregion
-//#region src/table/TableHeader.tsx
-/**
-* @group Table
-*/
-const TableHeader = (0, react.forwardRef)(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-	asChild: true,
-	...header({ pinned }, className),
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
-		ref,
-		children
-	})
-}));
-TableHeader.displayName = "@optiaxiom/react/TableHeader";
-//#endregion
-//#region src/table/TableRow.css.ts
-var row = require_Tooltip.recipeRuntime({ base: [
-	"v43xcm",
-	{
-		transition: "colors",
-		w: "full"
-	},
-	"rozwmc"
-] });
-//#endregion
-//#region src/table/TableRow.tsx
-/**
-* @group Table
-*/
-const TableRow = (0, react.forwardRef)(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ActionsRoot, {
-	asChild: true,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...row({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-			ref,
-			children
-		})
-	})
-}));
-TableRow.displayName = "@optiaxiom/react/TableRow";
-//#endregion
-//#region src/data-table/DataTableAction.tsx
-/**
-* @group DataTable
-*/
-const DataTableAction = (0, react.forwardRef)(({ onKeyDown, onPointerDown, primary, visible, ...props }, outerRef) => {
-	const { actions, focusManaged, highlightedIndex, onActionMount, setHighlightedIndex } = require_Flex.useDataTableRowContext("@optiaxiom/react/DataTableAction");
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	(0, react.useEffect)(() => {
-		if (!onActionMount) return;
-		return onActionMount({
-			primary,
-			ref: innerRef
-		});
-	}, [onActionMount, primary]);
-	const index = actions.includes(innerRef) ? actions.indexOf(innerRef) : void 0;
-	(0, react.useEffect)(() => {
-		if (highlightedIndex === index) innerRef.current?.focus();
-	}, [highlightedIndex, index]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableAction, {
-		onKeyDown: (event) => {
-			onKeyDown?.(event);
-			if (event.defaultPrevented) return;
-			if (event.target instanceof HTMLElement && event.target !== innerRef?.current && (event.target.isContentEditable || [
-				"input",
-				"select",
-				"textarea"
-			].includes(event.target.localName))) return;
-			if (focusManaged && (event.key === "ArrowRight" || event.key === "ArrowLeft")) {
-				const nextIndex = event.key === "ArrowRight" ? highlightedIndex + 1 : highlightedIndex - 1;
-				if (nextIndex >= -1 && nextIndex <= actions.length - 1) {
-					event.preventDefault();
-					setHighlightedIndex?.(nextIndex);
-				}
-			}
-		},
-		onPointerDown: (event) => {
-			onPointerDown?.(event);
-			if (event.defaultPrevented || !index) return;
-			setHighlightedIndex?.(index);
-		},
-		ref,
-		tabIndex: focusManaged ? highlightedIndex === index ? 0 : -1 : void 0,
-		visible: visible ?? (primary ? "always" : void 0),
-		...props
-	});
-});
-DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
-//#endregion
-//#region src/data-table/DataTableBody.css.ts
-var cell = require_Tooltip.recipeRuntime({
-	base: [{
-		alignItems: "start",
-		display: "flex"
-	}, "_1b9wkde"],
-	variants: {
-		pinned: {
-			left: "_1tk6612",
-			right: "_1cuu51x"
-		},
-		pinnedType: {
-			body: "wjz385",
-			header: {}
-		},
-		resizable: {
-			false: {},
-			true: "oj2z10"
-		}
-	}
-});
-var cellOffsetVar = "var(--h1npq9)";
-var cellSizeVar = "var(--i3jnz2)";
-var leftTotalSizeVar = "var(--zc5q09)";
-var rightTotalSizeVar = "var(--eni9fb)";
-var root$1 = require_Tooltip.recipeRuntime({ base: [{
-	display: "flex",
-	flexDirection: "column",
-	maxW: "full",
-	overflow: "hidden",
-	rounded: "lg"
-}, "_8974ri"] });
-var totalSizeVar = "var(--_19xwi3c)";
-//#endregion
-//#region src/data-table/DataTableRow.tsx
-const DataTableRow = (0, react.forwardRef)(({ children, index, row, ...props }, outerRef) => {
-	const { focusRequestRef, highlightedIndex, setHighlightedIndex, table } = useDataTableContext("@optiaxiom/react/DataTableRow");
-	const [subHighlightedIndex, setSubHighlightedIndex] = (0, react.useState)(-1);
-	const labelId = (0, _radix_ui_react_id.useId)();
-	const [actions, setActions] = (0, react.useState)([]);
-	const primary = actions.find((action) => action.primary);
-	const [selector, setSelector] = (0, react.useState)();
-	const focusManaged = Boolean(selector || primary);
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	/**
-	* A row mounted by the virtualizer only becomes focusable once its actions
-	* register, so wait for `focusManaged` before moving focus to it.
-	*/
-	(0, react.useEffect)(() => {
-		if (highlightedIndex !== index) return;
-		if (focusManaged && focusRequestRef.current) {
-			focusRequestRef.current = false;
-			innerRef.current?.focus();
-		}
-		return () => setSubHighlightedIndex(-1);
-	}, [
-		focusManaged,
-		focusRequestRef,
-		highlightedIndex,
-		index
-	]);
-	/**
-	* Keep the highlight on the focused row when data changes move it to a new
-	* index, so arrow keys and `tabIndex` follow the row.
-	*/
-	(0, react.useEffect)(() => {
-		if (innerRef.current?.contains(document.activeElement)) setHighlightedIndex(index);
-	}, [index, setHighlightedIndex]);
-	const onActionMount = require_Flex.useEvent(({ primary, ref }) => {
-		setActions((actions) => [...actions, {
-			primary,
-			ref
-		}]);
-		return () => setActions((actions) => actions.filter((action) => action.ref !== ref));
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
-		"aria-labelledby": labelId,
-		"aria-selected": row.getCanSelect() ? row.getIsSelected() : void 0,
-		"data-focus-visible": focusManaged ? "" : void 0,
-		"data-selected": row.getIsSelected() ? "" : void 0,
-		onClick: (event) => {
-			if (!(event.target instanceof Element)) return;
-			if (isPortalClick(event)) return;
-			if (isInteractiveElement(event)) return;
-			if (row.getCanSelect()) {
-				if (selector && getAssociatedControl(event) !== selector.current) table.setRowSelection({ [row.id]: true });
-			} else if (!primary?.ref.current?.contains(event.target)) primary?.ref.current?.click();
-		},
-		onDoubleClick: (event) => {
-			if (!row.getCanSelect() || !primary || !(event.target instanceof Element)) return;
-			if (isPortalClick(event)) return;
-			if (isInteractiveElement(event)) return;
-			if (primary.ref.current?.contains(event.target)) return;
-			event.preventDefault();
-			document.getSelection()?.empty();
-			primary.ref.current?.click();
-		},
-		onFocus: (event) => {
-			if (focusManaged) {
-				setHighlightedIndex(index);
-				if (event.target === event.currentTarget) setSubHighlightedIndex(-1);
-			}
-		},
-		onKeyDown: (event) => {
-			if (event.defaultPrevented) return;
-			if (event.target instanceof HTMLElement && event.target !== selector?.current && (event.target.isContentEditable || [
-				"input",
-				"select",
-				"textarea"
-			].includes(event.target.localName))) return;
-			const { rows } = table.getRowModel();
-			if (focusManaged && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
-				const nextIndex = event.key === "ArrowDown" ? highlightedIndex + 1 : highlightedIndex - 1;
-				if (nextIndex >= 0 && nextIndex <= rows.length - 1) {
-					event.preventDefault();
-					focusRequestRef.current = true;
-					setHighlightedIndex(nextIndex);
-					if (selector) {
-						const nextRow = rows[nextIndex];
-						if (event.shiftKey && row.getCanMultiSelect()) table.setRowSelection((selection) => selection[nextRow.id] ? {
-							...selection,
-							[row.id]: false
-						} : {
-							...selection,
-							[nextRow.id]: true
-						});
-						else table.setRowSelection({ [nextRow.id]: true });
-					}
-				}
-			} else if (focusManaged && document.activeElement === event.currentTarget && event.key === "ArrowRight") {
-				const nextIndex = subHighlightedIndex + 1;
-				if (nextIndex <= actions.length - 1) {
-					event.preventDefault();
-					setSubHighlightedIndex(nextIndex);
-				}
-			} else if (event.currentTarget === document.activeElement) {
-				if (event.key === " " && selector) {
-					event.preventDefault();
-					row.toggleSelected();
-				} else if (event.key === "Enter" && primary) {
-					event.preventDefault();
-					primary.ref.current?.click();
-				}
-			}
-		},
-		ref,
-		tabIndex: focusManaged ? (highlightedIndex === -1 || highlightedIndex === index) && subHighlightedIndex === -1 ? 0 : -1 : void 0,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.DataTableRowProvider, {
-			actions: actions.map(({ ref }) => ref),
-			focusManaged,
-			highlightedIndex: subHighlightedIndex,
-			labelId,
-			onActionMount,
-			row,
-			setHighlightedIndex: require_Flex.useEvent((nextIndex) => {
-				setSubHighlightedIndex(nextIndex);
-				if (nextIndex === -1) innerRef.current?.focus();
-			}),
-			setSelector,
-			children
-		})
-	});
-});
-DataTableRow.displayName = "@optiaxiom/react/DataTableRow";
-const getAssociatedControl = (event) => {
-	if (event.target instanceof Element) {
-		const label = event.target.closest("label");
-		if (label && event.currentTarget.contains(label) && label.control) return label.control;
-	}
-};
-const isInteractiveElement = (event) => {
-	if (!(event.target instanceof Element)) return false;
-	const interactive = event.target.closest("a, button, input, select, textarea, [contenteditable=\"true\"], [role=\"button\"], [role=\"link\"]");
-	return interactive && interactive !== event.currentTarget;
-};
-const isPortalClick = (event) => {
-	return event.target instanceof Element && !event.currentTarget.contains(event.target);
-};
-//#endregion
-//#region src/data-table/DataTableBody.tsx
-const COL_VIRTUALIZATION_THRESHOLD = 20;
-const ROW_VIRTUALIZATION_THRESHOLD = 20;
-const SKELETON_ROW_COUNT = 10;
-/**
-* @group DataTable
-*/
-const DataTableBody = (0, react.forwardRef)(({ className, estimatedRowHeight = 52, loading, style, ...props }, outerRef) => {
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	const { highlightedIndex, table } = useDataTableContext("@optiaxiom/react/DataTableBody");
-	const { rows: rawRows } = table.getRowModel();
-	const rows = (0, react.useMemo)(() => {
-		let index = 0;
-		return rawRows.reduce((result, row) => {
-			result.push(row);
-			index++;
-			if (loading && typeof loading === "object" && loading[row.id] === "sub-rows") result.push(require_Flex.fakeRow(table, index++), require_Flex.fakeRow(table, index++));
-			return result;
-		}, []);
-	}, [
-		loading,
-		rawRows,
-		table
-	]);
-	const previousRowsRef = (0, react.useRef)(rows);
-	(0, react.useEffect)(() => {
-		previousRowsRef.current = rows;
-	});
-	const scrollContainerRef = (0, react.useRef)(null);
-	const calculateScrollTimeline = () => {
-		if (!innerRef.current || !scrollContainerRef.current) return;
-		const { offsetWidth, scrollLeft, scrollWidth } = scrollContainerRef.current;
-		if (scrollWidth > offsetWidth) innerRef.current.dataset.scrollTimeline = scrollLeft === 0 ? "left" : scrollLeft >= scrollWidth - offsetWidth ? "right" : "middle";
-		else delete innerRef.current.dataset.scrollTimeline;
-	};
-	(0, react.useEffect)(() => {
-		calculateScrollTimeline();
-		const node = scrollContainerRef.current;
-		if (!node) return;
-		const observer = new ResizeObserver(calculateScrollTimeline);
-		observer.observe(node);
-		return () => observer.disconnect();
-	}, []);
-	const centerColumns = table.getCenterVisibleLeafColumns();
-	const columnVirtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
-		count: centerColumns.length,
-		enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
-		estimateSize: (index) => centerColumns[index].getSize(),
-		getItemKey: (index) => centerColumns[index].id,
-		getScrollElement: () => scrollContainerRef.current,
-		horizontal: true
-	});
-	const virtualColumns = columnVirtualizer.getVirtualItems();
-	/**
-	* Keep the highlighted row mounted while it is scrolled out of view so
-	* keyboard focus isn't dropped to the document body.
-	*/
-	const rangeExtractor = (0, react.useCallback)((range) => {
-		const indexes = (0, _tanstack_react_virtual.defaultRangeExtractor)(range);
-		return highlightedIndex >= 0 && highlightedIndex < range.count && !indexes.includes(highlightedIndex) ? [...indexes, highlightedIndex].sort((a, b) => a - b) : indexes;
-	}, [highlightedIndex]);
-	const rowVirtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
-		count: rows.length,
-		enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD || rows.length > ROW_VIRTUALIZATION_THRESHOLD,
-		estimateSize: () => estimatedRowHeight,
-		getItemKey: (index) => rows[index].id,
-		getScrollElement: () => scrollContainerRef.current,
-		rangeExtractor
-	});
-	const virtualRows = rowVirtualizer.getVirtualItems();
-	/**
-	* Virtualized rows and columns are missing from the DOM, so assistive
-	* technology relies on these counts and indexes for the real table size.
-	*/
-	const headerGroups = table.getHeaderGroups();
-	const totalResizableSize = headerGroups[0]?.headers.reduce((sum, header) => sum + (header.column.getCanResize() ? header.getSize() : 0), 0) ?? 0;
-	const leadingSpacerStyle = columnVirtualizer.options.enabled ? getSpacerStyle(centerColumns.slice(0, virtualColumns[0]?.index ?? 0), totalResizableSize) : void 0;
-	const trailingSpacerStyle = columnVirtualizer.options.enabled ? getSpacerStyle(centerColumns.slice((virtualColumns.at(-1)?.index ?? centerColumns.length) + 1), totalResizableSize) : void 0;
-	const columnIndexes = new Map([
-		...table.getLeftVisibleLeafColumns(),
-		...centerColumns,
-		...table.getRightVisibleLeafColumns()
-	].map((column, index) => [column.id, index + 1]));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		ref,
-		style: {
-			...(0, _vanilla_extract_dynamic.assignInlineVars)({
-				[leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
-				[rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
-				[totalSizeVar]: totalResizableSize.toString()
-			}),
-			...style
-		},
-		...root$1({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
-			"aria-colcount": columnIndexes.size,
-			"aria-rowcount": headerGroups.length + (loading === true ? SKELETON_ROW_COUNT : rows.length),
-			layout: "fixed",
-			onScroll: calculateScrollTimeline,
-			ref: scrollContainerRef,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
-				display: "grid",
-				pinned: true,
-				children: headerGroups.map((headerGroup, headerIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
-					"aria-rowindex": headerIndex + 1,
-					display: "flex",
-					children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.DataTableHeaderCell, {
-						"aria-colindex": columnIndexes.get(header.column.id),
-						header,
-						pinned: !!header.column.getIsPinned(),
-						style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({
-							[cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
-							[cellSizeVar]: `${header.getSize()}`
-						}) },
-						...cell({
-							pinned: header.column.getIsPinned() || void 0,
-							pinnedType: header.column.getIsPinned() ? "header" : void 0,
-							resizable: header.column.getCanResize()
-						}),
-						children: header.isPlaceholder ? null : (0, _tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext())
-					}, header.id))
-				}, headerGroup.id))
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, {
-				display: "grid",
-				style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
-				children: (loading === true ? Array.from({ length: SKELETON_ROW_COUNT }, (_, rowIndex) => ({
-					row: require_Flex.fakeRow(table, rowIndex),
-					virtualRow: void 0
-				})) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? previousRowsRef.current.map((row) => ({
-					row,
-					virtualRow: void 0
-				})) : virtualRows.map((virtualRow) => ({
-					row: rows[virtualRow.index],
-					virtualRow
-				})) : rows.map((row) => ({
-					row,
-					virtualRow: void 0
-				}))).map(({ row, virtualRow }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DataTableRow, {
-					"aria-rowindex": headerGroups.length + (virtualRow?.index ?? index) + 1,
-					"data-index": virtualRow?.index,
-					display: "flex",
-					index: virtualRow?.index ?? index,
-					ref: virtualRow ? rowVirtualizer.measureElement : void 0,
-					row,
-					style: virtualRow ? {
-						position: "absolute",
-						transform: `translateY(${virtualRow.start}px)`
-					} : void 0,
-					children: [
-						row.getLeftVisibleCells().map((cell$3) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							"aria-colindex": columnIndexes.get(cell$3.column.id),
-							pinned: true,
-							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({
-								[cellOffsetVar]: `${cell$3.column.getStart("left")}px`,
-								[cellSizeVar]: `${cell$3.column.getSize()}`
-							}) },
-							...cell({
-								pinned: "left",
-								pinnedType: "body",
-								resizable: cell$3.column.getCanResize()
-							}),
-							children: (0, _tanstack_react_table.flexRender)(cell$3.column.columnDef.cell, cell$3.getContext())
-						}, cell$3.id)),
-						leadingSpacerStyle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							"aria-hidden": true,
-							p: "0",
-							style: leadingSpacerStyle
-						}),
-						(columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
-							return row.getCenterVisibleCells()[virtualCell.index];
-						}) : row.getCenterVisibleCells()).map((cell$4) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							"aria-colindex": columnIndexes.get(cell$4.column.id),
-							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({ [cellSizeVar]: `${cell$4.column.getSize()}` }) },
-							...cell({ resizable: cell$4.column.getCanResize() }),
-							children: (0, _tanstack_react_table.flexRender)(cell$4.column.columnDef.cell, cell$4.getContext())
-						}, cell$4.id)),
-						trailingSpacerStyle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							"aria-hidden": true,
-							p: "0",
-							style: trailingSpacerStyle
-						}),
-						row.getRightVisibleCells().map((cell$2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-							"aria-colindex": columnIndexes.get(cell$2.column.id),
-							pinned: true,
-							style: { ...(0, _vanilla_extract_dynamic.assignInlineVars)({
-								[cellOffsetVar]: `${cell$2.column.getStart("right")}px`,
-								[cellSizeVar]: `${cell$2.column.getSize()}`
-							}) },
-							...cell({
-								pinned: "right",
-								pinnedType: "body",
-								resizable: cell$2.column.getCanResize()
-							}),
-							children: (0, _tanstack_react_table.flexRender)(cell$2.column.columnDef.cell, cell$2.getContext())
-						}, cell$2.id))
-					]
-				}, row.id))
-			})]
-		})
-	});
-});
-DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
-/**
-* Sizes a cell standing in for unrendered center columns so body rows match
-* the header's width and split its free space in the same ratio.
-*/
-const getSpacerStyle = (columns, totalResizableSize) => {
-	if (columns.length === 0) return;
-	let size = 0;
-	let resizableSize = 0;
-	for (const column of columns) {
-		size += column.getSize();
-		resizableSize += column.getCanResize() ? column.getSize() : 0;
-	}
-	return {
-		flexGrow: totalResizableSize ? resizableSize / totalResizableSize : 0,
-		width: `${size}px`
-	};
-};
-//#endregion
-//#region src/data-table/DataTableCheckbox.tsx
-/**
-* @group DataTable
-*/
-const DataTableCheckbox = (0, react.forwardRef)(({ children, disabled, visible, ...props }, outerRef) => {
-	const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
-	const { labelId, row, setSelector } = require_Flex.useDataTableRowContext("@optiaxiom/react/DataTableCheckbox");
-	const labelPrefixId = (0, _radix_ui_react_id.useId)();
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	(0, react.useEffect)(() => {
-		if (!setSelector) return;
-		if (!disabled) setSelector(innerRef);
-		return () => setSelector(void 0);
-	}, [disabled, setSelector]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [row && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_visually_hidden.VisuallyHidden, {
-		id: labelPrefixId,
-		children: ["Check to ", row.getIsSelected() ? "unselect" : "select"]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableAction, {
-		visible: visible ?? (table.getIsSomeRowsSelected() || !row) ? "always" : void 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Checkbox, {
-			"aria-label": !row ? "Select all" : void 0,
-			"aria-labelledby": row && (0, clsx.default)(labelPrefixId, labelId),
-			checked: row ? row.getIsSelected() : table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected(),
-			disabled,
-			indeterminate: !row && table.getIsSomePageRowsSelected(),
-			onChange: row ? row.getToggleSelectedHandler() : table.getToggleAllPageRowsSelectedHandler(),
-			ref,
-			...props,
-			children
-		})
-	})] });
-});
-DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
-//#endregion
-//#region src/pagination/Pagination.css.ts
-var button$1 = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "center" }, "_18glmro"] });
-var cursor = require_Tooltip.recipeRuntime({
-	base: [{
-		justifyContent: "center",
-		z: "10"
-	}, "_161f70o"],
-	variants: { animation: {
-		false: {},
-		true: { transition: "transform" }
-	} }
-});
-var list$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "2" }, "czjlci"] });
-//#endregion
-//#region src/pagination/Pagination.tsx
-/**
-* Display active page and navigate between multiple pages.
-*
-* @category navigation
-* @since 0.1.0
-*/
-const Pagination = (0, react.forwardRef)(({ defaultPage = 1, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {
-	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/Pagination",
-		defaultProp: defaultPage,
-		onChange: onPageChange,
-		prop: pageProp
-	});
-	const { active, next, previous, range, setPage } = usePagination({
-		onChange: setValue,
-		page: value,
-		siblings: 2,
-		total
-	});
-	const [animation, setAnimation] = (0, react.useState)(false);
-	const activeRef = (0, react.useRef)(null);
-	const cursorRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (!activeRef.current || !cursorRef.current) return;
-		cursorRef.current.style.transform = `translateX(${activeRef.current.offsetLeft}px)`;
-		cursorRef.current.style.visibility = "visible";
-		setTimeout(() => setAnimation(true), 150);
-	}, [active]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-			"aria-label": "pagination",
-			ref,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				asChild: true,
-				...list$1(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonRoot, {
-						appearance: "subtle",
-						"aria-hidden": true,
-						asChild: true,
-						"data-state": "active",
-						disabled,
-						ref: cursorRef,
-						...cursor({ animation }),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: active })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-						content: "Prev",
-						disabled: disabled || active === 1,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-							appearance: "subtle",
-							"aria-label": "Previous page",
-							disabled: disabled || active === 1,
-							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronLeft, {}),
-							onClick: previous
-						})
-					}) }),
-					range.map((page, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: page === "dots" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-						alignItems: "stretch",
-						display: "flex",
-						justifyContent: "center",
-						px: "6",
-						py: "8",
-						size: "md",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
-							asChild: true,
-							color: disabled ? "fg.disabled" : "fg.default",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
-						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.ButtonRoot, {
-						appearance: "subtle",
-						"aria-current": active === page ? "page" : void 0,
-						disabled,
-						onClick: () => setPage(page),
-						ref: active === page ? activeRef : void 0,
-						...button$1(),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "page" }),
-							" ",
-							page,
-							page === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "(last page)" }) : null
-						]
-					}) }, page === "dots" ? `${page}-${index < range.indexOf(active) ? "before" : "after"}` : page)),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-						content: "Next",
-						disabled: disabled || active === total,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-							appearance: "subtle",
-							"aria-label": "Next page",
-							disabled: disabled || active === total,
-							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {}),
-							onClick: next
-						})
-					}) })
-				] })
-			})
-		})
-	});
-});
-Pagination.displayName = "@optiaxiom/react/Pagination";
-//#endregion
-//#region src/data-table/DataTableFooter.css.ts
-var addon$1 = require_Tooltip.recipeRuntime({
-	base: "_19mshzi",
-	variants: { slot: {
-		after: { textAlign: "end" },
-		before: {}
-	} }
-});
-//#endregion
-//#region src/data-table/DataTableFooter.tsx
-const DEFAULT_PAGE_SIZES = [
-	"10",
-	"20",
-	"30",
-	"50",
-	"100"
-].map((size) => ({
-	label: size,
-	value: size
-}));
-/**
-* @group DataTable
-*/
-const DataTableFooter = (0, react.forwardRef)(({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
-	const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
-	const { pagination } = table.getState();
-	const pageSizeId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		alignSelf: "stretch",
-		fontSize: "md",
-		gap: "16",
-		justifyContent: "space-between",
-		mt: "auto",
-		ref,
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				...addon$1({ slot: "before" }),
-				children: showPageSizeOptions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-					gap: "8",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-						color: "fg.secondary",
-						id: pageSizeId,
-						children: "Page Size"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Select, {
-						onValueChange: (value) => value && table.setPageSize(parseFloat(value)),
-						options: pageSizeOptions,
-						value: pagination.pageSize.toString(),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SelectTrigger, {
-							appearance: "subtle",
-							"aria-labelledby": pageSizeId
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SelectContent, {})]
-					})]
-				})
-			}),
-			table.getPageCount() > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pagination, {
-				onPageChange: (newPage) => table.setPageIndex(newPage - 1),
-				page: pagination.pageIndex + 1,
-				total: table.getPageCount()
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-				...addon$1({ slot: "after" }),
-				children: table.getRowCount() > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					pagination.pageIndex * pagination.pageSize + 1,
-					" -",
-					" ",
-					Math.min((pagination.pageIndex + 1) * pagination.pageSize, table.getRowCount()),
-					" ",
-					"of ",
-					table.getRowCount()
-				] })
-			})
-		]
-	});
-});
-DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
-//#endregion
-//#region src/data-table/DataTableLabel.tsx
-/**
-* @group DataTable
-*/
-const DataTableLabel = (0, react.forwardRef)((props, ref) => {
-	const { labelId } = require_Flex.useDataTableRowContext("@optiaxiom/react/DataTableLabel");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		id: labelId,
-		ref,
-		...props
-	});
-});
-DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
-//#endregion
-//#region src/date-input/DateInput.css.ts
-var clear$1 = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1n1xgyb"] });
-var date = require_Tooltip.recipeRuntime({ base: "_1yb6oxz" });
-var input$2 = require_Tooltip.recipeRuntime({ base: "_7x0nme" });
-var picker = require_Tooltip.recipeRuntime({ base: "_128190v" });
-//#endregion
-//#region src/date-input/DateInput.tsx
-/**
-* Input field with calendar that lets user enter dates.
-*
-* Important Notes:
-* - The `placeholder` prop sets the default date/time in the calendar picker,
-*   NOT hint text for the input field (native date inputs don't support that)
-* - Don't use `addonBefore` as it will override the calendar icon that opens
-*   the date picker popover
-*
-* @category form
-* @category date
-* @since 1.4.0
-*/
-const DateInput = (0, react.forwardRef)(({ className, disabled, holiday, max: maxProp, min: minProp, onChange, placeholder, step, type = "date", weekend, ...props }, outerRef) => {
-	const { labelId: fieldLabelId } = require_Flex.useFieldContext("@optiaxiom/react/DateInput");
-	const labelId = (0, _radix_ui_react_id.useId)();
-	const [open, setOpen] = (0, react.useState)(false);
-	const hasInteractedOutsideRef = (0, react.useRef)(false);
-	const pickerRef = (0, react.useRef)(null);
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/DateInput",
-		defaultProp: props.defaultValue,
-		prop: props.value
-	});
-	const forceValueChange = require_Flex.useObserveValue(innerRef, setValue);
-	const instant = typeof value === "string" ? require_Flex.toInstant(value) ?? null : null;
-	const max = maxProp || "2100-12-31";
-	const min = minProp || "1900-01-01";
-	const maxDate = max ? require_Flex.toInstant(max) : void 0;
-	const minDate = min ? require_Flex.toInstant(min) : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Popover, {
-		onOpenChange: setOpen,
-		open: !disabled && open,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverAnchor, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Input, {
-			addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-				appearance: "subtle",
-				"aria-label": "Clear",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
-				onPointerDown: (event) => {
-					event.preventDefault();
-					forceValueChange("");
-				},
-				tabIndex: -1,
-				...clear$1()
-			}),
-			addonBefore: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverTrigger, {
-				"aria-label": "Show date picker",
-				asChild: true,
-				onClick: (event) => {
-					if (props.readOnly) event.preventDefault();
-				},
-				ref: pickerRef,
-				role: "img",
-				...picker(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCalendar, {})
-			}),
-			asChild: true,
-			disabled,
-			max,
-			min,
-			onChange: (event) => {
-				onChange?.(event);
-				setValue(event.target.value);
-			},
-			onClick: (e) => {
-				if (CSS.supports("selector(::-webkit-datetime-edit)")) e.preventDefault();
-			},
-			onKeyDown: (e) => {
-				if (CSS.supports("selector(::-webkit-datetime-edit)")) {
-					if (e.key === " ") {
-						e.preventDefault();
-						if (!props.readOnly) setOpen(true);
-					} else if (e.key === "Escape") {
-						e.preventDefault();
-						setOpen(false);
-					}
-				}
-			},
-			ref,
-			step,
-			type,
-			...date({}, className),
-			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...input$2() })
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.PopoverContent, {
-			"aria-labelledby": (0, clsx.default)(labelId, fieldLabelId),
-			gap: "8",
-			onCloseAutoFocus: (event) => {
-				if (hasInteractedOutsideRef.current) hasInteractedOutsideRef.current = false;
-				else {
-					event.preventDefault();
-					innerRef.current?.focus();
-				}
-			},
-			onInteractOutside: (event) => {
-				if (!(event.target instanceof Node && pickerRef.current?.contains(event.target))) hasInteractedOutsideRef.current = true;
-			},
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, {
-					asChild: true,
-					id: labelId,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "Calendar" })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Calendar, {
-					holiday,
-					max: maxDate,
-					min: minDate,
-					onValueChange: (date) => {
-						if (!date) return;
-						forceValueChange(type === "datetime-local" ? require_Flex.toPlainDateTime(date) : require_Flex.toPlainDate(date));
-						if (type === "date") setOpen(false);
-					},
-					placeholder,
-					step,
-					type,
-					value: instant,
-					weekend
-				}),
-				type === "datetime-local" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-					flex: "none",
-					justifyContent: "center",
-					onClick: () => setOpen(false),
-					children: "Done"
-				})
-			]
-		})]
-	});
-});
-DateInput.displayName = "@optiaxiom/react/DateInput";
-//#endregion
-//#region src/date-range-picker/DateRangePickerContext.ts
-const [DateRangePickerProvider, useDateRangePickerContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DateRangePicker");
-//#endregion
-//#region src/date-range-picker/DateRangePicker.tsx
-/**
-* Calendar popover that lets user pick date ranges.
-*
-* @category date
-* @group DateRangePicker
-* @since 1.4.0
-* @extends Popover
-*/
-function DateRangePicker({ children, defaultOpen = false, defaultValue = null, disabled, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }) {
-	const triggerRef = (0, react.useRef)(null);
-	const [from, setFrom] = (0, react.useState)();
-	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/DateRangePicker",
-		defaultProp: defaultOpen,
-		onChange: onOpenChange,
-		prop: openProp
-	});
-	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/DateRangePicker",
-		defaultProp: defaultValue,
-		onChange: onValueChange,
-		prop: valueProp
-	});
-	const setValueStable = require_Flex.useEvent(setValue);
-	(0, react.useEffect)(() => {
-		if (open) setFrom(void 0);
-	}, [open]);
-	(0, react.useEffect)(() => {
-		if (!open && from) {
-			const end = require_Flex.toInstant(require_Flex.toPlainDate(from) + "T23:59:59.999");
-			if (end) setValueStable({
-				from,
-				to: end
-			});
-		}
-	}, [
-		from,
-		open,
-		setValueStable
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Popover, {
-		onOpenChange: setOpen,
-		open,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DateRangePickerProvider, {
-			disabled,
-			setFrom,
-			setOpen,
-			setValue,
-			triggerRef,
-			value,
-			children
-		})
-	});
-}
-DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
-//#endregion
-//#region src/date-range-picker/DateRangePickerContent.css.ts
-var panels = require_Tooltip.recipeRuntime({ base: [{
-	alignItems: "stretch",
-	gap: "0"
-}] });
-//#endregion
-//#region src/date-range-picker/DateRangePickerContent.tsx
-/**
-* @group DateRangePicker
-*/
-const DateRangePickerContent = (0, react.forwardRef)(({ addonAfter, addonBefore, "aria-label": ariaLabel, children, holiday, max, min, today, weekend, ...props }, ref) => {
-	const { labelId: fieldLabelId } = require_Flex.useFieldContext("@optiaxiom/react/DateRangePickerContent");
-	const { setFrom, setOpen, setValue, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerContent");
-	const labelId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.PopoverContent, {
-		"aria-labelledby": (0, clsx.default)(fieldLabelId ?? triggerRef.current?.id, labelId),
-		gap: "8",
-		maxW: void 0,
-		ref,
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, {
-				id: labelId,
-				children: ariaLabel || "Calendar"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-				...panels(),
-				children: [
-					addonBefore,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Calendar, {
-						alignSelf: "start",
-						holiday,
-						max,
-						min,
-						mode: "range",
-						onDateSelect: (date) => {
-							setFrom((from) => from ? void 0 : date);
-						},
-						onValueChange: (value) => {
-							setValue(value);
-							requestAnimationFrame(() => {
-								setOpen(false);
-							});
-						},
-						today,
-						value,
-						weekend
-					}),
-					addonAfter
-				]
-			}),
-			children
-		]
-	});
-});
-DateRangePickerContent.displayName = "@optiaxiom/react/DateRangePickerContent";
-//#endregion
-//#region src/date-range-picker/DateRangePickerTrigger.tsx
-const dateFormatterFor = require_Flex.memoize((locale) => new Intl.DateTimeFormat(locale, {
-	day: "numeric",
-	month: "short",
-	year: "numeric"
-}));
-/**
-* @group DateRangePicker
-* @extends Button
-*/
-const DateRangePickerTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy, children, formatRange, placeholder = "Pick a date", ...props }, outerRef) => {
-	const { disabled, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerTrigger");
-	const { locale } = require_Flex.useLocaleContext("@optiaxiom/react/DateRangePickerTrigger");
-	const id = (0, _radix_ui_react_id.useId)();
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, triggerRef);
-	const labelId = require_Flex.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
-	const formatter = formatRange ? { formatRange } : dateFormatterFor(locale);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverTrigger, {
-		"aria-labelledby": labelId,
-		disabled,
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCalendar, {}),
-		id,
-		justifyContent: "flex-start",
-		ref,
-		...props,
-		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			color: "fg.tertiary",
-			children: placeholder
-		}))
-	});
-});
-DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
-//#endregion
-//#region src/disclosure/DisclosureContext.ts
-const [DisclosureProvider, useDisclosureContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Disclosure");
-//#endregion
-//#region src/disclosure/Disclosure.tsx
-/**
-* Interactive component for expanding and collapsing content panels with
-* built-in state management.
-*
-* Use this for collapsible sections with expand/collapse triggers. Disclosure
-* handles the toggle state, animations, and accessibility automatically.
-*
-* When to use:
-* - FAQ sections
-* - Expandable content panels
-* - Show/hide details sections
-* - Any expand/collapse pattern with a chevron icon
-*
-* Don't manually build with Button + chevron icon + useState - use Disclosure
-* instead.
-*
-* @group Disclosure
-* @category actions
-* @since 0.1.0
-*/
-const Disclosure = (0, react.forwardRef)(({ asChild, children, defaultOpen = false, onOpenChange, open: openProp, ...props }, ref) => {
-	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/Disclosure",
-		defaultProp: defaultOpen,
-		onChange: onOpenChange,
-		prop: openProp
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureProvider, {
-		open,
-		setOpen,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			asChild: true,
-			color: "fg.default",
-			fontSize: "md",
-			ref,
-			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Root, {
-				asChild,
-				onOpenChange: setOpen,
-				open,
-				children
-			})
-		})
-	});
-});
-Disclosure.displayName = "@optiaxiom/react/Disclosure";
-//#endregion
-//#region src/disclosure/DisclosureContent.css.ts
-var inner = require_Tooltip.recipeRuntime({ base: ["xgpq4l"] });
-var outer = require_Tooltip.recipeRuntime({
-	base: [{ display: "grid" }, "_1iyyetl"],
-	variants: { scale: {
-		false: "wb20wp",
-		true: {}
-	} }
-});
-//#endregion
-//#region src/disclosure/DisclosureContent.tsx
-/**
-* @group Disclosure
-*/
-const DisclosureContent = (0, react.forwardRef)(({ children, hiddenUntilFound, ...props }, ref) => {
-	const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
-	const [skipAnimations, setSkipAnimations] = (0, react.useState)(Boolean(open));
-	(0, react.useEffect)(() => {
-		if (skipAnimations) requestAnimationFrame(() => setSkipAnimations(false));
-	}, [skipAnimations]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
-		forceMount: hiddenUntilFound,
-		open,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Transition, {
-			"data-side": "bottom",
-			skipAnimations,
-			type: "pop",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				...outer({ scale: Boolean("data-transition-scale" in props && props["data-transition-scale"]) }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					asChild: true,
-					...inner(),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Content, {
-						forceMount: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-							pb: "8",
-							pt: "4",
-							ref,
-							...props,
-							children
-						})
-					})
-				})
-			})
-		})
-	});
-});
-DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
-//#endregion
-//#region src/disclosure/DisclosureTrigger.css.ts
-var icon = require_Tooltip.recipeRuntime({ base: [{
-	flex: "none",
-	size: "sm",
-	transition: "transform"
-}, "_1a2vp1w"] });
-var root = require_Tooltip.recipeRuntime({ base: [{
-	fontSize: "md",
-	gap: "8",
-	py: "8",
-	transition: "colors"
-}, "ufb4g"] });
-var trigger$1 = require_Tooltip.recipeRuntime({ base: [{
-	fontSize: "inherit",
-	fontWeight: "inherit",
-	gap: "4",
-	rounded: "md",
-	textAlign: "start",
-	w: "full"
-}, "_1uifjj4"] });
-//#endregion
-//#region src/disclosure/DisclosureTrigger.tsx
-const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/DisclosureTrigger");
-/**
-* @group Disclosure
-*/
-const DisclosureTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, chevronPosition = "start", children, className, ...props }, ref) => {
-	useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-	return asChild ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot$5, {
-		className,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Trigger, {
-			asChild: true,
-			children
-		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		ref,
-		...root({}, className),
-		...props,
-		children: [
-			addonBefore,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-				asChild: true,
-				...trigger$1(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Cover, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Trigger, { children: [
-						chevronPosition === "start" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-							asChild: true,
-							...icon(),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-							flex: "1",
-							overflow: "hidden",
-							children
-						}),
-						chevronPosition === "end" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-							asChild: true,
-							...icon(),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {})
-						})
-					] })
-				})
-			}),
-			addonAfter
-		]
-	});
-});
-DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuContext.ts
-const [DropdownMenuProvider, useDropdownMenuContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenu");
-//#endregion
-//#region src/dropdown-menu/DropdownMenuNestedContext.ts
-const [DropdownMenuNestedProvider, useDropdownMenuNestedContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenuNested");
-//#endregion
-//#region src/dropdown-menu/DropdownMenu.tsx
-/**
-* Display a dropdown menu.
-*
-* @category overlay
-* @since 0.1.0
-* @deprecated since 1.6.0 use {@link Menu} instead
-* @see Menu
-*/
-function DropdownMenu({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }) {
-	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/DropdownMenu",
-		defaultProp: defaultOpen,
-		onChange: onOpenChange,
-		prop: openProp
-	});
-	const [presence, setPresence] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, {
-		onOpenChange: setOpen,
-		open,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuProvider, {
-			open,
-			presence,
-			setOpen,
-			setPresence,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuNestedProvider, {
-				open,
-				children
-			})
-		})
-	});
-}
-DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuCheckboxItem.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuCheckboxItem = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.CheckboxItem, {
-		asChild: true,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxSwitchItem, { children })
-	});
-});
-DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuContent.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuContent = (0, react.forwardRef)(({ align = "start", children, loading, ...props }, ref) => {
-	const { open, presence, setPresence } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuContent");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
-		onPresenceChange: setPresence,
-		open,
-		presence,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ModalListbox, {
-				asChild: true,
-				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
-					align,
-					"data-state": presence ? "open" : "closed",
-					forceMount: true,
-					onPointerMove: (event) => {
-						if (!open) event.preventDefault();
-					},
-					ref,
-					sideOffset: 4,
-					children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-						"aria-hidden": true,
-						display: "flex",
-						justifyContent: "center",
-						p: "16",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Spinner, {})
-					}) : children
-				})
-			})
-		})
-	});
-});
-DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuGroup.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Group, { children })
-	});
-});
-DropdownMenuGroup.displayName = "@optiaxiom/react/DropdownMenuGroup";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuItem.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuItem = (0, react.forwardRef)(({ asChild, children, onSelect, ...props }, ref) => {
-	const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxItem, {
-		asChild: true,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
-			asChild,
-			onPointerLeave: (event) => {
-				if (!open) event.preventDefault();
-			},
-			onPointerMove: (event) => {
-				if (!open) event.preventDefault();
-			},
-			onSelect,
-			children
-		})
-	});
-});
-DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuLabel.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuLabel = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		color: "fg.tertiary",
-		fontFamily: "mono",
-		fontSize: "sm",
-		p: "8",
-		ref,
-		textTransform: "uppercase",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, { children })
-	});
-});
-DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuSeparator.tsx
-/**
-* @group DropdownMenu
-* @extends Separator
-*/
-const DropdownMenuSeparator = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxSeparator, {
-	asChild: true,
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, { ref })
-}));
-DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuSubContext.ts
-const [DropdownMenuSubProvider, useDropdownMenuSubContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenuSub");
-//#endregion
-//#region src/dropdown-menu/DropdownMenuSub.tsx
-/**
-* @group DropdownMenu
-*/
-function DropdownMenuSub({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }) {
-	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/DropdownMenuSub",
-		defaultProp: defaultOpen,
-		onChange: onOpenChange,
-		prop: openProp
-	});
-	const { open: parentOpen } = useDropdownMenuNestedContext("@optiaxiom/react/DropdownMenuSub");
-	(0, react.useEffect)(() => {
-		if (!parentOpen) setOpen(false);
-	}, [parentOpen, setOpen]);
-	const [presence, setPresence] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Sub, {
-		onOpenChange: setOpen,
-		open: open || presence,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuSubProvider, {
-			open,
-			presence,
-			setPresence,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuNestedProvider, {
-				open: open || presence,
-				children
-			})
-		})
-	});
-}
-DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuSubContent.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuSubContent = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
-	const { open, setPresence } = useDropdownMenuSubContext("@optiaxiom/react/DropdownMenuSubContent");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
-		onPresenceChange: setPresence,
-		open,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ModalListbox, {
-				asChild: true,
-				...props,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
-					alignOffset: -4,
-					asChild,
-					ref,
-					sideOffset: 0,
-					children
-				})
-			})
-		})
-	});
-});
-DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuSubTrigger.tsx
-/**
-* @group DropdownMenu
-*/
-const DropdownMenuSubTrigger = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ListboxItem, {
-		addonAfter: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {}),
-		asChild: true,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubTrigger, { children })
-	});
-});
-DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
-//#endregion
-//#region src/dropdown-menu/DropdownMenuTrigger.tsx
-/**
-* @group DropdownMenu
-* @extends Button
-*/
-const DropdownMenuTrigger = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
-	const { open, presence } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuTrigger");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
-		"aria-expanded": open || presence,
-		asChild: true,
-		"data-state": open || presence ? "open" : "closed",
-		ref,
-		...props,
-		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.AngleMenuButton, { children })
-	});
-});
-DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
-//#endregion
-//#region src/ellipsis-menu-button/EllipsisMenuButton.tsx
-/**
-* Button with ellipsis icon for opening overflow menus and dropdowns.
-*
-* Use with MenuTrigger asChild for overflow menus.
-*
-* @example
-* <MenuTrigger asChild><EllipsisMenuButton /></MenuTrigger>
-*
-* @group Button
-*/
-const EllipsisMenuButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {}),
-		iconPosition: "end",
-		ref,
-		...props,
-		children
-	});
-});
-EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
-//#endregion
-//#region src/field/FieldLabel.tsx
-/**
-* @group Field
-*/
-const FieldLabel = (0, react.forwardRef)(({ children, info, inputId: inputIdProp, labelId: labelIdProp, required, ...props }, ref) => {
-	const inputId = (0, _radix_ui_react_id.useId)(inputIdProp);
-	const labelId = (0, _radix_ui_react_id.useId)(labelIdProp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		gap: "4",
-		ref,
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-			alignItems: "center",
-			asChild: true,
-			color: "fg.secondary",
-			display: "flex",
-			fontSize: "md",
-			fontWeight: "400",
-			gap: "2",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_label.Root, {
-				htmlFor: inputId,
-				id: labelId,
-				children: [children, required && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-					"aria-hidden": "true",
-					asChild: true,
-					color: "fg.error",
-					fontWeight: "400",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "*" })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, { children: "Required" })] })]
-			})
-		}), info && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-			content: info,
-			delayDuration: 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-				"aria-label": "Information hover",
-				bg: "transparent",
-				border: "0",
-				color: "fg.secondary",
-				h: "2xs",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					asChild: true,
-					flex: "initial",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCircleQuestion, {})
-				}),
-				onClick: (event) => {
-					event.currentTarget.focus();
-					event.preventDefault();
-				},
-				onPointerDownCapture: (event) => {
-					event.preventDefault();
-					event.stopPropagation();
-				},
-				p: "0",
-				w: "2xs"
-			})
-		})]
-	});
-});
-FieldLabel.displayName = "@optiaxiom/react/FieldLabel";
-//#endregion
-//#region src/field/Field.tsx
-/**
-* Wrapper for inputs to provide context such as label/help/required etc.
-*
-* @category form
-* @since 0.1.0
-*/
-const Field = (0, react.forwardRef)(({ children, description, error, info, inputId: inputIdProp, label, labelId: labelIdProp, required, ...props }, ref) => {
-	const inputId = (0, _radix_ui_react_id.useId)(inputIdProp);
-	const descriptionId = (0, _radix_ui_react_id.useId)();
-	const errorId = (0, _radix_ui_react_id.useId)();
-	const labelId = (0, _radix_ui_react_id.useId)(labelIdProp);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		flexDirection: "column",
-		gap: "4",
-		ref,
-		...props,
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldLabel, {
-				info,
-				inputId,
-				labelId,
-				required,
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.FieldProvider, {
-				descriptionId: description ? descriptionId : void 0,
-				error: !!error,
-				errorId: error ? errorId : void 0,
-				inputId,
-				labelId: label ? labelId : void 0,
-				children
-			}),
-			error && error !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-				alignItems: "start",
-				color: "fg.error",
-				fontSize: "sm",
-				gap: "4",
-				id: errorId,
-				role: "alert",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-					asChild: true,
-					flex: "none",
-					size: "16",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconTriangleExclamation, { "aria-label": "Error" })
-				}), error]
-			}),
-			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				color: "fg.tertiary",
-				fontSize: "sm",
-				id: descriptionId,
-				children: require_Tooltip.fallbackSpan(description)
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SuggestionAlert, {})
-		]
-	});
-});
-Field.displayName = "@optiaxiom/react/Field";
-//#endregion
-//#region src/grid/Grid.tsx
-/**
-* Use `Grid` component to place items in a grid using equal width columns.
-*
-* @since 0.1.0
-* @category layout
-*/
-const Grid = (0, react.forwardRef)(({ display = "grid", gap = "16", gridTemplateColumns = "1", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		display,
-		gap,
-		gridTemplateColumns,
-		ref,
-		...props
-	});
-});
-Grid.displayName = "@optiaxiom/react/Grid";
-//#endregion
-//#region src/indicator/Indicator.css.ts
-var badge = require_Tooltip.recipeRuntime({
-	base: "pt6uk",
-	variants: {
-		offset: {
-			false: {
-				px: "0",
-				py: "0"
-			},
-			true: [{
-				px: "4",
-				py: "0"
-			}, "_1jd2an9"]
-		},
-		ping: {
-			false: {},
-			true: [{
-				animation: "ping",
-				color: "transparent",
-				pointerEvents: "none"
-			}, "_1xpjy04"]
-		}
-	}
-});
-var floating = require_Tooltip.recipeRuntime({
-	base: [{
-		display: "inline-flex",
-		pointerEvents: "none",
-		z: "10"
-	}, "_1oobo8x"],
-	variants: {
-		offset: {
-			false: "_1w7tqe",
-			true: {}
-		},
-		position: {
-			"bottom-right": "_17klkca",
-			"top-right": "_1hoggkl"
-		}
-	}
-});
-var indicator$2 = require_Tooltip.recipeRuntime({ base: [{
-	display: "inline-flex",
-	flexDirection: "column",
-	gap: "16"
-}, "_190oj9z"] });
-//#endregion
-//#region src/indicator/Indicator.tsx
-const Slot$4 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Indicator");
-/**
-* Display a badge at the corner of another element.
-*
-* @category data-display
-* @category feedback
-* @since 0.1.0
-*/
-const Indicator = (0, react.forwardRef)(({ asChild, children, className, content, disabled, intent, offset = true, ping, position = "top-right", variant, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-		ref,
-		...indicator$2({}, className),
-		...props,
-		children: [children, !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-			...floating({
-				offset,
-				position
-			}),
-			children: [ping && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot$4, {
-				"aria-hidden": "true",
-				...badge({
-					offset,
-					ping: true
-				}),
-				children: asChild ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-					intent,
-					variant,
-					children: content
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot$4, {
-				...badge({ offset }),
-				children: asChild ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-					intent,
-					variant,
-					children: content
-				})
-			})]
-		})]
-	});
-});
-Indicator.displayName = "@optiaxiom/react/Indicator";
-//#endregion
-//#region src/kbd/Kbd.css.ts
-var kbd = require_Tooltip.recipeRuntime({ base: {
-	color: "fg.secondary",
-	display: "inline-flex",
-	gap: "2",
-	whiteSpace: "nowrap"
-} });
-var key = require_Tooltip.recipeRuntime({
-	base: {
-		alignItems: "center",
-		display: "inline-flex",
-		fontFamily: "sans",
-		gap: "2",
-		justifyContent: "center"
-	},
-	variants: { variant: {
-		outline: [{
-			bg: "bg.secondary",
-			border: "1",
-			borderB: "2",
-			borderColor: "border.secondary",
-			rounded: "sm"
-		}, "_1639izv"],
-		subtle: {}
-	} }
-});
-//#endregion
-//#region src/kbd/Kbd.tsx
-const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
-const mapModifierToCode = {
-	mac: {
-		alt: "⌥",
-		ctrl: "⌃",
-		meta: "⌘",
-		mod: "⌘",
-		shift: "⇧"
-	},
-	win: {
-		alt: "Alt",
-		ctrl: "Ctrl",
-		meta: "Win",
-		mod: "Ctrl",
-		shift: "Shift"
-	}
-};
-/**
-* Inline text representing keyboard input.
-*
-* @category data-display
-* @since 0.1.0
-* @extends Code
-*/
-const Kbd = (0, react.forwardRef)(({ children, className, modifiers, variant = "outline", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...kbd({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
-			ref,
-			children: [modifiers && (Array.isArray(modifiers) ? modifiers : [modifiers]).map((key$1) => key$1 in mapModifierToCode[platform] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				"aria-label": key$1,
-				asChild: true,
-				title: key$1,
-				...key({ variant }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children: mapModifierToCode[platform][key$1] })
-			}, key$1)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				...key({ variant }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", { children })
-			})]
-		})
-	});
-});
-Kbd.displayName = "@optiaxiom/react/Kbd";
-//#endregion
-//#region src/label-menu-button/LabelMenuButton.css.ts
-var button = require_Tooltip.recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1pmhcat"] });
-var content$1 = require_Tooltip.recipeRuntime({
-	base: [{
-		fontSize: "sm",
-		transition: "all"
-	}],
-	variants: { filled: {
-		false: { h: "0" },
-		true: { h: "16" }
-	} }
-});
-var label$1 = require_Tooltip.recipeRuntime({
-	base: [{
-		color: "fg.tertiary",
-		cursor: "pointer",
-		fontFamily: "mono",
-		fontWeight: "400",
-		maxW: "full",
-		textTransform: "uppercase",
-		transition: "all"
-	}],
-	variants: { filled: {
-		false: { fontSize: "md" },
-		true: { fontSize: "xs" }
-	} }
-});
-//#endregion
-//#region src/label-menu-button/LabelMenuButton.tsx
-/**
-* Button displaying both a label and value, used as the trigger for Select
-* components.
-*
-* @group Button
-*/
-const LabelMenuButton = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy, children, className, label, ...props }, ref) => {
-	const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
-	const labelId = (0, _radix_ui_react_id.useId)();
-	const valueId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.ButtonRoot, {
-		"aria-labelledby": ariaLabelledBy ? (0, clsx.default)(labelId, ariaLabelledBy) : (0, clsx.default)(labelId, children && valueId),
-		"data-filled": filled ? "" : void 0,
-		ref,
-		size: "lg",
-		...button({}, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-			flexDirection: "column",
-			gap: "0",
-			overflow: "hidden",
-			textAlign: "start",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-				asChild: true,
-				id: labelId,
-				truncate: true,
-				...label$1({ filled }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_label.Label, { children: label })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-				id: valueId,
-				truncate: true,
-				...content$1({ filled }),
-				children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "\xA0" })
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonAddon, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconAngleDown, {})
-		})]
-	});
-});
-LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
-//#endregion
-//#region src/sidebar/SidebarContext.tsx
-const [SidebarProvider, useSidebarContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Sidebar");
-//#endregion
-//#region src/nav/Nav.css.ts
-var nav$1 = require_Tooltip.recipeRuntime({ base: [{
-	bg: "bg.default",
-	flex: "1",
-	flexDirection: "column",
-	gap: "0",
-	overflow: "hidden",
-	pb: "8",
-	pt: "16"
-}, "_8zu0i6"] });
-//#endregion
-//#region src/nav/Nav.tsx
-/**
-* Primary navigation menu that includes support for branding, links, and other navigation items.
-*
-* @group Sidebar
-* @since 0.4.0
-*/
-const Nav = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		flexDirection: "column",
-		gap: "16",
-		h: "full",
-		ref,
-		w: "fit",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			asChild: true,
-			id: navId,
-			w: expanded ? "224" : "56",
-			...nav$1(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-				"aria-label": "Main",
-				children
-			})
-		})
-	});
-});
-Nav.displayName = "@optiaxiom/react/Nav";
-//#endregion
-//#region src/nav/NavAccountItem.css.ts
-var item$1 = require_Tooltip.recipeRuntime({
-	base: {
-		flex: "1",
-		fontSize: "md",
-		gap: "8",
-		overflowX: "hidden",
-		transition: "opacity"
-	},
-	variants: { expanded: {
-		false: "_15ar14v",
-		true: "x594k4"
-	} }
-});
-//#endregion
-//#region src/nav/NavAccountItem.tsx
-/**
-* @group Sidebar
-*/
-const NavAccountItem = (0, react.forwardRef)(({ name, organization, src, ...props }, ref) => {
-	const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		asChild: true,
-		flexDirection: "column",
-		gap: "16",
-		my: "8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			asChild: true,
-			gap: "8",
-			p: "4",
-			textAlign: "start",
-			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				ref,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Avatar, {
-					"aria-hidden": true,
-					flex: "none",
-					my: "2",
-					name,
-					rounded: "sm",
-					src
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-					...item$1({ expanded: Boolean(expanded) }),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-						flex: "1",
-						flexDirection: "column",
-						gap: "0",
-						overflowX: "hidden",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-							color: "fg.default",
-							fontWeight: "500",
-							truncate: true,
-							children: name
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-							color: "fg.tertiary",
-							fontSize: "sm",
-							truncate: true,
-							children: organization
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconEllipsisStroke, {})
-					})]
-				})]
-			})
-		}) })
-	});
-});
-NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
-//#endregion
-//#region src/nav/NavBody.css.ts
-var body = require_Tooltip.recipeRuntime({
-	base: [{
-		flex: "1",
-		flexDirection: "column",
-		gap: "4",
-		justifyContent: "flex-start",
-		overflowX: "hidden",
-		py: "8",
-		w: "full"
-	}],
-	variants: { expanded: {
-		false: { overflowY: "hidden" },
-		true: { overflowY: "auto" }
-	} }
-});
-//#endregion
-//#region src/nav/NavBody.tsx
-/**
-* @group Sidebar
-*/
-const NavBody = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		px: spacing,
-		ref,
-		...body({ expanded }, className),
-		...props,
-		children
-	});
-});
-NavBody.displayName = "@optiaxiom/react/NavBody";
-//#endregion
-//#region src/nav/NavFooter.tsx
-/**
-* @group Sidebar
-*/
-const NavFooter = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		flexDirection: "column",
-		gap: "8",
-		mt: "auto",
-		overflowX: "hidden",
-		px: spacing,
-		py: "8",
-		ref,
-		...props,
-		children
-	});
-});
-NavFooter.displayName = "@optiaxiom/react/NavFooter";
-//#endregion
-//#region src/nav/NavGroupContext.ts
-const [NavGroupProvider, useNavGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/NavGroup", {
-	collapsible: false,
-	id: void 0
-});
-//#endregion
-//#region src/nav/NavGroup.tsx
-/**
-* @extends Disclosure
-* @group Sidebar
-*/
-const NavGroup = (0, react.forwardRef)(({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
-	const groupId = (0, _radix_ui_react_id.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		asChild: true,
-		flexDirection: "column",
-		gap: "16",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavGroupProvider, {
-			collapsible,
-			id: groupId,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Disclosure, {
-				alignItems: "stretch",
-				"aria-labelledby": props["aria-label"] ? void 0 : groupId,
-				defaultOpen: true,
-				display: "flex",
-				flexDirection: "column",
-				ref,
-				role: "group",
-				...collapsible && {
-					defaultOpen,
-					onOpenChange,
-					open
-				},
-				...props,
-				children
-			})
-		}) })
-	});
-});
-NavGroup.displayName = "@optiaxiom/react/NavGroup";
-//#endregion
-//#region src/nav/NavGroupContent.tsx
-/**
-* @group Sidebar
-*/
-const NavGroupContent = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureContent, {
-		asChild: true,
-		"data-transition-scale": true,
-		display: "flex",
-		flexDirection: "column",
-		gap: "4",
-		pb: "0",
-		pt: "0",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			ref,
-			children
-		})
-	});
-});
-NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
-//#endregion
-//#region src/nav/NavGroupTrigger.tsx
-/**
-* @group Sidebar
-*/
-const NavGroupTrigger = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const { collapsible, id } = useNavGroupContext("@optiaxiom/react/NavGroupTrigger");
-	return collapsible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureTrigger, {
-		chevronPosition: "end",
-		color: "fg.tertiary",
-		fontSize: "sm",
-		h: "sm",
-		id,
-		mb: "4",
-		mt: "8",
-		p: "0",
-		px: "12",
-		ref,
-		w: "auto",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-			fontFamily: "mono",
-			textTransform: "uppercase",
-			children
-		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		alignItems: "center",
-		color: "fg.tertiary",
-		display: "flex",
-		fontFamily: "mono",
-		fontSize: "sm",
-		h: "sm",
-		id,
-		mb: "4",
-		mt: "8",
-		p: "0",
-		px: "12",
-		ref,
-		textTransform: "uppercase",
-		w: "auto",
-		children
-	});
-});
-NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
-//#endregion
-//#region src/nav/NavHeader.tsx
-/**
-* @group Sidebar
-*/
-const NavHeader = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		flexDirection: "column",
-		gap: "16",
-		px: spacing,
-		ref,
-		...props,
-		children
-	});
-});
-NavHeader.displayName = "@optiaxiom/react/NavHeader";
-//#endregion
-//#region src/nav/NavItem.css.ts
-var item = require_Tooltip.recipeRuntime({ base: [{
-	alignItems: "center",
-	display: "flex",
-	fontSize: "md",
-	fontWeight: "500",
-	h: "lg",
-	justifyContent: "flex-start",
-	rounded: "md",
-	textAlign: "start",
-	transition: "colors"
-}, "wrvpsv"] });
-var label = require_Tooltip.recipeRuntime({
-	base: [{
-		alignItems: "center",
-		display: "flex",
-		flex: "1",
-		gap: "10",
-		justifyContent: "space-between",
-		mr: "10",
-		overflow: "hidden"
-	}, "_14653rp"],
-	variants: { expanded: {
-		false: "_381lsb",
-		true: "_1d0xinv"
-	} }
-});
-//#endregion
-//#region src/nav/NavItem.tsx
-const Slot$3 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/NavItem");
-/**
-* @group Sidebar
-*/
-const NavItem = (0, react.forwardRef)(({ active, addonAfter, asChild, children, className, disabled, icon, ...props }, ref) => {
-	const Comp = asChild ? Slot$3 : "button";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
-	let tooltip = null;
-	children = require_Tooltip.decorateChildren({
-		asChild,
-		children
-	}, (children) => {
-		tooltip = children;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			display: "grid",
-			flex: "none",
-			placeItems: "center",
-			size: "lg",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
-				asChild: true,
-				children: icon
-			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			flex: "none",
-			size: "12"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-			...label({ expanded: Boolean(expanded) }),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
-				truncate: true,
-				children
-			}), addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				display: "flex",
-				flex: "none",
-				children: require_Tooltip.fallbackSpan(addonAfter)
-			})]
-		})] });
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		asChild: true,
-		flexDirection: "column",
-		gap: "16",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-			content: props["aria-label"] || tooltip,
-			disabled: expanded,
-			side: "right",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				"data-disabled": disabled ? "" : void 0,
-				"data-state": active ? "active" : void 0,
-				...item({}, className),
-				...boxProps,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-					disabled,
-					ref,
-					...restProps,
-					children
-				})
-			})
-		}) })
-	});
-});
-NavItem.displayName = "@optiaxiom/react/NavItem";
-//#endregion
-//#region src/nav/NavList.tsx
-/**
-* @group Sidebar
-*/
-const NavList = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		display: "flex",
-		flexDirection: "column",
-		gap: "4",
-		p: "0",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			ref,
-			children
-		})
-	});
-});
-NavList.displayName = "@optiaxiom/react/NavList";
-//#endregion
-//#region src/nav/NavSeparator.tsx
-/**
-* @extends Separator
-* @group Sidebar
-*/
-const NavSeparator = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Separator, {
-	flex: "none",
-	mx: "12",
-	my: "8",
-	ref,
-	...props
-}));
-NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
-//#endregion
-//#region src/progress/Progress.css.ts
-var indicator$1 = require_Tooltip.recipeRuntime({
-	base: [{
-		h: "full",
-		rounded: "full",
-		transition: "all"
-	}],
-	variants: { intent: {
-		danger: "zktz1p",
-		opal: {},
-		primary: {},
-		success: {}
-	} },
-	variantsCompounded: [{
-		style: "_1c80cnm",
-		variants: { intent: [
-			"opal",
-			"primary",
-			"success"
-		] }
-	}]
-});
-var progress = require_Tooltip.recipeRuntime({ base: [{
-	bg: "bg.pill.default",
-	overflow: "hidden",
-	rounded: "full"
-}, "_1cc5gip"] });
-//#endregion
-//#region src/progress/Progress.tsx
-/**
-* Display feedback on status of task or length of a process.
-*
-* @since 0.1.0
-* @category feedback
-* @category data-display
-*/
-const Progress = (0, react.forwardRef)(({ className, intent = "primary", ...props }, ref) => {
-	const widthPercentage = (props.value ?? 0) / (props.max ?? DEFAULT_MAX) * 100;
-	const isValidValue = typeof props.value !== "undefined" && props.value !== null && props.value >= 0 && props.value <= (props.max ?? DEFAULT_MAX);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...progress({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_progress.Root, {
-			ref,
-			children: isValidValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-				asChild: true,
-				style: {
-					backgroundSize: `${1e4 / widthPercentage}%`,
-					width: `${widthPercentage}%`
-				},
-				...indicator$1({ intent }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_progress.Indicator, {})
-			})
-		})
-	});
-});
-const DEFAULT_MAX = 100;
-Progress.displayName = "@optiaxiom/react/Progress";
-//#endregion
-//#region src/radio/Radio.css.ts
-var control = require_Tooltip.recipeRuntime({
-	base: [{
-		bg: "bg.default",
-		display: "grid",
-		rounded: "full",
-		size: "sm"
-	}, "_2f2c8s"],
-	variants: { shift: {
-		false: {},
-		true: "ema65c"
-	} }
-});
-var indicator = require_Tooltip.recipeRuntime({ base: [{
-	rounded: "inherit",
-	transition: "transform"
-}, "_1wee0q4"] });
-var input$1 = require_Tooltip.recipeRuntime({ base: "_1k2c7mg" });
-var radio = require_Tooltip.recipeRuntime({ base: "_1y85kwl" });
-//#endregion
-//#region src/radio/RadioGroupContext.ts
-const [RadioGroupProvider, useRadioGroupContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/RadioGroup", null);
-//#endregion
-//#region src/radio/Radio.tsx
-/**
-* Basic control to allow selecting only one item from a set.
-*
-* @since 0.1.0
-* @group RadioGroup
-*/
-const Radio = (0, react.forwardRef)(({ children, className, description, disabled, name, onBlur, onChange, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
-	if (groupContext) {
-		if ("checked" in props) throw new Error(`Cannot use \`checked\` prop when \`Radio\` is used within \`RadioGroup\``);
-		if (props.value === void 0) throw new Error(`Must use \`value\` prop when \`Radio\` is used within \`RadioGroup\``);
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.ToggleInput, {
-		...radio({}, className),
-		...boxProps,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputHiddenInput, {
-				checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
-				defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
-				disabled: groupContext?.disabled ?? disabled,
-				name: groupContext?.name ?? name,
-				onBlur: groupContext?.onBlur ?? onBlur,
-				onChange: groupContext?.onChange ?? onChange,
-				ref,
-				type: "radio",
-				...input$1(),
-				...restProps
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputControl, {
-				...control({ shift: Boolean(children) }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { ...indicator() })
-			}),
-			(children || description) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.ToggleInputContent, { children: [children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputLabel, { children }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.ToggleInputDescription, { children: description })] })
-		]
-	});
-});
-Radio.displayName = "@optiaxiom/react/Radio";
-//#endregion
-//#region src/radio/RadioGroup.tsx
-const mapGapToOrientation = {
-	column: "12",
-	"column-reverse": "12",
-	row: "16",
-	"row-reverse": "16"
-};
-/**
-* Basic control to allow selecting only one item from a set.
-*
-* @category form
-* @since 0.1.0
-*/
-const RadioGroup = (0, react.forwardRef)(({ children, defaultValue, disabled, flexDirection = "column", name, onBlur, onChange, onValueChange, value, ...props }, ref) => {
-	const { track } = require_Tooltip.useSurface("property") ?? {};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioGroupProvider, {
-		defaultValue,
-		disabled,
-		name,
-		onBlur,
-		onChange: (event) => {
-			const newValue = event.target.value;
-			onChange?.(event);
-			onValueChange?.(newValue);
-			track?.({
-				name: "changed",
-				value: newValue
-			});
-		},
-		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			flexDirection,
-			fontSize: "md",
-			gap: require_Tooltip.mapResponsiveValue(flexDirection, (value) => mapGapToOrientation[value]),
-			ref,
-			...props,
-			children
-		})
-	});
-});
-RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
-//#endregion
-//#region src/search-input/SearchInput.css.ts
-var clear = require_Tooltip.recipeRuntime({ base: [{ size: "sm" }, "_1bgcr40"] });
-var input = require_Tooltip.recipeRuntime({ base: "u6h0ut" });
-var search = require_Tooltip.recipeRuntime({ base: "_1onkwh8" });
-//#endregion
-//#region src/search-input/SearchInput.tsx
-/**
-* Basic search input field with clear button.
-*
-* @category form
-* @since 0.1.0
-* @extends Input
-*/
-const SearchInput = (0, react.forwardRef)(({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
-	const innerRef = (0, react.useRef)(null);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/SearchInput",
-		defaultProp: props.defaultValue,
-		prop: props.value
-	});
-	const forceValueChange = require_Flex.useObserveValue(innerRef, setValue);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Input, {
-		addonAfter: value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-			appearance: "subtle",
-			"aria-label": "Clear",
-			icon: value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {}),
-			onPointerDown: (event) => {
-				event.preventDefault();
-				forceValueChange("");
-				onValueClear?.();
-			},
-			tabIndex: -1,
-			...clear()
-		}),
-		addonBefore: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-			gap: "8",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconSearch, {}), addonBefore]
-		}),
-		addonPointerEvents: "none",
-		asChild: true,
-		autoComplete: "off",
-		onChange: (event) => {
-			onChange?.(event);
-			setValue(event.target.value);
-		},
-		ref,
-		type: "search",
-		...search({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...input() })
-	});
-});
-SearchInput.displayName = "@optiaxiom/react/SearchInput";
-//#endregion
-//#region src/segmented-control/SegmentedControlContext.ts
-const [SegmentedControlProvider, useSegmentedControlContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SegmentedControl");
-//#endregion
-//#region src/segmented-control/SegmentedControl.tsx
-/**
-* Toggle buttons for switching between different values or views.
-*
-* @group SegmentedControl
-* @category actions
-* @category form
-* @since 0.2.0
-*/
-const SegmentedControl = (0, react.forwardRef)(({ children, type = "single", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		asChild: true,
-		gap: "0",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle_group.Root, {
-			ref,
-			type,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentedControlProvider, { children })
-		})
-	});
-});
-SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
-//#endregion
-//#region src/segmented-control/SegmentedControlItem.tsx
-/**
-* @group SegmentedControl
-* @extends Button
-*/
-const SegmentedControlItem = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
-	useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle_group.Item, {
-		appearance: "subtle",
-		asChild: true,
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-			asChild,
-			children
-		})
-	});
-});
-SegmentedControlItem.displayName = "@optiaxiom/react/SegmentedControlItem";
-//#endregion
-//#region src/sidebar/Sidebar.tsx
-/**
-* Primary navigation menu for left side of the page that includes support for branding, links, etc.
-*
-* @group Sidebar
-* @category navigation
-* @since 0.4.0
-*/
-const Sidebar = (0, react.forwardRef)(({ children, defaultExpanded = false, expanded: expandedProp, onExpandedChange, ...props }, ref) => {
-	const [expanded, setExpanded] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/Sidebar",
-		defaultProp: defaultExpanded,
-		onChange: onExpandedChange,
-		prop: expandedProp
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarProvider, {
-		expanded,
-		navId: (0, _radix_ui_react_id.useId)(),
-		onExpandedChange: setExpanded,
-		spacing: "8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			alignItems: "stretch",
-			display: "flex",
-			gap: "0",
-			h: "full",
-			ref,
-			...props,
-			children
-		})
-	});
-});
-Sidebar.displayName = "@optiaxiom/react/Sidebar";
-//#endregion
-//#region src/sidebar/SidebarToggle.tsx
-/**
-* @group Sidebar
-*/
-const SidebarToggle = (0, react.forwardRef)(({ "aria-label": ariaLabel, children, ...props }, ref) => {
-	const { expanded, navId, onExpandedChange } = useSidebarContext("@optiaxiom/react/SidebarToggle");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavItem, {
-		"aria-controls": navId,
-		"aria-expanded": expanded ? "true" : "false",
-		"aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
-		onClick: () => onExpandedChange(!expanded),
-		ref,
-		...props,
-		children: children ?? "Collapse"
-	});
-});
-SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
-//#endregion
-//#region src/sub-nav/SubNav.css.ts
-var nav = require_Tooltip.recipeRuntime({ base: [{
-	bg: "bg.default",
-	flex: "1",
-	flexDirection: "column",
-	gap: "0",
-	overflow: "hidden",
-	py: "16"
-}, "_6x5s27"] });
-//#endregion
-//#region src/sub-nav/SubNav.tsx
-/**
-* @group Sidebar
-*/
-const SubNav = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-		borderColor: "border.secondary",
-		borderL: "1",
-		flexDirection: "column",
-		gap: "16",
-		h: "full",
-		ref,
-		w: "fit",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-			asChild: true,
-			...nav(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-				"aria-label": "Secondary",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarProvider, {
-					expanded: true,
-					navId: "",
-					onExpandedChange: () => {},
-					spacing: "12",
-					children
-				})
-			})
-		})
-	});
-});
-SubNav.displayName = "@optiaxiom/react/SubNav";
-//#endregion
-//#region src/tabs/Tabs.css.ts
-var tabs = require_Tooltip.recipeRuntime({ base: [{ display: "flex" }, "_1eoj05z"] });
-//#endregion
-//#region src/tabs/Tabs.tsx
-/**
-* Tabs organize content into multiple sections with horizontal navigation.
-*
-* Use this component when users need to switch between different views of
-* related content. Don't manually build tab navigation with multiple Buttons in
-* a Flex - Tabs handles state management, active states, keyboard navigation,
-* and accessibility automatically.
-*
-* When not to use:
-* - For primary/vertical navigation use Sidebar instead.
-*
-* @group Tabs
-* @since 0.1.0
-* @category navigation
-*/
-const Tabs = (0, react.forwardRef)(({ children, className, onValueChange, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const { track } = require_Tooltip.useSurface("tab") ?? {};
-	const [initialValue] = (0, react.useState)(props.value);
-	(0, react.useEffect)(() => {
-		if (initialValue) track?.({
-			id: initialValue,
-			name: "viewed"
-		});
-	}, [initialValue, track]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...tabs({}, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tabs.Root, {
-			onValueChange: (value) => {
-				onValueChange?.(value);
-				track?.({
-					id: value,
-					name: "viewed"
-				});
-			},
-			ref,
-			...restProps,
-			children
-		})
-	});
-});
-Tabs.displayName = "@optiaxiom/react/Tabs";
-//#endregion
-//#region src/tabs/TabsContent.tsx
-/**
-* @group Tabs
-*/
-const TabsContent = (0, react.forwardRef)(({ children, value, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		flex: "1",
-		ref,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tabs.TabsContent, {
-			value,
-			children
-		})
-	});
-});
-TabsContent.displayName = "@optiaxiom/react/TabsContent";
-//#endregion
-//#region src/tabs/TabsList.css.ts
-var list = require_Tooltip.recipeRuntime({ base: [{
-	borderColor: "border.tertiary",
-	display: "flex"
-}, "y687xy"] });
-//#endregion
-//#region src/tabs/TabsList.tsx
-/**
-* @group Tabs
-*/
-const TabsList = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...list({}, className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tabs.List, {
-			ref,
-			children
-		})
-	});
-});
-TabsList.displayName = "@optiaxiom/react/TabsList";
-//#endregion
-//#region src/tabs/TabsTrigger.css.ts
-var content = require_Tooltip.recipeRuntime({ base: [{
-	gap: "8",
-	justifyContent: ["center", "flex-start"],
-	py: "6",
-	rounded: "sm",
-	transition: "colors"
-}, "cka8de"] });
-var trigger = require_Tooltip.recipeRuntime({ base: [
-	"_1bhr07i",
-	{
-		flex: ["1", "initial"],
-		fontSize: "md",
-		fontWeight: "500",
-		py: "4",
-		transition: "colors"
-	},
-	"_125vk33"
-] });
-//#endregion
-//#region src/tabs/TabsTrigger.tsx
-const Slot$2 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/TabsTrigger");
-/**
-* @extends Button
-* @group Tabs
-*/
-const TabsTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
-	const Comp = asChild ? Slot$2 : "button";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-		asChild: true,
-		...trigger({}, className),
-		...boxProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tabs.Trigger, {
-			asChild: true,
-			ref,
-			value,
-			...restProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, { children: require_Tooltip.decorateChildren({
-				asChild,
-				children
-			}, (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
-				...content(),
-				children: [
-					addonBefore,
-					children,
-					addonAfter
-				]
-			})) })
-		})
-	});
-});
-TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
-//#endregion
-//#region src/textarea/Textarea.css.ts
-var addon = require_Tooltip.recipeRuntime({ base: "eb9xwv" });
-//#endregion
-//#region src/textarea/TextareaAutosize.css.ts
-var shadow = require_Tooltip.recipeRuntime({ base: ["s5kj3y", "_1qja9sa"] });
-var textarea = require_Tooltip.recipeRuntime({
-	base: ["s5kj3y", "_1js39u3"],
-	variants: { resize: {
-		auto: { overflow: "hidden" },
-		none: {},
-		vertical: {}
-	} }
-});
-var wrapper = require_Tooltip.recipeRuntime({
-	base: {
-		display: "grid",
-		flex: "auto",
-		overflow: "auto"
-	},
-	variants: {
-		maxRows: {
-			"1": ["_2womp0", "_119p5c5"],
-			"2": ["_2womp0", "_1q9enum"],
-			"3": ["_2womp0", "_2gmvds"],
-			"4": ["_2womp0", "_5ioh2v"],
-			"5": ["_2womp0", "m8zkar"]
-		},
-		resize: {
-			auto: {},
-			none: {},
-			vertical: "_1wdtlpi"
-		}
-	}
-});
-//#endregion
-//#region src/textarea/TextareaAutosize.tsx
-const Slot$1 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/TextareaAutosize");
-const TextareaAutosize = (0, react.forwardRef)(({ asChild, children, className, maxRows, onChange, resize = "none", ...props }, ref) => {
-	const Comp = asChild ? Slot$1 : "textarea";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
-		caller: "@optiaxiom/react/TextareaAutosize",
-		defaultProp: props.defaultValue,
-		prop: props.value
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-		...wrapper({
-			maxRows: resize === "auto" ? maxRows : void 0,
-			resize
-		}),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			asChild: true,
-			...textarea({ resize }, className),
-			...boxProps,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-				onChange: (event) => {
-					setValue(event.target.value);
-					onChange?.(event);
-				},
-				ref,
-				...restProps,
-				children
-			})
-		}), resize === "auto" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
-			...shadow({}, className),
-			...boxProps,
-			children: (value ?? "") + " "
-		})]
-	});
-});
-TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
-//#endregion
-//#region src/textarea/Textarea.tsx
-const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Textarea");
-/**
-* Multi-line text field for capturing user input.
-*
-* @category form
-* @since 0.1.0
-*/
-const Textarea = (0, react.forwardRef)(({ addonAfter, addonBefore, addonPointerEvents, asChild, children, className, style, ...props }, ref) => {
-	const Comp = asChild ? Slot : "textarea";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.InputRoot, {
-		addonPointerEvents,
-		className,
-		flexDirection: "column",
-		style,
-		...boxProps,
-		children: [
-			addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.InputAddon, {
-				asChild: true,
-				children: require_Tooltip.fallbackSpan(addonBefore)
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.InputControl, {
-				asChild: true,
-				p: "8",
-				size: "lg",
-				...restProps,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextareaAutosize, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-						ref,
-						rows: props.rows ?? 3,
-						children
-					})
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.InputAddon, {
-				...addon(),
-				children: [props.value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
-					justifyContent: "end",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.SuggestionPopover, { disabled: props.disabled })
-				}), addonAfter]
-			})
-		]
-	});
-});
-Textarea.displayName = "@optiaxiom/react/Textarea";
-//#endregion
-exports.Alert = require_Flex.Alert;
-exports.AlertDialog = AlertDialog;
-exports.AlertDialogAction = require_Flex.AlertDialogAction;
-exports.AlertDialogBody = require_Flex.AlertDialogBody;
-exports.AlertDialogCancel = require_Flex.AlertDialogCancel;
-exports.AlertDialogContent = require_Flex.AlertDialogContent;
-exports.AlertDialogFooter = require_Flex.AlertDialogFooter;
-exports.AlertDialogHeader = require_Flex.AlertDialogHeader;
-exports.AlertDialogTrigger = AlertDialogTrigger;
-exports.AngleMenuButton = require_Flex.AngleMenuButton;
-exports.AuthProvider = AuthProvider;
-exports.Avatar = require_Flex.Avatar;
-exports.AvatarGroup = AvatarGroup;
-exports.AxiomProvider = AxiomProvider;
-exports.Badge = Badge;
-exports.Banner = Banner;
-exports.Box = require_Tooltip.Box;
-exports.Breadcrumb = Breadcrumb;
-exports.Button = require_Tooltip.Button;
-exports.ButtonGroup = ButtonGroup;
-exports.Card = Card;
-exports.CardAction = CardAction;
-exports.CardCheckbox = CardCheckbox;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardImage = CardImage;
-exports.CardLink = CardLink;
-exports.CardPreview = CardPreview;
-exports.Checkbox = require_Flex.Checkbox;
-exports.Code = Code;
-exports.Cover = require_Flex.Cover;
-exports.DataTable = DataTable;
-exports.DataTableAction = DataTableAction;
-exports.DataTableBody = DataTableBody;
-exports.DataTableCheckbox = DataTableCheckbox;
-exports.DataTableFooter = DataTableFooter;
-exports.DataTableLabel = DataTableLabel;
-exports.DateInput = DateInput;
-exports.DateRangePicker = DateRangePicker;
-exports.DateRangePickerContent = DateRangePickerContent;
-exports.DateRangePickerTrigger = DateRangePickerTrigger;
-exports.Dialog = require_Flex.Dialog;
-exports.DialogBody = DialogBody;
-exports.DialogClose = require_Flex.DialogClose;
-exports.DialogContent = require_Flex.DialogContent;
-exports.DialogFooter = DialogFooter;
-exports.DialogForm = DialogForm;
-exports.DialogHeader = require_Flex.DialogHeader;
-exports.DialogTrigger = require_Flex.DialogTrigger;
-exports.Disclosure = Disclosure;
-exports.DisclosureContent = DisclosureContent;
-exports.DisclosureTrigger = DisclosureTrigger;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.EllipsisMenuButton = EllipsisMenuButton;
-exports.Field = Field;
-exports.FieldLabel = FieldLabel;
-exports.Flex = require_Flex.Flex;
-exports.Grid = Grid;
-exports.Group = require_Tooltip.Group;
-exports.Heading = require_Flex.Heading;
-exports.Indicator = Indicator;
-exports.Input = require_Flex.Input;
-exports.InputAddon = require_Flex.InputAddon;
-exports.InputControl = require_Flex.InputControl;
-exports.InputRoot = require_Flex.InputRoot;
-exports.Kbd = Kbd;
-exports.LabelMenuButton = LabelMenuButton;
-exports.Link = Link;
-exports.Listbox = require_Flex.Listbox;
-exports.ListboxCheckboxItem = require_Flex.ListboxCheckboxItem;
-exports.ListboxEmpty = require_Flex.ListboxEmpty;
-exports.ListboxGroup = ListboxGroup;
-exports.ListboxItem = require_Flex.ListboxItem;
-exports.ListboxItemIndicator = require_Flex.ListboxItemIndicator;
-exports.ListboxItemized = require_Flex.ListboxItemized;
-exports.ListboxLabel = require_Flex.ListboxLabel;
-exports.ListboxRadioItem = require_Flex.ListboxRadioItem;
-exports.ListboxSeparator = require_Flex.ListboxSeparator;
-exports.ListboxSwitchItem = require_Flex.ListboxSwitchItem;
-exports.Menu = require_Flex.Menu;
-exports.MenuContent = require_Flex.MenuContent;
-exports.MenuTrigger = require_Flex.MenuTrigger;
-exports.ModalLayer = require_Flex.ModalLayer;
-exports.Nav = Nav;
-exports.NavAccountItem = NavAccountItem;
-exports.NavBody = NavBody;
-exports.NavFooter = NavFooter;
-exports.NavGroup = NavGroup;
-exports.NavGroupContent = NavGroupContent;
-exports.NavGroupTrigger = NavGroupTrigger;
-exports.NavHeader = NavHeader;
-exports.NavItem = NavItem;
-exports.NavList = NavList;
-exports.NavSeparator = NavSeparator;
-exports.Pagination = Pagination;
-exports.Paper = require_Flex.Paper;
-exports.Popover = require_Flex.Popover;
-exports.PopoverAnchor = require_Flex.PopoverAnchor;
-exports.PopoverContent = require_Flex.PopoverContent;
-exports.PopoverTrigger = require_Flex.PopoverTrigger;
-exports.Progress = Progress;
-exports.Radio = Radio;
-exports.RadioGroup = RadioGroup;
-exports.SearchInput = SearchInput;
-exports.SegmentedControl = SegmentedControl;
-exports.SegmentedControlItem = SegmentedControlItem;
-exports.Select = require_Flex.Select;
-exports.SelectContent = require_Flex.SelectContent;
-exports.SelectTrigger = require_Flex.SelectTrigger;
-exports.Separator = require_Flex.Separator;
-exports.Sidebar = Sidebar;
-exports.SidebarToggle = SidebarToggle;
-exports.Skeleton = require_Flex.Skeleton;
-exports.Spinner = require_Tooltip.Spinner;
-exports.SubNav = SubNav;
-exports.Switch = require_Flex.Switch;
-exports.Table = Table;
-exports.TableAction = TableAction;
-exports.TableBody = TableBody;
-exports.TableCell = TableCell;
-exports.TableHeader = TableHeader;
-exports.TableHeaderCell = require_Flex.TableHeaderCell;
-exports.TableRow = TableRow;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.Text = require_Tooltip.Text;
-exports.Textarea = Textarea;
-exports.ThemeProvider = ThemeProvider;
-exports.ToastProvider = ToastProvider;
-exports.ToggleButton = require_ToggleButton.ToggleButton;
-exports.Tooltip = require_Tooltip.Tooltip;
-exports.TooltipContent = require_Tooltip.TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipRoot = require_Tooltip.TooltipRoot;
-exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
-exports.Transition = require_Tooltip.Transition;
-exports.TransitionGlobalConfig = require_Tooltip.TransitionGlobalConfig;
-exports.TransitionGroup = require_Tooltip.TransitionGroup;
-exports.cleanup = cleanup;
+exports.Alert = require_alert.Alert;
+exports.AlertDialog = require_alert_dialog.AlertDialog;
+exports.AlertDialogAction = require_alert_dialog.AlertDialogAction;
+exports.AlertDialogBody = require_alert_dialog.AlertDialogBody;
+exports.AlertDialogCancel = require_alert_dialog.AlertDialogCancel;
+exports.AlertDialogContent = require_alert_dialog.AlertDialogContent;
+exports.AlertDialogFooter = require_alert_dialog.AlertDialogFooter;
+exports.AlertDialogHeader = require_alert_dialog.AlertDialogHeader;
+exports.AlertDialogTrigger = require_alert_dialog.AlertDialogTrigger;
+exports.AngleMenuButton = require_angle_menu_button.AngleMenuButton;
+exports.AuthProvider = require_auth_provider.AuthProvider;
+exports.Avatar = require_avatar.Avatar;
+exports.AvatarGroup = require_avatar.AvatarGroup;
+exports.AxiomProvider = require_axiom_provider.AxiomProvider;
+exports.Badge = require_badge.Badge;
+exports.Banner = require_banner.Banner;
+exports.Box = require_box.Box;
+exports.Breadcrumb = require_breadcrumb.Breadcrumb;
+exports.Button = require_button.Button;
+exports.ButtonGroup = require_button.ButtonGroup;
+exports.Card = require_card.Card;
+exports.CardAction = require_card.CardAction;
+exports.CardCheckbox = require_card.CardCheckbox;
+exports.CardFooter = require_card.CardFooter;
+exports.CardHeader = require_card.CardHeader;
+exports.CardImage = require_card.CardImage;
+exports.CardLink = require_card.CardLink;
+exports.CardPreview = require_card.CardPreview;
+exports.Checkbox = require_SuggestionPopover.Checkbox;
+exports.Code = require_code.Code;
+exports.Cover = require_cover.Cover;
+exports.DataTable = require_data_table.DataTable;
+exports.DataTableAction = require_data_table.DataTableAction;
+exports.DataTableBody = require_data_table.DataTableBody;
+exports.DataTableCheckbox = require_data_table.DataTableCheckbox;
+exports.DataTableFooter = require_data_table.DataTableFooter;
+exports.DataTableLabel = require_data_table.DataTableLabel;
+exports.DateInput = require_date_input.DateInput;
+exports.DateRangePicker = require_date_range_picker.DateRangePicker;
+exports.DateRangePickerContent = require_date_range_picker.DateRangePickerContent;
+exports.DateRangePickerTrigger = require_date_range_picker.DateRangePickerTrigger;
+exports.Dialog = require_dialog.Dialog;
+exports.DialogBody = require_dialog.DialogBody;
+exports.DialogClose = require_dialog.DialogClose;
+exports.DialogContent = require_dialog.DialogContent;
+exports.DialogFooter = require_dialog.DialogFooter;
+exports.DialogForm = require_dialog.DialogForm;
+exports.DialogHeader = require_dialog.DialogHeader;
+exports.DialogTrigger = require_dialog.DialogTrigger;
+exports.Disclosure = require_disclosure.Disclosure;
+exports.DisclosureContent = require_disclosure.DisclosureContent;
+exports.DisclosureTrigger = require_disclosure.DisclosureTrigger;
+exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
+exports.DropdownMenuCheckboxItem = require_dropdown_menu.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = require_dropdown_menu.DropdownMenuContent;
+exports.DropdownMenuGroup = require_dropdown_menu.DropdownMenuGroup;
+exports.DropdownMenuItem = require_dropdown_menu.DropdownMenuItem;
+exports.DropdownMenuLabel = require_dropdown_menu.DropdownMenuLabel;
+exports.DropdownMenuSeparator = require_dropdown_menu.DropdownMenuSeparator;
+exports.DropdownMenuSub = require_dropdown_menu.DropdownMenuSub;
+exports.DropdownMenuSubContent = require_dropdown_menu.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = require_dropdown_menu.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = require_dropdown_menu.DropdownMenuTrigger;
+exports.EllipsisMenuButton = require_ellipsis_menu_button.EllipsisMenuButton;
+exports.Field = require_field.Field;
+exports.FieldLabel = require_field.FieldLabel;
+exports.Flex = require_flex.Flex;
+exports.Grid = require_grid.Grid;
+exports.Group = require_group.Group;
+exports.Heading = require_heading.Heading;
+exports.Indicator = require_indicator.Indicator;
+exports.Input = require_input.Input;
+exports.InputAddon = require_input.InputAddon;
+exports.InputControl = require_input.InputControl;
+exports.InputRoot = require_input.InputRoot;
+exports.Kbd = require_kbd.Kbd;
+exports.LabelMenuButton = require_label_menu_button.LabelMenuButton;
+exports.Link = require_link.Link;
+exports.Listbox = require_SuggestionPopover.Listbox;
+exports.ListboxCheckboxItem = require_SuggestionPopover.ListboxCheckboxItem;
+exports.ListboxEmpty = require_SuggestionPopover.ListboxEmpty;
+exports.ListboxGroup = require_SuggestionPopover.ListboxGroup;
+exports.ListboxItem = require_SuggestionPopover.ListboxItem;
+exports.ListboxItemIndicator = require_SuggestionPopover.ListboxItemIndicator;
+exports.ListboxItemized = require_SuggestionPopover.ListboxItemized;
+exports.ListboxLabel = require_SuggestionPopover.ListboxLabel;
+exports.ListboxRadioItem = require_SuggestionPopover.ListboxRadioItem;
+exports.ListboxSeparator = require_SuggestionPopover.ListboxSeparator;
+exports.ListboxSwitchItem = require_SuggestionPopover.ListboxSwitchItem;
+exports.Menu = require_menu.Menu;
+exports.MenuContent = require_menu.MenuContent;
+exports.MenuTrigger = require_menu.MenuTrigger;
+exports.ModalLayer = require_modal.ModalLayer;
+exports.Nav = require_nav.Nav;
+exports.NavAccountItem = require_nav.NavAccountItem;
+exports.NavBody = require_nav.NavBody;
+exports.NavFooter = require_nav.NavFooter;
+exports.NavGroup = require_nav.NavGroup;
+exports.NavGroupContent = require_nav.NavGroupContent;
+exports.NavGroupTrigger = require_nav.NavGroupTrigger;
+exports.NavHeader = require_nav.NavHeader;
+exports.NavItem = require_nav.NavItem;
+exports.NavList = require_nav.NavList;
+exports.NavSeparator = require_nav.NavSeparator;
+exports.Pagination = require_pagination.Pagination;
+exports.Paper = require_paper.Paper;
+exports.Popover = require_SuggestionPopover.Popover;
+exports.PopoverAnchor = require_SuggestionPopover.PopoverAnchor;
+exports.PopoverContent = require_SuggestionPopover.PopoverContent;
+exports.PopoverTrigger = require_SuggestionPopover.PopoverTrigger;
+exports.Progress = require_progress.Progress;
+exports.Radio = require_radio.Radio;
+exports.RadioGroup = require_radio.RadioGroup;
+exports.SearchInput = require_search_input.SearchInput;
+exports.SegmentedControl = require_segmented_control.SegmentedControl;
+exports.SegmentedControlItem = require_segmented_control.SegmentedControlItem;
+exports.Select = require_select.Select;
+exports.SelectContent = require_select.SelectContent;
+exports.SelectTrigger = require_select.SelectTrigger;
+exports.Separator = require_separator.Separator;
+exports.Sidebar = require_sidebar.Sidebar;
+exports.SidebarToggle = require_sidebar.SidebarToggle;
+exports.Skeleton = require_skeleton.Skeleton;
+exports.Spinner = require_spinner.Spinner;
+exports.SubNav = require_sub_nav.SubNav;
+exports.Switch = require_SuggestionPopover.Switch;
+exports.Table = require_table.Table;
+exports.TableAction = require_table.TableAction;
+exports.TableBody = require_table.TableBody;
+exports.TableCell = require_table.TableCell;
+exports.TableHeader = require_table.TableHeader;
+exports.TableHeaderCell = require_table.TableHeaderCell;
+exports.TableRow = require_table.TableRow;
+exports.Tabs = require_tabs.Tabs;
+exports.TabsContent = require_tabs.TabsContent;
+exports.TabsList = require_tabs.TabsList;
+exports.TabsTrigger = require_tabs.TabsTrigger;
+exports.Text = require_text.Text;
+exports.Textarea = require_textarea.Textarea;
+exports.ThemeProvider = require_theme_provider.ThemeProvider;
+exports.ToastProvider = require_toast.ToastProvider;
+exports.ToggleButton = require_toggle_button.ToggleButton;
+exports.Tooltip = require_tooltip.Tooltip;
+exports.TooltipContent = require_tooltip.TooltipContent;
+exports.TooltipProvider = require_tooltip.TooltipProvider;
+exports.TooltipRoot = require_tooltip.TooltipRoot;
+exports.TooltipTrigger = require_tooltip.TooltipTrigger;
+exports.Transition = require_transition.Transition;
+exports.TransitionGlobalConfig = require_transition.TransitionGlobalConfig;
+exports.TransitionGroup = require_transition.TransitionGroup;
+exports.cleanup = require_testing.cleanup;
 Object.defineProperty(exports, "createToaster", {
 	enumerable: true,
 	get: function() {
 		return _optiaxiom_globals.createToaster;
 	}
 });
-exports.extractBoxProps = require_Tooltip.extractBoxProps;
+exports.extractBoxProps = require_box.extractBoxProps;
 Object.defineProperty(exports, "layers", {
 	enumerable: true,
 	get: function() {
-		return layers_css_exports;
+		return require_layers.layers_css_exports;
 	}
 });
-exports.mapResponsiveValue = require_Tooltip.mapResponsiveValue;
-exports.normalizeResponsiveValue = require_Tooltip.normalizeResponsiveValue;
-exports.sprinkles = require_Tooltip.sprinkles;
-exports.sprinklesMerge = require_Tooltip.sprinklesMerge;
+exports.mapResponsiveValue = require_sprinkles.mapResponsiveValue;
+exports.normalizeResponsiveValue = require_sprinkles.normalizeResponsiveValue;
+exports.sprinkles = require_sprinkles.sprinkles;
+exports.sprinklesMerge = require_sprinkles.sprinklesMerge;
 Object.defineProperty(exports, "theme", {
 	enumerable: true,
 	get: function() {
@@ -4718,5 +246,5 @@ Object.defineProperty(exports, "tokens", {
 		return _optiaxiom_globals.tokens;
 	}
 });
-exports.useAuthContext = require_Flex.useAuthContext;
-exports.vars = require_Tooltip.vars;
+exports.useAuthContext = require_auth_provider.useAuthContext;
+exports.vars = require_sprinkles.vars;