@optiaxiom/react 0.12.3 → 0.13.0

package/dist/{esm/assets/src/data-table/DataTable.css.ts.vanilla-BrXUhcOh.css → cjs/assets/src/data-table/DataTable.css.ts.vanilla-CbD9vNcU.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._12rjkdq {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .d7848j {
     background-repeat: no-repeat;
   }
-  ._1vwdlsa {
+  ._1585f9r {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -14,7 +14,7 @@
     , 
       linear-gradient(
         to right,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     , 
@@ -26,14 +26,14 @@
     , 
       linear-gradient(
         to left,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: var(--_1415tmj) 0, var(--_1415tmj) 0, calc(100% - var(--_1mua5pj)) 0, calc(100% - var(--_1mua5pj)) 0;
+    background-position: var(--_3gyhym) 0, var(--_3gyhym) 0, calc(100% - var(--_14j1dyj)) 0, calc(100% - var(--_14j1dyj)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._4ml1gc {
+  ._1iclc34 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -44,14 +44,14 @@
     , 
       linear-gradient(
         to right,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: var(--_1415tmj) 0, var(--_1415tmj) 0;
+    background-position: var(--_3gyhym) 0, var(--_3gyhym) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .mc7hhh {
+  .vk97ad {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -62,36 +62,36 @@
     , 
       linear-gradient(
         to left,
-        var(--ax-colors-border-default) 1px,
+        var(--ax-colors-border-tertiary) 1px,
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1mua5pj)) 0, calc(100% - var(--_1mua5pj)) 0;
+    background-position: calc(100% - var(--_14j1dyj)) 0, calc(100% - var(--_14j1dyj)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._2j50hz {
+  ._183xdxw {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1g4usb9 {
-    width: var(--_1pz8zo9);
+  ._9zg2pa {
+    width: var(--b669pf);
   }
-  .yen15q {
-    left: var(--_1sg2yos);
+  .u4bbji {
+    left: var(--_13mxk2m);
     position: sticky;
     z-index: 10;
   }
-  .ic9kq2 {
+  .sdm6uy {
     position: sticky;
-    right: var(--_1sg2yos);
+    right: var(--_13mxk2m);
     z-index: 10;
   }
-  ._10ms838 {
+  .l1akui {
     background-color: var(--ax-colors-bg-default);
   }
   @media (hover: hover) {
-    ._6426li:hover ._10ms838 {
+    .jpso76:hover .l1akui {
       background-image: 
                 linear-gradient(
                   var(--ax-colors-bg-default-hovered),

package/dist/{esm/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BKGyXxhT.css → cjs/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BPJHzlBh.css}

@@ -1,41 +1,41 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._10zqnqr {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .toplv5 {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._10zqnqr::after {
+  .toplv5::after {
     content: "";
     inset: 0;
     position: absolute;
   }
-  ._10zqnqr:focus-visible {
+  .toplv5:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._10zqnqr:focus-visible::after {
+  .toplv5:focus-visible::after {
     border-radius: var(--ax-borderRadius-md);
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: -2px;
   }
-  ._1ahff16 {
+  ._1yjmu2n {
     grid-area: 1 / 1 / 2 / 2;
   }
-  .yjcsxq {
+  ._1oame5a {
     opacity: 0;
   }
-  ._1m4um4t {
+  ._1e7j5ao {
     opacity: 1;
   }
-  ._1ghi170 {
+  ._1f00x7k {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._10zqnqr:hover {
+    .toplv5:hover {
       color: var(--ax-colors-fg-secondary);
     }
-    ._1gf6pup:is(:focus-visible, :hover) ._1ghi170 {
+    .ka7ruu:is(:focus-visible, :hover) ._1f00x7k {
       opacity: 1;
     }
   }

package/dist/cjs/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CSiw9TKj.css → DialogContent.css.ts.vanilla-BQ9-WHf6.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .o6hni {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .baet66 {
     opacity: 0;
   }
-  .oghsik {
+  .psr1f {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--hps9xu)))
-      scale(calc(1 - 0.06 * var(--hps9xu)))
+      translateY(calc(1rem * var(--wd5f9v)))
+      scale(calc(1 - 0.06 * var(--wd5f9v)))
     ;
     translate: -50% 0;
   }
-  ._1rems6o {
+  ._1i9tkd2 {
     width: 400px;
   }
-  ._30z100 {
+  ._135vpww {
     width: clamp(600px, 50%, 800px);
   }
-  .nzwz4i {
+  .b2dor9 {
     width: clamp(900px, 75%, 1400px);
   }
-  ._1e4c3at {
+  .iwiqy2 {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/cjs/assets/src/dialog-header/DialogHeader.css.ts.vanilla-g_BPVGm3.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1apj6e6 {
+    order: 3;
+  }
+  ._1qr0chj {
+    order: 1;
+  }
+  .n8i0u7 {
+    order: 2;
+  }
+  ._1dsbh3r {
+    order: 4;
+  }
+}

package/dist/{esm/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-pVEbtdvl.css → cjs/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CoBOLDcZ.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._1gzndpv {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._15gi53l {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
   }
-  .g8pr1r {
+  ._1pd5ixm {
     min-height: 0;
   }
 }

package/dist/cjs/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css

@@ -0,0 +1,18 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1b69dxl {
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  [data-state=open] > ._1te8vyg {
+    transform: rotate(-90deg);
+  }
+  [data-state=open] > ._1cndddn {
+    transform: rotate(90deg);
+  }
+  @media (hover: hover) {
+    ._1b69dxl:is([data-disabled], :hover) {
+      color: var(--ax-colors-bg-default-inverse-hovered);
+    }
+  }
+}

package/dist/cjs/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-C5moTRX0.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .hnjkmn {
+    order: 2;
+  }
+}

package/dist/cjs/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-ChTEpkKe.css → DrawerContent.css.ts.vanilla-DrHSgLrl.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .xao5jf {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._16elo2n {
     position: fixed;
   }
-  ._1eq3db4 {
+  .n4d0w7 {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._1vi5t70 {
+  ._8sjneu {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._10qpio6 {
+  ._1qiwigc {
     bottom: 0;
     right: 0;
     top: 0;

package/dist/cjs/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CRBMloeK.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1v6taoa {
+    order: 3;
+  }
+}

package/dist/cjs/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-C_2hFP_b.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1wmxqq1 {
+    order: 1;
+  }
+}

package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla-G8KfRd1k.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._6rkrco {
+    background-color: transparent;
+    color: inherit;
+  }
+}

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

@@ -0,0 +1,37 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .kqxxdh {
+    position: relative;
+  }
+  .j5tqul {
+    --_1ep7o38: 2px;
+    --_1gju483: 50%;
+    position: absolute;
+    right: var(--_1ep7o38);
+  }
+  ._1u29m95 {
+    --_1ep7o38: 0;
+    --_1gju483: 0;
+  }
+  ._1ni07er {
+    bottom: var(--_1ep7o38);
+    transform: translate(var(--_1gju483), var(--_1gju483));
+  }
+  .yix4ly {
+    top: var(--_1ep7o38);
+    transform: translate(var(--_1gju483), calc(-1 * var(--_1gju483)));
+  }
+  ._11hzs0t {
+    position: relative;
+    user-select: none;
+  }
+  ._11hzs0t:empty {
+    aspect-ratio: 1;
+  }
+  ._2s4qd2:not(:empty) {
+    min-width: 16px;
+  }
+  ._1spq1o9 {
+    position: absolute;
+  }
+}

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

@@ -1,9 +1,9 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  ._18cego0:focus-visible {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1u8my2m:focus-visible {
     outline: 2px solid transparent;
   }
-  ._169j7ei::before {
+  ._44ar1f::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/cjs/assets/src/input-control/{InputControl.css.ts.vanilla-Bs_UqBe4.css → InputControl.css.ts.vanilla-D_Y4T4gr.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom._8aqmv;
-@layer optiaxiom._8aqmv {
-  .hmoru4 {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1660juk {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  .hmoru4::placeholder {
+  ._1660juk::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  .hmoru4[data-disabled]::placeholder {
+  ._1660juk[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  .hmoru4[data-readonly] {
+  ._1660juk[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1lg38j3 {
+    ._17uia1y {
       font-size: 14px;
     }
-    ._18w05mv {
+    ._1p0coh5 {
       font-size: 16px;
     }
   }

package/dist/cjs/assets/src/input-root/InputRoot.css.ts.vanilla-B-a174zk.css

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

package/dist/cjs/assets/src/kbd/Kbd.css.ts.vanilla-B271fCLJ.css

@@ -0,0 +1,12 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .m62xg4 {
+    font-size: 0.9em;
+  }
+  ._2txbve {
+    text-decoration: none;
+  }
+  ._1vq6xw8 {
+    font-size: 1.2em;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1x7rilg, optiaxiom.rok3ul;

package/dist/cjs/assets/src/link/Link.css.ts.vanilla-DpUHZuBB.css

@@ -0,0 +1,43 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .u4xb40 {
+    position: relative;
+    text-decoration: none;
+  }
+  .u4xb40:focus-visible {
+    outline: 2px auto var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .u4xb40:visited {
+    color: var(--ax-colors-fg-link-visited);
+  }
+  .u4xb40[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1cjm9qy {
+    color: var(--ax-colors-fg-link-default);
+  }
+  ._18qmi44 {
+    color: var(--ax-colors-fg-link-inverse);
+  }
+  ._10bhhzf {
+    color: var(--ax-colors-fg-link-subtle);
+  }
+  ._10bhhzf:visited {
+    color: var(--ax-colors-fg-link-subtle);
+  }
+  ._1oi7r22 {
+    height: 0.8lh;
+    margin-top: 0.1lh;
+    vertical-align: top;
+    width: auto;
+  }
+  @media (hover: hover) {
+    .u4xb40:hover:not([data-disabled]) {
+      text-decoration: underline;
+    }
+    ._1cjm9qy:hover:not([data-disabled]) {
+      color: var(--ax-colors-fg-link-default-hovered);
+    }
+  }
+}

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

@@ -0,0 +1,48 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1rug828 {
+    user-select: none;
+  }
+  ._1rug828:any-link {
+    text-decoration: none;
+  }
+  ._1rug828:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1rug828:not([data-disabled]) {
+    color: var(--_1cytd4q);
+    cursor: pointer;
+  }
+  ._1rug828:not([data-disabled])[data-highlighted] {
+    background-color: var(--m6lyfd);
+    color: var(--_8mg72u, var(--_1cytd4q));
+  }
+  ._1rug828:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--rbahnq);
+    color: var(--st0b05, var(--_1cytd4q));
+  }
+  ._1rug828:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1rug828[data-disabled] {
+    opacity: 0.3;
+  }
+  .csgzfw {
+    --m6lyfd: var(--ax-colors-bg-error-subtlest);
+    --_8mg72u: var(--ax-colors-fg-error-hovered);
+    --rbahnq: var(--ax-colors-bg-error-subtle);
+    --st0b05: var(--ax-colors-fg-error-strong);
+    --_1cytd4q: var(--ax-colors-fg-error);
+  }
+  ._1lfst83 {
+    --m6lyfd: var(--ax-colors-bg-default-hovered);
+    --rbahnq: var(--ax-colors-bg-default-pressed);
+    --_1cytd4q: var(--ax-colors-fg-default);
+  }
+  .jdx5ea {
+    line-height: 24px;
+  }
+  ._5fy8l6 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cp_vxKKA.css

@@ -0,0 +1,33 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._140klok {
+    max-height: min(var(--_1ssaxi7), var(--_8jubs0, 100vh));
+  }
+  ._2b39jm {
+    --_8jubs0: var(--ax-maxSize-xs);
+  }
+  .hsdmto {
+    --_8jubs0: var(--ax-maxSize-sm);
+  }
+  ._1s1aitv {
+    --_8jubs0: var(--ax-maxSize-md);
+  }
+  ._14i2xhz {
+    --_8jubs0: var(--ax-maxSize-lg);
+  }
+  .xxpfk {
+    min-width: var(--qbxqqz);
+  }
+  .k0qfck {
+    --_1ssaxi7: var(--radix-dropdown-menu-content-available-height);
+    --qbxqqz: var(--radix-dropdown-menu-trigger-width);
+  }
+  .fmgcvu {
+    --_1ssaxi7: var(--radix-popover-content-available-height);
+    --qbxqqz: var(--radix-popover-trigger-width);
+  }
+  ._31za3 {
+    --_1ssaxi7: var(--radix-popper-available-height);
+    --qbxqqz: var(--radix-popper-anchor-width);
+  }
+}

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

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .u5xd0n {
+    transition: width 250ms ease;
+  }
+}

package/dist/cjs/assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-B9OfCtAa.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1c8c7cf {
+    opacity: 0;
+  }
+  ._1ox12c7 {
+    opacity: 1;
+  }
+}