@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/unstable.js

@@ -1,48 +1,81 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-DO_H320t.js");
-const require_Flex = require("./Flex-DvvADLIS.js");
-let _optiaxiom_icons = require("@optiaxiom/icons");
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_useSurface = require("./useSurface-Dy0GdyeS.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_Calendar = require("./Calendar-B5LRazO4.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_dialog = require("./dialog-C_RmRBrt.js");
+const require_dialogkit = require("./dialogkit-gcepZ2zv.js");
+const require_paper = require("./paper-BAtiTHb1.js");
+const require_Portal = require("./Portal-DI9aR5XU.js");
+const require_heading = require("./heading-hT47_aTz.js");
+const require_VisuallyHidden = require("./VisuallyHidden-DK0Wtj7A.js");
+const require_FieldContext = require("./FieldContext-MRvFQT4y.js");
+const require_auth_provider = require("./auth-provider.js");
+const require_LocaleContext = require("./LocaleContext-C3x9rY0T.js");
+const require_tooltip = require("./tooltip-DgIDNGYv.js");
+const require_cover = require("./cover-DGPbtad-.js");
+const require_menu = require("./menu-BpIoYUbA.js");
+const require_SuggestionAlert = require("./SuggestionAlert-DxMozAgx.js");
+const require_DataTableHeaderCell = require("./DataTableHeaderCell-DQir9j5E.js");
+const require_flex = require("./flex.js");
+let _optiaxiom_icons_IconCircleExclamation = require("@optiaxiom/icons/IconCircleExclamation");
+let _optiaxiom_icons_IconXmark = require("@optiaxiom/icons/IconXmark");
+let _radix_ui_react_id = require("@radix-ui/react-id");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/layers.css.ts.vanilla-BFWK0cT2.css");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
 let clsx = require("clsx");
-clsx = require_Tooltip.__toESM(clsx, 1);
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _optiaxiom_globals = require("@optiaxiom/globals");
 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_id = require("@radix-ui/react-id");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/DetailsPanel.css.ts.vanilla-30GK5gfw.css");
-require("./assets/DetailsPanelFooter.css.ts.vanilla-CdZnSCTj.css");
-require("./assets/DetailsPanelHeader.css.ts.vanilla-CP8KjlHE.css");
-require("./assets/FileUpload.css.ts.vanilla-vrUxRp7q.css");
-require("./assets/FileUploadDropzone.css.ts.vanilla-sHlHwXl1.css");
-require("./assets/FileUploadListItem.css.ts.vanilla-Blqjo7Fh.css");
-require("./assets/Highlight.css.ts.vanilla-B_9kz8Fu.css");
+let _optiaxiom_icons_IconAngleDown = require("@optiaxiom/icons/IconAngleDown");
+let _optiaxiom_icons_IconSearch = require("@optiaxiom/icons/IconSearch");
+let _optiaxiom_icons_IconChevronRight = require("@optiaxiom/icons/IconChevronRight");
+require("./assets/DetailsPanel.css.ts.vanilla-C5EJkJBN.css");
+require("./assets/DetailsPanelFooter.css.ts.vanilla-DNXKoUAH.css");
+require("./assets/DetailsPanelHeader.css.ts.vanilla-1c-rhz80.css");
+require("./assets/FileUpload.css.ts.vanilla-IUm_ntn9.css");
+let _optiaxiom_icons_IconUpload = require("@optiaxiom/icons/IconUpload");
+require("./assets/FileUploadDropzone.css.ts.vanilla-LlB3XXVy.css");
+let _optiaxiom_icons_IconFile = require("@optiaxiom/icons/IconFile");
+let _optiaxiom_icons_IconTrashCan = require("@optiaxiom/icons/IconTrashCan");
+require("./assets/FileUploadListItem.css.ts.vanilla-DaUobkrm.css");
+require("./assets/Highlight.css.ts.vanilla-D22ta3Cp.css");
 let _radix_ui_react_hover_card = require("@radix-ui/react-hover-card");
-_radix_ui_react_hover_card = require_Tooltip.__toESM(_radix_ui_react_hover_card, 1);
-require("./assets/HoverCardTrigger.css.ts.vanilla-DtboGivL.css");
-require("./assets/InlineInput.css.ts.vanilla-DrUj2j-d.css");
+_radix_ui_react_hover_card = require_rolldown_runtime.__toESM(_radix_ui_react_hover_card, 1);
+require("./assets/HoverCardTrigger.css.ts.vanilla-BfFlamAk.css");
+require("./assets/InlineInput.css.ts.vanilla-BLlzQpIK.css");
 let react_resizable_panels = require("react-resizable-panels");
-react_resizable_panels = require_Tooltip.__toESM(react_resizable_panels, 1);
-require("./assets/ResizableHandle.css.ts.vanilla-CTvp8Fe8.css");
-require("./assets/Layout.css.ts.vanilla-CWJfqGME.css");
-require("./assets/LayoutContent.css.ts.vanilla-Cjg4sJ2g.css");
-require("./assets/Pill.css.ts.vanilla-rRWDIr8f.css");
+react_resizable_panels = require_rolldown_runtime.__toESM(react_resizable_panels, 1);
+require("./assets/ResizableHandle.css.ts.vanilla-DkszoeYh.css");
+require("./assets/Layout.css.ts.vanilla-zEm-y1Qz.css");
+require("./assets/LayoutContent.css.ts.vanilla-BPY6UZJn.css");
+require("./assets/Pill.css.ts.vanilla-Do91x-Yd.css");
+let _optiaxiom_icons_IconPlus = require("@optiaxiom/icons/IconPlus");
 let _radix_ui_react_roving_focus = require("@radix-ui/react-roving-focus");
-_radix_ui_react_roving_focus = require_Tooltip.__toESM(_radix_ui_react_roving_focus, 1);
-require("./assets/PillMenuTrigger.css.ts.vanilla-BA5DsuPL.css");
-require("./assets/Range.css.ts.vanilla-y1lpKJhz.css");
+_radix_ui_react_roving_focus = require_rolldown_runtime.__toESM(_radix_ui_react_roving_focus, 1);
+require("./assets/PillMenuTrigger.css.ts.vanilla-Di-q1xDs.css");
+require("./assets/Range.css.ts.vanilla-g_Zh2s-0.css");
 let _dnd_kit_helpers = require("@dnd-kit/helpers");
 let _dnd_kit_react = require("@dnd-kit/react");
-require("./assets/SortableHandle.css.ts.vanilla-DXY8DX7Z.css");
+require("./assets/SortableHandle.css.ts.vanilla-Crfeq2zo.css");
 let _dnd_kit_collision = require("@dnd-kit/collision");
 let _dnd_kit_dom = require("@dnd-kit/dom");
 let _dnd_kit_react_sortable = require("@dnd-kit/react/sortable");
-require("./assets/SortableItem.css.ts.vanilla-Po1HitqO.css");
+require("./assets/SortableItem.css.ts.vanilla-qwRplh8X.css");
 //#region ../../node_modules/.pnpm/@mantine+hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.mjs
 const keyNameMap = {
 	" ": "space",
@@ -149,7 +182,7 @@ function useHotkeys(hotkeys, tagsToIgnore = [
 * @experimental
 */
 function useDialogKit() {
-	const context = (0, react.useContext)(require_Flex.DialogKitContext);
+	const context = (0, react.useContext)(require_dialog.DialogKitContext);
 	if (!context) throw new Error(`\`useDialogItemContext\` must be used within managed dialogs.`);
 	return { 
 	/**
@@ -167,28 +200,28 @@ id: context.id };
 */
 function DataTableExpandableCell({ children, getValue, row }) {
 	const labelPrefixId = (0, _radix_ui_react_id.useId)();
-	const { labelId } = require_Flex.useDataTableRowContext("@optiaxiom/react/DataTableExpandableCell");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
+	const { labelId } = require_DataTableHeaderCell.useDataTableRowContext("@optiaxiom/react/DataTableExpandableCell");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
 		alignItems: "start",
 		gap: "8",
 		children: [
-			Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+			Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 				flex: "none",
 				w: "sm"
 			}, index)),
-			row.getCanExpand() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
+			row.getCanExpand() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 				appearance: "subtle",
 				"aria-expanded": row.getIsExpanded(),
 				"aria-label": "Toggle row",
 				"aria-labelledby": (0, clsx.default)(labelPrefixId, labelId),
 				flex: "none",
-				icon: row.getIsExpanded() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconAngleDown, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconChevronRight, {}),
+				icon: row.getIsExpanded() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconAngleDown.IconAngleDown, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconChevronRight.IconChevronRight, {}),
 				id: labelPrefixId,
 				onClick: row.getToggleExpandedHandler(),
 				size: "sm",
 				style: { marginBlock: -2 },
 				type: "button"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 				flex: "none",
 				w: "sm"
 			}),
@@ -206,7 +239,7 @@ DataTableExpandableCell.displayName = "@optiaxiom/react/DataTableExpandableCell"
 * @experimental
 */
 function DataTableExpandableHeader({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		ml: "32",
 		children
 	});
@@ -214,14 +247,14 @@ function DataTableExpandableHeader({ children }) {
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 //#endregion
 //#region src/details-panel/DetailsPanel.css.ts
-var root$3 = require_Tooltip.recipeRuntime({ base: [{
+var root$3 = require_recipeRuntime.recipeRuntime({ base: [{
 	bg: "bg.default",
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_1l5i8j8"] });
+}, "_13uwv6m"] });
 //#endregion
 //#region src/details-panel/DetailsPanelContext.ts
 const [DetailsPanelProvider, useDetailsPanelContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DetailsPanel");
@@ -243,7 +276,7 @@ const DetailsPanel = (0, react.forwardRef)(({ asChild, children, className, ...p
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailsPanelProvider, {
 		descriptionId,
 		labelId,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			"aria-describedby": descriptionId,
 			"aria-labelledby": labelId,
 			asChild: true,
@@ -264,7 +297,7 @@ DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
 * @group DetailsPanel
 */
 const DetailsPanelBody = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 		flex: "1",
 		flexDirection: "column",
 		fontSize: "md",
@@ -278,21 +311,21 @@ const DetailsPanelBody = (0, react.forwardRef)(({ children, ...props }, ref) =>
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.css.ts
-var footer = require_Tooltip.recipeRuntime({ base: [{
+var footer = require_recipeRuntime.recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "tu0bot"] });
+}, "_1tbwn6z"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
 * @group DetailsPanel
 */
 const DetailsPanelFooter = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.ButtonProvider, {
 		size: "lg",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 			ref,
 			...footer({}, className),
 			...props,
@@ -303,14 +336,14 @@ const DetailsPanelFooter = (0, react.forwardRef)(({ children, className, ...prop
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.css.ts
-var header = require_Tooltip.recipeRuntime({ base: [{
+var header = require_recipeRuntime.recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
 	display: "flex",
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_1px3wyi"] });
+}, "_22ksmm"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -318,18 +351,18 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 */
 const DetailsPanelHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
 	const { descriptionId, labelId } = useDetailsPanelContext("@optiaxiom/react/DetailsPanelHeader");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.ButtonProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.ButtonProvider, {
 		size: "sm",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 			ref,
 			...header({}, className),
 			...props,
 			children: [
-				addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+				addonBefore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 					gap: "8",
 					children: addonBefore
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Heading, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_heading.Heading, {
 					asChild: true,
 					flex: "1",
 					level: "4",
@@ -338,17 +371,17 @@ const DetailsPanelHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, chi
 						children
 					})
 				}),
-				addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+				addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 					gap: "8",
 					children: addonAfter
 				}),
-				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
 					asChild: true,
 					color: "fg.secondary",
 					fontSize: "sm",
 					id: descriptionId,
 					w: "full",
-					children: require_Tooltip.fallbackSpan(description)
+					children: require_button.fallbackSpan(description)
 				})
 			]
 		})
@@ -357,11 +390,11 @@ const DetailsPanelHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, chi
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 //#endregion
 //#region src/file-upload/FileUpload.css.ts
-var upload = require_Tooltip.recipeRuntime({ base: [{
+var upload = require_recipeRuntime.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_16ukm37"] });
+}, "_7av555"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -384,7 +417,7 @@ const FileUpload = (0, react.forwardRef)(({ accept, children, className, disable
 		inputRef,
 		onFilesDrop,
 		rootRef: innerRef,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			ref,
 			...upload({}, className),
 			...props,
@@ -395,7 +428,7 @@ const FileUpload = (0, react.forwardRef)(({ accept, children, className, disable
 FileUpload.displayName = "@optiaxiom/react/FileUpload";
 //#endregion
 //#region src/file-upload/FileUploadDropzone.css.ts
-var dropzone = require_Tooltip.recipeRuntime({
+var dropzone = require_recipeRuntime.recipeRuntime({
 	base: [{
 		alignItems: "center",
 		bg: "bg.secondary",
@@ -406,23 +439,23 @@ var dropzone = require_Tooltip.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_9pryvt"],
+	}, "_1ydkqlj"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1syv3mu"]
+			true: ["_1p807u6"]
 		},
 		hidden: {
-			false: "_6kck33",
-			true: "_1qvuvbu"
+			false: "_1grc3f7",
+			true: "_1in3nza"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_9cgn8p"]
+			true: [{ z: "10" }, "_64tew6"]
 		}
 	}
 });
-var label = require_Tooltip.recipeRuntime({
+var label = require_recipeRuntime.recipeRuntime({
 	base: [{
 		alignItems: "center",
 		flexDirection: "column",
@@ -430,7 +463,7 @@ var label = require_Tooltip.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "io0fcv"
+		true: "_11bdd1m"
 	} }
 });
 //#endregion
@@ -449,11 +482,11 @@ const Slot$3 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/FileUpload
 * @extends Button
 */
 const FileUploadTrigger = (0, react.forwardRef)(({ asChild, children, onClick, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const Comp = asChild ? Slot$3 : require_Tooltip.Button;
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const Comp = asChild ? Slot$3 : require_button.Button;
 	const { disabled } = useFileUploadContext("@optiaxiom/react/FileUploadTrigger");
 	const open = useFileUploadTrigger();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		asChild: true,
 		...boxProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
@@ -544,7 +577,7 @@ const useFileUploadDragging = ({ onDragEnter, onDragLeave, onDrop, ...props } =
 //#region src/file-upload/useFileUploadDrop.ts
 const useFileUploadDrop = ({ onDragOver, onDrop, ...props } = {}) => {
 	const { accept, disabled, onFilesDrop } = useFileUploadContext("@optiaxiom/react/useFileUploadDrop");
-	const auth = require_Flex.useAuthContext();
+	const auth = require_auth_provider.useAuthContext();
 	return {
 		...props,
 		onDragOver: (event) => {
@@ -667,7 +700,7 @@ const FileUploadDropzone = (0, react.forwardRef)(({ children, className, descrip
 	const innerRef = (0, react.useRef)(null);
 	useStickyPosition(innerRef, overlay && isDraggingOverBody);
 	const size = useContainerSize(innerRef) ?? 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
 		fontSize: size > 448 ? "lg" : "md",
 		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef),
 		...dropzone({
@@ -677,7 +710,7 @@ const FileUploadDropzone = (0, react.forwardRef)(({ children, className, descrip
 		}, className),
 		...useFileUploadDrop(useFileUploadDragging(props, setIsDragging)),
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.VisuallyHidden, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_VisuallyHidden.VisuallyHidden, {
 				asChild: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 					accept,
@@ -693,17 +726,17 @@ const FileUploadDropzone = (0, react.forwardRef)(({ children, className, descrip
 					type: "file"
 				})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
 				...label({ disabled }),
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
 						asChild: true,
 						color: "fg.secondary",
 						h: size > 448 ? "lg" : "sm",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconUpload, {})
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconUpload.IconUpload, {})
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, { children: label$1 }),
-					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, { children: label$1 }),
+					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
 						color: "fg.tertiary",
 						children: description
 					})
@@ -716,7 +749,7 @@ const FileUploadDropzone = (0, react.forwardRef)(({ children, className, descrip
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 //#endregion
 //#region src/file-upload/FileUploadListItem.css.ts
-var item$1 = require_Tooltip.recipeRuntime({ base: [{
+var item$1 = require_recipeRuntime.recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "row",
 	fontSize: "md",
@@ -724,11 +757,11 @@ var item$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_1ym8jz5"] });
-var name = require_Tooltip.recipeRuntime({ base: [{
+}, "q3dyhh"] });
+var name = require_recipeRuntime.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_1eh0rs9"] });
+}, "_1bp2p50"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -764,22 +797,22 @@ function formatFileType(file) {
 }
 const FileUploadListItem = (0, react.forwardRef)(({ className, item, onRemove, ...props }, ref) => {
 	const { file, status } = item;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Flex, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_flex.Flex, {
 		ref,
 		...item$1({}, className),
 		...props,
 		children: [
-			status === "uploading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Spinner, { size: "sm" }) : status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
+			status === "uploading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner.Spinner, { size: "sm" }) : status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
 				asChild: true,
 				color: "fg.error",
 				h: "auto",
 				w: "24",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconCircleExclamation, { filled: true })
-			}) : file.type.startsWith("image/") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconCircleExclamation.IconCircleExclamation, { filled: true })
+			}) : file.type.startsWith("image/") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 				overflow: "hidden",
 				rounded: "sm",
 				size: "24",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 					asChild: true,
 					h: "full",
 					objectFit: "cover",
@@ -789,20 +822,20 @@ const FileUploadListItem = (0, react.forwardRef)(({ className, item, onRemove, .
 						src: URL.createObjectURL(file)
 					})
 				})
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
 				asChild: true,
 				color: "fg.tertiary",
 				h: "auto",
 				w: "24",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconFile, { filled: true })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconFile.IconFile, { filled: true })
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Flex, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_flex.Flex, {
 				flex: "1",
 				gap: "2",
 				overflow: "hidden",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Cover, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cover.Cover, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
 						asChild: true,
 						lineClamp: "2",
 						...name(),
@@ -812,27 +845,27 @@ const FileUploadListItem = (0, react.forwardRef)(({ className, item, onRemove, .
 							children: file.name
 						})
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Group, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
 					fontSize: "sm",
 					gap: "4",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Text, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_text.Text, {
 						color: "fg.tertiary",
 						children: [
 							formatFileType(file),
 							" • ",
 							formatFileSize(file.size)
 						]
-					}), status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
+					}), status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
 						color: "fg.error",
 						children: "Upload failed"
 					})]
 				})]
 			}),
-			onRemove && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
+			onRemove && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 				appearance: "subtle",
 				"aria-label": "Remove file",
 				disabled: status === "uploading",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconTrashCan, {}),
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconTrashCan.IconTrashCan, {}),
 				onClick: onRemove
 			})
 		]
@@ -842,7 +875,7 @@ FileUploadListItem.displayName = "@optiaxiom/react/FileUploadListItem";
 //#endregion
 //#region src/file-upload/FileUploadList.tsx
 const FileUploadList = (0, react.forwardRef)(({ items, onRemove, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Flex, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_flex.Flex, {
 		gap: "12",
 		ref,
 		...props,
@@ -855,7 +888,7 @@ const FileUploadList = (0, react.forwardRef)(({ items, onRemove, ...props }, ref
 FileUploadList.displayName = "@optiaxiom/react/FileUploadList";
 //#endregion
 //#region src/highlight/Highlight.css.ts
-var mark$1 = require_Tooltip.recipeRuntime({ base: "_12bozja" });
+var mark$1 = require_recipeRuntime.recipeRuntime({ base: "_1ljt77j" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -883,10 +916,10 @@ function escapeRegExp(string) {
 */
 const Highlight = (0, react.forwardRef)(({ children = (chunk) => chunk, content, query, ...props }, ref) => {
 	const chunks = useHighlightedChunks(content || "", query);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		ref,
 		...props,
-		children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: highlighted ? children(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: highlighted ? children(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			asChild: true,
 			...mark$1(),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", { children: chunk })
@@ -938,15 +971,15 @@ const HoverCardContent = (0, react.forwardRef)(({ align = "start", asChild, chil
 	const innerRef = (0, react.useRef)(null);
 	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
 	const { open, presence, setPresence } = useHoverCardContext("@optiaxiom/react/HoverCardContent");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TransitionGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.TransitionGroup, {
 		onPresenceChange: setPresence,
 		open,
 		presence,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Portal, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Portal.Portal, {
 			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Transition, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.Transition, {
 				duration: "sm",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Paper, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paper.Paper, {
 					asChild: true,
 					display: "flex",
 					flexDirection: "column",
@@ -972,15 +1005,15 @@ const HoverCardContent = (0, react.forwardRef)(({ align = "start", asChild, chil
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 //#endregion
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger$1 = require_Tooltip.recipeRuntime({ base: "zyby9c" });
+var trigger$1 = require_recipeRuntime.recipeRuntime({ base: "icfh9u" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
 * @group HoverCard
 */
 const HoverCardTrigger = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		asChild: true,
 		...trigger$1({}, className),
 		...boxProps,
@@ -994,14 +1027,14 @@ const HoverCardTrigger = (0, react.forwardRef)(({ children, className, ...props
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
-var editor = require_Tooltip.recipeRuntime({
-	base: "_1fzvdq7",
+var editor = require_recipeRuntime.recipeRuntime({
+	base: "_1b1okqi",
 	variants: { empty: {
 		false: {},
-		true: "_1e5ftx"
+		true: "_1fkw6vg"
 	} }
 });
-var input = require_Tooltip.recipeRuntime({ base: "fqg8yu" });
+var input = require_recipeRuntime.recipeRuntime({ base: "_51fhlo" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1032,10 +1065,10 @@ const InlineInput = (0, react.forwardRef)(({ className, defaultValue = "", disab
 			} else editorRef.current.innerText = clippedValue ?? "null";
 		}
 	}, [multiline, value]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		...input({}, className),
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			"aria-multiline": multiline,
 			"aria-readonly": disabled,
 			contentEditable: !disabled && "plaintext-only",
@@ -1080,28 +1113,28 @@ const Resizable = ({ ...props }) => {
 Resizable.displayName = "@optiaxiom/react/Resizable";
 //#endregion
 //#region src/resizable/ResizableHandle.css.ts
-var handle$1 = require_Tooltip.recipeRuntime({ base: [{
+var handle$1 = require_recipeRuntime.recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "att7kq"] });
-var root$2 = require_Tooltip.recipeRuntime({ base: [{
+}, "_1oelqnv"] });
+var root$2 = require_recipeRuntime.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "z3jduj"] });
+}, "_1skjqlb"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 		asChild: true,
 		...root$2(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.PanelResizeHandle, {
 			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { ...handle$1() })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, { ...handle$1() })
 		})
 	});
 };
@@ -1114,16 +1147,16 @@ const ResizablePanel = ({ ...props }) => {
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 //#endregion
 //#region src/layout/Layout.css.ts
-var layout = require_Tooltip.recipeRuntime({
+var layout = require_recipeRuntime.recipeRuntime({
 	base: [{
 		bg: "bg.default",
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "naebv1"],
+	}, "x6zxzr"],
 	variants: { size: {
-		full: "_10yx5jz",
-		screen: "_1rnnoed"
+		full: "_15uvs53",
+		screen: "_1g9ss5i"
 	} }
 });
 //#endregion
@@ -1136,17 +1169,17 @@ var layout = require_Tooltip.recipeRuntime({
 * @experimental
 */
 const Layout = (0, react.forwardRef)(({ children, className, detailsPanel, header, resizable, sidebar, size = "screen", ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 		ref,
 		...layout({ size }, className),
 		...props,
-		children: [header, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+		children: [header, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 			display: "flex",
 			flex: "1",
 			overflow: "auto",
 			children: [sidebar, resizable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Resizable, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResizablePanel, {
 				minSize: 33,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 					asChild: true,
 					h: "full",
 					children
@@ -1155,14 +1188,14 @@ const Layout = (0, react.forwardRef)(({ children, className, detailsPanel, heade
 				defaultSize: 33,
 				minSize: 33,
 				children: detailsPanel
-			})] })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+			})] })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 				display: "flex",
 				flex: "1",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 					asChild: true,
 					w: detailsPanel ? "2/3" : "full",
 					children
-				}), detailsPanel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				}), detailsPanel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 					w: "1/3",
 					children: detailsPanel
 				})]
@@ -1173,7 +1206,7 @@ const Layout = (0, react.forwardRef)(({ children, className, detailsPanel, heade
 Layout.displayName = "@optiaxiom/react/Layout";
 //#endregion
 //#region src/layout/LayoutContent.css.ts
-var content = require_Tooltip.recipeRuntime({ base: [{
+var content = require_recipeRuntime.recipeRuntime({ base: [{
 	bg: "bg.page",
 	flexDirection: "column",
 	gap: "16",
@@ -1183,14 +1216,14 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "mv0a7q"] });
+}, "_3d2bsp"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
 * @group Layout
 */
 const LayoutContent = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 		ref,
 		tabIndex: 0,
 		...content({}, className),
@@ -1201,7 +1234,7 @@ const LayoutContent = (0, react.forwardRef)(({ children, className, ...props },
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 //#endregion
 //#region src/pill/Pill.css.ts
-var pill = require_Tooltip.recipeRuntime({
+var pill = require_recipeRuntime.recipeRuntime({
 	base: [{
 		alignItems: "center",
 		color: "fg.default",
@@ -1214,11 +1247,11 @@ var pill = require_Tooltip.recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1dzirlf"],
+	}, "aqquaf"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_1i4rhwr"
+			true: "k6cglv"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1238,8 +1271,8 @@ const Slot$2 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Pill");
 */
 const Pill = (0, react.forwardRef)(({ asChild, children, className, disabled, onClick, onDismiss, readOnly, size = "sm", ...props }, ref) => {
 	const Comp = asChild ? Slot$2 : readOnly ? "span" : "button";
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		asChild: true,
 		"data-disabled": disabled ? "" : void 0,
 		...pill({
@@ -1257,14 +1290,14 @@ const Pill = (0, react.forwardRef)(({ asChild, children, className, disabled, on
 			},
 			ref,
 			...restProps,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Text, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
 				truncate: true,
 				children
-			}), onDismiss && !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Icon, {
+			}), onDismiss && !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
 				asChild: true,
 				h: "12",
 				ml: "auto",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconXmark, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconXmark.IconXmark, {})
 			})]
 		})
 	});
@@ -1276,7 +1309,7 @@ Pill.displayName = "@optiaxiom/react/Pill";
 * @group Pill
 */
 const PillGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 		flexWrap: "wrap",
 		gap: "8",
 		ref,
@@ -1307,14 +1340,14 @@ const PillMenu = (0, react.forwardRef)(({ children, defaultOpen = false, empty,
 		onChange: onOpenChange,
 		prop: openProp
 	});
-	const debouncedOnInputValueChange = require_Flex.useDebouncedCallback((value) => onInputValueChange?.(value), 300);
+	const debouncedOnInputValueChange = require_input.useDebouncedCallback((value) => onInputValueChange?.(value), 300);
 	const options = optionsProp ?? valueProp ?? EMPTY_LIST;
-	const value = valueProp ?? (optionsProp ? optionsProp.filter((item) => require_Flex.resolveItemProperty(item.selected)) : EMPTY_LIST);
+	const value = valueProp ?? (optionsProp ? optionsProp.filter((item) => require_menu.resolveItemProperty(item.selected)) : EMPTY_LIST);
 	const [selectedKeys, setSelectedKeys] = (0, react.useState)(() => collectSelectedKeys(value));
 	const optionIndexes = (0, react.useMemo)(() => groupOptions(options, selectedKeys), [options, selectedKeys]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PillMenuProvider, {
 		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Menu, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.Menu, {
 			empty,
 			inputValue,
 			inputVisible,
@@ -1339,7 +1372,7 @@ const PillMenu = (0, react.forwardRef)(({ children, defaultOpen = false, empty,
 				valueProp
 			]),
 			placeholder,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 				alignItems: value.length ? void 0 : "start",
 				display: "flex",
 				flexDirection: "column",
@@ -1351,7 +1384,7 @@ const PillMenu = (0, react.forwardRef)(({ children, defaultOpen = false, empty,
 	});
 });
 PillMenu.displayName = "@optiaxiom/react/PillMenu";
-const optionKey = (option) => option.key ?? require_Flex.resolveItemProperty(option.label, { inputValue: void 0 });
+const optionKey = (option) => option.key ?? require_menu.resolveItemProperty(option.label, { inputValue: void 0 });
 const collectSelectedKeys = (options) => new Set(options.map(optionKey));
 const groupOptions = (options, selectedKeys) => options.map((option, index) => ({
 	index,
@@ -1372,7 +1405,7 @@ const groupOptions = (options, selectedKeys) => options.map((option, index) => (
 */
 const PillMenuContent = (0, react.forwardRef)((props, ref) => {
 	const lastFocusRef = (0, react.useRef)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuContent, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuContent, {
 		onCloseAutoFocus: (event) => {
 			if (lastFocusRef.current instanceof HTMLElement && lastFocusRef.current !== document.body && document.body.contains(lastFocusRef.current)) {
 				event.preventDefault();
@@ -1395,11 +1428,11 @@ const [RovingFocusProvider, useRovingFocusContext] = (0, _radix_ui_react_context
 //#region src/roving-focus/RovingFocus.tsx
 const Slot$1 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/RovingFocus");
 const RovingFocus = (0, react.forwardRef)(({ asChild, children, disabled, loop, orientation, ...props }, ref) => {
-	const FocusComp = disabled ? require_Tooltip.Box : _radix_ui_react_roving_focus.Root;
+	const FocusComp = disabled ? require_box.Box : _radix_ui_react_roving_focus.Root;
 	const Comp = asChild ? Slot$1 : "div";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RovingFocusProvider, {
 		disabled,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			asChild: true,
 			ref,
 			...props,
@@ -1420,9 +1453,9 @@ RovingFocus.displayName = "@optiaxiom/react/RovingFocus";
 const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/RovingFocusItem");
 const RovingFocusItem = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
 	const { disabled } = useRovingFocusContext("@optiaxiom/react/RovingFocusItem");
-	const FocusComp = disabled ? require_Tooltip.Box : _radix_ui_react_roving_focus.Item;
+	const FocusComp = disabled ? require_box.Box : _radix_ui_react_roving_focus.Item;
 	const Comp = asChild ? Slot : "div";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		asChild: true,
 		ref,
 		...props,
@@ -1437,12 +1470,12 @@ RovingFocusItem.displayName = "@optiaxiom/react/RovingFocusItem";
 //#region src/pill-menu/PillMenuPill.tsx
 const PillMenuPill = (0, react.forwardRef)(({ item, onKeyDown, readOnly, ...props }, ref) => {
 	const { value: options } = usePillMenuContext("@optiaxiom/react/PillMenuPill");
-	const { open, setOpen } = require_Flex.useMenuContext("@optiaxiom/react/PillMenuPill");
-	const { inputValue } = require_Flex.useCommandContext("@optiaxiom/react/PillMenuPill");
+	const { open, setOpen } = require_menu.useMenuContext("@optiaxiom/react/PillMenuPill");
+	const { inputValue } = require_menu.useCommandContext("@optiaxiom/react/PillMenuPill");
 	const index = options.indexOf(item);
 	const hasInteractedInsideRef = (0, react.useRef)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-		content: require_Flex.resolveItemProperty(item.disabledReason),
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.Tooltip, {
+		content: require_menu.resolveItemProperty(item.disabledReason),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pill, {
 			onClick: () => {
 				if (hasInteractedInsideRef.current) {
@@ -1459,7 +1492,7 @@ const PillMenuPill = (0, react.forwardRef)(({ item, onKeyDown, readOnly, ...prop
 					* unless it's the only item as radix will automatically move focus
 					* back to last available item.
 					*/
-					if (require_Flex.resolveItemProperty(item.disabledReason)) return;
+					if (require_menu.resolveItemProperty(item.disabledReason)) return;
 					if (index === 0 || index !== options.length - 1) event.key = index > 0 ? "ArrowLeft" : "ArrowRight";
 					item.execute?.({
 						dismiss: false,
@@ -1474,30 +1507,30 @@ const PillMenuPill = (0, react.forwardRef)(({ item, onKeyDown, readOnly, ...prop
 			readOnly,
 			ref,
 			...props,
-			children: require_Flex.resolveItemProperty(item.label, { inputValue })
+			children: require_menu.resolveItemProperty(item.label, { inputValue })
 		})
 	});
 });
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.css.ts
-var root$1 = require_Tooltip.recipeRuntime({
+var root$1 = require_recipeRuntime.recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_11oyj29"],
+	}, "_120ouur"],
 	variants: { size: {
-		md: "k8ye0v",
-		lg: "_1ocpv8o"
+		md: "o328bf",
+		lg: "_1mdgvnl"
 	} }
 });
-var trigger = require_Tooltip.recipeRuntime({ base: [{
+var trigger = require_recipeRuntime.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "zoa0sg"] });
-var wrapper = require_Tooltip.recipeRuntime({ base: "_1h6gwu4" });
+}, "_1ccxk95"] });
+var wrapper = require_recipeRuntime.recipeRuntime({ base: "ps490w" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1510,11 +1543,11 @@ const remapSize = {
 */
 const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly, size = "md", ...props }, outerRef) => {
 	const { value } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
-	const { size: menuSize } = require_Flex.useMenuContext("@optiaxiom/react/PillMenuTrigger");
-	const { inputValue } = require_Flex.useCommandContext("@optiaxiom/react/PillMenuTrigger");
+	const { size: menuSize } = require_menu.useMenuContext("@optiaxiom/react/PillMenuTrigger");
+	const { inputValue } = require_menu.useCommandContext("@optiaxiom/react/PillMenuTrigger");
 	const innerRef = (0, react.useRef)(null);
 	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 		...wrapper(),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PillGroup, {
 			asChild: true,
@@ -1534,7 +1567,7 @@ const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly,
 						readOnly,
 						size: remapSize[size]
 					})
-				}, item.key ?? require_Flex.resolveItemProperty(item.label, { inputValue }))), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PillGroup, { children: [value.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RovingFocusItem, {
+				}, item.key ?? require_menu.resolveItemProperty(item.label, { inputValue }))), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PillGroup, { children: [value.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RovingFocusItem, {
 					asChild: true,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PillMenuPill, {
 						item: value[value.length - 1],
@@ -1543,7 +1576,7 @@ const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly,
 					})
 				}, "pill"), !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RovingFocusItem, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuTrigger, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuTrigger, {
 						"aria-label": props["aria-label"] ?? (typeof children === "string" ? children : void 0),
 						asChild: true,
 						onKeyDown: (event) => {
@@ -1551,48 +1584,48 @@ const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly,
 							if (event.key === "Backspace") {
 								if (value.length) {
 									const last = value.length - 1;
-									if (!require_Flex.resolveItemProperty(value[last].disabledReason)) value[last].execute?.({
+									if (!require_menu.resolveItemProperty(value[last].disabledReason)) value[last].execute?.({
 										dismiss: false,
 										inputValue
 									});
 								}
 							}
 						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Cover, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cover.Cover, {
 							asChild: true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 								asChild: true,
 								size: remapSize[size],
 								...trigger(),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconPlus, { size: "16" }) })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconPlus.IconPlus, { size: "16" }) })
 							})
 						})
 					})
 				}, "trigger")] })]
 			})
-		}), menuSize === "sm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.PopoverAnchor, { staticRef: innerRef })]
+		}), menuSize === "sm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.PopoverAnchor, { staticRef: innerRef })]
 	});
 });
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 //#endregion
 //#region src/range/Range.css.ts
-var control = require_Tooltip.recipeRuntime({ base: [{ bg: "transparent" }, "_1oiwgkt"] });
-var fillValue = "var(--_1tuusv0)";
-var mark = require_Tooltip.recipeRuntime({
-	base: [{ transition: "colors" }, "q4s1d"],
+var control = require_recipeRuntime.recipeRuntime({ base: [{ bg: "transparent" }, "du9wcx"] });
+var fillValue = "var(--g1wq59)";
+var mark = require_recipeRuntime.recipeRuntime({
+	base: [{ transition: "colors" }, "qokr7i"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--_1t5hkc)";
-var range = require_Tooltip.recipeRuntime({ base: [{
+var markValue = "var(--_10ke19f)";
+var range = require_recipeRuntime.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_1ibpnrv"] });
-var root = require_Tooltip.recipeRuntime({
+}, "_1q04ywl"] });
+var root = require_recipeRuntime.recipeRuntime({
 	base: [
-		"_16dx0y4",
+		"_1gqoy5k",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1600,7 +1633,7 @@ var root = require_Tooltip.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_1ar3ynm"
+		"_1lrq1p1"
 	],
 	variants: {
 		marks: {
@@ -1613,17 +1646,17 @@ var root = require_Tooltip.recipeRuntime({
 		}
 	}
 });
-var thumb = require_Tooltip.recipeRuntime({ base: [{
+var thumb = require_recipeRuntime.recipeRuntime({ base: [{
 	border: "1",
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "skwqr1"] });
-var track = require_Tooltip.recipeRuntime({ base: [{
+}, "_1yek46u"] });
+var track = require_recipeRuntime.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "xfpeds"] });
+}, "_1ioaz1h"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1651,8 +1684,8 @@ const useTooltipState = () => {
 * @experimental
 */
 const Range = (0, react.forwardRef)(({ className, defaultValue = 0, disabled, getLabel = (value) => value, marks, max = 100, min = 0, onChange, onValueChange, showTooltip = false, size = "md", step = 1, value: valueProp, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const { descriptionId, error, errorId, inputId } = require_Flex.useFieldContext("@optiaxiom/react/Range");
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const { descriptionId, error, errorId, inputId } = require_FieldContext.useFieldContext("@optiaxiom/react/Range");
 	const [value, setValue] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
 		caller: "@optiaxiom/react/Range",
 		defaultProp: defaultValue,
@@ -1662,26 +1695,26 @@ const Range = (0, react.forwardRef)(({ className, defaultValue = 0, disabled, ge
 	const fillValue$1 = `${(value - min) / (max - min)}`;
 	const [tooltipOpen, setTooltipOpen] = useTooltipState();
 	const isPointerInsideRef = (0, react.useRef)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 		"data-disabled": disabled ? "" : void 0,
 		...root({
 			marks: !!marks,
 			size
 		}, className),
 		...boxProps,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_box.Box, {
 			style: (0, _vanilla_extract_dynamic.assignInlineVars)({ [fillValue]: fillValue$1 }),
 			...track(),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { ...range() }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, { ...range() }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.Tooltip, {
 					content: getLabel(value),
 					disabled: disabled || !showTooltip,
 					disableHoverableContent: true,
 					open: tooltipOpen,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, { ...thumb() })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, { ...thumb() })
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 					"aria-describedby": errorId || descriptionId ? (0, clsx.default)(errorId, descriptionId) : void 0,
 					"aria-disabled": disabled,
 					"aria-invalid": error ? true : void 0,
@@ -1725,7 +1758,7 @@ const Range = (0, react.forwardRef)(({ className, defaultValue = 0, disabled, ge
 		}), marks?.map((mark) => typeof mark === "number" ? {
 			label: getLabel(mark),
 			value: mark
-		} : mark).map((mark$2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		} : mark).map((mark$2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			onClick: () => {
 				if (!disabled) setValue(mark$2.value);
 			},
@@ -1777,7 +1810,7 @@ const Sortable = (0, react.forwardRef)(({ children, items: itemsProp, onChange,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableProvider, {
 			cacheRef,
 			isSorting: itemsState !== null,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 				flexDirection: "column",
 				gap: "16",
 				...props,
@@ -1811,7 +1844,7 @@ const SortableGroup = (0, react.forwardRef)(({ children, group: id, ...props },
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableGroupProvider, {
 		id,
 		setHasDropTarget,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 			flexDirection: "column",
 			gap: "16",
 			ref,
@@ -1823,7 +1856,7 @@ const SortableGroup = (0, react.forwardRef)(({ children, group: id, ...props },
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 //#endregion
 //#region src/sortable/SortableHandle.css.ts
-var handle = require_Tooltip.recipeRuntime({ base: "dtyzkd" });
+var handle = require_recipeRuntime.recipeRuntime({ base: "_15bcbwb" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1835,7 +1868,7 @@ const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_conte
 const SortableHandle = (0, react.forwardRef)(({ children, className, ...props }, outerRef) => {
 	const { handleRef, isDragging } = useSortableItemContext("@optiaxiom/react/SortableHandle");
 	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(handleRef, outerRef);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		"aria-label": "draggable",
 		"data-state": isDragging ? "active" : void 0,
 		ref,
@@ -1847,11 +1880,11 @@ const SortableHandle = (0, react.forwardRef)(({ children, className, ...props },
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
-var item = require_Tooltip.recipeRuntime({
-	base: "_1fleov8",
+var item = require_recipeRuntime.recipeRuntime({
+	base: "_1xnaej8",
 	variants: { handle: {
 		false: {},
-		true: "z3ii2k"
+		true: "_1nvsizq"
 	} }
 });
 //#endregion
@@ -1887,7 +1920,7 @@ const SortableItem = (0, react.forwardRef)(({ children, className, index, item:
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItemProvider, {
 		handleRef,
 		isDragging,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 			"data-sortable-dragging": isDragging ? "" : void 0,
 			ref,
 			...item({ handle: !handleRef.current }, className),
@@ -1905,7 +1938,7 @@ SortableItem.displayName = "@optiaxiom/react/SortableItem";
 * @experimental
 */
 function Spotlight({ children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Menu, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.Menu, {
 		inputVisible: "always",
 		size: "lg",
 		...props,
@@ -1919,7 +1952,7 @@ Spotlight.displayName = "@optiaxiom/react/Spotlight";
 * @group Spotlight
 */
 const SpotlightContent = (0, react.forwardRef)((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuContent, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuContent, {
 		"aria-label": "Quick search",
 		ref,
 		...props
@@ -1933,15 +1966,15 @@ const DEFAULT_HOTKEY = "mod+K";
 * @group Spotlight
 */
 const SpotlightTrigger = (0, react.forwardRef)(({ children, ...props }, ref) => {
-	const { open, setOpen } = require_Flex.useMenuContext("@optiaxiom/react/SpotlightTrigger");
+	const { open, setOpen } = require_menu.useMenuContext("@optiaxiom/react/SpotlightTrigger");
 	useHotkeys([[DEFAULT_HOTKEY, () => setOpen(!open)]]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.MenuTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuTrigger, {
 		asChild: true,
 		ref,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons.IconSearch, {}),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconSearch.IconSearch, {}),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 				color: "fg.tertiary",
 				children
 			})
@@ -1980,15 +2013,15 @@ function formatDate(locale, date, { showDate = true, showTime = false }) {
 * @experimental
 */
 const Time = (0, react.forwardRef)(({ date, showDate = true, showTime, ...props }, ref) => {
-	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
-	const { locale } = require_Flex.useLocaleContext("@optiaxiom/react/Time");
+	const { boxProps, restProps } = require_box.extractBoxProps(props);
+	const { locale } = require_LocaleContext.useLocaleContext("@optiaxiom/react/Time");
 	const parsed = date instanceof Date ? date : new Date(date ?? NaN);
 	if (Number.isNaN(parsed.getTime())) return null;
 	const value = formatDate(locale, parsed, {
 		showDate,
 		showTime
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
 		asChild: true,
 		...boxProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
@@ -2001,10 +2034,10 @@ const Time = (0, react.forwardRef)(({ date, showDate = true, showTime, ...props
 });
 Time.displayName = "@optiaxiom/react/Time";
 //#endregion
-exports.Calendar = require_Flex.Calendar;
+exports.Calendar = require_Calendar.Calendar;
 exports.DataTableExpandableCell = DataTableExpandableCell;
 exports.DataTableExpandableHeader = DataTableExpandableHeader;
-exports.DataTableHeaderCell = require_Flex.DataTableHeaderCell;
+exports.DataTableHeaderCell = require_DataTableHeaderCell.DataTableHeaderCell;
 exports.DetailsPanel = DetailsPanel;
 exports.DetailsPanelBody = DetailsPanelBody;
 exports.DetailsPanelFooter = DetailsPanelFooter;
@@ -2033,8 +2066,8 @@ exports.SortableItem = SortableItem;
 exports.Spotlight = Spotlight;
 exports.SpotlightContent = SpotlightContent;
 exports.SpotlightTrigger = SpotlightTrigger;
-exports.SuggestionAlert = require_Flex.SuggestionAlert;
-exports.SuggestionPopover = require_Flex.SuggestionPopover;
+exports.SuggestionAlert = require_SuggestionAlert.SuggestionAlert;
+exports.SuggestionPopover = require_SuggestionPopover.SuggestionPopover;
 Object.defineProperty(exports, "SurfaceProvider", {
 	enumerable: true,
 	get: function() {
@@ -2042,9 +2075,9 @@ Object.defineProperty(exports, "SurfaceProvider", {
 	}
 });
 exports.Time = Time;
-exports.VisuallyHidden = require_Flex.VisuallyHidden;
-exports.createDialogKit = require_Flex.createDialogKit;
-exports.dialogkit = require_Flex.dialogkit;
+exports.VisuallyHidden = require_VisuallyHidden.VisuallyHidden;
+exports.createDialogKit = require_dialogkit.createDialogKit;
+exports.dialogkit = require_dialogkit.dialogkit;
 exports.useDialogKit = useDialogKit;
 exports.useFileUploadTrigger = useFileUploadTrigger;
-exports.useSurface = require_Tooltip.useSurface;
+exports.useSurface = require_useSurface.useSurface;