@optiaxiom/react 1.8.2 → 1.8.3

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

@@ -0,0 +1,36 @@
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1vqcxr0 {
+    position: relative;
+  }
+  .jgh9fp {
+    --_748e9v: 2px;
+    --_13vxrew: 50%;
+    position: absolute;
+    right: var(--_748e9v);
+  }
+  .opjwj5 {
+    --_748e9v: 0;
+    --_13vxrew: 0;
+  }
+  ._1ihmijz {
+    bottom: var(--_748e9v);
+    transform: translate(var(--_13vxrew), var(--_13vxrew));
+  }
+  .z0zivt {
+    top: var(--_748e9v);
+    transform: translate(var(--_13vxrew), calc(-1 * var(--_13vxrew)));
+  }
+  .a30dt1 {
+    position: relative;
+  }
+  .a30dt1:empty {
+    aspect-ratio: 1;
+  }
+  ._1s3yviw:not(:empty) {
+    min-width: 16px;
+  }
+  ._1o0rcbl {
+    position: absolute;
+  }
+}

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

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

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

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

package/dist/cjs/assets/src/input/{InputControl.css.ts.vanilla-D_jXJ1Zo.css → InputControl.css.ts.vanilla-65yGHO7N.css}

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._3b4dht {
+    --_1e105ew: 8px;
+    min-width: 0;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._9sebq2, optiaxiom.b7p5pk;

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

@@ -1,13 +1,13 @@
-@layer optiaxiom._1rbn4ci;
-@layer optiaxiom._1rbn4ci {
-  ._1u6mggv {
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1meu6f7 {
     position: relative;
   }
-  ._1lmd4q7 {
+  .uek6ng {
     height: 100%;
     width: 100%;
   }
-  .evjxck {
+  .yjcq6z {
     height: 100vh;
     width: 100vw;
   }

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

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

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

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

package/dist/cjs/assets/src/{card/CardCheckbox.css.ts.vanilla-CNH4D6Tk.css → listbox/ListboxCheckboxItem.css.ts.vanilla-BYw2_OI4.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1rbn4ci;
-@layer optiaxiom._1rbn4ci {
-  .qs1g3x {
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1s1e780 {
     position: relative;
   }
-  .qs1g3x::before {
+  ._1s1e780::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,52 @@
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  .i5v05k {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .i5v05k:any-link {
+    text-decoration: none;
+  }
+  .i5v05k:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .i5v05k:not([data-disabled]) {
+    color: var(--roehvo);
+    cursor: pointer;
+  }
+  .i5v05k:not([data-disabled])[data-highlighted] {
+    background-color: var(--s9rum2);
+    color: var(--ojrt6r, var(--roehvo));
+  }
+  .i5v05k:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1eur4wd);
+    color: var(--_13ahhv1, var(--roehvo));
+  }
+  .i5v05k:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  .i5v05k[data-disabled] {
+    opacity: 0.3;
+  }
+  ._160bmvr {
+    --s9rum2: var(--ax-colors-bg-error-subtlest);
+    --ojrt6r: var(--ax-colors-fg-error-hovered);
+    --_1eur4wd: var(--ax-colors-bg-error-subtle);
+    --_13ahhv1: var(--ax-colors-fg-error-strong);
+    --roehvo: var(--ax-colors-fg-error);
+  }
+  .ola7lm {
+    --s9rum2: var(--ax-colors-bg-default-hovered);
+    --_1eur4wd: var(--ax-colors-bg-default-pressed);
+    --roehvo: var(--ax-colors-fg-default);
+  }
+  .v9irhm {
+    min-height: 24px;
+  }
+  ._1mvmijh {
+    line-height: 24px;
+  }
+  ._1els3ep {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1rbn4ci;
-@layer optiaxiom._1rbn4ci {
-  ._13fywwt {
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1ybb6x7 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_4q34nh, 100vh)
+        var(--bch1a0, 100vh)
       )
     ;
     min-width: 120px;
   }
-  ._1d9mi9 {
-    --_4q34nh: var(--ax-maxSize-xs);
+  .gwccsr {
+    --bch1a0: var(--ax-maxSize-xs);
   }
-  ._1dkblpg {
-    --_4q34nh: var(--ax-maxSize-sm);
+  .lv0obw {
+    --bch1a0: var(--ax-maxSize-sm);
   }
-  ._1n6koor {
-    --_4q34nh: var(--ax-maxSize-md);
+  ._1vz9yvr {
+    --bch1a0: var(--ax-maxSize-md);
   }
-  .cd96on {
-    --_4q34nh: var(--ax-maxSize-lg);
+  .dgl18m {
+    --bch1a0: var(--ax-maxSize-lg);
   }
-  ._7ottuk {
+  ._1wmyr0d {
     min-width: 
         max(
           var(

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1qfppg7 {
+    opacity: 0;
+  }
+  ._1fc5syn {
+    opacity: 1;
+  }
+}

package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-CdKrH9Qm.css → NavItem.css.ts.vanilla-7I3gdvdm.css}

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

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

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

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

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

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

@@ -1,19 +1,19 @@
-@layer optiaxiom._1rbn4ci;
-@layer optiaxiom._1rbn4ci {
-  ._4yhs04 {
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1hzwwn2 {
     position: relative;
   }
-  ._1pwzatl {
+  .qk6x1e {
     padding: 5px;
   }
-  ._1o348a8 {
+  ._1551q39 {
     padding: 7px;
   }
-  ._1sbpbp5 {
+  .npkjxu {
     outline: none;
   }
   @media (hover: hover) {
-    ._49zjbs:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .b15zl8: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-Bvq7V2e8.css → cjs/assets/src/progress/Progress.css.ts.vanilla-CJnIWTp5.css}

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

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

@@ -0,0 +1,13 @@
+@layer optiaxiom.b7p5pk;
+@layer optiaxiom.b7p5pk {
+  ._1kmwmuc {
+    border-color: var(--_1ydzlkf);
+  }
+  ._1ckyp7a {
+    background-color: var(--_1ydzlkf);
+    transform: scale(0);
+  }
+  ._1qa65s1:has(._1aupdnl:checked) ._1ckyp7a {
+    transform: scale(1);
+  }
+}