@optiaxiom/react 1.8.1 → 1.8.2

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

@@ -0,0 +1,36 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1ep5rds {
+    position: relative;
+  }
+  .anp984 {
+    --_5h9mqt: 2px;
+    --qmzugt: 50%;
+    position: absolute;
+    right: var(--_5h9mqt);
+  }
+  ._1a0zx6p {
+    --_5h9mqt: 0;
+    --qmzugt: 0;
+  }
+  ._1uxat5h {
+    bottom: var(--_5h9mqt);
+    transform: translate(var(--qmzugt), var(--qmzugt));
+  }
+  ._1jutc1l {
+    top: var(--_5h9mqt);
+    transform: translate(var(--qmzugt), calc(-1 * var(--qmzugt)));
+  }
+  .u13e2x {
+    position: relative;
+  }
+  .u13e2x:empty {
+    aspect-ratio: 1;
+  }
+  ._12e8lng:not(:empty) {
+    min-width: 16px;
+  }
+  ._116spdy {
+    position: absolute;
+  }
+}

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

@@ -1,9 +1,9 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  .lyztxl:focus-visible {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .ir3vb3:focus-visible {
     outline: 2px solid transparent;
   }
-  .kmf752::before {
+  ._1lpf3az::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

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

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

package/dist/{esm/assets/src/input/InputControl.css.ts.vanilla-DJH-Oysx.css → cjs/assets/src/input/InputControl.css.ts.vanilla-D_jXJ1Zo.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._177bt7f {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .zi0vci {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._177bt7f::placeholder {
+  .zi0vci::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._177bt7f[data-disabled]::placeholder {
+  .zi0vci[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._177bt7f[data-readonly] {
+  .zi0vci[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    .f70w9p {
+    .hnmgzm {
       font-size: 14px;
     }
-    ._1ipo8se {
+    ._1yeoa42 {
       font-size: 16px;
     }
   }

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

@@ -0,0 +1,71 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .audcze {
+    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;
+  }
+  .audcze:has(.p8gzno:focus) {
+    z-index: 10;
+  }
+  .audcze:has(.p8gzno:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 1px;
+  }
+  .audcze:has(.p8gzno:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .audcze:has(.p8gzno:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-accent);
+  }
+  .audcze:has(.p8gzno:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  .audcze:has(.p8gzno:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  .audcze:has(.p8gzno:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  .gges1z[data-orientation="horizontal"] > .audcze:not(:first-child):not(:last-child),.gges1z[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .audcze {
+    border-inline-width: 0.5px;
+  }
+  .gges1z[data-orientation="horizontal"] > .audcze:not(:only-child):first-child,.gges1z[data-orientation="horizontal"] > :not(:only-child):first-child .audcze {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .gges1z[data-orientation="horizontal"] > .audcze:not(:only-child):last-child,.gges1z[data-orientation="horizontal"] > :not(:only-child):last-child .audcze {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .gges1z[data-orientation="vertical"] > .audcze:not(:first-child):not(:last-child),.gges1z[data-orientation="vertical"] > :not(:first-child):not(:last-child) .audcze {
+    border-block-width: 0.5px;
+  }
+  .gges1z[data-orientation="vertical"] > .audcze:not(:only-child):first-child,.gges1z[data-orientation="vertical"] > :not(:only-child):first-child .audcze {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .gges1z[data-orientation="vertical"] > .audcze:not(:only-child):last-child,.gges1z[data-orientation="vertical"] > :not(:only-child):last-child .audcze {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .gges1z[data-orientation] > .audcze:not(:first-child):not(:last-child),.gges1z[data-orientation] > :not(:first-child):not(:last-child) .audcze {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    .audcze:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  .afjd6u {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._18tpwb2 {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

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

@@ -0,0 +1,7 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .g8uj5b {
+    --k2o8yt: 8px;
+    min-width: 0;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._5zy1n4, optiaxiom._1rbn4ci;

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

@@ -1,13 +1,13 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._5kspga {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1u6mggv {
     position: relative;
   }
-  .xkrkii {
+  ._1lmd4q7 {
     height: 100%;
     width: 100%;
   }
-  ._1k1mhuh {
+  .evjxck {
     height: 100vh;
     width: 100vw;
   }

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

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

package/dist/{esm/assets/src/link/Link.css.ts.vanilla-DM1UPhpg.css → cjs/assets/src/link/Link.css.ts.vanilla-CJU25llO.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._6pfe4f {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .jxc9th {
     position: relative;
     text-decoration: none;
   }
-  ._6pfe4f:focus-visible {
+  .jxc9th:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._6pfe4f:visited {
+  .jxc9th:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._6pfe4f[data-disabled] {
+  .jxc9th[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._3yri38 {
+  .milj6d {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1qsk31r {
+  ._11o6rm3 {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .viga3 {
+  ._15m33l9 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .viga3:visited {
+  ._15m33l9:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1yn6cch {
+  .tcvf03 {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._6pfe4f:hover:not([data-disabled]) {
+    .jxc9th:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._3yri38:hover:not([data-disabled]) {
+    .milj6d:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

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

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

@@ -0,0 +1,52 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1lugr6n {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1lugr6n:any-link {
+    text-decoration: none;
+  }
+  ._1lugr6n:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1lugr6n:not([data-disabled]) {
+    color: var(--qgwz1x);
+    cursor: pointer;
+  }
+  ._1lugr6n:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1882wjl);
+    color: var(--s1mdus, var(--qgwz1x));
+  }
+  ._1lugr6n:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--knccs3);
+    color: var(--wf0g5n, var(--qgwz1x));
+  }
+  ._1lugr6n:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1lugr6n[data-disabled] {
+    opacity: 0.3;
+  }
+  ._5tr4k6 {
+    --_1882wjl: var(--ax-colors-bg-error-subtlest);
+    --s1mdus: var(--ax-colors-fg-error-hovered);
+    --knccs3: var(--ax-colors-bg-error-subtle);
+    --wf0g5n: var(--ax-colors-fg-error-strong);
+    --qgwz1x: var(--ax-colors-fg-error);
+  }
+  ._1lb54yu {
+    --_1882wjl: var(--ax-colors-bg-default-hovered);
+    --knccs3: var(--ax-colors-bg-default-pressed);
+    --qgwz1x: var(--ax-colors-fg-default);
+  }
+  .y0d5fg {
+    min-height: 24px;
+  }
+  .yds6kw {
+    line-height: 24px;
+  }
+  .n26ot0 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-73AUe7Bx.css → ListboxItemIndicator.css.ts.vanilla-CmuOh2I-.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  .h5ip9e {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .zpq93d {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1p1ugos {
+  ._1pbnaja {
     clip-path: inset(0 0 0 0);
   }
 }

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

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

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

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

package/dist/cjs/assets/src/modal/{ModalListbox.css.ts.vanilla-BtqqaOEn.css → ModalListbox.css.ts.vanilla-CQzdee5f.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._12j86kw {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._13fywwt {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_1xv2v0v, 100vh)
+        var(--_4q34nh, 100vh)
       )
     ;
     min-width: 120px;
   }
-  .z0yz6l {
-    --_1xv2v0v: var(--ax-maxSize-xs);
+  ._1d9mi9 {
+    --_4q34nh: var(--ax-maxSize-xs);
   }
-  ._18h51d4 {
-    --_1xv2v0v: var(--ax-maxSize-sm);
+  ._1dkblpg {
+    --_4q34nh: var(--ax-maxSize-sm);
   }
-  .rw4m4o {
-    --_1xv2v0v: var(--ax-maxSize-md);
+  ._1n6koor {
+    --_4q34nh: var(--ax-maxSize-md);
   }
-  ._1vwgbzg {
-    --_1xv2v0v: var(--ax-maxSize-lg);
+  .cd96on {
+    --_4q34nh: var(--ax-maxSize-lg);
   }
-  ._17luz50 {
+  ._7ottuk {
     min-width: 
         max(
           var(

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  .jt5dnu {
+    opacity: 0;
+  }
+  ._1td7e51 {
+    opacity: 1;
+  }
+}

package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-4_CR-2Za.css → NavItem.css.ts.vanilla-CdKrH9Qm.css}

@@ -1,43 +1,43 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  .h1csgr {
-    --_16kethi: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1mdxt2d {
+    --_1bycozr: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .h1csgr:focus-visible:not([data-disabled]) {
+  ._1mdxt2d:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  .h1csgr[data-disabled] {
+  ._1mdxt2d[data-disabled] {
     opacity: 0.32;
   }
-  .h1csgr:active {
+  ._1mdxt2d:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  .h1csgr[data-state=active] {
+  ._1mdxt2d[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  ._2a9wp5 {
+  .jrpwfp {
     transition: opacity var(--ax-duration-md) ease;
   }
-  .fonqct {
+  .o275u1 {
     opacity: 0;
   }
-  ._1k8rg9i {
+  .gy7dj2 {
     opacity: 1;
   }
   @media (hover: hover) {
-    .h1csgr:hover:not([data-state=active]):not(:active) {
+    ._1mdxt2d:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    .h1csgr:hover[data-state=active]:not(:active) {
+    ._1mdxt2d:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }

package/dist/{esm/assets/src/pagination/Pagination.css.ts.vanilla-DZrYbTKw.css → cjs/assets/src/pagination/Pagination.css.ts.vanilla-rzS-OlU2.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  .xzwxml {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1jwa6ik {
     position: relative;
   }
-  ._542uzt {
+  ._2k0aaz {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .utlj8n {
+  ._16hd5hs {
     min-width: var(--ax-size-md);
   }
 }

package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-D5VkMk71.css → Pill.css.ts.vanilla-DqD5P3jg.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._15zi7jo {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._3sa9bs {
     background-color: var(--ax-colors-bg-tertiary);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._15zi7jo:focus-visible {
+  ._3sa9bs:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._15zi7jo[data-disabled] {
+  ._3sa9bs[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._95k3cf:not([data-disabled]):hover {
+    .kkqv1i:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-tertiary-hovered);
     }
   }

package/dist/{esm/assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-1EvMQaGa.css → cjs/assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D0OhTpjC.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._15g8pbb {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._4yhs04 {
     position: relative;
   }
-  .zxrxmv {
+  ._1pwzatl {
     padding: 5px;
   }
-  ._1doexkm {
+  ._1o348a8 {
     padding: 7px;
   }
-  .sytds8 {
+  ._1sbpbp5 {
     outline: none;
   }
   @media (hover: hover) {
-    .w7838f:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    ._49zjbs: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-DApkQ1i2.css → Progress.css.ts.vanilla-Bvq7V2e8.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.t5o2q;
-@layer optiaxiom.t5o2q {
-  ._1e9wkhp {
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1fds47h {
     height: 8px;
   }
-  ._10p3eyo {
+  .cxlkfs {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-Css22k0q.css

@@ -0,0 +1,13 @@
+@layer optiaxiom._1rbn4ci;
+@layer optiaxiom._1rbn4ci {
+  ._1o2rdq0 {
+    border-color: var(--tduai6);
+  }
+  ._1yvd83r {
+    background-color: var(--tduai6);
+    transform: scale(0);
+  }
+  ._1yj7ye9:has(._1wk3nz3:checked) ._1yvd83r {
+    transform: scale(1);
+  }
+}