@optiaxiom/react 0.13.5 → 0.13.6

package/dist/{esm/assets/src/data-table/DataTable.css.ts.vanilla-BoTx4zxA.css → cjs/assets/src/data-table/DataTable.css.ts.vanilla-0uWiM2MQ.css}

@@ -1,14 +1,14 @@
-@property --_1f88nx5 {
+@property --_1y33cx2 {
   syntax: "<color>";
   inherits: false;
   initial-value: transparent;
 }
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  ._13n6090 {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._13sijez {
     background-repeat: no-repeat;
   }
-  .wubkl0 {
+  ._1hxk8ln {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -35,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1lcwtd0) 0, var(--_1lcwtd0) 0, calc(100% - var(--_18pjewr)) 0, calc(100% - var(--_18pjewr)) 0;
+    background-position: var(--kdlykj) 0, var(--kdlykj) 0, calc(100% - var(--_1ru5f2)) 0, calc(100% - var(--_1ru5f2)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1rf539p {
+  .p7wy84 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -53,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1lcwtd0) 0, var(--_1lcwtd0) 0;
+    background-position: var(--kdlykj) 0, var(--kdlykj) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .s34u9h {
+  ._6b4m93 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -71,38 +71,38 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_18pjewr)) 0, calc(100% - var(--_18pjewr)) 0;
+    background-position: calc(100% - var(--_1ru5f2)) 0, calc(100% - var(--_1ru5f2)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1br4oij {
+  ._1am0d5n {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1pw2wmr {
-    width: var(--_19j9pe1);
+  ._3ap5qo {
+    width: var(--qt3vza);
   }
-  .gg47gk {
-    left: var(--_18e95fz);
+  .u7igak {
+    left: var(--_157c0oh);
     position: sticky;
     z-index: 10;
   }
-  ._1dzbgs6 {
+  ._1l56eeb {
     position: sticky;
-    right: var(--_18e95fz);
+    right: var(--_157c0oh);
     z-index: 10;
   }
-  ._4n0fns {
+  ._1nw0lo5 {
     background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--_1f88nx5), var(--_1f88nx5));
-    transition: --_1f88nx5 var(--ax-duration-sm) ease;
+    background-image: linear-gradient(var(--_1y33cx2), var(--_1y33cx2));
+    transition: --_1y33cx2 var(--ax-duration-sm) ease;
   }
-  ._1dou105[data-highlighted] ._4n0fns {
-    --_1f88nx5: var(--ax-colors-bg-default-hovered);
+  ._17wag49[data-highlighted] ._1nw0lo5 {
+    --_1y33cx2: var(--ax-colors-bg-default-hovered);
   }
   @media (hover: hover) {
-    ._1dou105:hover ._4n0fns {
-      --_1f88nx5: var(--ax-colors-bg-default-hovered);
+    ._17wag49:hover ._1nw0lo5 {
+      --_1y33cx2: var(--ax-colors-bg-default-hovered);
     }
   }
 }

package/dist/cjs/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-B6m_GFK2.css → DataTableHeaderCell.css.ts.vanilla-C7qGO7_J.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  .e24obe {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  .gez20i {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  .e24obe:focus-visible {
+  .gez20i:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._1wz8yq2 {
+  ._1x8qqv1 {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._1w53ny8 {
+  .yrprf6 {
     opacity: 0;
   }
-  ._8t8yye {
+  .ohyq36 {
     opacity: 1;
   }
-  .qxlz6f {
+  ._1s0a68z {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -28,7 +28,7 @@
     user-select: none;
   }
   @media (hover: hover) {
-    .e24obe:hover {
+    .gez20i:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/cjs/assets/src/date-input/{DateInput.css.ts.vanilla-B4zY8GST.css → DateInput.css.ts.vanilla-CKz5Q5lc.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
   @supports not selector(::-webkit-datetime-edit) {
-    .xfiugo {
+    .erczqo {
       display: none !important;
     }
   }

package/dist/cjs/assets/src/dialog-body/DialogBody.css.ts.vanilla-Bk5GNLJW.css

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

package/dist/cjs/assets/src/dialog-content/{DialogContent.css.ts.vanilla-BFjQQ3wr.css → DialogContent.css.ts.vanilla-DilUB0LI.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  .ayncfe {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  .lz24fy {
     opacity: 0;
   }
-  ._13zanij {
+  .uzi79b {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--ios1he)))
-      scale(calc(1 - 0.06 * var(--ios1he)))
+      translateY(calc(1rem * var(--_77b1a7)))
+      scale(calc(1 - 0.06 * var(--_77b1a7)))
     ;
     translate: -50% 0;
   }
-  ._1qup7o0 {
+  ._1at418p {
     width: 400px;
   }
-  ._18ypdfz {
+  ._1qrgr68 {
     width: clamp(600px, 50%, 800px);
   }
-  ._149pbt4 {
+  .n0khcr {
     width: clamp(900px, 75%, 1400px);
   }
-  ._15dfpq5 {
+  ._7ek82j {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._1oiaaof {
+    order: 3;
+  }
+  ._1bvh3h1 {
+    order: 1;
+  }
+  .puq24h {
+    order: 2;
+  }
+  ._1t8gky1 {
+    order: 4;
+  }
+}

package/dist/cjs/assets/src/disclosure-content/{DisclosureContent.css.ts.vanilla-DwpFRrqe.css → DisclosureContent.css.ts.vanilla-BanNbLe0.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  .zwfqca {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._1c00jv3 {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
   }
-  ._1at1o0m {
+  .z047uc {
     min-height: 0;
   }
 }

package/dist/{esm/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-C-ik3QxZ.css → cjs/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-GKFPsWua.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  ._1uozo1n {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  .re3sm7 {
     color: var(--ax-colors-fg-default);
     position: relative;
   }
-  ._6r08h6 {
+  .ahcicp {
     min-height: var(--ax-size-sm);
   }
-  [data-state=open] > ._1y9nqqe {
+  [data-state=open] > ._12154f2 {
     transform: rotate(-90deg);
   }
-  [data-state=open] > ._1khcdoe {
+  [data-state=open] > .ng8nzz {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    ._1uozo1n:is([data-disabled], :hover) {
+    .re3sm7:is([data-disabled], :hover) {
       color: var(--ax-colors-bg-default-inverse-hovered);
     }
   }

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

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

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

@@ -0,0 +1,37 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._14frf9e {
+    position: relative;
+  }
+  ._13nqfsf {
+    --_1pwutc6: 2px;
+    --_1vy1u7f: 50%;
+    position: absolute;
+    right: var(--_1pwutc6);
+  }
+  ._18m3jp {
+    --_1pwutc6: 0;
+    --_1vy1u7f: 0;
+  }
+  ._1kf92vp {
+    bottom: var(--_1pwutc6);
+    transform: translate(var(--_1vy1u7f), var(--_1vy1u7f));
+  }
+  ._1e0k0b1 {
+    top: var(--_1pwutc6);
+    transform: translate(var(--_1vy1u7f), calc(-1 * var(--_1vy1u7f)));
+  }
+  ._1iqvya7 {
+    position: relative;
+    user-select: none;
+  }
+  ._1iqvya7:empty {
+    aspect-ratio: 1;
+  }
+  .mchy5q:not(:empty) {
+    min-width: 16px;
+  }
+  ._1t3cks2 {
+    position: absolute;
+  }
+}

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

@@ -1,9 +1,9 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  .f1757a:focus-visible {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._8x5hx7:focus-visible {
     outline: 2px solid transparent;
   }
-  .q3cnf::before {
+  .hi5fk2::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

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

@@ -1,25 +1,25 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  .topng {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._833kr0 {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  .topng::placeholder {
+  ._833kr0::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  .topng[data-disabled]::placeholder {
+  ._833kr0[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  .topng[data-readonly] {
+  ._833kr0[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1l93yto {
+    ._1vb3hxz {
       font-size: 14px;
     }
-    ._1umof0v {
+    .g2kb8g {
       font-size: 16px;
     }
   }

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

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

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

@@ -0,0 +1,12 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  .ys42mk {
+    font-size: 0.9em;
+  }
+  .vav5hn {
+    text-decoration: none;
+  }
+  .o13nhc {
+    font-size: 1.2em;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._14ydk33, optiaxiom._155d36h;

package/dist/cjs/assets/src/link/{Link.css.ts.vanilla-BpMg120i.css → Link.css.ts.vanilla-Bmx-wpNf.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  ._1aw9tq {
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._16gvxci {
     position: relative;
     text-decoration: none;
   }
-  ._1aw9tq:focus-visible {
+  ._16gvxci:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1aw9tq:visited {
+  ._16gvxci:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._1aw9tq[data-disabled] {
+  ._16gvxci[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._17pxl0 {
+  .bwx2d {
     color: var(--ax-colors-fg-link-default);
   }
-  .xzmlu4 {
+  ._1ppwly6 {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .vhc4ig {
+  ._1kzli4c {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .vhc4ig:visited {
+  ._1kzli4c:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1txr56f {
+  ._1ckbzj6 {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._1aw9tq:hover:not([data-disabled]) {
+    ._16gvxci:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._17pxl0:hover:not([data-disabled]) {
+    .bwx2d:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

@@ -0,0 +1,48 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._1xx8fou {
+    user-select: none;
+  }
+  ._1xx8fou:any-link {
+    text-decoration: none;
+  }
+  ._1xx8fou:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1xx8fou:not([data-disabled]) {
+    color: var(--nq496r);
+    cursor: pointer;
+  }
+  ._1xx8fou:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1fmxxsh);
+    color: var(--xvry98, var(--nq496r));
+  }
+  ._1xx8fou:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1n0o8br);
+    color: var(--_1c5zq18, var(--nq496r));
+  }
+  ._1xx8fou:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  ._1xx8fou[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1wm3hnq {
+    --_1fmxxsh: var(--ax-colors-bg-error-subtlest);
+    --xvry98: var(--ax-colors-fg-error-hovered);
+    --_1n0o8br: var(--ax-colors-bg-error-subtle);
+    --_1c5zq18: var(--ax-colors-fg-error-strong);
+    --nq496r: var(--ax-colors-fg-error);
+  }
+  .a9592v {
+    --_1fmxxsh: var(--ax-colors-bg-default-hovered);
+    --_1n0o8br: var(--ax-colors-bg-default-pressed);
+    --nq496r: var(--ax-colors-fg-default);
+  }
+  ._1u8suai {
+    line-height: 24px;
+  }
+  ._1y0q75n {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

@@ -0,0 +1,33 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  .pppasu {
+    max-height: min(var(--d2iois), var(--lmbat6, 100vh));
+  }
+  .wkeyau {
+    --lmbat6: var(--ax-maxSize-xs);
+  }
+  ._4yxx2f {
+    --lmbat6: var(--ax-maxSize-sm);
+  }
+  .opj13j {
+    --lmbat6: var(--ax-maxSize-md);
+  }
+  ._13bn529 {
+    --lmbat6: var(--ax-maxSize-lg);
+  }
+  .p61qyj {
+    min-width: var(--_1mnl3rb);
+  }
+  .mz9ycp {
+    --d2iois: var(--radix-dropdown-menu-content-available-height);
+    --_1mnl3rb: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._1q7jb1 {
+    --d2iois: var(--radix-popover-content-available-height);
+    --_1mnl3rb: var(--radix-popover-trigger-width);
+  }
+  ._1o8ho6w {
+    --d2iois: var(--radix-popper-available-height);
+    --_1mnl3rb: var(--radix-popper-anchor-width);
+  }
+}

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._18cjalv {
+    opacity: 0;
+  }
+  ._1hxgmij {
+    opacity: 1;
+  }
+}

package/dist/{esm/assets/src/nav-item/NavItem.css.ts.vanilla-DBoot4dB.css → cjs/assets/src/nav-item/NavItem.css.ts.vanilla-Coc1DK61.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._8k4b2z;
-@layer optiaxiom._8k4b2z {
-  ._1xmd7h7 {
-    --_1c2xj2v: var(--ax-colors-fg-secondary);
+@layer optiaxiom._155d36h;
+@layer optiaxiom._155d36h {
+  ._4334mn {
+    --_1kawo5n: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     user-select: none;
   }
-  ._1xmd7h7:focus-visible:not([data-disabled]) {
+  ._4334mn:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  ._1xmd7h7[data-disabled] {
+  ._4334mn[data-disabled] {
     opacity: 0.32;
   }
-  ._1xmd7h7:active {
+  ._4334mn:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1xmd7h7[data-state=active] {
+  ._4334mn[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  .ww5ocu {
+  ._1fxkb9f {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1hbasja {
+  .kzz6ds {
     opacity: 0;
   }
-  ._15mw6u2 {
+  .osjnn4 {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1xmd7h7:hover:not([data-state=active]):not(:active) {
+    ._4334mn:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    ._1xmd7h7:hover[data-state=active]:not(:active) {
+    ._4334mn:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }