@optiaxiom/react 3.0.2 → 3.0.4

package/dist/cjs/unstable.js

@@ -1,11 +1,11 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Flex = require("./Flex-CyjAfagA.js");
+const require_Flex = require("./Flex-BA2QDB1d.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
 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-BP2yAiUA.css");
+require("./assets/src/layers/layers.css.ts.vanilla-C_nAZLXE.css");
 let clsx = require("clsx");
 clsx = require_Flex.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -14,32 +14,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-D9S7SVrQ.css");
-require("./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DHa8slfk.css");
-require("./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BwAOYK_r.css");
-require("./assets/src/file-upload/FileUpload.css.ts.vanilla-Ce1nHena.css");
-require("./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-C4qc1NLj.css");
-require("./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-CCWfyE4P.css");
-require("./assets/src/highlight/Highlight.css.ts.vanilla-DNBHPsYQ.css");
+require("./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DxHptLFY.css");
+require("./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DtWjfesV.css");
+require("./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DK6KO-JO.css");
+require("./assets/src/file-upload/FileUpload.css.ts.vanilla-6jYVtqsZ.css");
+require("./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DPab1mA5.css");
+require("./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-CAxc2ifH.css");
+require("./assets/src/highlight/Highlight.css.ts.vanilla-CcUwgKwQ.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-BJovFGmY.css");
-require("./assets/src/inline-input/InlineInput.css.ts.vanilla-Bduq0epe.css");
+require("./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-D5uldwNr.css");
+require("./assets/src/inline-input/InlineInput.css.ts.vanilla-DAzlfQ1K.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-PXIXFLKk.css");
-require("./assets/src/layout/Layout.css.ts.vanilla-DTohw1Tt.css");
-require("./assets/src/layout/LayoutContent.css.ts.vanilla-eIW_PQzZ.css");
-require("./assets/src/pill/Pill.css.ts.vanilla-BSflg1n1.css");
+require("./assets/src/resizable/ResizableHandle.css.ts.vanilla-B9LoPQqz.css");
+require("./assets/src/layout/Layout.css.ts.vanilla-DVYFKvC3.css");
+require("./assets/src/layout/LayoutContent.css.ts.vanilla-DiiYGpyD.css");
+require("./assets/src/pill/Pill.css.ts.vanilla-DsoBSaJC.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-Bd3vw-eL.css");
-require("./assets/src/range/Range.css.ts.vanilla-DSW0zpm3.css");
+require("./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D04x25am.css");
+require("./assets/src/range/Range.css.ts.vanilla-D5pYyy8x.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-N-eyfWZp.css");
+require("./assets/src/sortable/SortableHandle.css.ts.vanilla-3CuuYqin.css");
 let _dnd_kit_react_sortable = require("@dnd-kit/react/sortable");
-require("./assets/src/sortable/SortableItem.css.ts.vanilla-4ZOXNCeq.css");
+require("./assets/src/sortable/SortableItem.css.ts.vanilla-BdRLhej2.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",
@@ -218,7 +218,7 @@ var root$3 = require_Flex.recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_1e3lro5"] });
+}, "_54ug1n"] });
 //#endregion
 //#region src/details-panel/DetailsPanelContext.ts
 const [DetailsPanelProvider, useDetailsPanelContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DetailsPanel");
@@ -280,7 +280,7 @@ var footer = require_Flex.recipeRuntime({ base: [{
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_2bc7zd"] });
+}, "_1uiwius"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
@@ -306,7 +306,7 @@ var header = require_Flex.recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_174pt3c"] });
+}, "_5vgcp0"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -356,7 +356,7 @@ var upload = require_Flex.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_1ecg4l8"] });
+}, "_323ehg"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -401,19 +401,19 @@ var dropzone = require_Flex.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_1xkpud7"],
+	}, "_15bhbnr"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1lbng4p"]
+			true: ["_1ya2gao"]
 		},
 		hidden: {
-			false: "_1g8emfi",
-			true: "qlcz74"
+			false: "_99msmi",
+			true: "bqpgy5"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_1e0xxgr"]
+			true: [{ z: "10" }, "_1sf79mh"]
 		}
 	}
 });
@@ -425,7 +425,7 @@ var label = require_Flex.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "_15enim8"
+		true: "vxmd79"
 	} }
 });
 //#endregion
@@ -719,11 +719,11 @@ var item$1 = require_Flex.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_1fl67li"] });
+}, "_10uvqk0"] });
 var name = require_Flex.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_18vu1lm"] });
+}, "o8lx4i"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -850,7 +850,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: "_1uk1yvd" });
+var mark$1 = require_Flex.recipeRuntime({ base: "r7yvdq" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -966,7 +966,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: "_1fysws3" });
+var trigger$1 = require_Flex.recipeRuntime({ base: "_1fp7h5n" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
@@ -989,13 +989,13 @@ HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
 var editor = require_Flex.recipeRuntime({
-	base: "_1ofv3fj",
+	base: "_1d74ezt",
 	variants: { empty: {
 		false: {},
-		true: "wz2kgu"
+		true: "_1mij59q"
 	} }
 });
-var input = require_Flex.recipeRuntime({ base: "bqbwjk" });
+var input = require_Flex.recipeRuntime({ base: "w8eiku" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1077,14 +1077,14 @@ var handle$1 = require_Flex.recipeRuntime({ base: [{
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "wn302u"] });
+}, "_10v522m"] });
 var root$2 = require_Flex.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "temtjb"] });
+}, "_5m7uif"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
@@ -1112,10 +1112,10 @@ var layout = require_Flex.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_18hjsyn"],
+	}, "u0dqs7"],
 	variants: { size: {
-		full: "quvu8u",
-		screen: "_1p7yclv"
+		full: "_10710f8",
+		screen: "_1vqmaf2"
 	} }
 });
 //#endregion
@@ -1175,7 +1175,7 @@ var content = require_Flex.recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "_5hnvgk"] });
+}, "_1urhvuf"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
@@ -1206,11 +1206,11 @@ var pill = require_Flex.recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1nroo7x"],
+	}, "_1d3q2uu"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_1uxfe2m"
+			true: "_9ma3rd"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1299,6 +1299,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));
@@ -1310,7 +1311,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));
@@ -1477,18 +1478,18 @@ var root$1 = require_Flex.recipeRuntime({
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_1ac116g"],
+	}, "_1y1d0sd"],
 	variants: { size: {
-		md: "_1dghakq",
-		lg: "_9q7wcx"
+		md: "s1c00s",
+		lg: "svwrfk"
 	} }
 });
 var trigger = require_Flex.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_1lseaek"] });
-var wrapper = require_Flex.recipeRuntime({ base: "tpqdd0" });
+}, "_163jv2b"] });
+var wrapper = require_Flex.recipeRuntime({ base: "_6d18bn" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1567,23 +1568,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" }, "_1yduh2k"] });
-var fillValue = "var(--_1jjlssj)";
+var control = require_Flex.recipeRuntime({ base: [{ bg: "transparent" }, "jodk0f"] });
+var fillValue = "var(--_1berzcx)";
 var mark = require_Flex.recipeRuntime({
-	base: [{ transition: "colors" }, "m8mea"],
+	base: [{ transition: "colors" }, "xqwuwn"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--_14rrgzo)";
+var markValue = "var(--_11jotl5)";
 var range = require_Flex.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_1obiion"] });
+}, "rj4ljv"] });
 var root = require_Flex.recipeRuntime({
 	base: [
-		"wp9vl",
+		"zk6cui",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1591,7 +1592,7 @@ var root = require_Flex.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_191bkmq"
+		"_1a66dmp"
 	],
 	variants: {
 		marks: {
@@ -1609,12 +1610,12 @@ var thumb = require_Flex.recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_1uk5wo6"] });
+}, "j2odgm"] });
 var track = require_Flex.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "y65y8o"] });
+}, "_1ek0ql1"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1812,7 +1813,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: "mwzxpz" });
+var handle = require_Flex.recipeRuntime({ base: "ulvp9a" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1837,10 +1838,10 @@ SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
 var item = require_Flex.recipeRuntime({
-	base: "o6q7db",
+	base: "_764i4i",
 	variants: { handle: {
 		false: {},
-		true: "_11qeg"
+		true: "pkjier"
 	} }
 });
 //#endregion

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-C3Xu7KLG.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  ._1rz949n {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._2hbsv3:not(:has(._2hbsv3)):focus-within ._1rz949n, ._1rz949n:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .qv7n3j {
+    opacity: 1;
+  }
+  ._4c41ct {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._2hbsv3:not(:has(._2hbsv3)):hover ._1rz949n {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BZ2V8-4Y.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  ._1pospm9 {
+    opacity: 0;
+  }
+  ._27bnib {
+    inset: 0;
+    position: fixed;
+  }
+  ._13txe9s {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--f1p688)))
+      scale(calc(1 - 0.06 * var(--f1p688)))
+    ;
+  }
+  ._13txe9s:focus-visible {
+    outline: none;
+  }
+  ._1cq3onr {
+    width: 400px;
+  }
+  ._9vdcka {
+    width: 600px;
+  }
+  ._1tb5gzp {
+    width: 800px;
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  ._1lifrk2 {
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  .p5h9kk {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-JT93-3Zj.css → Avatar.css.ts.vanilla-D3kIXWqd.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  ._1hs4wie {
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  ._17dejv9 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1h5roew ._1hs4wie {
+  .ro1qg4 ._17dejv9 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .il9uz {
+  .agq1xr {
     font-size: 8px;
   }
-  ._1h5roew .il9uz:not(:first-child) {
+  .ro1qg4 .agq1xr:not(:first-child) {
     margin-left: -1px;
   }
-  .lgtwkr {
+  ._1mmltpa {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1h5roew .lgtwkr:not(:first-child) {
+  .ro1qg4 ._1mmltpa:not(:first-child) {
     margin-left: -3px;
   }
-  ._1125z2u {
+  ._1reowcw {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1h5roew ._1125z2u:not(:first-child) {
+  .ro1qg4 ._1reowcw:not(:first-child) {
     margin-left: -5px;
   }
-  .nwfupw {
+  ._1vpvmw {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1h5roew .nwfupw:not(:first-child) {
+  .ro1qg4 ._1vpvmw:not(:first-child) {
     margin-left: -7px;
   }
-  ._5r7iyh {
+  .yohgm5 {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1h5roew ._5r7iyh:not(:first-child) {
+  .ro1qg4 .yohgm5:not(:first-child) {
     margin-left: -9px;
   }
-  .od6m3d {
+  ._1th7fet {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1h5roew .od6m3d:not(:first-child) {
+  .ro1qg4 ._1th7fet:not(:first-child) {
     margin-left: -11px;
   }
-  ._1qsx38a {
+  .kfo25a {
     font-size: 32px;
   }
-  ._1h5roew ._1qsx38a:not(:first-child) {
+  .ro1qg4 .kfo25a:not(:first-child) {
     margin-left: -13px;
   }
-  .dti1np {
+  .y9yp20 {
     padding: 1px;
   }
 }

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

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

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-oY1kPAjJ.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-DwDty63e.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  ._15sdksv {
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  ._140n9rc {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._1jatqd6;
+@layer optiaxiom._1jatqd6 {
+  ._1h1ni9q {
+    --olt03y: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1h1ni9q:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1gkve2b {
+    --_1ot7gbt: var(--ax-colors-bg-error);
+    --j4ctlx: var(--ax-colors-bg-error-subtle);
+    --_4igbf4: var(--ax-colors-fg-error-strong);
+  }
+  .dlgf1g {
+    --_1ot7gbt: var(--ax-colors-bg-information);
+    --j4ctlx: var(--ax-colors-bg-information-subtle);
+    --_4igbf4: var(--ax-colors-fg-information-strong);
+  }
+  ._3bayf {
+    --_1ot7gbt: var(--ax-colors-bg-tertiary);
+    --olt03y: var(--ax-colors-fg-default);
+    --j4ctlx: var(--ax-colors-bg-secondary);
+    --_4igbf4: var(--ax-colors-fg-secondary);
+  }
+  ._1qz24fa {
+    --_1ot7gbt: var(--ax-colors-bg-default-inverse);
+    --olt03y: var(--ax-colors-fg-default-inverse);
+    --j4ctlx: var(--ax-colors-bg-default-inverse);
+    --_4igbf4: var(--ax-colors-fg-default-inverse);
+  }
+  ._6aeuow {
+    --_1ot7gbt: var(--ax-colors-bg-success);
+    --olt03y: var(--ax-colors-fg-black);
+    --j4ctlx: var(--ax-colors-bg-success-subtle);
+    --_4igbf4: var(--ax-colors-fg-success-strong);
+  }
+  ._1mvcdiw {
+    --_1ot7gbt: var(--ax-colors-bg-warning);
+    --olt03y: var(--ax-colors-fg-warning-inverse);
+    --j4ctlx: var(--ax-colors-bg-warning-subtle);
+    --_4igbf4: var(--ax-colors-fg-warning-strong);
+  }
+  .k8sfuy {
+    background-color: var(--_1ot7gbt);
+    color: var(--olt03y);
+  }
+  ._1i114lm {
+    background-color: var(--j4ctlx);
+    color: var(--_4igbf4);
+  }
+}

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

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