@optiaxiom/react 3.0.0-next.4 → 3.0.0

package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-CMi54fvN.css

@@ -0,0 +1,36 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._65c65j {
+    position: relative;
+  }
+  ._15kvhdx {
+    --qpvzar: 2px;
+    --_8zc2p1: 50%;
+    position: absolute;
+    right: var(--qpvzar);
+  }
+  ._1jjyzhp {
+    --qpvzar: 0;
+    --_8zc2p1: 0;
+  }
+  ._1kcua8v {
+    bottom: var(--qpvzar);
+    transform: translate(var(--_8zc2p1), var(--_8zc2p1));
+  }
+  ._4g7e4w {
+    top: var(--qpvzar);
+    transform: translate(var(--_8zc2p1), calc(-1 * var(--_8zc2p1)));
+  }
+  ._1yirljc {
+    position: relative;
+  }
+  ._1yirljc:empty {
+    aspect-ratio: 1;
+  }
+  .pv5leu:not(:empty) {
+    min-width: 16px;
+  }
+  ._1nrfzmh {
+    position: absolute;
+  }
+}

package/dist/cjs/assets/src/inline-input/{InlineInput.css.ts.vanilla-O5lNhANB.css → InlineInput.css.ts.vanilla-CwOfKaAo.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._62gw6n:focus-visible {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .wtnh74:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1u78ygn::before {
+  .y4bvq::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/cjs/assets/src/input/Input.css.ts.vanilla-B9uDNiIt.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._3m14tr {
+    display: flex;
+  }
+  ._3m14tr:empty {
+    display: none;
+  }
+}

package/dist/cjs/assets/src/input/{InputControl.css.ts.vanilla-ClAIaNOc.css → InputControl.css.ts.vanilla-BKEDBT5_.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._15v5ha0 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._8mv5p2 {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._15v5ha0::placeholder {
+  ._8mv5p2::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._15v5ha0[data-disabled]::placeholder {
+  ._8mv5p2[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._15v5ha0[data-readonly] {
+  ._8mv5p2[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    .nnkydf {
+    .n50pgm {
       font-size: 14px;
     }
-    ._1m6tkmn {
+    ._132k66i {
       font-size: 16px;
     }
   }

package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-DGM8vVZq.css

@@ -0,0 +1,71 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1osbbrw {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-default);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._1osbbrw:has(._1igpn0c:focus) {
+    z-index: 10;
+  }
+  ._1osbbrw:has(._1igpn0c:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 2px;
+  }
+  ._1osbbrw:has(._1igpn0c:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._1osbbrw:has(._1igpn0c:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-control);
+  }
+  ._1osbbrw:has(._1igpn0c:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  ._1osbbrw:has(._1igpn0c:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  ._1osbbrw:has(._1igpn0c:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  .zat0s3[data-orientation="horizontal"] > ._1osbbrw:not(:first-child):not(:last-child),.zat0s3[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1osbbrw {
+    border-inline-width: 0.5px;
+  }
+  .zat0s3[data-orientation="horizontal"] > ._1osbbrw:not(:only-child):first-child,.zat0s3[data-orientation="horizontal"] > :not(:only-child):first-child ._1osbbrw {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .zat0s3[data-orientation="horizontal"] > ._1osbbrw:not(:only-child):last-child,.zat0s3[data-orientation="horizontal"] > :not(:only-child):last-child ._1osbbrw {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .zat0s3[data-orientation="vertical"] > ._1osbbrw:not(:first-child):not(:last-child),.zat0s3[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1osbbrw {
+    border-block-width: 0.5px;
+  }
+  .zat0s3[data-orientation="vertical"] > ._1osbbrw:not(:only-child):first-child,.zat0s3[data-orientation="vertical"] > :not(:only-child):first-child ._1osbbrw {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .zat0s3[data-orientation="vertical"] > ._1osbbrw:not(:only-child):last-child,.zat0s3[data-orientation="vertical"] > :not(:only-child):last-child ._1osbbrw {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .zat0s3[data-orientation] > ._1osbbrw:not(:first-child):not(:last-child),.zat0s3[data-orientation] > :not(:first-child):not(:last-child) ._1osbbrw {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    ._1osbbrw:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/cjs/assets/src/kbd/{Kbd.css.ts.vanilla-CMt_Tuh_.css → Kbd.css.ts.vanilla-Dz124wqa.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1tryo2a {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .enykly {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TPO8WdTk.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .uavqjo {
+    --_16l7ghc: 8px;
+    min-width: 0;
+  }
+}

package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom.vsxl93, optiaxiom._1bbhnib;

package/dist/{esm/assets/src/layout/Layout.css.ts.vanilla-BlK70rZO.css → cjs/assets/src/layout/Layout.css.ts.vanilla-BbUGJBGE.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .n7zvh2 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .lkmqrv {
     position: relative;
   }
-  ._1ha8l1x {
+  ._14qq9ii {
     height: 100%;
     width: 100%;
   }
-  ._1d2o3sh {
+  .bbrubw {
     height: 100vh;
     width: 100vw;
   }

package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-FFb7Uuus.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._153ddy9:focus-visible {
+    outline: none;
+  }
+}

package/dist/cjs/assets/src/link/{Link.css.ts.vanilla-DyDaag-S.css → Link.css.ts.vanilla-CiT8uOeC.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._15fx6np {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1hn9vay {
     position: relative;
     text-decoration: none;
   }
-  ._15fx6np:focus-visible {
+  ._1hn9vay:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._15fx6np:visited {
+  ._1hn9vay:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._15fx6np[data-disabled] {
+  ._1hn9vay[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._7dg43s {
+  ._1ttb26g {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1ssso7m {
+  ._1ifc99a {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1er4uhb {
+  ._1lt7ayl {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1er4uhb:visited {
+  ._1lt7ayl:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._7deu1y {
+  ._1eo11np {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._15fx6np:hover:not([data-disabled]) {
+    ._1hn9vay:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._7dg43s:hover:not([data-disabled]) {
+    ._1ttb26g:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-DwiQmaG9.css

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

package/dist/cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DPYiTfJh.css

@@ -0,0 +1,11 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1gqsy6h {
+    position: relative;
+  }
+  ._1gqsy6h::before {
+    content: "";
+    inset: -8px;
+    position: absolute;
+  }
+}

package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-bTTczoFG.css

@@ -0,0 +1,53 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .jgim95 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .jgim95:any-link {
+    text-decoration: none;
+  }
+  .jgim95:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .jgim95:not([data-disabled]) {
+    color: var(--_199jqrt);
+    cursor: pointer;
+  }
+  .jgim95:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1d3g0ai);
+    color: var(--b74m95, var(--_199jqrt));
+  }
+  .jgim95:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_8xw1o4);
+    color: var(--alfsu7, var(--_199jqrt));
+  }
+  .jgim95:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  .jgim95[data-disabled] {
+    opacity: 0.3;
+  }
+  .m4dtg6 {
+    --_1d3g0ai: var(--ax-colors-bg-error-subtlest);
+    --b74m95: var(--ax-colors-fg-error-hovered);
+    --_8xw1o4: var(--ax-colors-bg-error-subtle);
+    --alfsu7: var(--ax-colors-fg-error-strong);
+    --_199jqrt: var(--ax-colors-fg-error);
+  }
+  ._7fe22z {
+    --_1d3g0ai: var(--ax-colors-bg-default-hovered);
+    --_8xw1o4: var(--ax-colors-bg-default-pressed);
+    --_199jqrt: var(--ax-colors-fg-default);
+  }
+  .njihvl {
+    min-height: 24px;
+  }
+  ._1iv4ffq {
+    line-height: 24px;
+  }
+  ._10yig8q {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-DR1qWK86.css → ListboxItemIndicator.css.ts.vanilla-CjmNffXl.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._18s8uf5 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._170io6l {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._10vdjbe {
+  ._1vp0ek0 {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-CMhtYB0A.css

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

package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-LeicKQaA.css

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

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .lltipo {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1qd5qwj {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--c26tis, 100vh)
+        var(--_3hr9yj, 100vh)
       )
     ;
     min-width: 120px;
   }
-  ._929o5h {
-    --c26tis: var(--ax-maxSize-xs);
+  .xd37m {
+    --_3hr9yj: var(--ax-maxSize-xs);
   }
-  .y7e1mq {
-    --c26tis: var(--ax-maxSize-sm);
+  ._1r3rjmb {
+    --_3hr9yj: var(--ax-maxSize-sm);
   }
-  ._9hpilu {
-    --c26tis: var(--ax-maxSize-md);
+  ._1mz7pas {
+    --_3hr9yj: var(--ax-maxSize-md);
   }
-  ._1r42n93 {
-    --c26tis: var(--ax-maxSize-lg);
+  ._1frcya3 {
+    --_3hr9yj: var(--ax-maxSize-lg);
   }
-  ._1vfbae9 {
+  ._1cooq5f {
     min-width: 
         max(
           var(

package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-KPO_m_2c.css

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

package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-DuXaJCf3.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1hcceqe {
+    opacity: 0;
+  }
+  ._2qqgrp {
+    opacity: 1;
+  }
+}

package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-S6yisYwk.css → NavItem.css.ts.vanilla-CrPco6VL.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .uh2m99 {
-    --_1r6y99r: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .my16m4 {
+    --snrs94: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .uh2m99:focus-visible:not([data-disabled]) {
+  .my16m4:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  .uh2m99[data-disabled] {
+  .my16m4[data-disabled] {
     opacity: 0.32;
   }
-  .uh2m99:active {
+  .my16m4:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  .uh2m99[data-state=active] {
+  .my16m4[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1mp4s4o {
+  ._1rwbzf {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._212mk5 {
+  ._4dj1r {
     opacity: 0;
   }
-  ._2zh3pm {
+  ._1a7j7f {
     opacity: 1;
   }
   @media (hover: hover) {
-    .uh2m99:hover:not([data-state=active]):not(:active) {
+    .my16m4:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

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

@@ -1,15 +1,15 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._5x95b3 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1jopd98 {
     position: relative;
   }
-  ._14wicku {
+  ._10jl9v6 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .nu4o3u {
+  ._6ow52q {
     min-width: var(--ax-size-md);
   }
 }

package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-gB_u-LNW.css → Pill.css.ts.vanilla-CXLYR5vT.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .sdf7t9 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  .c9ej2g {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .sdf7t9:focus-visible {
+  .c9ej2g:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .sdf7t9[data-disabled] {
+  .c9ej2g[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._1afmtp9:not([data-disabled]):hover {
+    ._1oavqcs:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/cjs/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-DCYIMi-_.css → PillMenuTrigger.css.ts.vanilla-fcb_f-rD.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._7funpn {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1b22egr {
     position: relative;
   }
-  ._9oh77o {
+  ._1mf7xm1 {
     padding: 5px;
   }
-  ._1cs7yyt {
+  ._1fi60q7 {
     padding: 7px;
   }
-  ._17hkfoy {
+  ._1lge5kk {
     outline: none;
   }
   @media (hover: hover) {
-    ._81mq41:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    ._1pi8bbf:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/cjs/assets/src/progress/{Progress.css.ts.vanilla-p_d0xfiV.css → Progress.css.ts.vanilla-G-N9yM6b.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1l7r2v3 {
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1o6ormh {
     height: 8px;
   }
-  ._1aqqypo {
+  ._17q0btu {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

package/dist/cjs/assets/src/radio/{Radio.css.ts.vanilla-C1G7cv0z.css → Radio.css.ts.vanilla-DEFbwjd_.css}

@@ -1,26 +1,26 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._57d88u {
-    border-color: var(--_1b11eau);
+@layer optiaxiom._1bbhnib;
+@layer optiaxiom._1bbhnib {
+  ._1csvyux {
+    border-color: var(--_1797vju);
     border-width: 2px;
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .yimgqv:has(._1lt76ko:checked) ._57d88u {
+  .j5mr9a:has(._1cgmim3:checked) ._1csvyux {
     border-width: 12px;
   }
-  ._1o48jot {
+  ._1mzc5tj {
     margin-top: -2px;
   }
-  ._1k0hkxs {
-    background-color: var(--l5gmm3);
+  .cjimff {
+    background-color: var(--_1i06ad1);
     height: 8px;
     transform: scale(0);
     width: 8px;
   }
-  .yimgqv:has(._1lt76ko:checked) ._1k0hkxs {
+  .j5mr9a:has(._1cgmim3:checked) .cjimff {
     transform: scale(1);
   }
 }