@optiaxiom/react 3.0.4 → 3.0.5

package/dist/esm/assets/src/link/{Link.css.ts.vanilla-6XjOihys.css → Link.css.ts.vanilla-kJUNGYIy.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._1d3rp1m {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .jraxot {
     position: relative;
     text-decoration: none;
   }
-  ._1d3rp1m:focus-visible {
+  .jraxot:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1d3rp1m:visited {
+  .jraxot:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._1d3rp1m[data-disabled] {
+  .jraxot[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1v4irn4 {
+  ._1y9yarz {
     color: var(--ax-colors-fg-link-default);
   }
-  ._16saytg {
+  .byg5ge {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1wx4x7b {
+  .vastuy {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1wx4x7b:visited {
+  .vastuy:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1d7slpm {
+  .q459ip {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._1d3rp1m:hover:not([data-disabled]) {
+    .jraxot:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1v4irn4:hover:not([data-disabled]) {
+    ._1y9yarz:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

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

package/dist/{cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Cr1nZtXl.css → esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BqIlQWz6.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  .thn5pa {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._101lfhg {
     position: relative;
   }
-  .thn5pa::before {
+  ._101lfhg::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .ewm349 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .ewm349:any-link {
+    text-decoration: none;
+  }
+  .ewm349:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .ewm349:not([data-disabled]) {
+    color: var(--kjhqkw);
+    cursor: pointer;
+  }
+  .ewm349:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1ov9jmv);
+    color: var(--_9wzm6x, var(--kjhqkw));
+  }
+  .ewm349:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--cqnjwa);
+    color: var(--_1vf3api, var(--kjhqkw));
+  }
+  .ewm349:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  .ewm349[data-disabled] {
+    opacity: 0.3;
+  }
+  .vc3268 {
+    --_1ov9jmv: var(--ax-colors-bg-error-subtlest);
+    --_9wzm6x: var(--ax-colors-fg-error-hovered);
+    --cqnjwa: var(--ax-colors-bg-error-subtle);
+    --_1vf3api: var(--ax-colors-fg-error-strong);
+    --kjhqkw: var(--ax-colors-fg-error);
+  }
+  .av69k6 {
+    --_1ov9jmv: var(--ax-colors-bg-default-hovered);
+    --cqnjwa: var(--ax-colors-bg-default-pressed);
+    --kjhqkw: var(--ax-colors-fg-default);
+  }
+  .f6bowv {
+    min-height: 24px;
+  }
+  .w76sn {
+    line-height: 24px;
+  }
+  ._1ntirv8 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-pxfbsI5e.css → ListboxItemIndicator.css.ts.vanilla-eCVv89az.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._1mljtzs {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .h7srd5 {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1cnd3ak {
+  ._1y5xy7j {
     clip-path: inset(0 0 0 0);
   }
 }

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

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

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

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

package/dist/{cjs/assets/src/modal/ModalListbox.css.ts.vanilla-CZdZH6zA.css → esm/assets/src/modal/ModalListbox.css.ts.vanilla-BCi9-WNz.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._1stxruv {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._10v8dwa {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--ju8ha9, 100vh)
+        var(--oi42v1, 100vh)
       )
     ;
     min-width: 120px;
   }
-  .ew4rw2 {
-    --ju8ha9: var(--ax-maxSize-xs);
+  .lch8h5 {
+    --oi42v1: var(--ax-maxSize-xs);
   }
-  .lv5ag {
-    --ju8ha9: var(--ax-maxSize-sm);
+  .igo8xn {
+    --oi42v1: var(--ax-maxSize-sm);
   }
-  .p9zob9 {
-    --ju8ha9: var(--ax-maxSize-md);
+  .js3uhc {
+    --oi42v1: var(--ax-maxSize-md);
   }
-  ._1r4idvt {
-    --ju8ha9: var(--ax-maxSize-lg);
+  ._1x4prcn {
+    --oi42v1: var(--ax-maxSize-lg);
   }
-  ._36g0tv {
+  ._40jo8h {
     min-width: 
         max(
           var(

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._1o970dc {
+    opacity: 0;
+  }
+  ._4hf2wp {
+    opacity: 1;
+  }
+}

package/dist/esm/assets/src/nav/{NavItem.css.ts.vanilla-B2u8Om38.css → NavItem.css.ts.vanilla-2uaA508K.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._11wug28 {
-    --_1xrlvuh: var(--ax-colors-fg-secondary);
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .x2ld0v {
+    --_1sz5kfk: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._11wug28:focus-visible:not([data-disabled]) {
+  .x2ld0v:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._11wug28[data-disabled] {
+  .x2ld0v[data-disabled] {
     opacity: 0.32;
   }
-  ._11wug28:active {
+  .x2ld0v:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._11wug28[data-state=active] {
+  .x2ld0v[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1oh5e8i {
+  ._1jlm663 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._478pcg {
+  .a2fswb {
     opacity: 0;
   }
-  ._4kd9io {
+  .qibtdq {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._11wug28:hover:not([data-state=active]):not(:active) {
+    .x2ld0v: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-BHfwwVRa.css → esm/assets/src/pagination/Pagination.css.ts.vanilla-ChM_zrGW.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  .o5ijt8 {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .c7rl9y {
     position: relative;
   }
-  ._1b4rfjn {
+  .jm98e7 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._12ok2ey {
+  ._1v1hwd9 {
     min-width: var(--ax-size-md);
   }
 }

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

@@ -1,20 +1,20 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._1d3q2uu {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._1709ra1 {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1d3q2uu:focus-visible {
+  ._1709ra1:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._1d3q2uu[data-disabled] {
+  ._1709ra1[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._9ma3rd:not([data-disabled]):hover {
+    .rq0wyh:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/esm/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-D04x25am.css → PillMenuTrigger.css.ts.vanilla-Dk5zjKzd.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._6d18bn {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  .hx2q5i {
     position: relative;
   }
-  .s1c00s {
+  ._1mv8tjf {
     padding: 5px;
   }
-  .svwrfk {
+  ._13gl6ct {
     padding: 7px;
   }
-  ._163jv2b {
+  ._1x4bkka {
     outline: none;
   }
   @media (hover: hover) {
-    ._1y1d0sd:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .ov5kiw: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-Bcgfxf3Z.css → Progress.css.ts.vanilla-yPyvh3Qp.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  .pkywlt {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._4u5bs6 {
     height: 8px;
   }
-  .h2asbs {
+  ._1ooe58q {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

package/dist/esm/assets/src/radio/Radio.css.ts.vanilla-Z6uHzH5w.css

@@ -0,0 +1,43 @@
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._179w53j {
+    border-color: var(--_1mgyyro);
+    border-width: 2px;
+    place-content: center;
+    position: relative;
+    transition-duration: var(--ax-duration-sm);
+    transition-property: border-color, border-width;
+    transition-timing-function: ease;
+  }
+  ._179w53j::before {
+    content: "";
+    border: 1px solid var(--ax-colors-border-disabled);
+    border-radius: inherit;
+    inset: -2px;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    transition-duration: var(--ax-duration-sm);
+    transition-property: inset, opacity;
+    transition-timing-function: ease;
+  }
+  ._1g1zjg6:has(._1i79omw:checked) ._179w53j::before {
+    inset: -12px;
+    opacity: 1;
+  }
+  ._1g1zjg6:has(._1i79omw:checked) ._179w53j {
+    border-width: 12px;
+  }
+  ._3malqs {
+    margin-top: -2px;
+  }
+  .ijrq90 {
+    background-color: var(--_10br3sk);
+    height: 8px;
+    transform: scale(0);
+    width: 8px;
+  }
+  ._1g1zjg6:has(._1i79omw:checked) .ijrq90 {
+    transform: scale(1);
+  }
+}

package/dist/esm/assets/src/range/{Range.css.ts.vanilla-D5pYyy8x.css → Range.css.ts.vanilla-fceZH274.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1jatqd6;
-@layer optiaxiom._1jatqd6 {
-  ._1a66dmp {
+@layer optiaxiom._3r3e5r;
+@layer optiaxiom._3r3e5r {
+  ._1gn77r8 {
     position: relative;
   }
-  ._1a66dmp[data-disabled] {
+  ._1gn77r8[data-disabled] {
     opacity: 0.5;
   }
-  ._1ek0ql1 {
+  ._1fky2y2 {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  .zk6cui:not([data-disabled]) ._1ek0ql1 {
+  ._1k65gc0:not([data-disabled]) ._1fky2y2 {
     cursor: pointer;
   }
-  .rj4ljv {
+  ._15wglem {
     background-color: var(--ax-colors-bg-accent);
     position: absolute;
-    width: calc(100% * var(--_1berzcx) + 10px * (1 - var(--_1berzcx)));
+    width: calc(100% * var(--_1roz6ko) + 10px * (1 - var(--_1roz6ko)));
   }
-  .zk6cui[data-disabled] .rj4ljv {
+  ._1k65gc0[data-disabled] ._15wglem {
     background-color: var(--ax-colors-border-control);
   }
-  .j2odgm {
+  ._475rri {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--_1berzcx) * 100%);
+    left: calc(var(--_1roz6ko) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--_1berzcx) * 100%));
+    transform: translateX(calc(-1 * var(--_1roz6ko) * 100%));
   }
-  .zk6cui:has(input[type=range]:focus-visible) .j2odgm {
+  ._1k65gc0:has(input[type=range]:focus-visible) ._475rri {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .jodk0f {
+  ._10f7wv2 {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  .jodk0f::-webkit-slider-runnable-track {
+  ._10f7wv2::-webkit-slider-runnable-track {
     height: 100%;
   }
-  .jodk0f::-webkit-slider-thumb {
+  ._10f7wv2::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  .jodk0f:not(:disabled) {
+  ._10f7wv2:not(:disabled) {
     cursor: pointer;
   }
-  .xqwuwn {
-    left: calc(var(--_11jotl5) * 100%);
+  .pa81at {
+    left: calc(var(--_1bojdi9) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_11jotl5) * 100%) 4px;
+    translate: calc(-1 * var(--_1bojdi9) * 100%) 4px;
   }
-  .zk6cui:not([data-disabled]) .xqwuwn {
+  ._1k65gc0:not([data-disabled]) .pa81at {
     cursor: pointer;
   }
   @media (hover: hover) {
-    .jodk0f:not(:disabled)::-webkit-slider-thumb:hover {
+    ._10f7wv2:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    .jodk0f:not(:disabled):active::-webkit-slider-thumb:hover {
+    ._10f7wv2:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

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

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