@optiaxiom/react 3.1.6 → 3.1.8

package/dist/cjs/unstable.js

@@ -1,11 +1,11 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-D7Fov-J3.js");
-const require_Flex = require("./Flex-CmYgmUzA.js");
+const require_Tooltip = require("./Tooltip-0yzdEAuU.js");
+const require_Flex = require("./Flex-DvSkPrkS.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-DAV8xjBt.css");
+require("./assets/layers.css.ts.vanilla-aCHm1GAF.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-cABim5x2.css");
-require("./assets/DetailsPanelFooter.css.ts.vanilla-Sn5lddnP.css");
-require("./assets/DetailsPanelHeader.css.ts.vanilla-CGyjvqzu.css");
-require("./assets/FileUpload.css.ts.vanilla-D-BDdzxB.css");
-require("./assets/FileUploadDropzone.css.ts.vanilla-DkOSG5yS.css");
-require("./assets/FileUploadListItem.css.ts.vanilla-CUs_2j1E.css");
-require("./assets/Highlight.css.ts.vanilla-Dfn1nTfV.css");
+require("./assets/DetailsPanel.css.ts.vanilla-D4bybU6O.css");
+require("./assets/DetailsPanelFooter.css.ts.vanilla-DlB4Wivw.css");
+require("./assets/DetailsPanelHeader.css.ts.vanilla-BMH9x8db.css");
+require("./assets/FileUpload.css.ts.vanilla-Y7sEJBjK.css");
+require("./assets/FileUploadDropzone.css.ts.vanilla-DyLLRrcm.css");
+require("./assets/FileUploadListItem.css.ts.vanilla-DqTjRoac.css");
+require("./assets/Highlight.css.ts.vanilla-CwaaBuPR.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-Cesqik5H.css");
-require("./assets/InlineInput.css.ts.vanilla-1dDA7fQ2.css");
+require("./assets/HoverCardTrigger.css.ts.vanilla-PWw3k6ff.css");
+require("./assets/InlineInput.css.ts.vanilla-4dI6U6HA.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-hln2HMfQ.css");
-require("./assets/Layout.css.ts.vanilla-BARRMQv2.css");
-require("./assets/LayoutContent.css.ts.vanilla-NpmwlkZ4.css");
-require("./assets/Pill.css.ts.vanilla-BOAAhvwU.css");
+require("./assets/ResizableHandle.css.ts.vanilla-BK9cRPqf.css");
+require("./assets/Layout.css.ts.vanilla-BZ5VfbBY.css");
+require("./assets/LayoutContent.css.ts.vanilla-CofPOv4Y.css");
+require("./assets/Pill.css.ts.vanilla-BK9ZTdy6.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-BJx6hWNX.css");
-require("./assets/Range.css.ts.vanilla-CDCZ2jlM.css");
+require("./assets/PillMenuTrigger.css.ts.vanilla-Dmbtp9nV.css");
+require("./assets/Range.css.ts.vanilla-Bd8S7H3l.css");
 let _dnd_kit_helpers = require("@dnd-kit/helpers");
 let _dnd_kit_react = require("@dnd-kit/react");
-require("./assets/SortableHandle.css.ts.vanilla-CuVSbr0B.css");
+require("./assets/SortableHandle.css.ts.vanilla-BWHi4mzz.css");
 let _dnd_kit_react_sortable = require("@dnd-kit/react/sortable");
-require("./assets/SortableItem.css.ts.vanilla-DFvdBMSQ.css");
+require("./assets/SortableItem.css.ts.vanilla-XGdejCf_.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"
-}, "_14cfxk4"] });
+}, "_1r0ohqw"] });
 //#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"
-}, "_6ixgu"] });
+}, "_1jvagyd"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
@@ -302,12 +302,13 @@ DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.css.ts
 var header = require_Tooltip.recipeRuntime({ base: [{
+	alignItems: "center",
 	bg: "bg.default",
 	display: "flex",
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "sr1r6n"] });
+}, "_1d6sgsk"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -327,12 +328,13 @@ const DetailsPanelHeader = (0, react.forwardRef)(({ addonAfter, addonBefore, chi
 					children: addonBefore
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Heading, {
+					asChild: true,
 					flex: "1",
-					fontSize: "lg",
-					fontWeight: "600",
-					id: labelId,
-					level: "2",
-					children
+					level: "4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						id: labelId,
+						children
+					})
 				}),
 				addonAfter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 					gap: "8",
@@ -357,7 +359,7 @@ var upload = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "igb6s7"] });
+}, "_3vl7lf"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -402,19 +404,19 @@ var dropzone = require_Tooltip.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_1q7sqkw"],
+	}, "_8lm338"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1582mna"]
+			true: ["_4j6ndc"]
 		},
 		hidden: {
-			false: "wkvlcd",
-			true: "_132srsl"
+			false: "k770sp",
+			true: "zfvn50"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_1oyv5c7"]
+			true: [{ z: "10" }, "bzf786"]
 		}
 	}
 });
@@ -426,7 +428,7 @@ var label = require_Tooltip.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "hbzchc"
+		true: "gp8bpm"
 	} }
 });
 //#endregion
@@ -720,11 +722,11 @@ var item$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_172ejky"] });
+}, "ydtwm5"] });
 var name = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_19oeqru"] });
+}, "_1rhq027"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -851,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: "_1d81ik2" });
+var mark$1 = require_Tooltip.recipeRuntime({ base: "_1ueyu5z" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -967,7 +969,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: "_12uxm8m" });
+var trigger$1 = require_Tooltip.recipeRuntime({ base: "_1xgecx3" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
@@ -990,13 +992,13 @@ HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
 var editor = require_Tooltip.recipeRuntime({
-	base: "ws6c55",
+	base: "_1ves8zz",
 	variants: { empty: {
 		false: {},
-		true: "_1q3bqk6"
+		true: "_1c42eb7"
 	} }
 });
-var input = require_Tooltip.recipeRuntime({ base: "_1j4f6av" });
+var input = require_Tooltip.recipeRuntime({ base: "f52nv5" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1078,14 +1080,14 @@ var handle$1 = require_Tooltip.recipeRuntime({ base: [{
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1o9h7xe"] });
+}, "cgp1l4"] });
 var root$2 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "dwbdvg"] });
+}, "_1gv3vr3"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
@@ -1113,10 +1115,10 @@ var layout = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_10b7dao"],
+	}, "_1adi16c"],
 	variants: { size: {
-		full: "ii16gj",
-		screen: "z025q9"
+		full: "yhxms4",
+		screen: "_3y5cs8"
 	} }
 });
 //#endregion
@@ -1176,7 +1178,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "ze46rn"] });
+}, "_1sn3076"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
@@ -1207,11 +1209,11 @@ var pill = require_Tooltip.recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1df3dlc"],
+	}, "_17vneyu"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "k9gl5t"
+			true: "gd6nrd"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1479,18 +1481,18 @@ var root$1 = require_Tooltip.recipeRuntime({
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_1n3hz20"],
+	}, "odtr7m"],
 	variants: { size: {
-		md: "_1edl8g1",
-		lg: "_6onokb"
+		md: "kz70gd",
+		lg: "e4yv7a"
 	} }
 });
 var trigger = require_Tooltip.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "z84lha"] });
-var wrapper = require_Tooltip.recipeRuntime({ base: "_1i9sibk" });
+}, "_2e6r2s"] });
+var wrapper = require_Tooltip.recipeRuntime({ base: "vciow8" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1569,23 +1571,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" }, "x39urn"] });
-var fillValue = "var(--_1g9puji)";
+var control = require_Tooltip.recipeRuntime({ base: [{ bg: "transparent" }, "rfvt7b"] });
+var fillValue = "var(--_1rs6512)";
 var mark = require_Tooltip.recipeRuntime({
-	base: [{ transition: "colors" }, "_1kbz9v5"],
+	base: [{ transition: "colors" }, "k3j4ej"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--_11ua03q)";
+var markValue = "var(--_1kmmpfx)";
 var range = require_Tooltip.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_1dknfc1"] });
+}, "_8vk15o"] });
 var root = require_Tooltip.recipeRuntime({
 	base: [
-		"_1nvaptq",
+		"_141rz2c",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1593,7 +1595,7 @@ var root = require_Tooltip.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_11r3s7c"
+		"ik1xao"
 	],
 	variants: {
 		marks: {
@@ -1611,12 +1613,12 @@ var thumb = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_1guxj0z"] });
+}, "emeygl"] });
 var track = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "u0r7x2"] });
+}, "omnq2t"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1814,7 +1816,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: "_3266xx" });
+var handle = require_Tooltip.recipeRuntime({ base: "_1hj03v" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1839,10 +1841,10 @@ SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
 var item = require_Tooltip.recipeRuntime({
-	base: "_1ngcw2t",
+	base: "_1ojec33",
 	variants: { handle: {
 		false: {},
-		true: "s6bfxs"
+		true: "_1mkx2nn"
 	} }
 });
 //#endregion

package/dist/editor.d.ts

@@ -1,4 +1,4 @@
-import { Ka as Sprinkles, Ua as BoxProps } from "./index-CvhNtmlJ.js";
+import { Ka as Sprinkles, Ua as BoxProps } from "./index-xxEe0grI.js";
 //#region src/rich-text-editor/RichTextEditor.d.ts
 type RichTextEditorProps = BoxProps<"div", {
   /**

package/dist/esm/assets/ActionsContent.css.ts.vanilla-BSco-VCW.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._12dfqqy {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._15ypss0:not(:has(._15ypss0)):focus-within ._12dfqqy, ._12dfqqy:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .k2hkol {
+    opacity: 1;
+  }
+  ._1gr0574 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._15ypss0:not(:has(._15ypss0)):hover ._12dfqqy {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._1bq3i9a {
+    opacity: 0;
+  }
+  ._1q36oon {
+    inset: 0;
+    position: fixed;
+  }
+  .mzmhto {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--ljvuqp)))
+      scale(calc(1 - 0.06 * var(--ljvuqp)))
+    ;
+  }
+  .mzmhto:focus-visible {
+    outline: none;
+  }
+  ._1en692v {
+    width: 400px;
+  }
+  ._4np9d {
+    width: 600px;
+  }
+  .w1dl8u {
+    width: 800px;
+  }
+}

package/dist/esm/assets/{AlertDialogFooter.css.ts.vanilla-BzcFOCFC.css → AlertDialogFooter.css.ts.vanilla-CLwfD3Jh.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1cux7cq {
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._14u56fy {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/AlertDialogHeader.css.ts.vanilla-BpJN8gOH.css

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

package/dist/esm/assets/{Avatar.css.ts.vanilla-BBnPM9m9.css → Avatar.css.ts.vanilla-Dp6PoX4e.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._15icvm9 {
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._114tuy8 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._13bu1u ._15icvm9 {
+  ._18f63n2 ._114tuy8 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .yegz1g {
+  .dukcyx {
     font-size: 8px;
   }
-  ._13bu1u .yegz1g:not(:first-child) {
+  ._18f63n2 .dukcyx:not(:first-child) {
     margin-left: -1px;
   }
-  ._1r98gwb {
+  ._1lhf6ph {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._13bu1u ._1r98gwb:not(:first-child) {
+  ._18f63n2 ._1lhf6ph:not(:first-child) {
     margin-left: -3px;
   }
-  .ctjjr5 {
+  ._1inst9c {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._13bu1u .ctjjr5:not(:first-child) {
+  ._18f63n2 ._1inst9c:not(:first-child) {
     margin-left: -5px;
   }
-  .dxhdvp {
+  ._1vnmnrv {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._13bu1u .dxhdvp:not(:first-child) {
+  ._18f63n2 ._1vnmnrv:not(:first-child) {
     margin-left: -7px;
   }
-  ._1al3a5r {
+  ._1whdhn7 {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._13bu1u ._1al3a5r:not(:first-child) {
+  ._18f63n2 ._1whdhn7:not(:first-child) {
     margin-left: -9px;
   }
-  ._96m3qu {
+  .lcrv8d {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._13bu1u ._96m3qu:not(:first-child) {
+  ._18f63n2 .lcrv8d:not(:first-child) {
     margin-left: -11px;
   }
-  ._1li6stj {
+  ._18y7eer {
     font-size: 32px;
   }
-  ._13bu1u ._1li6stj:not(:first-child) {
+  ._18f63n2 ._18y7eer:not(:first-child) {
     margin-left: -13px;
   }
-  ._1sod1b4 {
+  ._1wxgugr {
     padding: 1px;
   }
 }

package/dist/esm/assets/AvatarGroup.css.ts.vanilla-C-3yrfwt.css

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

package/dist/{cjs/assets/Backdrop.css.ts.vanilla-gWWB6aHJ.css → esm/assets/Backdrop.css.ts.vanilla-9IGwLIyC.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  .eey14q {
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._1q47ima {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._118cs24;
+@layer optiaxiom._118cs24 {
+  ._1lzkrqa {
+    --_5anbte: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1lzkrqa:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1oo60gc {
+    --yh34z: var(--ax-colors-bg-error);
+    --o56hjd: var(--ax-colors-bg-error-subtle);
+    --hh2ytw: var(--ax-colors-fg-error-strong);
+  }
+  ._1bgx14g {
+    --yh34z: var(--ax-colors-bg-information);
+    --o56hjd: var(--ax-colors-bg-information-subtle);
+    --hh2ytw: var(--ax-colors-fg-information-strong);
+  }
+  ._1bsamdx {
+    --yh34z: var(--ax-colors-bg-tertiary);
+    --_5anbte: var(--ax-colors-fg-default);
+    --o56hjd: var(--ax-colors-bg-secondary);
+    --hh2ytw: var(--ax-colors-fg-secondary);
+  }
+  ._1exn5t9 {
+    --yh34z: var(--ax-colors-bg-default-inverse);
+    --_5anbte: var(--ax-colors-fg-default-inverse);
+    --o56hjd: var(--ax-colors-bg-default-inverse);
+    --hh2ytw: var(--ax-colors-fg-default-inverse);
+  }
+  ._472dg0 {
+    --yh34z: var(--ax-colors-bg-success);
+    --_5anbte: var(--ax-colors-fg-black);
+    --o56hjd: var(--ax-colors-bg-success-subtle);
+    --hh2ytw: var(--ax-colors-fg-success-strong);
+  }
+  .w45u4j {
+    --yh34z: var(--ax-colors-bg-warning);
+    --_5anbte: var(--ax-colors-fg-warning-inverse);
+    --o56hjd: var(--ax-colors-bg-warning-subtle);
+    --hh2ytw: var(--ax-colors-fg-warning-strong);
+  }
+  .ls0m5v {
+    background-color: var(--yh34z);
+    color: var(--_5anbte);
+  }
+  .swytb8 {
+    background-color: var(--o56hjd);
+    color: var(--hh2ytw);
+  }
+}

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

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