@optiaxiom/react 0.13.0 → 0.13.2

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

@@ -1,9 +1,14 @@
-@layer optiaxiom.rok3ul;
-@layer optiaxiom.rok3ul {
-  .d7848j {
+@property --_4t0h0r {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .d5om10 {
     background-repeat: no-repeat;
   }
-  ._1585f9r {
+  ._16gmpu0 {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -30,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_3gyhym) 0, var(--_3gyhym) 0, calc(100% - var(--_14j1dyj)) 0, calc(100% - var(--_14j1dyj)) 0;
+    background-position: var(--tdm48i) 0, var(--tdm48i) 0, calc(100% - var(--xbf8k0)) 0, calc(100% - var(--xbf8k0)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1iclc34 {
+  ._1pyjs02 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -48,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_3gyhym) 0, var(--_3gyhym) 0;
+    background-position: var(--tdm48i) 0, var(--tdm48i) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .vk97ad {
+  ._2zjhfh {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -66,38 +71,35 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_14j1dyj)) 0, calc(100% - var(--_14j1dyj)) 0;
+    background-position: calc(100% - var(--xbf8k0)) 0, calc(100% - var(--xbf8k0)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._183xdxw {
+  ._18ifbts {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._9zg2pa {
-    width: var(--b669pf);
+  .cmr7eo {
+    width: var(--_1h9fw8t);
   }
-  .u4bbji {
-    left: var(--_13mxk2m);
+  ._92xjxj {
+    left: var(--_13tn59e);
     position: sticky;
     z-index: 10;
   }
-  .sdm6uy {
+  ._16vos8y {
     position: sticky;
-    right: var(--_13mxk2m);
+    right: var(--_13tn59e);
     z-index: 10;
   }
-  .l1akui {
+  .jm17hv {
     background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--_4t0h0r), var(--_4t0h0r));
+    transition: --_4t0h0r var(--ax-duration-sm) ease;
   }
   @media (hover: hover) {
-    .jpso76:hover .l1akui {
-      background-image: 
-                linear-gradient(
-                  var(--ax-colors-bg-default-hovered),
-                  var(--ax-colors-bg-default-hovered)
-                )
-              ;
+    ._6c8lpm:hover .jm17hv {
+      --_4t0h0r: var(--ax-colors-bg-default-hovered);
     }
   }
 }

package/dist/esm/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D9RKZYNB.css

@@ -0,0 +1,26 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._1vry02w {
+    color: var(--ax-colors-fg-tertiary);
+    text-decoration: none;
+    user-select: none;
+  }
+  ._1vry02w:focus-visible {
+    outline: none;
+    z-index: 10;
+  }
+  ._1mlxmvb {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .woqt7z {
+    opacity: 0;
+  }
+  .gsfrc9 {
+    opacity: 1;
+  }
+  @media (hover: hover) {
+    ._1vry02w:hover {
+      color: var(--ax-colors-fg-secondary);
+    }
+  }
+}

package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-BkApdH74.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  @supports not selector(::-webkit-datetime-edit) {
+    .waylnm {
+      display: none !important;
+    }
+  }
+}

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

@@ -1,30 +1,30 @@
-@layer optiaxiom.rok3ul;
-@layer optiaxiom.rok3ul {
-  .baet66 {
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._13gpuu4 {
     opacity: 0;
   }
-  .psr1f {
+  ._3kkx1a {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--wd5f9v)))
-      scale(calc(1 - 0.06 * var(--wd5f9v)))
+      translateY(calc(1rem * var(--_10jwuq0)))
+      scale(calc(1 - 0.06 * var(--_10jwuq0)))
     ;
     translate: -50% 0;
   }
-  ._1i9tkd2 {
+  .mzyfwe {
     width: 400px;
   }
-  ._135vpww {
+  ._16l6ull {
     width: clamp(600px, 50%, 800px);
   }
-  .b2dor9 {
+  ._1k50iqr {
     width: clamp(900px, 75%, 1400px);
   }
-  .iwiqy2 {
+  .qgxoj0 {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._1tl8m4c {
+    order: 3;
+  }
+  ._6xfw0h {
+    order: 1;
+  }
+  .ir7d5 {
+    order: 2;
+  }
+  ._1lnh2cj {
+    order: 4;
+  }
+}

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

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

package/dist/{cjs/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css → esm/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BBOwEkpE.css}

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

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

@@ -1,19 +1,19 @@
-@layer optiaxiom.rok3ul;
-@layer optiaxiom.rok3ul {
-  ._16elo2n {
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._1mjaveq {
     position: fixed;
   }
-  .n4d0w7 {
+  ._12cl0gp {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._8sjneu {
+  .asbd7i {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._1qiwigc {
+  .jru15s {
     bottom: 0;
     right: 0;
     top: 0;

package/dist/esm/assets/src/drawer-header/DrawerHeader.css.ts.vanilla-CgvBxp1f.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._11h5dub {
+    order: 3;
+  }
+  .ntffe3 {
+    order: 1;
+  }
+  ._16g9yt6 {
+    order: 2;
+  }
+  .kxmcok {
+    order: 4;
+  }
+}

package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla-47x5K4bb.css

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

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

@@ -0,0 +1,37 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .t3iie4 {
+    position: relative;
+  }
+  .ob85av {
+    --hgakm: 2px;
+    --_3xm5my: 50%;
+    position: absolute;
+    right: var(--hgakm);
+  }
+  ._2vpawz {
+    --hgakm: 0;
+    --_3xm5my: 0;
+  }
+  .k28hol {
+    bottom: var(--hgakm);
+    transform: translate(var(--_3xm5my), var(--_3xm5my));
+  }
+  .zyb2vp {
+    top: var(--hgakm);
+    transform: translate(var(--_3xm5my), calc(-1 * var(--_3xm5my)));
+  }
+  .vp8sqw {
+    position: relative;
+    user-select: none;
+  }
+  .vp8sqw:empty {
+    aspect-ratio: 1;
+  }
+  ._1ns1mdi:not(:empty) {
+    min-width: 16px;
+  }
+  ._148u3aa {
+    position: absolute;
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .us03bl {
+    font-size: 0.9em;
+  }
+  ._1m5g0jz {
+    text-decoration: none;
+  }
+  ._15zcka0 {
+    font-size: 1.2em;
+  }
+}

package/dist/esm/assets/src/layers/{layers.css.ts.vanilla-DvUyVLsY.css → layers.css.ts.vanilla-DSlls5n2.css}

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

package/dist/esm/assets/src/link/{Link.css.ts.vanilla-DpUHZuBB.css → Link.css.ts.vanilla-DVoFEjxE.css}

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

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

@@ -0,0 +1,48 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._72qzn5 {
+    user-select: none;
+  }
+  ._72qzn5:any-link {
+    text-decoration: none;
+  }
+  ._72qzn5:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._72qzn5:not([data-disabled]) {
+    color: var(--_26eive);
+    cursor: pointer;
+  }
+  ._72qzn5:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1hikq57);
+    color: var(--s3rbwd, var(--_26eive));
+  }
+  ._72qzn5:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_107aa75);
+    color: var(--_15twox3, var(--_26eive));
+  }
+  ._72qzn5:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._72qzn5[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1f6gr4y {
+    --_1hikq57: var(--ax-colors-bg-error-subtlest);
+    --s3rbwd: var(--ax-colors-fg-error-hovered);
+    --_107aa75: var(--ax-colors-bg-error-subtle);
+    --_15twox3: var(--ax-colors-fg-error-strong);
+    --_26eive: var(--ax-colors-fg-error);
+  }
+  ._1sgpend {
+    --_1hikq57: var(--ax-colors-bg-default-hovered);
+    --_107aa75: var(--ax-colors-bg-default-pressed);
+    --_26eive: var(--ax-colors-fg-default);
+  }
+  ._12mpyc {
+    line-height: 24px;
+  }
+  .rhojax {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

@@ -0,0 +1,33 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  .jmxckl {
+    max-height: min(var(--_1jiysmh), var(--pscmn1, 100vh));
+  }
+  ._1tm8eif {
+    --pscmn1: var(--ax-maxSize-xs);
+  }
+  ._1q1baq3 {
+    --pscmn1: var(--ax-maxSize-sm);
+  }
+  .u99wko {
+    --pscmn1: var(--ax-maxSize-md);
+  }
+  .h0n7wj {
+    --pscmn1: var(--ax-maxSize-lg);
+  }
+  ._1f2cq76 {
+    min-width: var(--_1z06fbc);
+  }
+  ._1lduiyj {
+    --_1jiysmh: var(--radix-dropdown-menu-content-available-height);
+    --_1z06fbc: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._1pt8xz6 {
+    --_1jiysmh: var(--radix-popover-content-available-height);
+    --_1z06fbc: var(--radix-popover-trigger-width);
+  }
+  ._1awrwze {
+    --_1jiysmh: var(--radix-popper-available-height);
+    --_1z06fbc: var(--radix-popper-anchor-width);
+  }
+}

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._1wh7ac0 {
+    opacity: 0;
+  }
+  ._1n83gh2 {
+    opacity: 1;
+  }
+}

package/dist/esm/assets/src/nav-item/{NavItem.css.ts.vanilla-Dxr49_pT.css → NavItem.css.ts.vanilla-D3UZepXO.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.rok3ul;
-@layer optiaxiom.rok3ul {
-  ._14fykwd {
-    --_13aykc0: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1aaiej1;
+@layer optiaxiom._1aaiej1 {
+  ._5yyip7 {
+    --_1y2ocx8: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     user-select: none;
   }
-  ._14fykwd:focus-visible:not([data-disabled]) {
+  ._5yyip7:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  ._14fykwd[data-disabled] {
+  ._5yyip7[data-disabled] {
     opacity: 0.32;
   }
-  ._14fykwd:active {
+  ._5yyip7:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._14fykwd[data-state=active] {
+  ._5yyip7[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  ._1rx3axp {
-    transition: opacity 250ms ease;
+  ._27p4m4 {
+    transition: opacity var(--ax-duration-md) ease;
   }
-  .ptfqw3 {
+  ._1pu4wx4 {
     opacity: 0;
   }
-  ._1wjl0ub {
+  ._11azwjg {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._14fykwd:hover:not([data-state=active]):not(:active) {
+    ._5yyip7:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    ._14fykwd:hover[data-state=active]:not(:active) {
+    ._5yyip7:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }