@optiaxiom/react 1.9.42 → 1.9.43

package/dist/cjs/unstable.js

@@ -1,10 +1,10 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Flex = require("./Flex-D6P8MMn_.js");
+const require_Flex = require("./Flex-BZ8B2OiC.js");
 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/src/layers/layers.css.ts.vanilla-rszAdINo.css");
+require("./assets/src/layers/layers.css.ts.vanilla-URoqNBOf.css");
 let clsx = require("clsx");
 clsx = require_Flex.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -13,32 +13,32 @@ 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 _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/src/details-panel/DetailsPanel.css.ts.vanilla-CRJvQB_t.css");
-require("./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CSukBO_Z.css");
-require("./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Dtv1VYbH.css");
-require("./assets/src/file-upload/FileUpload.css.ts.vanilla-Bqtd6Vmc.css");
-require("./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DXLDz1I_.css");
-require("./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BpHrO9yq.css");
-require("./assets/src/highlight/Highlight.css.ts.vanilla-SY955UEX.css");
+require("./assets/src/details-panel/DetailsPanel.css.ts.vanilla-iLkEl73t.css");
+require("./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DZSEUFGh.css");
+require("./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DLxiNi2t.css");
+require("./assets/src/file-upload/FileUpload.css.ts.vanilla-Dd2H_NPg.css");
+require("./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-tYchukz4.css");
+require("./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-B3M32N59.css");
+require("./assets/src/highlight/Highlight.css.ts.vanilla-Cx8Mq-xC.css");
 let _radix_ui_react_hover_card = require("@radix-ui/react-hover-card");
 _radix_ui_react_hover_card = require_Flex.__toESM(_radix_ui_react_hover_card);
-require("./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BOqX1W6_.css");
-require("./assets/src/inline-input/InlineInput.css.ts.vanilla-C31JGjU7.css");
+require("./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BWVEXw73.css");
+require("./assets/src/inline-input/InlineInput.css.ts.vanilla-BKrC0Mc8.css");
 let react_resizable_panels = require("react-resizable-panels");
 react_resizable_panels = require_Flex.__toESM(react_resizable_panels);
-require("./assets/src/resizable/ResizableHandle.css.ts.vanilla-DKBM09Ql.css");
-require("./assets/src/layout/Layout.css.ts.vanilla-lel_jPiX.css");
-require("./assets/src/layout/LayoutContent.css.ts.vanilla-j26YB_1-.css");
-require("./assets/src/pill/Pill.css.ts.vanilla-C3RWBeNb.css");
+require("./assets/src/resizable/ResizableHandle.css.ts.vanilla-C8O08zu_.css");
+require("./assets/src/layout/Layout.css.ts.vanilla-Dt6zTQ9L.css");
+require("./assets/src/layout/LayoutContent.css.ts.vanilla-D8C-MYaj.css");
+require("./assets/src/pill/Pill.css.ts.vanilla-C41mMZu7.css");
 let _radix_ui_react_roving_focus = require("@radix-ui/react-roving-focus");
 _radix_ui_react_roving_focus = require_Flex.__toESM(_radix_ui_react_roving_focus);
-require("./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-DXLAGsy3.css");
-require("./assets/src/range/Range.css.ts.vanilla-eVd-oulm.css");
+require("./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Ye4Y5_wB.css");
+require("./assets/src/range/Range.css.ts.vanilla-BH7MvseZ.css");
 let _dnd_kit_helpers = require("@dnd-kit/helpers");
 let _dnd_kit_react = require("@dnd-kit/react");
-require("./assets/src/sortable/SortableHandle.css.ts.vanilla-HjZ0KMyK.css");
+require("./assets/src/sortable/SortableHandle.css.ts.vanilla-BL_VWXH2.css");
 let _dnd_kit_react_sortable = require("@dnd-kit/react/sortable");
-require("./assets/src/sortable/SortableItem.css.ts.vanilla-RyCm-KFl.css");
+require("./assets/src/sortable/SortableItem.css.ts.vanilla-DwSjx9hH.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_Flex.recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "kfvspw"] });
+}, "_1l8a52e"] });
 //#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_Flex.recipeRuntime({ base: [{
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1olkpsp"] });
+}, "oicldz"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
@@ -307,7 +307,7 @@ var header = require_Flex.recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_1v5w3e0"] });
+}, "vzw9x7"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -357,7 +357,7 @@ var upload = require_Flex.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_1eqoi9g"] });
+}, "_1t7cktu"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -408,19 +408,19 @@ var dropzone = require_Flex.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_1c8sni9"],
+	}, "twtjwj"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["dtcz4x"]
+			true: ["_1dchz2n"]
 		},
 		hidden: {
-			false: "fc4n3e",
-			true: "_1x29mys"
+			false: "o513pv",
+			true: "oxoo53"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "wwwm6"]
+			true: [{ z: "10" }, "_1so6ztj"]
 		}
 	}
 });
@@ -432,7 +432,7 @@ var label = require_Flex.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "z3k717"
+		true: "_6co7hq"
 	} }
 });
 //#endregion
@@ -744,11 +744,11 @@ var item$1 = require_Flex.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_1hneu1c"] });
+}, "_1fmj8b6"] });
 var name = require_Flex.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_14bpfj8"] });
+}, "usc21j"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -875,7 +875,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_Flex.recipeRuntime({ base: "_1jdvevy" });
+var mark$1 = require_Flex.recipeRuntime({ base: "_1n5pf7i" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -991,7 +991,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_Flex.recipeRuntime({ base: "_1xet8aw" });
+var trigger$1 = require_Flex.recipeRuntime({ base: "_383q44" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
@@ -1014,13 +1014,13 @@ HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
 var editor = require_Flex.recipeRuntime({
-	base: "_123m5d8",
+	base: "_3zqhe4",
 	variants: { empty: {
 		false: {},
-		true: "_8drw0r"
+		true: "_1l9p8ri"
 	} }
 });
-var input = require_Flex.recipeRuntime({ base: "_1qufp6j" });
+var input = require_Flex.recipeRuntime({ base: "_15db7jn" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1102,14 +1102,14 @@ var handle$1 = require_Flex.recipeRuntime({ base: [{
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1epbd1y"] });
+}, "_14dqghc"] });
 var root$2 = require_Flex.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "_6ffx7m"] });
+}, "cauluq"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
@@ -1137,10 +1137,10 @@ var layout = require_Flex.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "tkr07g"],
+	}, "ls6n1i"],
 	variants: { size: {
-		full: "f2nzqa",
-		screen: "h4ugi7"
+		full: "w419qy",
+		screen: "_1s5wcyf"
 	} }
 });
 //#endregion
@@ -1196,7 +1196,7 @@ var content = require_Flex.recipeRuntime({ base: [{
 	overflow: "auto",
 	px: "32",
 	py: "24"
-}, "ch5nfg"] });
+}, "_1vo6i9v"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
@@ -1225,11 +1225,11 @@ var pill = require_Flex.recipeRuntime({
 		rounded: "md",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "wkblkc"],
+	}, "_1uy3iul"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_3d7ou2"
+			true: "_5zsvar"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1318,6 +1318,7 @@ const PillMenu = (0, react.forwardRef)(({ children, defaultOpen = false, empty,
 		onChange: onOpenChange,
 		prop: openProp
 	});
+	const debouncedOnInputValueChange = require_Flex.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 [selectedKeys, setSelectedKeys] = (0, react.useState)(() => collectSelectedKeys(value));
@@ -1329,7 +1330,7 @@ const PillMenu = (0, react.forwardRef)(({ children, defaultOpen = false, empty,
 			inputValue,
 			inputVisible,
 			loading,
-			onInputValueChange,
+			onInputValueChange: debouncedOnInputValueChange,
 			onOpenChange: (open) => {
 				setOpen(open);
 				if (open) setSelectedKeys(collectSelectedKeys(value));
@@ -1502,18 +1503,18 @@ var root$1 = require_Flex.recipeRuntime({
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_1vuz2r1"],
+	}, "_1emcnjd"],
 	variants: { size: {
-		md: "_17gq9jx",
-		lg: "_12cwulj"
+		md: "_1woylav",
+		lg: "_1oge1x8"
 	} }
 });
 var trigger = require_Flex.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_1fvhzyi"] });
-var wrapper = require_Flex.recipeRuntime({ base: "_1ako0jb" });
+}, "w4rrpa"] });
+var wrapper = require_Flex.recipeRuntime({ base: "zbkjru" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1592,23 +1593,23 @@ const PillMenuTrigger = (0, react.forwardRef)(({ children, className, readOnly,
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 //#endregion
 //#region src/range/Range.css.ts
-var control = require_Flex.recipeRuntime({ base: [{ bg: "transparent" }, "k9i0ul"] });
-var fillValue = "var(--_1pw14sb)";
+var control = require_Flex.recipeRuntime({ base: [{ bg: "transparent" }, "_1bph5lx"] });
+var fillValue = "var(--_28ame6)";
 var mark = require_Flex.recipeRuntime({
-	base: [{ transition: "colors" }, "_7d0u2c"],
+	base: [{ transition: "colors" }, "bwlgt9"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--xrbgcb)";
+var markValue = "var(--_1nkajwh)";
 var range = require_Flex.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "wlnt82"] });
+}, "vuwsy8"] });
 var root = require_Flex.recipeRuntime({
 	base: [
-		"esxiyo",
+		"_1wcgpiw",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1616,7 +1617,7 @@ var root = require_Flex.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_19zb0lt"
+		"z25vo3"
 	],
 	variants: {
 		marks: {
@@ -1634,12 +1635,12 @@ var thumb = require_Flex.recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_13khfs1"] });
+}, "wa718v"] });
 var track = require_Flex.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "_1348tip"] });
+}, "_1v2sacu"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1837,7 +1838,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_Flex.recipeRuntime({ base: "_3fqi0k" });
+var handle = require_Flex.recipeRuntime({ base: "wexqlr" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1862,10 +1863,10 @@ SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
 var item = require_Flex.recipeRuntime({
-	base: "k178kn",
+	base: "_1tb6jmj",
 	variants: { handle: {
 		false: {},
-		true: "_27gb85"
+		true: "dh3j89"
 	} }
 });
 //#endregion

package/dist/esm/assets/src/actions/{ActionsContent.css.ts.vanilla-D3ghyYoc.css → ActionsContent.css.ts.vanilla-Cyw1unee.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1ncqv18;
-@layer optiaxiom._1ncqv18 {
-  ._1uw32az {
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  ._1ukx3g8 {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .oquz81:not(:has(.oquz81)):focus-within ._1uw32az, ._1uw32az:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  .eo8kpg:not(:has(.eo8kpg)):focus-within ._1ukx3g8, ._1ukx3g8:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._7gyl0 {
+  ._14nylnn {
     opacity: 1;
   }
-  ._1546xd5 {
+  .z2w2rg {
     opacity: 0;
   }
   @media (hover: hover) {
-    .oquz81:not(:has(.oquz81)):hover ._1uw32az {
+    .eo8kpg:not(:has(.eo8kpg)):hover ._1ukx3g8 {
       opacity: 1;
       transition: none;
     }

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-CuvAb1Pw.css

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

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-mPes-7jD.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  .b47wue {
+    opacity: 0;
+  }
+  ._1wicqd8 {
+    inset: 0;
+    position: fixed;
+  }
+  .hndl7o {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1sb0ck1)))
+      scale(calc(1 - 0.06 * var(--_1sb0ck1)))
+    ;
+  }
+  .hndl7o:focus-visible {
+    outline: none;
+  }
+  .t97lyc {
+    width: 400px;
+  }
+  .rc1kl {
+    width: 600px;
+  }
+  .xvmll2 {
+    width: 800px;
+  }
+}

package/dist/{cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-OUyErZan.css → esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B1o5Z5Vq.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1ncqv18;
-@layer optiaxiom._1ncqv18 {
-  ._1v8ndjb {
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  .dptq2j {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEAlXvWX.css

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

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-D25r0ny1.css → Avatar.css.ts.vanilla-C47ihXxQ.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1ncqv18;
-@layer optiaxiom._1ncqv18 {
-  ._19rz1j8 {
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  ._77g9q7 {
     -webkit-user-select: none;
             user-select: none;
   }
-  .ueaxm7 ._19rz1j8 {
+  .yaqrfj ._77g9q7 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._108bopb {
+  ._12b1pig {
     font-size: 8px;
   }
-  .ueaxm7 ._108bopb:not(:first-child) {
+  .yaqrfj ._12b1pig:not(:first-child) {
     margin-left: -1px;
   }
-  .adrbcs {
+  ._1mngfn1 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .ueaxm7 .adrbcs:not(:first-child) {
+  .yaqrfj ._1mngfn1:not(:first-child) {
     margin-left: -3px;
   }
-  .d5vgde {
+  ._1aajku4 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .ueaxm7 .d5vgde:not(:first-child) {
+  .yaqrfj ._1aajku4:not(:first-child) {
     margin-left: -5px;
   }
-  .l2y10j {
+  ._1hy4t7d {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .ueaxm7 .l2y10j:not(:first-child) {
+  .yaqrfj ._1hy4t7d:not(:first-child) {
     margin-left: -7px;
   }
-  .lx5cgv {
+  ._1kzxr4p {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .ueaxm7 .lx5cgv:not(:first-child) {
+  .yaqrfj ._1kzxr4p:not(:first-child) {
     margin-left: -9px;
   }
-  .ozs47g {
+  ._1ou7n2z {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .ueaxm7 .ozs47g:not(:first-child) {
+  .yaqrfj ._1ou7n2z:not(:first-child) {
     margin-left: -11px;
   }
-  .fq2nb2 {
+  .rjoyll {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .ueaxm7 .fq2nb2:not(:first-child) {
+  .yaqrfj .rjoyll:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-CUzeJXKv.css

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

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-Dqin2WFu.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-D-Zn5vk-.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1ncqv18;
-@layer optiaxiom._1ncqv18 {
-  .c5a52z {
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  ._1uz7uyx {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-BiMerWrw.css

@@ -0,0 +1,51 @@
+@layer optiaxiom._1nrok6e;
+@layer optiaxiom._1nrok6e {
+  ._1bs8k9x {
+    --_5jubw0: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1bs8k9x:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  .s5z1cg {
+    --_1ylmny9: var(--ax-colors-bg-error);
+    --_1t1b8zv: var(--ax-colors-bg-error-subtle);
+    --_1tx2t8j: var(--ax-colors-fg-error-strong);
+  }
+  ._1ktyuep {
+    --_1ylmny9: var(--ax-colors-bg-information);
+    --_1t1b8zv: var(--ax-colors-bg-information-subtle);
+    --_1tx2t8j: var(--ax-colors-fg-information-strong);
+  }
+  ._1i4pocp {
+    --_1ylmny9: var(--ax-colors-bg-tertiary);
+    --_5jubw0: var(--ax-colors-fg-default);
+    --_1t1b8zv: var(--ax-colors-bg-secondary);
+    --_1tx2t8j: var(--ax-colors-fg-secondary);
+  }
+  ._2eli3z {
+    --_1ylmny9: var(--ax-colors-bg-accent);
+    --_1t1b8zv: var(--ax-colors-bg-accent-subtle);
+    --_1tx2t8j: var(--ax-colors-fg-accent-strong);
+  }
+  ._1kd3aj1 {
+    --_1ylmny9: var(--ax-colors-bg-success);
+    --_1t1b8zv: var(--ax-colors-bg-success-subtle);
+    --_1tx2t8j: var(--ax-colors-fg-success-strong);
+  }
+  ._1rwc7y7 {
+    --_1ylmny9: var(--ax-colors-bg-warning);
+    --_5jubw0: var(--ax-colors-fg-warning-inverse);
+    --_1t1b8zv: var(--ax-colors-bg-warning-subtle);
+    --_1tx2t8j: var(--ax-colors-fg-warning-strong);
+  }
+  ._1v6wqu7 {
+    background-color: var(--_1ylmny9);
+    color: var(--_5jubw0);
+  }
+  .mqjdma {
+    background-color: var(--_1t1b8zv);
+    color: var(--_1tx2t8j);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-C3P_8b4r.css

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