@optiaxiom/react 3.3.0 → 3.4.0

package/dist/{esm/assets/ActionsContent.css.ts.vanilla-CAtOoSah.css → cjs/assets/ActionsContent.css.ts.vanilla-vP7vU13T.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1bsf7fn {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .e7g6i9 {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .pqx9ox:not(:has(.pqx9ox)):focus-within ._1bsf7fn, ._1bsf7fn:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._1ioa4j4:not(:has(._1ioa4j4)):focus-within .e7g6i9, .e7g6i9:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  .l45klv {
+  ._1cbh29o {
     opacity: 1;
   }
-  ._19a5cfa {
+  ._1xio65g {
     opacity: 0;
   }
   @media (hover: hover) {
-    .pqx9ox:not(:has(.pqx9ox)):hover ._1bsf7fn {
+    ._1ioa4j4:not(:has(._1ioa4j4)):hover .e7g6i9 {
       opacity: 1;
       transition: none;
     }

package/dist/cjs/assets/Alert.css.ts.vanilla-BmRGDGQI.css

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

package/dist/cjs/assets/{AlertDialogContent.css.ts.vanilla-DtystFEK.css → AlertDialogContent.css.ts.vanilla-C3Q_eWoe.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .subysm {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .vyi5i2 {
     opacity: 0;
   }
-  ._1ahquck {
+  .s2oyne {
     inset: 0;
     position: fixed;
   }
-  ._1m0n4mo {
+  .bolkbj {
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale)));
     transform: 
-      translateY(calc(calc(1 * var(--ax-styles-scale)) * var(--_1lhg3p8)))
-      scale(calc(1 - 0.06 * var(--_1lhg3p8)))
+      translateY(calc(calc(1 * var(--ax-styles-scale)) * var(--_2fczyw)))
+      scale(calc(1 - 0.06 * var(--_2fczyw)))
     ;
   }
-  ._1m0n4mo:focus-visible {
+  .bolkbj:focus-visible {
     outline: none;
   }
-  .oocz14 {
+  ._1g2mh37 {
     width: calc(25 * var(--ax-styles-scale));
   }
-  ._14xq49y {
+  ._1vpze75 {
     width: calc(37.5 * var(--ax-styles-scale));
   }
-  .m0qjsd {
+  ._16guw5w {
     width: calc(50 * var(--ax-styles-scale));
   }
 }

package/dist/cjs/assets/{AlertDialogFooter.css.ts.vanilla-Ds3W0cAT.css → AlertDialogFooter.css.ts.vanilla-CJzM7oVP.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._18y1ni6 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .ibwkg3 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/cjs/assets/AlertDialogHeader.css.ts.vanilla-B-N8Fo9T.css

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

package/dist/cjs/assets/{Avatar.css.ts.vanilla-C0Utu7yz.css → Avatar.css.ts.vanilla-2MuG0bd2.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .exq8r9 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1ufj2ov {
     -webkit-user-select: none;
             user-select: none;
   }
-  .r0s3vk .exq8r9 {
+  .jeoqwg ._1ufj2ov {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._1xaudeg {
+  ._1sxqgtm {
     font-size: calc(0.5 * var(--ax-styles-scale));
   }
-  .r0s3vk ._1xaudeg:not(:first-child) {
+  .jeoqwg ._1sxqgtm:not(:first-child) {
     margin-left: calc(-0.0625 * var(--ax-styles-scale));
   }
-  ._1kfy96l {
+  ._1326zzg {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .r0s3vk ._1kfy96l:not(:first-child) {
+  .jeoqwg ._1326zzg:not(:first-child) {
     margin-left: calc(-0.1875 * var(--ax-styles-scale));
   }
-  .bc2lf {
+  .j9mjya {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .r0s3vk .bc2lf:not(:first-child) {
+  .jeoqwg .j9mjya:not(:first-child) {
     margin-left: calc(-0.3125 * var(--ax-styles-scale));
   }
-  .uh04rn {
+  ._1ytdc61 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .r0s3vk .uh04rn:not(:first-child) {
+  .jeoqwg ._1ytdc61:not(:first-child) {
     margin-left: calc(-0.4375 * var(--ax-styles-scale));
   }
-  ._1uxnsx0 {
+  ._1hjviqh {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .r0s3vk ._1uxnsx0:not(:first-child) {
+  .jeoqwg ._1hjviqh:not(:first-child) {
     margin-left: calc(-0.5625 * var(--ax-styles-scale));
   }
-  ._1ceqxcj {
+  ._4tt6y {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .r0s3vk ._1ceqxcj:not(:first-child) {
+  .jeoqwg ._4tt6y:not(:first-child) {
     margin-left: calc(-0.6875 * var(--ax-styles-scale));
   }
-  ._1eo3dg8 {
+  .dzrvxz {
     font-size: calc(2 * var(--ax-styles-scale));
   }
-  .r0s3vk ._1eo3dg8:not(:first-child) {
+  .jeoqwg .dzrvxz:not(:first-child) {
     margin-left: calc(-0.8125 * var(--ax-styles-scale));
   }
-  .wzfd5k {
+  .nnbkoi {
     padding: calc(0.0625 * var(--ax-styles-scale));
   }
 }

package/dist/{esm/assets/Backdrop.css.ts.vanilla-C0tU9gfz.css → cjs/assets/Backdrop.css.ts.vanilla-BV6E4G2y.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1dffmdm {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._5gjc7f {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/cjs/assets/Badge.css.ts.vanilla-DigDxXJA.css

@@ -0,0 +1,53 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .tvd5ya {
+    --_16tq6qj: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .tvd5ya:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1qgthhd {
+    --xxlrig: var(--ax-colors-bg-error);
+    --_1w8vs4: var(--ax-colors-bg-error-subtle);
+    --ocdarh: var(--ax-colors-fg-error-strong);
+  }
+  .fu6nc1 {
+    --xxlrig: var(--ax-colors-bg-information);
+    --_1w8vs4: var(--ax-colors-bg-information-subtle);
+    --ocdarh: var(--ax-colors-fg-information-strong);
+  }
+  ._1ccc4iw {
+    --xxlrig: var(--ax-colors-bg-tertiary);
+    --_16tq6qj: var(--ax-colors-fg-default);
+    --_1w8vs4: var(--ax-colors-bg-secondary);
+    --ocdarh: var(--ax-colors-fg-secondary);
+  }
+  .l4zo73 {
+    --xxlrig: var(--ax-colors-bg-default-inverse);
+    --_16tq6qj: var(--ax-colors-fg-default-inverse);
+    --_1w8vs4: var(--ax-colors-bg-default-inverse);
+    --ocdarh: var(--ax-colors-fg-default-inverse);
+  }
+  .zaof5f {
+    --xxlrig: var(--ax-colors-bg-success);
+    --_16tq6qj: var(--ax-colors-fg-black);
+    --_1w8vs4: var(--ax-colors-bg-success-subtle);
+    --ocdarh: var(--ax-colors-fg-success-strong);
+  }
+  ._3ueycq {
+    --xxlrig: var(--ax-colors-bg-warning);
+    --_16tq6qj: var(--ax-colors-fg-warning-inverse);
+    --_1w8vs4: var(--ax-colors-bg-warning-subtle);
+    --ocdarh: var(--ax-colors-fg-warning-strong);
+  }
+  ._14i77k3 {
+    background-color: var(--xxlrig);
+    color: var(--_16tq6qj);
+  }
+  .w3udcv {
+    background-color: var(--_1w8vs4);
+    color: var(--ocdarh);
+  }
+}

package/dist/cjs/assets/Banner.css.ts.vanilla-DMZfFXW8.css

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

package/dist/{esm/assets/Box.css.ts.vanilla-DCS0ap0M.css → cjs/assets/Box.css.ts.vanilla-CFnjHbNP.css}

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

package/dist/cjs/assets/{Breadcrumb.css.ts.vanilla-BL1dlho0.css → Breadcrumb.css.ts.vanilla-BLGGPcA3.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._6z6mct {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1ou91nc {
     min-height: var(--ax-size-md);
   }
-  ._1gaxuip {
+  .bm0o50 {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1gaxuip:visited {
+  .bm0o50:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._1gaxuip:hover:not([data-disabled]) {
+    .bm0o50:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/cjs/assets/{BreadcrumbNode.css.ts.vanilla-uzm1DOAH.css → BreadcrumbNode.css.ts.vanilla-BVEDIJ0l.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1l2f0ao {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._10154zd {
     max-width: calc(10 * var(--ax-styles-scale));
   }
-  ._1l2f0ao:not(:first-child)::before {
+  ._10154zd:not(:first-child)::before {
     content: "/";
     color: var(--ax-colors-fg-tertiary);
     margin-right: calc(0.25 * var(--ax-styles-scale));

package/dist/cjs/assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css

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

package/dist/{esm/assets/ButtonIcon.css.ts.vanilla-xDp9za48.css → cjs/assets/ButtonIcon.css.ts.vanilla-DqBsUuFg.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1xxo6vo {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._13oy6j2 {
     height: var(--ax-size-sm);
     width: var(--ax-size-sm);
   }
-  .mqc5zu {
+  ._19ca8pf {
     --ax-styles-iconSize: var(--ax-size-2xs);
   }
-  ._1gtaamx {
+  .gs65os {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._18ss4gs {
+  .r4uql8 {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1w91wzo {
-    background-color: var(--_1s72r4y);
-    color: var(--eu63qs);
+  ._1jfdu8y {
+    background-color: var(--qc1jqh);
+    color: var(--jjr3xw);
     height: auto;
     padding: calc(0.25 * var(--ax-styles-scale));
     width: calc(1.75 * var(--ax-styles-scale));
   }
-  ._1w91wzo[data-disabled] {
+  ._1jfdu8y[data-disabled] {
     background-color: var(--ax-colors-fg-disabled);
     color: var(--ax-colors-bg-secondary);
   }
-  ._1w91wzo[data-prefix] {
+  ._1jfdu8y[data-prefix] {
     padding-block: calc(0.375 * var(--ax-styles-scale));
   }
 }

package/dist/cjs/assets/ButtonLoadable.css.ts.vanilla-DvqLZtXK.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1akfh05 {
+    opacity: 1;
+  }
+  .jbvpvu[data-loading] ._1akfh05 {
+    opacity: 0;
+  }
+}