@optiaxiom/react 0.1.0-next.16 → 0.1.0-next.17

package/README.md

@@ -2,18 +2,10 @@
 
 Axiom is the technical implementation of the Optimizely Design System.
 
-## Getting Started
+## Installation
 
 ```sh
 npm install @optiaxiom/react
 ```
 
-```tsx
-import { Text } from "@optiaxiom/react";
-
-function App() {
-  return <Text>Hello World!</Text>;
-}
-```
-
 Please read the full [documentation](https://optimizely-axiom.github.io/optiaxiom/) for guides, examples, and API.

package/dist/{PopoverContent-DHQm-nPQ.d.ts → PopoverContent-CUYQy-H8.d.ts}

@@ -19,7 +19,7 @@ declare const sprinkles: ((props: {
     empty?: "hidden" | undefined;
     fontFamily?: "mono" | "sans" | undefined;
     fontWeight?: "600" | "900" | "100" | "200" | "300" | "400" | "500" | "700" | "800" | undefined;
-    letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
+    letterSpacing?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
     objectFit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
     overflowX?: "auto" | "hidden" | "visible" | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
@@ -37,21 +37,21 @@ declare const sprinkles: ((props: {
     overflow?: "auto" | "hidden" | "visible" | undefined;
     rounded?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
     shadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
-    tracking?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
+    tracking?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
     z?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | "toast" | undefined;
 } & {
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    alignItems?: ("normal" | "end" | "start" | "center" | "stretch" | {
+        readonly base?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly md?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "normal" | "end" | "start" | "center" | "stretch" | null>;
+    alignSelf?: ("normal" | "end" | "start" | "center" | "stretch" | {
+        readonly base?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly md?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "normal" | "end" | "start" | "center" | "stretch" | null>;
     display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
         readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
         readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
@@ -76,12 +76,12 @@ declare const sprinkles: ((props: {
         readonly md?: "nowrap" | "wrap" | undefined;
         readonly lg?: "nowrap" | "wrap" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "nowrap" | "wrap" | null>;
-    fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null>;
+    fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | {
+        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | undefined;
+        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | undefined;
+        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | undefined;
+        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "inherit" | null>;
     gap?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
         readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
@@ -106,24 +106,24 @@ declare const sprinkles: ((props: {
         readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
         readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    lineHeight?: ("none" | "normal" | "tight" | "loose" | {
-        readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "normal" | "tight" | "loose" | null>;
+    justifyContent?: ("normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "normal" | "end" | "start" | "center" | "stretch" | "space-around" | "space-between" | "space-evenly" | null>;
+    justifyItems?: ("normal" | "end" | "start" | "center" | "stretch" | {
+        readonly base?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly md?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+        readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "normal" | "end" | "start" | "center" | "stretch" | null>;
+    lineHeight?: ("none" | "tight" | "normal" | "loose" | {
+        readonly base?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly sm?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly md?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly lg?: "none" | "tight" | "normal" | "loose" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "tight" | "normal" | "loose" | null>;
     marginBottom?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
         readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
         readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
@@ -202,12 +202,12 @@ declare const sprinkles: ((props: {
         readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
         readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    leading?: ("none" | "normal" | "tight" | "loose" | {
-        readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "normal" | "tight" | "loose" | null>;
+    leading?: ("none" | "tight" | "normal" | "loose" | {
+        readonly base?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly sm?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly md?: "none" | "tight" | "normal" | "loose" | undefined;
+        readonly lg?: "none" | "tight" | "normal" | "loose" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "tight" | "normal" | "loose" | null>;
     m?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
         readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
         readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;

package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css

@@ -0,0 +1,25 @@
+@keyframes z9by1g {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes _1txtaun {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._1mdbivv[data-state="closed"] {
+    animation: _1txtaun 300ms ease-out;
+  }
+  ._1mdbivv[data-state="open"] {
+    animation: z9by1g 300ms ease-out;
+  }
+}

package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-4LrJ1QuW.css → AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._18n9bwq:focus-visible {
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._1u7k1f:focus-visible {
     outline: 2px solid var(--ax-colors-outline-brand);
     outline-offset: 1px;
   }
-  ._18n9bwq:hover {
+  ._1u7k1f:hover {
     color: var(--ax-colors-neutral-1000);
   }
-  [data-state=open] > ._1dht06e {
+  [data-state=open] > ._1o09vno {
     transform: rotate(90deg);
   }
-  [data-state=open] > .gkw274 {
+  [data-state=open] > ._1nkeqgh {
     transform: rotate(180deg);
   }
 }

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

@@ -0,0 +1,43 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._138iv5m {
+    --_104g0mc: var(--ax-colors-red-100);
+    --pys982: var(--ax-colors-red-200);
+  }
+  ._1k5o2ry {
+    --_104g0mc: var(--ax-colors-bg-neutral);
+    --pys982: var(--ax-colors-bg-neutral-solid);
+  }
+  ._5c74qd {
+    --_104g0mc: var(--ax-colors-green-100);
+    --pys982: var(--ax-colors-green-200);
+  }
+  ._1m03oox {
+    --_104g0mc: var(--ax-colors-yellow-100);
+    --pys982: var(--ax-colors-yellow-200);
+  }
+  .m0yj11 {
+    background-color: var(--_104g0mc);
+  }
+  ._11ttxe9 {
+    background-color: var(--pys982);
+  }
+  ._17rt0kg {
+    --a9b11u: var(--ax-colors-bg-error-solid-hover);
+  }
+  .mjtvoq {
+    --a9b11u: var(--ax-colors-fg-tertiary);
+  }
+  ._1mcmqlw {
+    --a9b11u: var(--ax-colors-bg-success-solid-hover);
+  }
+  ._1kh7dm7 {
+    --a9b11u: var(--ax-colors-bg-warning-solid-hover);
+  }
+  .pp964x {
+    color: var(--a9b11u);
+  }
+  .yabu0s {
+    color: var(--ax-colors-bg-neutral-inverse);
+  }
+}

package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-Iclo0aet.css → AlertDialogContent.css.ts.vanilla-udVSBh-F.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._18e4ph3 {
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._1x7pqvw {
     left: 50%;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  ._1irrimv {
+  .k6pdwu {
     width: 400px;
   }
-  .hiu8r6 {
+  .gbecmb {
     width: 600px;
   }
-  ._1ppncny {
+  ._1guabg7 {
     width: 800px;
   }
-  .eesi04 {
+  ._1wzh4wd {
     inset: 0;
     position: fixed;
   }

package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  .d86d23 {
+    max-height: 50dvh;
+  }
+}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._5vt6rw {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css

@@ -0,0 +1,24 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._1depebd {
+    user-select: none;
+  }
+  .feyln4 ._1depebd {
+    border: 1px solid var(--ax-colors-white);
+  }
+  .feyln4 ._1eorsz0:not(:first-child) {
+    margin-left: -3px;
+  }
+  .feyln4 .zlg38k:not(:first-child) {
+    margin-left: -5px;
+  }
+  .feyln4 .k6nnvn:not(:first-child) {
+    margin-left: -7px;
+  }
+  .feyln4 ._1rs52v8:not(:first-child) {
+    margin-left: -9px;
+  }
+  .feyln4 ._4qeeow:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,47 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  ._1bu43ok {
+    --ev9yz0: var(--ax-colors-fg-default-inverse);
+    padding: 4px 8px;
+  }
+  ._2kynfh {
+    --mgvpkh: var(--ax-colors-bg-error-solid);
+    --_1p8c08a: var(--ax-colors-bg-error);
+    --_13pmflf: var(--ax-colors-fg-error);
+  }
+  .pmfpxx {
+    --mgvpkh: var(--ax-colors-bg-information-solid);
+    --_1p8c08a: var(--ax-colors-bg-information);
+    --_13pmflf: var(--ax-colors-fg-information);
+  }
+  ._19g8kwz {
+    --mgvpkh: var(--ax-colors-bg-neutral-solid);
+    --ev9yz0: var(--ax-colors-fg-default);
+    --_1p8c08a: var(--ax-colors-bg-neutral);
+    --_13pmflf: var(--ax-colors-fg-secondary);
+  }
+  .vjfs97 {
+    --mgvpkh: var(--ax-colors-bg-brand-solid);
+    --_1p8c08a: var(--ax-colors-bg-brand);
+    --_13pmflf: var(--ax-colors-fg-brand);
+  }
+  .pmdgor {
+    --mgvpkh: var(--ax-colors-bg-success-solid);
+    --_1p8c08a: var(--ax-colors-bg-success);
+    --_13pmflf: var(--ax-colors-fg-success);
+  }
+  ._18gfgdi {
+    --mgvpkh: var(--ax-colors-bg-warning-solid);
+    --ev9yz0: var(--ax-colors-fg-default);
+    --_1p8c08a: var(--ax-colors-bg-warning);
+    --_13pmflf: var(--ax-colors-fg-warning);
+  }
+  .shwo4l {
+    background-color: var(--_1p8c08a);
+    color: var(--_13pmflf);
+  }
+  ._1446zch {
+    background-color: var(--mgvpkh);
+    color: var(--ev9yz0);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-_TO4h5zD.css → Box.css.ts.vanilla-DqlsipSp.css}

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

package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css

@@ -0,0 +1,141 @@
+@layer optiaxiom._1srm0cz;
+@layer optiaxiom._1srm0cz {
+  .ihl5cp {
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    padding-inline: var(--_1ph4wuh);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .ihl5cp:active:not([data-disabled], [data-loading]) {
+    box-shadow: var(--ax-boxShadow-inner);
+  }
+  .ihl5cp:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-outline-brand);
+    outline-offset: 1px;
+  }
+  .ihl5cp:is([data-disabled], [data-loading]) {
+    cursor: not-allowed;
+  }
+  ._1v1sc2o[data-orientation="horizontal"] .ihl5cp:not(:first-child):not(:last-child) {
+    border-inline-width: 0.5px;
+  }
+  ._1v1sc2o[data-orientation="horizontal"] .ihl5cp:not(:only-child):first-child {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1v1sc2o[data-orientation="horizontal"] .ihl5cp:not(:only-child):last-child {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1v1sc2o[data-orientation="vertical"] .ihl5cp:not(:first-child):not(:last-child) {
+    border-block-width: 0.5px;
+  }
+  ._1v1sc2o[data-orientation="vertical"] .ihl5cp:not(:only-child):first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1v1sc2o[data-orientation="vertical"] .ihl5cp:not(:only-child):last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1v1sc2o[data-orientation] .ihl5cp:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  .jfxdkt {
+    --_11kpylu: var(--ax-colors-bg-error-solid);
+    --_11h3jd9: var(--ax-colors-bg-error-solid-hover);
+    --_1e7yl1x: var(--ax-colors-bg-error);
+  }
+  ._1s8g8ar {
+    --_11kpylu: var(--ax-colors-bg-neutral-inverse);
+    --_11h3jd9: var(--ax-colors-bg-neutral-inverse-hover);
+    --i6s5fr: var(--ax-colors-fg-default-inverse);
+    --_1e7yl1x: var(--ax-colors-bg-input-disabled);
+    --c1hkpx: var(--ax-colors-fg-default);
+  }
+  .rwkj10 {
+    --_11kpylu: var(--ax-colors-bg-brand-solid);
+    --_11h3jd9: var(--ax-colors-bg-brand-solid-hover);
+    --_1e7yl1x: var(--ax-colors-bg-brand);
+  }
+  .kd1j6n {
+    min-width: fit-content;
+  }
+  ._122z9z4 {
+    background-color: transparent;
+    border: 1px solid var(--_11kpylu);
+    color: var(--c1hkpx, var(--_11kpylu));
+    padding-inline: calc(var(--_1ph4wuh) - 1px);
+  }
+  ._122z9z4:hover:not([data-disabled], [data-loading]) {
+    background-color: var(--_1e7yl1x);
+  }
+  ._122z9z4[data-disabled] {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .j3kivp {
+    background-color: var(--_11kpylu);
+    color: var(--i6s5fr, var(--ax-colors-fg-default-inverse));
+  }
+  .j3kivp:hover:not([data-disabled], [data-loading]) {
+    background-color: var(--_11h3jd9);
+  }
+  .j3kivp[data-disabled] {
+    background-color: var(--ax-colors-bg-input-disabled);
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--_1ph4wuh) - 1px);
+  }
+  .v84144 {
+    background-color: transparent;
+    border-color: var(--_11kpylu);
+    color: var(--c1hkpx, var(--_11kpylu));
+  }
+  .v84144:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1e7yl1x);
+  }
+  .v84144:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-brand);
+    color: var(--ax-colors-fg-link);
+  }
+  .v84144[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .uh36my {
+    border-color: var(--ax-colors-border-default);
+  }
+  ._1imm4q2 {
+    --_1ph4wuh: 2px;
+  }
+  ._1ae7ld9 {
+    --_1ph4wuh: 4px;
+  }
+  ._1wzrkgj {
+    --_1ph4wuh: 6px;
+  }
+  .jtr6lf {
+    --_1ph4wuh: 8px;
+  }
+  ._9wnrob {
+    --_1ph4wuh: 10px;
+  }
+  ._1lfjkdg {
+    --_1ph4wuh: 12px;
+  }
+  .g9qpy6 {
+    opacity: 1;
+  }
+  .lqunob[data-loading] .g9qpy6 {
+    opacity: 0;
+  }
+  .qmvjp8 {
+    position: absolute;
+  }
+}