@optiaxiom/react 3.1.9 → 3.3.0

package/dist/cjs/unstable.js

@@ -1,11 +1,11 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-DXFfXhOq.js");
-const require_Flex = require("./Flex-CCa6lJll.js");
+const require_Tooltip = require("./Tooltip-DX-BsH4s.js");
+const require_Flex = require("./Flex-Cs6c_kXL.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/layers.css.ts.vanilla-BY6P4lrq.css");
+require("./assets/layers.css.ts.vanilla-DD7saQYy.css");
 let clsx = require("clsx");
 clsx = require_Tooltip.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -15,32 +15,32 @@ 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-DPyYk2q9.css");
-require("./assets/DetailsPanelFooter.css.ts.vanilla-DJ2T6cpc.css");
-require("./assets/DetailsPanelHeader.css.ts.vanilla-CzexSrsl.css");
-require("./assets/FileUpload.css.ts.vanilla-B0awhHMz.css");
-require("./assets/FileUploadDropzone.css.ts.vanilla-D_-OE79g.css");
-require("./assets/FileUploadListItem.css.ts.vanilla-DiyRFoDJ.css");
-require("./assets/Highlight.css.ts.vanilla-BfpGzsb6.css");
+require("./assets/DetailsPanel.css.ts.vanilla-DHbXOV60.css");
+require("./assets/DetailsPanelFooter.css.ts.vanilla-Bqm8MPKU.css");
+require("./assets/DetailsPanelHeader.css.ts.vanilla-BUD0e3ZT.css");
+require("./assets/FileUpload.css.ts.vanilla-KBz-3tZ3.css");
+require("./assets/FileUploadDropzone.css.ts.vanilla-B1o9nlxm.css");
+require("./assets/FileUploadListItem.css.ts.vanilla-Df0n682B.css");
+require("./assets/Highlight.css.ts.vanilla-CdAa4kIo.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-DW9BOj4C.css");
-require("./assets/InlineInput.css.ts.vanilla-0EugOwSA.css");
+require("./assets/HoverCardTrigger.css.ts.vanilla-D55nVtXG.css");
+require("./assets/InlineInput.css.ts.vanilla-1I7aMrve.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-CZc72I0q.css");
-require("./assets/Layout.css.ts.vanilla-C9V-P7FF.css");
-require("./assets/LayoutContent.css.ts.vanilla-RBYjzbxJ.css");
-require("./assets/Pill.css.ts.vanilla-DMqDdfFN.css");
+require("./assets/ResizableHandle.css.ts.vanilla-BzFqcYVw.css");
+require("./assets/Layout.css.ts.vanilla-nc55pLyj.css");
+require("./assets/LayoutContent.css.ts.vanilla-RmXplEso.css");
+require("./assets/Pill.css.ts.vanilla-C1jNmZsY.css");
 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-BY33LViS.css");
-require("./assets/Range.css.ts.vanilla-CsqcZILU.css");
+require("./assets/PillMenuTrigger.css.ts.vanilla-BBsA11Na.css");
+require("./assets/Range.css.ts.vanilla-CPUsXkSV.css");
 let _dnd_kit_helpers = require("@dnd-kit/helpers");
 let _dnd_kit_react = require("@dnd-kit/react");
-require("./assets/SortableHandle.css.ts.vanilla-1QdqGtis.css");
+require("./assets/SortableHandle.css.ts.vanilla-DPK95j0P.css");
 let _dnd_kit_react_sortable = require("@dnd-kit/react/sortable");
-require("./assets/SortableItem.css.ts.vanilla-BKDAbien.css");
+require("./assets/SortableItem.css.ts.vanilla-BFEGqBCI.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",
@@ -219,7 +219,7 @@ var root$3 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_10vq0m3"] });
+}, "ieinji"] });
 //#endregion
 //#region src/details-panel/DetailsPanelContext.ts
 const [DetailsPanelProvider, useDetailsPanelContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DetailsPanel");
@@ -281,7 +281,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1bfy5vg"] });
+}, "_1yrs53z"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
@@ -308,7 +308,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "xxrrd6"] });
+}, "prnvo6"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -359,7 +359,7 @@ var upload = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "uudzqp"] });
+}, "_101d9g"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -404,19 +404,19 @@ var dropzone = require_Tooltip.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_5k7mnf"],
+	}, "vzk8b5"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1sjpqem"]
+			true: ["_1wcbl0d"]
 		},
 		hidden: {
-			false: "_1l5r36k",
-			true: "rdj2pc"
+			false: "muvg7a",
+			true: "fqjb9y"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "rhpcx"]
+			true: [{ z: "10" }, "_1vm4tqk"]
 		}
 	}
 });
@@ -428,7 +428,7 @@ var label = require_Tooltip.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "_1oqdxeg"
+		true: "_1mvjb96"
 	} }
 });
 //#endregion
@@ -722,11 +722,11 @@ var item$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "xo47su"] });
+}, "_16mnmz"] });
 var name = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_1kl4f8g"] });
+}, "_89b1yk"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -739,8 +739,8 @@ function downloadFile(file) {
 }
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(0)} KB`;
+	return `${(bytes / 1048576).toFixed(1)} MB`;
 }
 const mimeTypeLabels = [
 	[/^application\/pdf$/, "PDF"],
@@ -853,7 +853,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: "_18vvvl3" });
+var mark$1 = require_Tooltip.recipeRuntime({ base: "_1hqqkg8" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -933,7 +933,8 @@ HoverCard.displayName = "@optiaxiom/react/HoverCard";
 * @group HoverCard
 */
 const HoverCardContent = (0, react.forwardRef)(({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)((0, react.useRef)(null), outerRef);
+	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, {
 		onPresenceChange: setPresence,
@@ -969,7 +970,7 @@ 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: "_10b8sim" });
+var trigger$1 = require_Tooltip.recipeRuntime({ base: "lwosv3" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
@@ -992,13 +993,13 @@ HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
 var editor = require_Tooltip.recipeRuntime({
-	base: "_1xsx80s",
+	base: "_1kzy507",
 	variants: { empty: {
 		false: {},
-		true: "_1bahfz8"
+		true: "drr2ne"
 	} }
 });
-var input = require_Tooltip.recipeRuntime({ base: "_1rxvm9f" });
+var input = require_Tooltip.recipeRuntime({ base: "soq9dg" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1020,12 +1021,14 @@ const InlineInput = (0, react.forwardRef)(({ className, defaultValue = "", disab
 	(0, react.useEffect)(() => {
 		if (!editorRef.current) return;
 		const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
-		if (getText(editorRef.current) !== clippedValue) if (document.activeElement === editorRef.current) {
-			const selection = window.getSelection();
-			if (!selection) return;
-			selection.getRangeAt(0).selectNodeContents(editorRef.current);
-			document.execCommand("insertHTML", false, clippedValue);
-		} else editorRef.current.innerText = clippedValue ?? "null";
+		if (getText(editorRef.current) !== clippedValue) {
+			if (document.activeElement === editorRef.current) {
+				const selection = window.getSelection();
+				if (!selection) return;
+				selection.getRangeAt(0).selectNodeContents(editorRef.current);
+				document.execCommand("insertHTML", false, clippedValue);
+			} else editorRef.current.innerText = clippedValue ?? "null";
+		}
 	}, [multiline, value]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
 		...input({}, className),
@@ -1080,14 +1083,14 @@ var handle$1 = require_Tooltip.recipeRuntime({ base: [{
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "xuvx8y"] });
+}, "i8feah"] });
 var root$2 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "md21rr"] });
+}, "_1g2l4bg"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
@@ -1115,10 +1118,10 @@ var layout = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_1i5j1jl"],
+	}, "_16mwmny"],
 	variants: { size: {
-		full: "o4lzrn",
-		screen: "_84q6pn"
+		full: "_1wlwvq2",
+		screen: "_1eiqmsb"
 	} }
 });
 //#endregion
@@ -1178,7 +1181,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "_1w9joak"] });
+}, "te2ymg"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
@@ -1209,11 +1212,11 @@ var pill = require_Tooltip.recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "svw4y8"],
+	}, "xntfum"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_7fd1c3"
+			true: "_1b5gdqa"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1481,18 +1484,18 @@ var root$1 = require_Tooltip.recipeRuntime({
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "yv9rxa"],
+	}, "_7bt6eu"],
 	variants: { size: {
-		md: "_9ehg9a",
-		lg: "_19kvfn9"
+		md: "_19idwwo",
+		lg: "_1tu637h"
 	} }
 });
 var trigger = require_Tooltip.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "kbs3qb"] });
-var wrapper = require_Tooltip.recipeRuntime({ base: "_1b7tdxe" });
+}, "_1g7vnrx"] });
+var wrapper = require_Tooltip.recipeRuntime({ base: "_12u0elk" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1571,23 +1574,23 @@ const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly,
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 //#endregion
 //#region src/range/Range.css.ts
-var control = require_Tooltip.recipeRuntime({ base: [{ bg: "transparent" }, "_1q4ktie"] });
-var fillValue = "var(--_2fykx8)";
+var control = require_Tooltip.recipeRuntime({ base: [{ bg: "transparent" }, "ct3y4s"] });
+var fillValue = "var(--kety0v)";
 var mark = require_Tooltip.recipeRuntime({
-	base: [{ transition: "colors" }, "_1d2hmwu"],
+	base: [{ transition: "colors" }, "vypml5"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--y06q1z)";
+var markValue = "var(--cf7tzk)";
 var range = require_Tooltip.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_56vvh7"] });
+}, "jhkoop"] });
 var root = require_Tooltip.recipeRuntime({
 	base: [
-		"_1two6nk",
+		"_1fdasc8",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1595,7 +1598,7 @@ var root = require_Tooltip.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"z50u2t"
+		"_1bbmuwq"
 	],
 	variants: {
 		marks: {
@@ -1613,12 +1616,12 @@ var thumb = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "tzl3bo"] });
+}, "gbvfdi"] });
 var track = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "avu5h9"] });
+}, "_1uxolmm"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1747,6 +1750,7 @@ const [SortableProvider, useSortableContext] = (0, _radix_ui_react_context.creat
 const Sortable = (0, react.forwardRef)(({ children, items: itemsProp, onChange, onItemsChange, ...props }, ref) => {
 	const [itemsState, setItemsState] = (0, react.useState)(null);
 	const items = itemsState === null ? itemsProp ?? [] : itemsState;
+	const cacheRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_dnd_kit_react.DragDropProvider, {
 		onDragEnd: (event) => {
 			const { source } = event.operation;
@@ -1769,7 +1773,7 @@ const Sortable = (0, react.forwardRef)(({ children, items: itemsProp, onChange,
 			setItemsState(itemsProp ?? []);
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableProvider, {
-			cacheRef: (0, react.useRef)(/* @__PURE__ */ new Map()),
+			cacheRef,
 			isSorting: itemsState !== null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 				flexDirection: "column",
@@ -1801,13 +1805,14 @@ const SortableGroup = (0, react.forwardRef)(({ children, group: id, ...props },
 		id,
 		type: "group"
 	});
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableGroupProvider, {
 		id,
 		setHasDropTarget,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			flexDirection: "column",
 			gap: "16",
-			ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef),
+			ref,
 			...props,
 			children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children
 		})
@@ -1816,7 +1821,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: "_1i7tc63" });
+var handle = require_Tooltip.recipeRuntime({ base: "_1ezucd3" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1841,10 +1846,10 @@ SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
 var item = require_Tooltip.recipeRuntime({
-	base: "_118o5hh",
+	base: "out19h",
 	variants: { handle: {
 		false: {},
-		true: "ypx4rg"
+		true: "tuwhnw"
 	} }
 });
 //#endregion

package/dist/editor.d.ts

@@ -1,6 +1,6 @@
 import { Ka as Sprinkles, Ua as BoxProps } from "./index-xxEe0grI.js";
 //#region src/rich-text-editor/RichTextEditor.d.ts
-type RichTextEditorProps = BoxProps<"div", {
+export type RichTextEditorProps = BoxProps<"div", {
   /**
    * Initial uncontrolled HTML content.
    */
@@ -33,7 +33,7 @@ type RichTextEditorProps = BoxProps<"div", {
  * @experimental
  * @since 1.10.0
  */
-declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
   /**
    * Initial uncontrolled HTML content.
    */
@@ -62,5 +62,4 @@ declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
   asChild?: boolean;
   className?: string;
 }>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color" | "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
-export { RichTextEditor, RichTextEditorProps };
+//#endregion

package/dist/esm/assets/ActionsContent.css.ts.vanilla-CAtOoSah.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1bsf7fn {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .pqx9ox:not(:has(.pqx9ox)):focus-within ._1bsf7fn, ._1bsf7fn:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .l45klv {
+    opacity: 1;
+  }
+  ._19a5cfa {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    .pqx9ox:not(:has(.pqx9ox)):hover ._1bsf7fn {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/Alert.css.ts.vanilla-BuagnW7G.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._16q35rt {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/AlertDialogContent.css.ts.vanilla-DtystFEK.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .subysm {
+    opacity: 0;
+  }
+  ._1ahquck {
+    inset: 0;
+    position: fixed;
+  }
+  ._1m0n4mo {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale)));
+    transform: 
+      translateY(calc(calc(1 * var(--ax-styles-scale)) * var(--_1lhg3p8)))
+      scale(calc(1 - 0.06 * var(--_1lhg3p8)))
+    ;
+  }
+  ._1m0n4mo:focus-visible {
+    outline: none;
+  }
+  .oocz14 {
+    width: calc(25 * var(--ax-styles-scale));
+  }
+  ._14xq49y {
+    width: calc(37.5 * var(--ax-styles-scale));
+  }
+  .m0qjsd {
+    width: calc(50 * var(--ax-styles-scale));
+  }
+}

package/dist/esm/assets/{AlertDialogFooter.css.ts.vanilla-DS89Yfkr.css → AlertDialogFooter.css.ts.vanilla-Ds3W0cAT.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._14vp49s {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._18y1ni6 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/AlertDialogHeader.css.ts.vanilla-B8HkO0-m.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1o4dujq {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/Avatar.css.ts.vanilla-C0Utu7yz.css

@@ -0,0 +1,55 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .exq8r9 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .r0s3vk .exq8r9 {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  ._1xaudeg {
+    font-size: calc(0.5 * var(--ax-styles-scale));
+  }
+  .r0s3vk ._1xaudeg:not(:first-child) {
+    margin-left: calc(-0.0625 * var(--ax-styles-scale));
+  }
+  ._1kfy96l {
+    font-size: var(--ax-fontSize-xs-fontSize);
+  }
+  .r0s3vk ._1kfy96l:not(:first-child) {
+    margin-left: calc(-0.1875 * var(--ax-styles-scale));
+  }
+  .bc2lf {
+    font-size: var(--ax-fontSize-xs-fontSize);
+  }
+  .r0s3vk .bc2lf:not(:first-child) {
+    margin-left: calc(-0.3125 * var(--ax-styles-scale));
+  }
+  .uh04rn {
+    font-size: var(--ax-fontSize-md-fontSize);
+  }
+  .r0s3vk .uh04rn:not(:first-child) {
+    margin-left: calc(-0.4375 * var(--ax-styles-scale));
+  }
+  ._1uxnsx0 {
+    font-size: var(--ax-fontSize-lg-fontSize);
+  }
+  .r0s3vk ._1uxnsx0:not(:first-child) {
+    margin-left: calc(-0.5625 * var(--ax-styles-scale));
+  }
+  ._1ceqxcj {
+    font-size: var(--ax-fontSize-xl-fontSize);
+  }
+  .r0s3vk ._1ceqxcj:not(:first-child) {
+    margin-left: calc(-0.6875 * var(--ax-styles-scale));
+  }
+  ._1eo3dg8 {
+    font-size: calc(2 * var(--ax-styles-scale));
+  }
+  .r0s3vk ._1eo3dg8:not(:first-child) {
+    margin-left: calc(-0.8125 * var(--ax-styles-scale));
+  }
+  .wzfd5k {
+    padding: calc(0.0625 * var(--ax-styles-scale));
+  }
+}

package/dist/esm/assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+
+}

package/dist/{cjs/assets/Backdrop.css.ts.vanilla-CpwtuZ-L.css → esm/assets/Backdrop.css.ts.vanilla-C0tU9gfz.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .vsvhwn {
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._1dffmdm {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/Badge.css.ts.vanilla-DYFn10Ip.css

@@ -0,0 +1,53 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  .mqh7g2 {
+    --ywlwm2: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .mqh7g2:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1r37rra {
+    --_128s269: var(--ax-colors-bg-error);
+    --_15k4zyv: var(--ax-colors-bg-error-subtle);
+    --_1mrwpqq: var(--ax-colors-fg-error-strong);
+  }
+  ._11vehtc {
+    --_128s269: var(--ax-colors-bg-information);
+    --_15k4zyv: var(--ax-colors-bg-information-subtle);
+    --_1mrwpqq: var(--ax-colors-fg-information-strong);
+  }
+  .l1svpt {
+    --_128s269: var(--ax-colors-bg-tertiary);
+    --ywlwm2: var(--ax-colors-fg-default);
+    --_15k4zyv: var(--ax-colors-bg-secondary);
+    --_1mrwpqq: var(--ax-colors-fg-secondary);
+  }
+  .cgl76v {
+    --_128s269: var(--ax-colors-bg-default-inverse);
+    --ywlwm2: var(--ax-colors-fg-default-inverse);
+    --_15k4zyv: var(--ax-colors-bg-default-inverse);
+    --_1mrwpqq: var(--ax-colors-fg-default-inverse);
+  }
+  .grw0xp {
+    --_128s269: var(--ax-colors-bg-success);
+    --ywlwm2: var(--ax-colors-fg-black);
+    --_15k4zyv: var(--ax-colors-bg-success-subtle);
+    --_1mrwpqq: var(--ax-colors-fg-success-strong);
+  }
+  .jyyb11 {
+    --_128s269: var(--ax-colors-bg-warning);
+    --ywlwm2: var(--ax-colors-fg-warning-inverse);
+    --_15k4zyv: var(--ax-colors-bg-warning-subtle);
+    --_1mrwpqq: var(--ax-colors-fg-warning-strong);
+  }
+  ._3poxi8 {
+    background-color: var(--_128s269);
+    color: var(--ywlwm2);
+  }
+  .p997md {
+    background-color: var(--_15k4zyv);
+    color: var(--_1mrwpqq);
+  }
+}

package/dist/esm/assets/Banner.css.ts.vanilla-CAhEV1XF.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1cgq1zr;
+@layer optiaxiom._1cgq1zr {
+  ._25dn6s {
+    min-height: var(--ax-size-sm);
+  }
+}