@optiaxiom/react 0.12.0 → 0.12.2

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

@@ -1,9 +1,9 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .nn08cv {
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .qxpcka {
     background-repeat: no-repeat;
   }
-  ._1yj37ux {
+  ._1l1etky {
     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(--_796ixj) 0, var(--_796ixj) 0, calc(100% - var(--m8bc67)) 0, calc(100% - var(--m8bc67)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._18d4p1z {
+  .uoqnl1 {
     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(--_796ixj) 0, var(--_796ixj) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1e6th1o {
+  .t3zkvv {
     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(--m8bc67)) 0, calc(100% - var(--m8bc67)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .ql4xvg {
+  .kb9gxd {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1nzag3n {
-    width: var(--_1vyyhnm);
+  ._12jth8x {
+    width: var(--_1qq2vdm);
   }
-  ._1bnu03o {
-    left: var(--efrrql);
+  .sxorki {
+    left: var(--_1a5p9u0);
     position: sticky;
     z-index: 10;
   }
-  ._10mxbf2 {
+  ._1b2s4tj {
     position: sticky;
-    right: var(--efrrql);
+    right: var(--_1a5p9u0);
     z-index: 10;
   }
-  ._1my72b4 {
+  ._1ptclyt {
     background-color: var(--ax-colors-bg-default);
   }
   @media (hover: hover) {
-    .uln670:hover ._1my72b4 {
+    .ipmxqj:hover ._1ptclyt {
       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-By6j_C-y.css}

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

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

@@ -1,30 +1,30 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .pvdziy {
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .mdq9fv {
     opacity: 0;
   }
-  ._1skr6b9 {
+  ._18xlw68 {
     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(--_18gd7x8)))
+      scale(calc(1 - 0.06 * var(--_18gd7x8)))
     ;
     translate: -50% 0;
   }
-  .bvhydr {
+  .hy17aq {
     width: 400px;
   }
-  .k8oeag {
+  ._1qos7gv {
     width: clamp(600px, 50%, 800px);
   }
-  ._12k9f02 {
+  ._1ysnz5h {
     width: clamp(900px, 75%, 1400px);
   }
-  .w1wppg {
+  .dwoiam {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .xollim {
+    order: 3;
+  }
+  .h63we6 {
+    order: 1;
+  }
+  .r09to9 {
+    order: 2;
+  }
+  ._1q6fmvy {
+    order: 4;
+  }
+}

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

@@ -0,0 +1,10 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .u0bdl0 {
+    grid-template-columns: 100%;
+    grid-template-rows: 1fr;
+  }
+  ._2552w1 {
+    min-height: 0;
+  }
+}

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

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

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

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

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

@@ -1,19 +1,19 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .p9kroj {
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._14w0qj9 {
     position: fixed;
   }
-  ._10rekng {
+  ._183x200 {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._10b1jsq {
+  ._1tjgims {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  .xjjwwd {
+  ._1yk9fuo {
     bottom: 0;
     right: 0;
     top: 0;

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

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

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

@@ -0,0 +1,6 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .uglnyu {
+    order: 1;
+  }
+}

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

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

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

@@ -0,0 +1,37 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._1ats17g {
+    position: relative;
+  }
+  ._1q0vs0o {
+    --_1r5lxls: 2px;
+    --_1ifrb6o: 50%;
+    position: absolute;
+    right: var(--_1r5lxls);
+  }
+  ._1hz8xeq {
+    --_1r5lxls: 0;
+    --_1ifrb6o: 0;
+  }
+  .tjcc9i {
+    bottom: var(--_1r5lxls);
+    transform: translate(var(--_1ifrb6o), var(--_1ifrb6o));
+  }
+  .cbu5q1 {
+    top: var(--_1r5lxls);
+    transform: translate(var(--_1ifrb6o), calc(-1 * var(--_1ifrb6o)));
+  }
+  .uuaf35 {
+    position: relative;
+    user-select: none;
+  }
+  .uuaf35:empty {
+    aspect-ratio: 1;
+  }
+  ._15meno0:not(:empty) {
+    min-width: 16px;
+  }
+  ._1ew2xft {
+    position: absolute;
+  }
+}

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

@@ -1,9 +1,9 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._13zq4ll:focus-visible {
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._1xr50kt:focus-visible {
     outline: 2px solid transparent;
   }
-  .tvrgci::before {
+  ._1qm9151::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-vlrSoyZz.css}

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

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

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

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

@@ -0,0 +1,12 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  .bpao34 {
+    font-size: 0.9em;
+  }
+  ._1ahajfp {
+    text-decoration: none;
+  }
+  .fb51ya {
+    font-size: 1.2em;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._11wmm7m, optiaxiom.smxc2x;

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

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

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

@@ -0,0 +1,48 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._1vbdm9u {
+    user-select: none;
+  }
+  ._1vbdm9u:any-link {
+    text-decoration: none;
+  }
+  ._1vbdm9u:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1vbdm9u:not([data-disabled]) {
+    color: var(--hinkdh);
+    cursor: pointer;
+  }
+  ._1vbdm9u:not([data-disabled])[data-highlighted] {
+    background-color: var(--dk5s72);
+    color: var(--_1mhsb8x, var(--hinkdh));
+  }
+  ._1vbdm9u:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1uss7j8);
+    color: var(--_17hepvp, var(--hinkdh));
+  }
+  ._1vbdm9u:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1vbdm9u[data-disabled] {
+    opacity: 0.3;
+  }
+  .bzt1hh {
+    --dk5s72: var(--ax-colors-bg-error-subtlest);
+    --_1mhsb8x: var(--ax-colors-fg-error-hovered);
+    --_1uss7j8: var(--ax-colors-bg-error-subtle);
+    --_17hepvp: var(--ax-colors-fg-error-strong);
+    --hinkdh: var(--ax-colors-fg-error);
+  }
+  .ss16bd {
+    --dk5s72: var(--ax-colors-bg-default-hovered);
+    --_1uss7j8: var(--ax-colors-bg-default-pressed);
+    --hinkdh: var(--ax-colors-fg-default);
+  }
+  .de0qkj {
+    line-height: 24px;
+  }
+  ._1kslncq {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

@@ -0,0 +1,33 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._9td1ne {
+    max-height: min(var(--_1a9sqgz), var(--hpkn1b, 100vh));
+  }
+  .ughdor {
+    --hpkn1b: var(--ax-maxSize-xs);
+  }
+  ._1297zvi {
+    --hpkn1b: var(--ax-maxSize-sm);
+  }
+  .rrza1p {
+    --hpkn1b: var(--ax-maxSize-md);
+  }
+  ._1vqdca1 {
+    --hpkn1b: var(--ax-maxSize-lg);
+  }
+  ._1855il9 {
+    min-width: var(--_1w2aamk);
+  }
+  ._1ig3vxf {
+    --_1a9sqgz: var(--radix-dropdown-menu-content-available-height);
+    --_1w2aamk: var(--radix-dropdown-menu-trigger-width);
+  }
+  .oq3n3i {
+    --_1a9sqgz: var(--radix-popover-content-available-height);
+    --_1w2aamk: var(--radix-popover-trigger-width);
+  }
+  .ce9r5w {
+    --_1a9sqgz: var(--radix-popper-available-height);
+    --_1w2aamk: var(--radix-popper-anchor-width);
+  }
+}

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.smxc2x;
+@layer optiaxiom.smxc2x {
+  ._104x0e3 {
+    opacity: 0;
+  }
+  ._1idvla4 {
+    opacity: 1;
+  }
+}