@optiaxiom/react 3.4.1 → 3.4.3

package/dist/cjs/unstable.js

@@ -1,11 +1,11 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tooltip = require("./Tooltip-B9GVf9an.js");
-const require_Flex = require("./Flex-PokOl6sd.js");
+const require_Tooltip = require("./Tooltip-BmO2V8Np.js");
+const require_Flex = require("./Flex-4mnK55zf.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-_0yplc22.css");
+require("./assets/layers.css.ts.vanilla-CH9zlCwB.css");
 let clsx = require("clsx");
 clsx = require_Tooltip.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -15,34 +15,34 @@ 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-DXFNOyvv.css");
-require("./assets/DetailsPanelFooter.css.ts.vanilla-CR8YbWHj.css");
-require("./assets/DetailsPanelHeader.css.ts.vanilla-oeA_GeRH.css");
-require("./assets/FileUpload.css.ts.vanilla-DQ8v3FUt.css");
-require("./assets/FileUploadDropzone.css.ts.vanilla-H6wJ37RB.css");
-require("./assets/FileUploadListItem.css.ts.vanilla-CQ6KBhcX.css");
-require("./assets/Highlight.css.ts.vanilla-Dc34CTma.css");
+require("./assets/DetailsPanel.css.ts.vanilla-WKcp-Juf.css");
+require("./assets/DetailsPanelFooter.css.ts.vanilla-C8iro7y_.css");
+require("./assets/DetailsPanelHeader.css.ts.vanilla-ePGrw5aM.css");
+require("./assets/FileUpload.css.ts.vanilla-DywlbgL1.css");
+require("./assets/FileUploadDropzone.css.ts.vanilla-x-36yUQI.css");
+require("./assets/FileUploadListItem.css.ts.vanilla-Dgo0j1BG.css");
+require("./assets/Highlight.css.ts.vanilla-Cs79Pv4C.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-BtkSO3Z0.css");
-require("./assets/InlineInput.css.ts.vanilla-B7MfWPc-.css");
+require("./assets/HoverCardTrigger.css.ts.vanilla-CDNCAXpv.css");
+require("./assets/InlineInput.css.ts.vanilla-Bfp2ZZUK.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-MRcJuwGe.css");
-require("./assets/Layout.css.ts.vanilla-BPg6OKAS.css");
-require("./assets/LayoutContent.css.ts.vanilla-DHCG56_m.css");
-require("./assets/Pill.css.ts.vanilla-CF1RcPhF.css");
+require("./assets/ResizableHandle.css.ts.vanilla-CAmTjusQ.css");
+require("./assets/Layout.css.ts.vanilla-CaOD6hF9.css");
+require("./assets/LayoutContent.css.ts.vanilla-B1mJPcsH.css");
+require("./assets/Pill.css.ts.vanilla-_NKGR4oh.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-CKTn161w.css");
-require("./assets/Range.css.ts.vanilla-D1pGZYfB.css");
+require("./assets/PillMenuTrigger.css.ts.vanilla-CsCyNhHp.css");
+require("./assets/Range.css.ts.vanilla-BThBEav-.css");
 let _dnd_kit_helpers = require("@dnd-kit/helpers");
 let _dnd_kit_react = require("@dnd-kit/react");
-require("./assets/SortableHandle.css.ts.vanilla-BxRNRzdH.css");
+require("./assets/SortableHandle.css.ts.vanilla-Cs3rOVtf.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-Dm1mnvm3.css");
+require("./assets/SortableItem.css.ts.vanilla-B5cNCJem.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",
@@ -221,7 +221,7 @@ var root$3 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_1wvn3z5"] });
+}, "hediij"] });
 //#endregion
 //#region src/details-panel/DetailsPanelContext.ts
 const [DetailsPanelProvider, useDetailsPanelContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DetailsPanel");
@@ -283,7 +283,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1y6vn9k"] });
+}, "tl456p"] });
 //#endregion
 //#region src/details-panel/DetailsPanelFooter.tsx
 /**
@@ -310,7 +310,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "e8yju4"] });
+}, "_9gcyaq"] });
 //#endregion
 //#region src/details-panel/DetailsPanelHeader.tsx
 /**
@@ -361,7 +361,7 @@ var upload = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_1hqwqt2"] });
+}, "_1latk42"] });
 //#endregion
 //#region src/file-upload/FileUploadContext.ts
 const [FileUploadProvider, useFileUploadContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FileUpload");
@@ -406,19 +406,19 @@ var dropzone = require_Tooltip.recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_54bck2"],
+	}, "_1471frz"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["briq48"]
+			true: ["_1wm7gci"]
 		},
 		hidden: {
-			false: "fue30k",
-			true: "_918i9v"
+			false: "_1nid5fe",
+			true: "uknp5t"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_1yp727a"]
+			true: [{ z: "10" }, "qf2pyg"]
 		}
 	}
 });
@@ -430,7 +430,7 @@ var label = require_Tooltip.recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "mo33ih"
+		true: "cbwjya"
 	} }
 });
 //#endregion
@@ -724,11 +724,11 @@ var item$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_1oerf7c"] });
+}, "_1vhm32o"] });
 var name = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "giv0rz"] });
+}, "_84vcb8"] });
 //#endregion
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
@@ -855,7 +855,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: "mw7boc" });
+var mark$1 = require_Tooltip.recipeRuntime({ base: "id5fnr" });
 //#endregion
 //#region src/highlight/useHighlightedChunks.ts
 const useHighlightedChunks = (content, query) => {
@@ -972,7 +972,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: "_1jk2tok" });
+var trigger$1 = require_Tooltip.recipeRuntime({ base: "_1clww39" });
 //#endregion
 //#region src/hover-card/HoverCardTrigger.tsx
 /**
@@ -995,13 +995,13 @@ HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 //#endregion
 //#region src/inline-input/InlineInput.css.ts
 var editor = require_Tooltip.recipeRuntime({
-	base: "_1fssmc8",
+	base: "vqf23q",
 	variants: { empty: {
 		false: {},
-		true: "_1yluz9k"
+		true: "ts2ab9"
 	} }
 });
-var input = require_Tooltip.recipeRuntime({ base: "azagx3" });
+var input = require_Tooltip.recipeRuntime({ base: "wewxr6" });
 //#endregion
 //#region src/inline-input/InlineInput.tsx
 /**
@@ -1085,14 +1085,14 @@ var handle$1 = require_Tooltip.recipeRuntime({ base: [{
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1l6mron"] });
+}, "_7v8tcg"] });
 var root$2 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "_1twi3eg"] });
+}, "_1ak09zm"] });
 //#endregion
 //#region src/resizable/ResizableHandle.tsx
 const ResizableHandle = (props) => {
@@ -1120,10 +1120,10 @@ var layout = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_11owzeh"],
+	}, "_1vqk8u3"],
 	variants: { size: {
-		full: "_97gvdu",
-		screen: "_12zi3oo"
+		full: "_1sd3lqw",
+		screen: "_1389w6i"
 	} }
 });
 //#endregion
@@ -1183,7 +1183,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "nbxrqq"] });
+}, "_12iiqf9"] });
 //#endregion
 //#region src/layout/LayoutContent.tsx
 /**
@@ -1214,11 +1214,11 @@ var pill = require_Tooltip.recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "my6l0p"],
+	}, "_1muque4"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "a94nhr"
+			true: "_15fo5ov"
 		},
 		size: {
 			xs: { h: "xs" },
@@ -1486,18 +1486,18 @@ var root$1 = require_Tooltip.recipeRuntime({
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_15cbqrz"],
+	}, "_1n5ngp1"],
 	variants: { size: {
-		md: "_1iuxox7",
-		lg: "r2opir"
+		md: "_1jmf82p",
+		lg: "gyjca4"
 	} }
 });
 var trigger = require_Tooltip.recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "vm3og3"] });
-var wrapper = require_Tooltip.recipeRuntime({ base: "_8j8l5s" });
+}, "_10uc6te"] });
+var wrapper = require_Tooltip.recipeRuntime({ base: "_1vyd4ee" });
 //#endregion
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
@@ -1576,23 +1576,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" }, "_1gmm9t6"] });
-var fillValue = "var(--_106cgbj)";
+var control = require_Tooltip.recipeRuntime({ base: [{ bg: "transparent" }, "_1ae4wuh"] });
+var fillValue = "var(--z8f1sd)";
 var mark = require_Tooltip.recipeRuntime({
-	base: [{ transition: "colors" }, "_1pkjkoj"],
+	base: [{ transition: "colors" }, "_14x91qr"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--lt9dc2)";
+var markValue = "var(--_8tiyn7)";
 var range = require_Tooltip.recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "yla5lj"] });
+}, "_1u7kzd7"] });
 var root = require_Tooltip.recipeRuntime({
 	base: [
-		"g4gz09",
+		"lo32vj",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -1600,7 +1600,7 @@ var root = require_Tooltip.recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_1e65pxp"
+		"_1q9hhbc"
 	],
 	variants: {
 		marks: {
@@ -1618,12 +1618,12 @@ var thumb = require_Tooltip.recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_1up75pc"] });
+}, "urwizp"] });
 var track = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "nee15a"] });
+}, "_1yx7vbt"] });
 //#endregion
 //#region src/range/useTooltipState.tsx
 const useTooltipState = () => {
@@ -1823,7 +1823,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: "ep0qlm" });
+var handle = require_Tooltip.recipeRuntime({ base: "_1ow77b2" });
 //#endregion
 //#region src/sortable/SortableItemContext.ts
 const [SortableItemProvider, useSortableItemContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/SortableItem");
@@ -1848,10 +1848,10 @@ SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 //#endregion
 //#region src/sortable/SortableItem.css.ts
 var item = require_Tooltip.recipeRuntime({
-	base: "pse0h6",
+	base: "_1eongho",
 	variants: { handle: {
 		false: {},
-		true: "_1tubiub"
+		true: "_12eumam"
 	} }
 });
 //#endregion

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .ttl3eb {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .j5vq5n:not(:has(.j5vq5n)):focus-within .ttl3eb, .ttl3eb:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._9183h4 {
+    opacity: 1;
+  }
+  .osjw7r {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    .j5vq5n:not(:has(.j5vq5n)):hover .ttl3eb {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

package/dist/esm/assets/{AlertDialogContent.css.ts.vanilla-3ZbYfCeJ.css → AlertDialogContent.css.ts.vanilla-4BmxLEOF.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  ._8212h {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .zs883f {
     opacity: 0;
   }
-  ._1s8jin2 {
+  ._13m4zp8 {
     inset: 0;
     position: fixed;
   }
-  ._1qhw197 {
+  ._9723sd {
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale, 1rem)));
     transform: 
-      translateY(calc(calc(1 * var(--ax-styles-scale, 1rem)) * var(--_16th1ou)))
-      scale(calc(1 - 0.06 * var(--_16th1ou)))
+      translateY(calc(calc(1 * var(--ax-styles-scale, 1rem)) * var(--_1uzsd7a)))
+      scale(calc(1 - 0.06 * var(--_1uzsd7a)))
     ;
   }
-  ._1qhw197:focus-visible {
+  ._9723sd:focus-visible {
     outline: none;
   }
-  .o6i8v6 {
+  .sqdavx {
     width: calc(25 * var(--ax-styles-scale, 1rem));
   }
-  ._18syk2l {
+  .a2cvat {
     width: calc(37.5 * var(--ax-styles-scale, 1rem));
   }
-  .euxq8y {
+  ._1sow17u {
     width: calc(50 * var(--ax-styles-scale, 1rem));
   }
 }

package/dist/esm/assets/{AlertDialogFooter.css.ts.vanilla-DQyU0sHO.css → AlertDialogFooter.css.ts.vanilla-HeS_lAK0.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  ._1gk8acx {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  ._1iphsgl {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

package/dist/esm/assets/{Avatar.css.ts.vanilla-BcPVjBeN.css → Avatar.css.ts.vanilla-BKH05XNQ.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  ._1vcigjc {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .dsbkot {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1xpplsf ._1vcigjc {
+  .ldyv77 .dsbkot {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .feyv6s {
+  .qdgjzf {
     font-size: calc(0.5 * var(--ax-styles-scale, 1rem));
   }
-  ._1xpplsf .feyv6s:not(:first-child) {
+  .ldyv77 .qdgjzf:not(:first-child) {
     margin-left: calc(-0.0625 * var(--ax-styles-scale, 1rem));
   }
-  .psgobf {
+  .b2562b {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1xpplsf .psgobf:not(:first-child) {
+  .ldyv77 .b2562b:not(:first-child) {
     margin-left: calc(-0.1875 * var(--ax-styles-scale, 1rem));
   }
-  ._19jh2f0 {
+  ._1erjacn {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1xpplsf ._19jh2f0:not(:first-child) {
+  .ldyv77 ._1erjacn:not(:first-child) {
     margin-left: calc(-0.3125 * var(--ax-styles-scale, 1rem));
   }
-  ._1v0df5w {
+  ._119xfyl {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1xpplsf ._1v0df5w:not(:first-child) {
+  .ldyv77 ._119xfyl:not(:first-child) {
     margin-left: calc(-0.4375 * var(--ax-styles-scale, 1rem));
   }
-  ._7z5095 {
+  ._13i6zsm {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1xpplsf ._7z5095:not(:first-child) {
+  .ldyv77 ._13i6zsm:not(:first-child) {
     margin-left: calc(-0.5625 * var(--ax-styles-scale, 1rem));
   }
-  ._1ypak3u {
+  .k5he04 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1xpplsf ._1ypak3u:not(:first-child) {
+  .ldyv77 .k5he04:not(:first-child) {
     margin-left: calc(-0.6875 * var(--ax-styles-scale, 1rem));
   }
-  ._1u7g02u {
+  ._1ie7h1h {
     font-size: calc(2 * var(--ax-styles-scale, 1rem));
   }
-  ._1xpplsf ._1u7g02u:not(:first-child) {
+  .ldyv77 ._1ie7h1h:not(:first-child) {
     margin-left: calc(-0.8125 * var(--ax-styles-scale, 1rem));
   }
-  ._1ka3wkc {
+  .td0s4e {
     padding: calc(0.0625 * var(--ax-styles-scale, 1rem));
   }
 }

package/dist/{cjs/assets/Backdrop.css.ts.vanilla-BQZsZ760.css → esm/assets/Backdrop.css.ts.vanilla-DB9jeM1T.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  ._15hmgw5 {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .jc7ujo {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  ._9vb3yw {
+    --_171e5rt: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._9vb3yw:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  .wyir0h {
+    --dkqq7y: var(--ax-colors-bg-error);
+    --_7g4f9q: var(--ax-colors-bg-error-subtle);
+    --_15qo6nx: var(--ax-colors-fg-error-strong);
+  }
+  ._11coizw {
+    --dkqq7y: var(--ax-colors-bg-information);
+    --_7g4f9q: var(--ax-colors-bg-information-subtle);
+    --_15qo6nx: var(--ax-colors-fg-information-strong);
+  }
+  .h10jo7 {
+    --dkqq7y: var(--ax-colors-bg-tertiary);
+    --_171e5rt: var(--ax-colors-fg-default);
+    --_7g4f9q: var(--ax-colors-bg-secondary);
+    --_15qo6nx: var(--ax-colors-fg-secondary);
+  }
+  ._120qgyc {
+    --dkqq7y: var(--ax-colors-bg-default-inverse);
+    --_171e5rt: var(--ax-colors-fg-default-inverse);
+    --_7g4f9q: var(--ax-colors-bg-default-inverse);
+    --_15qo6nx: var(--ax-colors-fg-default-inverse);
+  }
+  ._158lk99 {
+    --dkqq7y: var(--ax-colors-bg-success);
+    --_171e5rt: var(--ax-colors-fg-black);
+    --_7g4f9q: var(--ax-colors-bg-success-subtle);
+    --_15qo6nx: var(--ax-colors-fg-success-strong);
+  }
+  .hj9yaw {
+    --dkqq7y: var(--ax-colors-bg-warning);
+    --_171e5rt: var(--ax-colors-fg-warning-inverse);
+    --_7g4f9q: var(--ax-colors-bg-warning-subtle);
+    --_15qo6nx: var(--ax-colors-fg-warning-strong);
+  }
+  ._1t5a70o {
+    background-color: var(--dkqq7y);
+    color: var(--_171e5rt);
+  }
+  ._1toli66 {
+    background-color: var(--_7g4f9q);
+    color: var(--_15qo6nx);
+  }
+}

package/dist/esm/assets/Banner.css.ts.vanilla-9eVxwz17.css

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

package/dist/{cjs/assets/Box.css.ts.vanilla-BsMzsSds.css → esm/assets/Box.css.ts.vanilla-oZE6ru3S.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._85xani;
-@layer optiaxiom._85xani {
-  ._18a1og9 {
+@layer optiaxiom._68w9ur;
+@layer optiaxiom._68w9ur {
+  .g2qq61 {
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
     font-family: var(--ax-styles-fontFamily, var(--ax-fontFamily-sans));
@@ -9,74 +9,74 @@
     padding: 0;
     -webkit-font-smoothing: antialiased;
   }
-  ._18a1og9:focus-visible {
+  .g2qq61:focus-visible {
     --tw-ring-offset-width: 0;
   }
-  ._18a1og9:is(hr) {
+  .g2qq61:is(hr) {
     border-top-width: 1px;
     color: inherit;
     height: 0;
   }
-  ._18a1og9:is(h1, h2, h3, h4, h5, h6) {
+  .g2qq61:is(h1, h2, h3, h4, h5, h6) {
     font-size: inherit;
     font-weight: inherit;
   }
-  ._18a1og9:is(b, strong) {
+  .g2qq61:is(b, strong) {
     font-weight: bolder;
   }
-  ._18a1og9:is(code, kbd, samp, pre) {
+  .g2qq61:is(code, kbd, samp, pre) {
     --ax-styles-fontFamily: var(--ax-fontFamily-mono);
     font-feature-settings: normal;
     font-size: 1em;
     -webkit-font-smoothing: auto;
   }
-  ._18a1og9:is(table) {
+  .g2qq61:is(table) {
     border-collapse: collapse;
     border-color: inherit;
     text-indent: 0;
   }
-  ._18a1og9:is(button, input, optgroup, select, textarea) {
+  .g2qq61:is(button, input, optgroup, select, textarea) {
     color: inherit;
     font-size: 100%;
     letter-spacing: inherit;
   }
-  ._18a1og9:is(button, input:where([type=button], [type=reset], [type=submit])) {
+  .g2qq61:is(button, input:where([type=button], [type=reset], [type=submit])) {
     background-color: transparent;
     background-image: none;
     -webkit-appearance: button;
   }
-  ._18a1og9:is([type=search]) {
+  .g2qq61:is([type=search]) {
     outline-offset: -2px;
     -webkit-appearance: textfield;
   }
-  ._18a1og9::-webkit-file-upload-button {
+  .g2qq61::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
   }
-  ._18a1og9:is(ol, ul, menu) {
+  .g2qq61:is(ol, ul, menu) {
     list-style: none;
   }
-  ._18a1og9:is(textarea) {
+  .g2qq61:is(textarea) {
     resize: vertical;
   }
-  ._18a1og9:is(input, textarea)::placeholder {
+  .g2qq61:is(input, textarea)::placeholder {
     color: var(--ax-colors-fg-tertiary);
     opacity: 1;
   }
-  ._18a1og9:is(button, [role=button]) {
+  .g2qq61:is(button, [role=button]) {
     cursor: pointer;
   }
-  ._18a1og9:is(:disabled) {
+  .g2qq61:is(:disabled) {
     cursor: default;
   }
-  ._18a1og9:is(img, svg, video, canvas, audio, iframe, embed, object) {
+  .g2qq61:is(img, svg, video, canvas, audio, iframe, embed, object) {
     display: block;
   }
-  ._18a1og9:is(img, video) {
+  .g2qq61:is(img, video) {
     height: auto;
     max-width: 100%;
   }
-  ._18a1og9:is(select) {
+  .g2qq61:is(select) {
     appearance: none;
   }
 }