@optiaxiom/react 3.3.0 → 3.4.0

package/dist/cjs/assets/{Link.css.ts.vanilla-C-yu1_VM.css → Link.css.ts.vanilla-B7Z78rg7.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1smuxfi {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1cps0i6 {
     position: relative;
     text-decoration: none;
   }
-  ._1smuxfi:focus-visible {
+  ._1cps0i6:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1smuxfi:visited {
+  ._1cps0i6:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._1smuxfi[data-disabled] {
+  ._1cps0i6[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1m605x0 {
+  .mm3cf8 {
     color: var(--ax-colors-fg-link-default);
   }
-  ._13r4lb {
+  ._1wukriq {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1x335tj {
+  ._1alok92 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1x335tj:visited {
+  ._1alok92:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .uitmf8 {
+  ._2ajdad {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._1smuxfi:hover:not([data-disabled]) {
+    ._1cps0i6:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1m605x0:hover:not([data-disabled]) {
+    .mm3cf8:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/cjs/assets/Listbox.css.ts.vanilla-CUpAHaYD.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .jr2yul {
+    overscroll-behavior: contain;
+  }
+}

package/dist/cjs/assets/{CardCheckbox.css.ts.vanilla-JmvPOITu.css → ListboxCheckboxItem.css.ts.vanilla-CqJ9EMi-.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .twgkoh {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .evyojy {
     position: relative;
   }
-  .twgkoh::before {
+  .evyojy::before {
     content: "";
     inset: calc(-0.5 * var(--ax-styles-scale));
     position: absolute;

package/dist/cjs/assets/ListboxItem.css.ts.vanilla-GQ2OoOcN.css

@@ -0,0 +1,53 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .njlgb0 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .njlgb0:any-link {
+    text-decoration: none;
+  }
+  .njlgb0:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .njlgb0:not([data-disabled]) {
+    color: var(--harpx7);
+    cursor: pointer;
+  }
+  .njlgb0:not([data-disabled])[data-highlighted] {
+    background-color: var(--_4ierfn);
+    color: var(--_8aiqwa, var(--harpx7));
+  }
+  .njlgb0:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1kno95p);
+    color: var(--_1n3jy1p, var(--harpx7));
+  }
+  .njlgb0:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  .njlgb0[data-disabled] {
+    opacity: 0.3;
+  }
+  .dkfsup {
+    --_4ierfn: var(--ax-colors-bg-error-subtlest);
+    --_8aiqwa: var(--ax-colors-fg-error-hovered);
+    --_1kno95p: var(--ax-colors-bg-error-subtle);
+    --_1n3jy1p: var(--ax-colors-fg-error-strong);
+    --harpx7: var(--ax-colors-fg-error);
+  }
+  .s11dto {
+    --_4ierfn: var(--ax-colors-bg-default-hovered);
+    --_1kno95p: var(--ax-colors-bg-default-pressed);
+    --harpx7: var(--ax-colors-fg-default);
+  }
+  ._1dldlry {
+    min-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  .hke5ab {
+    line-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  ._1uoj17a {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/{ListboxItemIndicator.css.ts.vanilla-Bd9dfxs9.css → ListboxItemIndicator.css.ts.vanilla-CgEmFTfs.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._6njlhq {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._14anft1 {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1vrqqsm {
+  ._5f63sg {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/{MenuDialogContent.css.ts.vanilla-C21rg7VS.css → MenuDialogContent.css.ts.vanilla-BnrcIo3H.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._68xliv {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .z3zmqu {
     max-height: min(calc(28 * var(--ax-styles-scale)), 75dvh);
     width: calc(40 * var(--ax-styles-scale));
   }

package/dist/cjs/assets/MenuInput.css.ts.vanilla-CXyZ30Uv.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1dr8qvc:has(:focus) {
+    outline: none !important;
+  }
+}

package/dist/{esm/assets/ModalListbox.css.ts.vanilla-DKaUUdlS.css → cjs/assets/ModalListbox.css.ts.vanilla-BVBSvOEF.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .cy2q9q {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1q044wk {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_1xpnva6, 100vh)
+        var(--_192qilr, 100vh)
       )
     ;
     min-width: calc(7.5 * var(--ax-styles-scale));
   }
-  ._10ee4qq {
-    --_1xpnva6: var(--ax-maxSize-xs);
+  .cctur4 {
+    --_192qilr: var(--ax-maxSize-xs);
   }
-  ._12f4b8e {
-    --_1xpnva6: var(--ax-maxSize-sm);
+  .wnxn0g {
+    --_192qilr: var(--ax-maxSize-sm);
   }
-  ._1x9f4xf {
-    --_1xpnva6: var(--ax-maxSize-md);
+  .mrw0e9 {
+    --_192qilr: var(--ax-maxSize-md);
   }
-  .kg7tn3 {
-    --_1xpnva6: var(--ax-maxSize-lg);
+  .kbjc0h {
+    --_192qilr: var(--ax-maxSize-lg);
   }
-  .n0gy4o {
+  ._1bsl08e {
     min-width: 
         max(
           var(

package/dist/cjs/assets/Nav.css.ts.vanilla-CRHWxRDg.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._12zf0xp {
+    transition: width var(--ax-duration-md) ease;
+  }
+}

package/dist/cjs/assets/NavAccountItem.css.ts.vanilla-CxOea7kg.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .i7jdqb {
+    opacity: 0;
+  }
+  ._1x9m5ds {
+    opacity: 1;
+  }
+}

package/dist/{esm/assets/NavItem.css.ts.vanilla-_fxa-aAZ.css → cjs/assets/NavItem.css.ts.vanilla-ONGas3g2.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .d8q4kb {
-    --_51rkyw: var(--ax-colors-fg-secondary);
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1f4ns3p {
+    --qw27x7: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .d8q4kb:focus-visible:not([data-disabled]) {
+  ._1f4ns3p:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  .d8q4kb[data-disabled] {
+  ._1f4ns3p[data-disabled] {
     opacity: 0.32;
   }
-  .d8q4kb:active {
+  ._1f4ns3p:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  .d8q4kb[data-state=active] {
+  ._1f4ns3p[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1drudgm {
+  .xdsy64 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  .nwf3bt {
+  ._1dm74uu {
     opacity: 0;
   }
-  ._1lk28td {
+  .ihu0xl {
     opacity: 1;
   }
   @media (hover: hover) {
-    .d8q4kb:hover:not([data-state=active]):not(:active) {
+    ._1f4ns3p:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/{esm/assets/Pagination.css.ts.vanilla-Cp3DC_nE.css → cjs/assets/Pagination.css.ts.vanilla-BnB-b6J1.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._31ym1c {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._4be81o {
     position: relative;
   }
-  ._1knkeff {
+  ._1gzcesk {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._1t42fzp {
+  ._1f5ewfi {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{esm/assets/Pill.css.ts.vanilla-C1jNmZsY.css → cjs/assets/Pill.css.ts.vanilla-raL-18xr.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .xntfum {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._10znlq4 {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .xntfum:focus-visible {
+  ._10znlq4:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .xntfum[data-disabled] {
+  ._10znlq4[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._1b5gdqa:not([data-disabled]):hover {
+    .k5zuty:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/{esm/assets/PillMenuTrigger.css.ts.vanilla-BBsA11Na.css → cjs/assets/PillMenuTrigger.css.ts.vanilla-DcQrhNu4.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._12u0elk {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1r4qayc {
     position: relative;
   }
-  ._19idwwo {
+  ._1gxiqs5 {
     padding: calc(0.3125 * var(--ax-styles-scale));
   }
-  ._1tu637h {
+  ._1stlwt4 {
     padding: calc(0.4375 * var(--ax-styles-scale));
   }
-  ._1g7vnrx {
+  ._1q939yg {
     outline: none;
   }
   @media (hover: hover) {
-    ._7bt6eu:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .jf1btz:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/{esm/assets/Progress.css.ts.vanilla-D2eXfjyC.css → cjs/assets/Progress.css.ts.vanilla-QvLd9eel.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  .khu3vu {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1dlnjni {
     height: calc(0.5 * var(--ax-styles-scale));
   }
-  .lvw7ci {
+  .lcybid {
     background-color: var(--ax-colors-bg-error);
   }
-  .ke1pft {
+  ._1xp2dpl {
     background-color: var(--ax-colors-fg-tertiary);
   }
 }

package/dist/{esm/assets/Radio.css.ts.vanilla-BvIr_GH3.css → cjs/assets/Radio.css.ts.vanilla-2l47PHad.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._6styxt {
-    border-color: var(--hc3v0o);
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1rsqv8e {
+    border-color: var(--_1pvns2j);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  ._6styxt::before {
+  ._1rsqv8e::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -21,23 +21,23 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  ._14cdx70:has(._1lfeq3n:checked) ._6styxt::before {
+  .o23r8w:has(._1f99etk:checked) ._1rsqv8e::before {
     inset: calc(-0.75 * var(--ax-styles-scale));
     opacity: 1;
   }
-  ._14cdx70:has(._1lfeq3n:checked) ._6styxt {
+  .o23r8w:has(._1f99etk:checked) ._1rsqv8e {
     border-width: calc(0.75 * var(--ax-styles-scale));
   }
-  ._1v7ngho {
+  ._1iwvn32 {
     margin-top: calc(-0.125 * var(--ax-styles-scale));
   }
-  ._11cahba {
-    background-color: var(--t1phdt);
+  .wuacih {
+    background-color: var(--luke9r);
     height: calc(0.5 * var(--ax-styles-scale));
     transform: scale(0);
     width: calc(0.5 * var(--ax-styles-scale));
   }
-  ._14cdx70:has(._1lfeq3n:checked) ._11cahba {
+  .o23r8w:has(._1f99etk:checked) .wuacih {
     transform: scale(1);
   }
 }

package/dist/cjs/assets/{Range.css.ts.vanilla-CPUsXkSV.css → Range.css.ts.vanilla-DZxS5wd_.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1cgq1zr;
-@layer optiaxiom._1cgq1zr {
-  ._1bbmuwq {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .d6tylk {
     position: relative;
   }
-  ._1bbmuwq[data-disabled] {
+  .d6tylk[data-disabled] {
     opacity: 0.5;
   }
-  ._1uxolmm {
+  .fu7qn8 {
     background-color: var(--ax-colors-bg-tertiary);
     height: calc(0.5 * var(--ax-styles-scale));
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1fdasc8:not([data-disabled]) ._1uxolmm {
+  .xvefw5:not([data-disabled]) .fu7qn8 {
     cursor: pointer;
   }
-  .jhkoop {
+  ._1huhtye {
     background-color: var(--ax-colors-fg-tertiary);
     position: absolute;
-    width: calc(100% * var(--kety0v) + calc(0.625 * var(--ax-styles-scale)) * (1 - var(--kety0v)));
+    width: calc(100% * var(--_6ox9x7) + calc(0.625 * var(--ax-styles-scale)) * (1 - var(--_6ox9x7)));
   }
-  ._1fdasc8[data-disabled] .jhkoop {
+  .xvefw5[data-disabled] ._1huhtye {
     background-color: var(--ax-colors-border-control);
   }
-  .gbvfdi {
+  ._163finf {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--kety0v) * 100%);
+    left: calc(var(--_6ox9x7) * 100%);
     position: absolute;
     top: calc(-0.375 * var(--ax-styles-scale));
-    transform: translateX(calc(-1 * var(--kety0v) * 100%));
+    transform: translateX(calc(-1 * var(--_6ox9x7) * 100%));
   }
-  ._1fdasc8:has(input[type=range]:focus-visible) .gbvfdi {
+  .xvefw5:has(input[type=range]:focus-visible) ._163finf {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .ct3y4s {
+  ._1yybpyq {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  .ct3y4s::-webkit-slider-runnable-track {
+  ._1yybpyq::-webkit-slider-runnable-track {
     height: 100%;
   }
-  .ct3y4s::-webkit-slider-thumb {
+  ._1yybpyq::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: calc(1.25 * var(--ax-styles-scale));
   }
-  .ct3y4s:not(:disabled) {
+  ._1yybpyq:not(:disabled) {
     cursor: pointer;
   }
-  .vypml5 {
-    left: calc(var(--cf7tzk) * 100%);
+  .f2k3tu {
+    left: calc(var(--_1usix0c) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--cf7tzk) * 100%) calc(0.25 * var(--ax-styles-scale));
+    translate: calc(-1 * var(--_1usix0c) * 100%) calc(0.25 * var(--ax-styles-scale));
   }
-  ._1fdasc8:not([data-disabled]) .vypml5 {
+  .xvefw5:not([data-disabled]) .f2k3tu {
     cursor: pointer;
   }
   @media (hover: hover) {
-    .ct3y4s:not(:disabled)::-webkit-slider-thumb:hover {
+    ._1yybpyq:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    .ct3y4s:not(:disabled):active::-webkit-slider-thumb:hover {
+    ._1yybpyq:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

package/dist/cjs/assets/ResizableHandle.css.ts.vanilla-Dt1-OFmj.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._6j4rpx {
+    --_13t7blw: var(--ax-colors-bg-secondary);
+    margin-inline: calc(-0.375 * var(--ax-styles-scale));
+  }
+  ._6j4rpx:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: -2px;
+  }
+  ._2oa78w {
+    background-color: var(--_13t7blw);
+  }
+  @media (hover: hover) {
+    ._6j4rpx:hover {
+      --_13t7blw: var(--ax-colors-bg-avatar-neutral);
+    }
+  }
+}