@optiaxiom/react 3.1.8 → 3.2.0

package/dist/{esm/assets/Link.css.ts.vanilla-CQnTnPLp.css → cjs/assets/Link.css.ts.vanilla-DRvYU4Tr.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .wy0ioj {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .smxmk3 {
     position: relative;
     text-decoration: none;
   }
-  .wy0ioj:focus-visible {
+  .smxmk3:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .wy0ioj:visited {
+  .smxmk3:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .wy0ioj[data-disabled] {
+  .smxmk3[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .a6e2yi {
+  ._1m65x14 {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1p817cf {
+  .pthxp2 {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .lhkmwa {
+  ._1m0tul3 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .lhkmwa:visited {
+  ._1m0tul3:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .smda96 {
+  ._1br0gnp {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .wy0ioj:hover:not([data-disabled]) {
+    .smxmk3:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .a6e2yi:hover:not([data-disabled]) {
+    ._1m65x14:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

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

package/dist/{esm/assets/ListboxCheckboxItem.css.ts.vanilla-xt-oH7JW.css → cjs/assets/ListboxCheckboxItem.css.ts.vanilla-Ct_sDcwB.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .r3psv0 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .ydrz6u {
     position: relative;
   }
-  .r3psv0::before {
+  .ydrz6u::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1t3lpkp {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1t3lpkp:any-link {
+    text-decoration: none;
+  }
+  ._1t3lpkp:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1t3lpkp:not([data-disabled]) {
+    color: var(--_19vuop1);
+    cursor: pointer;
+  }
+  ._1t3lpkp:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1eame3t);
+    color: var(--_9s8ct9, var(--_19vuop1));
+  }
+  ._1t3lpkp:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_8xfmvy);
+    color: var(--_1cpvb9i, var(--_19vuop1));
+  }
+  ._1t3lpkp:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  ._1t3lpkp[data-disabled] {
+    opacity: 0.3;
+  }
+  .jnt321 {
+    --_1eame3t: var(--ax-colors-bg-error-subtlest);
+    --_9s8ct9: var(--ax-colors-fg-error-hovered);
+    --_8xfmvy: var(--ax-colors-bg-error-subtle);
+    --_1cpvb9i: var(--ax-colors-fg-error-strong);
+    --_19vuop1: var(--ax-colors-fg-error);
+  }
+  ._1ly0ilp {
+    --_1eame3t: var(--ax-colors-bg-default-hovered);
+    --_8xfmvy: var(--ax-colors-bg-default-pressed);
+    --_19vuop1: var(--ax-colors-fg-default);
+  }
+  ._16v3z47 {
+    min-height: 24px;
+  }
+  .e1fg3u {
+    line-height: 24px;
+  }
+  ._1b4yna1 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/{ListboxItemIndicator.css.ts.vanilla-C6Ry-_YC.css → ListboxItemIndicator.css.ts.vanilla-BONsL39n.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .gv17bn {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._81ykxs {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1rx7o4h {
+  ._1h89ip5 {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/MenuDialogContent.css.ts.vanilla-V07WJSjR.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1buqnvc {
+    max-height: min(448px, 75dvh);
+    width: 640px;
+  }
+}

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

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

package/dist/{esm/assets/ModalListbox.css.ts.vanilla-bj6IVP8K.css → cjs/assets/ModalListbox.css.ts.vanilla-D8HT40yu.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._1bf9859 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1qplo15 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--f1c4l2, 100vh)
+        var(--ahis1b, 100vh)
       )
     ;
     min-width: 120px;
   }
-  ._1624rnp {
-    --f1c4l2: var(--ax-maxSize-xs);
+  ._1u71jv2 {
+    --ahis1b: var(--ax-maxSize-xs);
   }
-  .t9edlp {
-    --f1c4l2: var(--ax-maxSize-sm);
+  ._16vpmfg {
+    --ahis1b: var(--ax-maxSize-sm);
   }
-  ._1va6rjl {
-    --f1c4l2: var(--ax-maxSize-md);
+  .ozmv90 {
+    --ahis1b: var(--ax-maxSize-md);
   }
-  ._1quauof {
-    --f1c4l2: var(--ax-maxSize-lg);
+  ._6xg1p4 {
+    --ahis1b: var(--ax-maxSize-lg);
   }
-  ._19k5wl0 {
+  .zsr8mb {
     min-width: 
         max(
           var(

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._8silba {
+    opacity: 0;
+  }
+  ._1sxls0i {
+    opacity: 1;
+  }
+}

package/dist/{esm/assets/NavItem.css.ts.vanilla-BhSj2DCH.css → cjs/assets/NavItem.css.ts.vanilla-D2NcMkkn.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._19pkn4h {
-    --_1i77if7: var(--ax-colors-fg-secondary);
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1c9sib0 {
+    --ic210z: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._19pkn4h:focus-visible:not([data-disabled]) {
+  ._1c9sib0:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._19pkn4h[data-disabled] {
+  ._1c9sib0[data-disabled] {
     opacity: 0.32;
   }
-  ._19pkn4h:active {
+  ._1c9sib0:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._19pkn4h[data-state=active] {
+  ._1c9sib0[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1hxdoqb {
+  ._1pq6rq5 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  .yyonwp {
+  ._1d60gac {
     opacity: 0;
   }
-  ._1j17l1m {
+  .xxrsqp {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._19pkn4h:hover:not([data-state=active]):not(:active) {
+    ._1c9sib0:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/{esm/assets/Pagination.css.ts.vanilla-CRubPZBh.css → cjs/assets/Pagination.css.ts.vanilla-Cud3m0qu.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._1ff8rs8 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .tp0pk1 {
     position: relative;
   }
-  ._1ytr9lg {
+  .q992o5 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .pyvvnm {
+  ._14whw3n {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{esm/assets/Pill.css.ts.vanilla-BK9ZTdy6.css → cjs/assets/Pill.css.ts.vanilla-7Kfwx5cv.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._17vneyu {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._9dbm9h {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._17vneyu:focus-visible {
+  ._9dbm9h:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._17vneyu[data-disabled] {
+  ._9dbm9h[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    .gd6nrd:not([data-disabled]):hover {
+    .h6fhhs:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/{esm/assets/PillMenuTrigger.css.ts.vanilla-Dmbtp9nV.css → cjs/assets/PillMenuTrigger.css.ts.vanilla-VnDgLdJ4.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .vciow8 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .g1mk3q {
     position: relative;
   }
-  .kz70gd {
+  .ahirsy {
     padding: 5px;
   }
-  .e4yv7a {
+  ._15l144r {
     padding: 7px;
   }
-  ._2e6r2s {
+  ._17s62j6 {
     outline: none;
   }
   @media (hover: hover) {
-    .odtr7m:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .bt992t:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/{esm/assets/Progress.css.ts.vanilla-CltGXq7v.css → cjs/assets/Progress.css.ts.vanilla-DnMa8_x0.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._1w633t6 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._182lpj {
     height: 8px;
   }
-  .btvtft {
+  ._1kfv0wt {
     background-color: var(--ax-colors-bg-error);
   }
-  ._1a49qdi {
+  ._1687mez {
     background-color: var(--ax-colors-fg-tertiary);
   }
 }

package/dist/cjs/assets/{Radio.css.ts.vanilla-CNtX9wBT.css → Radio.css.ts.vanilla-BO2NnTvc.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._1adrvai {
-    border-color: var(--njzer6);
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .v9yy32 {
+    border-color: var(--mmvjm8);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  ._1adrvai::before {
+  .v9yy32::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;
   }
-  .wdc028:has(.grcl13:checked) ._1adrvai::before {
+  .f2uii3:has(._1wpbo8y:checked) .v9yy32::before {
     inset: -12px;
     opacity: 1;
   }
-  .wdc028:has(.grcl13:checked) ._1adrvai {
+  .f2uii3:has(._1wpbo8y:checked) .v9yy32 {
     border-width: 12px;
   }
-  ._3j6bwr {
+  .washfb {
     margin-top: -2px;
   }
-  ._1jta4lu {
-    background-color: var(--_1i1jsa9);
+  ._1kx3xsy {
+    background-color: var(--_1mv0iad);
     height: 8px;
     transform: scale(0);
     width: 8px;
   }
-  .wdc028:has(.grcl13:checked) ._1jta4lu {
+  .f2uii3:has(._1wpbo8y:checked) ._1kx3xsy {
     transform: scale(1);
   }
 }

package/dist/cjs/assets/{Range.css.ts.vanilla-Bd8S7H3l.css → Range.css.ts.vanilla-BZB-4V4a.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .ik1xao {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .io8qyh {
     position: relative;
   }
-  .ik1xao[data-disabled] {
+  .io8qyh[data-disabled] {
     opacity: 0.5;
   }
-  .omnq2t {
+  ._13l5bui {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  ._141rz2c:not([data-disabled]) .omnq2t {
+  .p2tj5k:not([data-disabled]) ._13l5bui {
     cursor: pointer;
   }
-  ._8vk15o {
+  ._15t9bo3 {
     background-color: var(--ax-colors-fg-tertiary);
     position: absolute;
-    width: calc(100% * var(--_1rs6512) + 10px * (1 - var(--_1rs6512)));
+    width: calc(100% * var(--_1k7vt3s) + 10px * (1 - var(--_1k7vt3s)));
   }
-  ._141rz2c[data-disabled] ._8vk15o {
+  .p2tj5k[data-disabled] ._15t9bo3 {
     background-color: var(--ax-colors-border-control);
   }
-  .emeygl {
+  .q7qy4 {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--_1rs6512) * 100%);
+    left: calc(var(--_1k7vt3s) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--_1rs6512) * 100%));
+    transform: translateX(calc(-1 * var(--_1k7vt3s) * 100%));
   }
-  ._141rz2c:has(input[type=range]:focus-visible) .emeygl {
+  .p2tj5k:has(input[type=range]:focus-visible) .q7qy4 {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .rfvt7b {
+  ._68nwfd {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  .rfvt7b::-webkit-slider-runnable-track {
+  ._68nwfd::-webkit-slider-runnable-track {
     height: 100%;
   }
-  .rfvt7b::-webkit-slider-thumb {
+  ._68nwfd::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  .rfvt7b:not(:disabled) {
+  ._68nwfd:not(:disabled) {
     cursor: pointer;
   }
-  .k3j4ej {
-    left: calc(var(--_1kmmpfx) * 100%);
+  ._1fsi4zd {
+    left: calc(var(--_140uas3) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_1kmmpfx) * 100%) 4px;
+    translate: calc(-1 * var(--_140uas3) * 100%) 4px;
   }
-  ._141rz2c:not([data-disabled]) .k3j4ej {
+  .p2tj5k:not([data-disabled]) ._1fsi4zd {
     cursor: pointer;
   }
   @media (hover: hover) {
-    .rfvt7b:not(:disabled)::-webkit-slider-thumb:hover {
+    ._68nwfd:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    .rfvt7b:not(:disabled):active::-webkit-slider-thumb:hover {
+    ._68nwfd:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

package/dist/cjs/assets/ResizableHandle.css.ts.vanilla-DWz_vNjM.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._17280u6 {
+    --fh1iie: var(--ax-colors-bg-secondary);
+    margin-inline: -6px;
+  }
+  ._17280u6:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: -2px;
+  }
+  ._1wkfa3h {
+    background-color: var(--fh1iie);
+  }
+  @media (hover: hover) {
+    ._17280u6:hover {
+      --fh1iie: var(--ax-colors-bg-avatar-neutral);
+    }
+  }
+}