@optiaxiom/react 0.12.0 → 0.12.1

package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-C9XygBIH.css → DataTable.css.ts.vanilla-DpJ_X2-k.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .nn08cv {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._11ok1kq {
     background-repeat: no-repeat;
   }
-  ._1yj37ux {
+  ._275dco {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -30,10 +30,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1lf6yyx) 0, var(--_1lf6yyx) 0, calc(100% - var(--_1lrm1a3)) 0, calc(100% - var(--_1lrm1a3)) 0;
+    background-position: var(--_13edba9) 0, var(--_13edba9) 0, calc(100% - var(--_1x53yc5)) 0, calc(100% - var(--_1x53yc5)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._18d4p1z {
+  ._134jpyu {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -48,10 +48,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1lf6yyx) 0, var(--_1lf6yyx) 0;
+    background-position: var(--_13edba9) 0, var(--_13edba9) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1e6th1o {
+  ._1jdr1vj {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -66,32 +66,32 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1lrm1a3)) 0, calc(100% - var(--_1lrm1a3)) 0;
+    background-position: calc(100% - var(--_1x53yc5)) 0, calc(100% - var(--_1x53yc5)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .ql4xvg {
+  ._6x6qiy {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1nzag3n {
-    width: var(--_1vyyhnm);
+  ._79sc0z {
+    width: var(--_2gwxtu);
   }
-  ._1bnu03o {
-    left: var(--efrrql);
+  .rudqyc {
+    left: var(--_1a24kue);
     position: sticky;
     z-index: 10;
   }
-  ._10mxbf2 {
+  .w9kzb1 {
     position: sticky;
-    right: var(--efrrql);
+    right: var(--_1a24kue);
     z-index: 10;
   }
-  ._1my72b4 {
+  ._1dag7mj {
     background-color: var(--ax-colors-bg-default);
   }
   @media (hover: hover) {
-    .uln670:hover ._1my72b4 {
+    ._1fr3mav:hover ._1dag7mj {
       background-image: 
                 linear-gradient(
                   var(--ax-colors-bg-default-hovered),

package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-b6PXu6yy.css → DataTableHeaderCell.css.ts.vanilla-BAqAdAvl.css}

@@ -1,41 +1,41 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._1hdrfbd {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .rsq1qv {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._1hdrfbd::after {
+  .rsq1qv::after {
     content: "";
     inset: 0;
     position: absolute;
   }
-  ._1hdrfbd:focus-visible {
+  .rsq1qv:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._1hdrfbd:focus-visible::after {
+  .rsq1qv:focus-visible::after {
     border-radius: var(--ax-borderRadius-md);
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: -2px;
   }
-  .zbsuo6 {
+  ._16udcty {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._1pquptj {
+  .ffc04k {
     opacity: 0;
   }
-  .ldfyoa {
+  .v9l030 {
     opacity: 1;
   }
-  .lmgqte {
+  ._1a3flp3 {
     opacity: 0;
   }
   @media (hover: hover) {
-    ._1hdrfbd:hover {
+    .rsq1qv:hover {
       color: var(--ax-colors-fg-secondary);
     }
-    .l2wxe2:is(:focus-visible, :hover) .lmgqte {
+    ._7zyndd:is(:focus-visible, :hover) ._1a3flp3 {
       opacity: 1;
     }
   }

package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CpyLSTLv.css → DialogContent.css.ts.vanilla-BZ49ODZk.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .pvdziy {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1m4hzyj {
     opacity: 0;
   }
-  ._1skr6b9 {
+  ._95t99d {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--kwq160)))
-      scale(calc(1 - 0.06 * var(--kwq160)))
+      translateY(calc(1rem * var(--p9bui3)))
+      scale(calc(1 - 0.06 * var(--p9bui3)))
     ;
     translate: -50% 0;
   }
-  .bvhydr {
+  .wp4du9 {
     width: 400px;
   }
-  .k8oeag {
+  ._1b8t21d {
     width: clamp(600px, 50%, 800px);
   }
-  ._12k9f02 {
+  ._1fv7kgf {
     width: clamp(900px, 75%, 1400px);
   }
-  .w1wppg {
+  .t95tqv {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .pkgee5 {
+    order: 3;
+  }
+  ._1dgsnf9 {
+    order: 1;
+  }
+  ._1bhfbjb {
+    order: 2;
+  }
+  ._4em622 {
+    order: 4;
+  }
+}

package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DkoPFgEq.css

@@ -0,0 +1,10 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .dmqo33 {
+    grid-template-columns: 100%;
+    grid-template-rows: 1fr;
+  }
+  ._1ipckxi {
+    min-height: 0;
+  }
+}

package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-CLB2lqLn.css → DisclosureTrigger.css.ts.vanilla-BkIHQCpx.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._1ha78yx {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .rvtlcu {
     color: var(--ax-colors-fg-default);
   }
-  ._1ha78yx:focus-visible {
+  .rvtlcu:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  [data-state=open] > .ll8jzi {
+  [data-state=open] > .bg0m8 {
     transform: rotate(180deg);
   }
-  [data-state=open] > ._1dmdf1j {
+  [data-state=open] > ._1gcvml2 {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    ._1ha78yx:is([data-disabled], :hover) {
+    .rvtlcu:is([data-disabled], :hover) {
       color: var(--ax-colors-fg-secondary);
     }
   }

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

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

package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-Bo1-a8Vm.css → DrawerContent.css.ts.vanilla-BtkJUc2Z.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .p9kroj {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .fjjj2v {
     position: fixed;
   }
-  ._10rekng {
+  ._1us7vxz {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._10b1jsq {
+  ._1hyxgui {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  .xjjwwd {
+  .cu0p6t {
     bottom: 0;
     right: 0;
     top: 0;

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

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

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

@@ -0,0 +1,6 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .t6btdz {
+    order: 1;
+  }
+}

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

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

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

@@ -0,0 +1,37 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .kmn00p {
+    position: relative;
+  }
+  ._182xg32 {
+    --_1elltyz: 2px;
+    --_1d9y894: 50%;
+    position: absolute;
+    right: var(--_1elltyz);
+  }
+  ._1nwqezg {
+    --_1elltyz: 0;
+    --_1d9y894: 0;
+  }
+  .wiv9cj {
+    bottom: var(--_1elltyz);
+    transform: translate(var(--_1d9y894), var(--_1d9y894));
+  }
+  ._1qact43 {
+    top: var(--_1elltyz);
+    transform: translate(var(--_1d9y894), calc(-1 * var(--_1d9y894)));
+  }
+  ._1jvcf48 {
+    position: relative;
+    user-select: none;
+  }
+  ._1jvcf48:empty {
+    aspect-ratio: 1;
+  }
+  ._15hmahz:not(:empty) {
+    min-width: 16px;
+  }
+  .pnlh7y {
+    position: absolute;
+  }
+}

package/dist/assets/src/inline-input/{InlineInput.css.ts.vanilla-DQEAby9t.css → InlineInput.css.ts.vanilla-Bd4TmVBe.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._13zq4ll:focus-visible {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._4vc6o9:focus-visible {
     outline: 2px solid transparent;
   }
-  .tvrgci::before {
+  ._13v0v1o::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-D0ivfH9I.css → InputControl.css.ts.vanilla-CjmvJlqC.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._6489ma {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1evr2uj {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._6489ma::placeholder {
+  ._1evr2uj::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._6489ma[data-disabled]::placeholder {
+  ._1evr2uj[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._6489ma[data-readonly] {
+  ._1evr2uj[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1e3qepf {
+    ._1dao1w6 {
       font-size: 14px;
     }
-    ._1rslxar {
+    ._1i754vp {
       font-size: 16px;
     }
   }

package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-DsBa61rD.css

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

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

@@ -0,0 +1,12 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .u13l8f {
+    font-size: 0.9em;
+  }
+  ._19e0g9s {
+    text-decoration: none;
+  }
+  .r2ju4l {
+    font-size: 1.2em;
+  }
+}

package/dist/assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1h1dwjo, optiaxiom._107fbc8;

package/dist/assets/src/link/{Link.css.ts.vanilla-D0s7UoMe.css → Link.css.ts.vanilla-CN29HUK1.css}

@@ -1,49 +1,56 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .ijn6p0 {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._10xnmih {
+    position: relative;
     text-decoration: none;
   }
-  .ijn6p0:focus-visible {
+  ._10xnmih:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .ijn6p0:visited {
+  ._10xnmih:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .ijn6p0[data-disabled] {
+  ._10xnmih[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .pshqeh {
+  .o4qd3c {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1nf1ju9 {
+  ._1vv0his {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1a7h5r4 {
+  ._1r3cner {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._14de5d7::after {
+  ._1r3cner:visited {
+    color: var(--ax-colors-fg-link-subtle);
+  }
+  ._1bqb832 {
+    position: static;
+  }
+  ._1bqb832::after {
     content: "";
-    border-radius: inherit;
+    border-radius: var(--_1kopaay, inherit);
     inset: 0;
     position: absolute;
   }
-  ._14de5d7:focus-visible {
+  ._1bqb832:focus-visible {
     outline: none;
   }
-  ._14de5d7:focus-visible::after {
+  ._1bqb832:focus-visible::after {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1terp0f {
+  .aaqfdv {
     height: auto;
     width: 0.875em;
   }
   @media (hover: hover) {
-    .ijn6p0:hover:not([data-disabled]) {
+    ._10xnmih:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .pshqeh:hover:not([data-disabled]) {
+    .o4qd3c:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

@@ -0,0 +1,48 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .vfddon {
+    user-select: none;
+  }
+  .vfddon:any-link {
+    text-decoration: none;
+  }
+  .vfddon:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .vfddon:not([data-disabled]) {
+    color: var(--_13wbpnx);
+    cursor: pointer;
+  }
+  .vfddon:not([data-disabled])[data-highlighted] {
+    background-color: var(--ue87rj);
+    color: var(--xeiyge, var(--_13wbpnx));
+  }
+  .vfddon:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_19cv07n);
+    color: var(--_1q9780d, var(--_13wbpnx));
+  }
+  .vfddon:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  .vfddon[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1h6h8pr {
+    --ue87rj: var(--ax-colors-bg-error-subtlest);
+    --xeiyge: var(--ax-colors-fg-error-hovered);
+    --_19cv07n: var(--ax-colors-bg-error-subtle);
+    --_1q9780d: var(--ax-colors-fg-error-strong);
+    --_13wbpnx: var(--ax-colors-fg-error);
+  }
+  ._1h3i82w {
+    --ue87rj: var(--ax-colors-bg-default-hovered);
+    --_19cv07n: var(--ax-colors-bg-default-pressed);
+    --_13wbpnx: var(--ax-colors-fg-default);
+  }
+  ._1pz0bou {
+    line-height: 24px;
+  }
+  .tbf96a {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

@@ -0,0 +1,33 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1lm7fcp {
+    max-height: min(var(--_1pkmtec), var(--_1g3hi9b, 100vh));
+  }
+  ._1irfjrz {
+    --_1g3hi9b: var(--ax-maxSize-xs);
+  }
+  .exwlj9 {
+    --_1g3hi9b: var(--ax-maxSize-sm);
+  }
+  ._1bt9c3l {
+    --_1g3hi9b: var(--ax-maxSize-md);
+  }
+  .q0ba9n {
+    --_1g3hi9b: var(--ax-maxSize-lg);
+  }
+  .covmd1 {
+    min-width: var(--s64r26);
+  }
+  ._16tjstw {
+    --_1pkmtec: var(--radix-dropdown-menu-content-available-height);
+    --s64r26: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._17opktc {
+    --_1pkmtec: var(--radix-popover-content-available-height);
+    --s64r26: var(--radix-popover-trigger-width);
+  }
+  .ounbht {
+    --_1pkmtec: var(--radix-popper-available-height);
+    --s64r26: var(--radix-popper-anchor-width);
+  }
+}

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1hoxi9o {
+    opacity: 0;
+  }
+  ._1cl122b {
+    opacity: 1;
+  }
+}

package/dist/assets/src/nav-body/NavBody.css.ts.vanilla-BuCKcvv7.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1yjpwd2 {
+    scrollbar-gutter: stable;
+  }
+}