@optiaxiom/react 3.1.1 → 3.1.3

package/dist/esm/assets/src/link/{Link.css.ts.vanilla-DQBQaWxn.css → Link.css.ts.vanilla-DZQMi0ii.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._1k73ggq {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .jo68oe {
     position: relative;
     text-decoration: none;
   }
-  ._1k73ggq:focus-visible {
+  .jo68oe:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1k73ggq:visited {
+  .jo68oe:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._1k73ggq[data-disabled] {
+  .jo68oe[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .tli1g5 {
+  .f0btkg {
     color: var(--ax-colors-fg-link-default);
   }
-  .mqu1sz {
+  .vk6c4q {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1cwqz94 {
+  ._19yycoy {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1cwqz94:visited {
+  ._19yycoy:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1r7cmib {
+  ._1r0deou {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._1k73ggq:hover:not([data-disabled]) {
+    .jo68oe:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .tli1g5:hover:not([data-disabled]) {
+    .f0btkg:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-sqRx2Ra-.css

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

package/dist/{cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BPqcKZx8.css → esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-4x0EqNnb.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._1ai5xc3 {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .d3gh7g {
     position: relative;
   }
-  ._1ai5xc3::before {
+  .d3gh7g::before {
     content: "";
     inset: -8px;
     position: absolute;

package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-BNyDj7xv.css

@@ -0,0 +1,53 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1hl65l5 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1hl65l5:any-link {
+    text-decoration: none;
+  }
+  ._1hl65l5:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1hl65l5:not([data-disabled]) {
+    color: var(--_2pzfed);
+    cursor: pointer;
+  }
+  ._1hl65l5:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1u61rap);
+    color: var(--cwfj2c, var(--_2pzfed));
+  }
+  ._1hl65l5:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--s13hi7);
+    color: var(--l2k92e, var(--_2pzfed));
+  }
+  ._1hl65l5:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  ._1hl65l5[data-disabled] {
+    opacity: 0.3;
+  }
+  ._177j16d {
+    --_1u61rap: var(--ax-colors-bg-error-subtlest);
+    --cwfj2c: var(--ax-colors-fg-error-hovered);
+    --s13hi7: var(--ax-colors-bg-error-subtle);
+    --l2k92e: var(--ax-colors-fg-error-strong);
+    --_2pzfed: var(--ax-colors-fg-error);
+  }
+  ._1044ge9 {
+    --_1u61rap: var(--ax-colors-bg-default-hovered);
+    --s13hi7: var(--ax-colors-bg-default-pressed);
+    --_2pzfed: var(--ax-colors-fg-default);
+  }
+  ._1lbu736 {
+    min-height: 24px;
+  }
+  .s57yil {
+    line-height: 24px;
+  }
+  .hihspz {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-BAdQnztn.css → ListboxItemIndicator.css.ts.vanilla-9iOVE9Rs.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._18v9a96 {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .glydix {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  .nhchpf {
+  .iuwgaw {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-asUo3pHL.css

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

package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-PvUbwfsL.css

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

package/dist/{cjs/assets/src/modal/ModalListbox.css.ts.vanilla-eaAQt1lz.css → esm/assets/src/modal/ModalListbox.css.ts.vanilla-BG_T4PQE.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._9fy3zr {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1cqm246 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_12ct7r4, 100vh)
+        var(--_1qaen6u, 100vh)
       )
     ;
     min-width: 120px;
   }
-  ._4vtfp6 {
-    --_12ct7r4: var(--ax-maxSize-xs);
+  ._1fjtwd3 {
+    --_1qaen6u: var(--ax-maxSize-xs);
   }
-  .w5v0fv {
-    --_12ct7r4: var(--ax-maxSize-sm);
+  ._1w3iaob {
+    --_1qaen6u: var(--ax-maxSize-sm);
   }
-  .k05qxo {
-    --_12ct7r4: var(--ax-maxSize-md);
+  .e1dknn {
+    --_1qaen6u: var(--ax-maxSize-md);
   }
-  .wvr5mn {
-    --_12ct7r4: var(--ax-maxSize-lg);
+  ._4exojk {
+    --_1qaen6u: var(--ax-maxSize-lg);
   }
-  .skinjx {
+  ._1yj0jc8 {
     min-width: 
         max(
           var(

package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-DGsRtLtF.css

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

package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-uh9x2jlM.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1szdfk8 {
+    opacity: 0;
+  }
+  .n71pae {
+    opacity: 1;
+  }
+}

package/dist/esm/assets/src/nav/{NavItem.css.ts.vanilla-FRYeynIm.css → NavItem.css.ts.vanilla-CRXF_YiG.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .solfx9 {
-    --ycpmx1: var(--ax-colors-fg-secondary);
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1emp6ys {
+    --_1bm5nnn: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .solfx9:focus-visible:not([data-disabled]) {
+  ._1emp6ys:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  .solfx9[data-disabled] {
+  ._1emp6ys[data-disabled] {
     opacity: 0.32;
   }
-  .solfx9:active {
+  ._1emp6ys:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  .solfx9[data-state=active] {
+  ._1emp6ys[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1bs6u5m {
+  ._16gh66s {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._14w7xcz {
+  .uedq3k {
     opacity: 0;
   }
-  .tsa363 {
+  ._1xa6870 {
     opacity: 1;
   }
   @media (hover: hover) {
-    .solfx9:hover:not([data-state=active]):not(:active) {
+    ._1emp6ys:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/{cjs/assets/src/pagination/Pagination.css.ts.vanilla-Di1QUElh.css → esm/assets/src/pagination/Pagination.css.ts.vanilla-BkJHEmfD.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .fajz5h {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .vt5bmb {
     position: relative;
   }
-  ._16pd4yj {
+  ._1vurus2 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._17m34sb {
+  ._11dlfgg {
     min-width: var(--ax-size-md);
   }
 }

package/dist/esm/assets/src/pill/{Pill.css.ts.vanilla-fFjBkfyX.css → Pill.css.ts.vanilla-DDz8o0X6.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._1wzcqj6 {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1d5gqzp {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1wzcqj6:focus-visible {
+  ._1d5gqzp:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._1wzcqj6[data-disabled] {
+  ._1d5gqzp[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._116ytn5:not([data-disabled]):hover {
+    ._1uylhab:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/esm/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-C7Xhd-X6.css → PillMenuTrigger.css.ts.vanilla-D9f1VOK8.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .t473qa {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .j87myp {
     position: relative;
   }
-  ._1xnl01f {
+  ._1gnrbre {
     padding: 5px;
   }
-  .i5xg2m {
+  .hfgefr {
     padding: 7px;
   }
-  .e7ovod {
+  ._14d0k5n {
     outline: none;
   }
   @media (hover: hover) {
-    ._10xcx50:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .aaauwm:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/esm/assets/src/progress/{Progress.css.ts.vanilla-BUuSj1T7.css → Progress.css.ts.vanilla-0SOk9qE_.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .icj8cf {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1e01lv2 {
     height: 8px;
   }
-  .hpu177 {
+  .ckd46b {
     background-color: var(--ax-colors-bg-error);
   }
-  ._1ealtci {
+  ._1l48eza {
     background-color: var(--ax-colors-fg-tertiary);
   }
 }

package/dist/esm/assets/src/radio/{Radio.css.ts.vanilla-DMw8rTO2.css → Radio.css.ts.vanilla-Dahe7-UX.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .l4twh6 {
-    border-color: var(--_1vwbco5);
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._8k2mdl {
+    border-color: var(--vhjww9);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .l4twh6::before {
+  ._8k2mdl::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;
   }
-  .mtygo3:has(.zvj9jn:checked) .l4twh6::before {
+  ._1kcrtwb:has(.coqlwj:checked) ._8k2mdl::before {
     inset: -12px;
     opacity: 1;
   }
-  .mtygo3:has(.zvj9jn:checked) .l4twh6 {
+  ._1kcrtwb:has(.coqlwj:checked) ._8k2mdl {
     border-width: 12px;
   }
-  ._18fecxa {
+  ._10hvttj {
     margin-top: -2px;
   }
-  .ai852k {
-    background-color: var(--xk1acw);
+  ._14ybx43 {
+    background-color: var(--_15j5rkh);
     height: 8px;
     transform: scale(0);
     width: 8px;
   }
-  .mtygo3:has(.zvj9jn:checked) .ai852k {
+  ._1kcrtwb:has(.coqlwj:checked) ._14ybx43 {
     transform: scale(1);
   }
 }

package/dist/esm/assets/src/range/{Range.css.ts.vanilla-CGYkpLqC.css → Range.css.ts.vanilla-B-aGql0-.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._3yuzz4 {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .dohe0p {
     position: relative;
   }
-  ._3yuzz4[data-disabled] {
+  .dohe0p[data-disabled] {
     opacity: 0.5;
   }
-  .jppirg {
+  .juw29n {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1gwuvsn:not([data-disabled]) .jppirg {
+  .ht28mf:not([data-disabled]) .juw29n {
     cursor: pointer;
   }
-  .ntae6x {
+  ._18e9y60 {
     background-color: var(--ax-colors-fg-tertiary);
     position: absolute;
-    width: calc(100% * var(--p4ji9x) + 10px * (1 - var(--p4ji9x)));
+    width: calc(100% * var(--_17fk2gi) + 10px * (1 - var(--_17fk2gi)));
   }
-  ._1gwuvsn[data-disabled] .ntae6x {
+  .ht28mf[data-disabled] ._18e9y60 {
     background-color: var(--ax-colors-border-control);
   }
-  ._1t1orgb {
+  ._1f5vji7 {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--p4ji9x) * 100%);
+    left: calc(var(--_17fk2gi) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--p4ji9x) * 100%));
+    transform: translateX(calc(-1 * var(--_17fk2gi) * 100%));
   }
-  ._1gwuvsn:has(input[type=range]:focus-visible) ._1t1orgb {
+  .ht28mf:has(input[type=range]:focus-visible) ._1f5vji7 {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .fnd6gt {
+  .j92m1r {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  .fnd6gt::-webkit-slider-runnable-track {
+  .j92m1r::-webkit-slider-runnable-track {
     height: 100%;
   }
-  .fnd6gt::-webkit-slider-thumb {
+  .j92m1r::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  .fnd6gt:not(:disabled) {
+  .j92m1r:not(:disabled) {
     cursor: pointer;
   }
-  .bdr6xu {
-    left: calc(var(--_1qkgr6s) * 100%);
+  ._9f3wl2 {
+    left: calc(var(--rmm519) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_1qkgr6s) * 100%) 4px;
+    translate: calc(-1 * var(--rmm519) * 100%) 4px;
   }
-  ._1gwuvsn:not([data-disabled]) .bdr6xu {
+  .ht28mf:not([data-disabled]) ._9f3wl2 {
     cursor: pointer;
   }
   @media (hover: hover) {
-    .fnd6gt:not(:disabled)::-webkit-slider-thumb:hover {
+    .j92m1r:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    .fnd6gt:not(:disabled):active::-webkit-slider-thumb:hover {
+    .j92m1r:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-CY9v7cw-.css

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