@optiaxiom/react 1.9.16 → 1.9.18

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

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

package/dist/cjs/assets/src/kbd/{Kbd.css.ts.vanilla-C_Aa9ros.css → Kbd.css.ts.vanilla-BVEN8lms.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1y1j1oa {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1vtp7qg {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C14KpNGJ.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._14cma0c {
+    --elya5r: 8px;
+    min-width: 0;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._164ar9l, optiaxiom._1fm60vq;

package/dist/{esm/assets/src/layout/Layout.css.ts.vanilla-BzyYKFBA.css → cjs/assets/src/layout/Layout.css.ts.vanilla-COzIY6WI.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1xahdfo {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._14nxh6u {
     position: relative;
   }
-  ._6p0h2j {
+  ._1n5eva {
     height: 100%;
     width: 100%;
   }
-  ._1pylp7i {
+  ._1s78uwf {
     height: 100vh;
     width: 100vw;
   }

package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-CwRg1QRS.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .l8v1co:focus-visible {
+    outline: none;
+  }
+}

package/dist/{esm/assets/src/link/Link.css.ts.vanilla-CSVVgWem.css → cjs/assets/src/link/Link.css.ts.vanilla-D77JcXwl.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .e4hlrz {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1buz8ly {
     position: relative;
     text-decoration: none;
   }
-  .e4hlrz:focus-visible {
+  ._1buz8ly:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .e4hlrz:visited {
+  ._1buz8ly:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .e4hlrz[data-disabled] {
+  ._1buz8ly[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1m6x5q9 {
+  ._162sai6 {
     color: var(--ax-colors-fg-link-default);
   }
-  .pwbzir {
+  .asj3kj {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .qrry9r {
+  ._3yomv5 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .qrry9r:visited {
+  ._3yomv5:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1pdzlbn {
+  ._1l6x4qc {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .e4hlrz:hover:not([data-disabled]) {
+    ._1buz8ly:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1m6x5q9:hover:not([data-disabled]) {
+    ._162sai6:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-Dc8pp0mj.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .zneq5t {
+    overscroll-behavior: contain;
+  }
+}

package/dist/cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C5n_1S7L.css

@@ -0,0 +1,11 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._8kvcw2 {
+    position: relative;
+  }
+  ._8kvcw2::before {
+    content: "";
+    inset: -8px;
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1i9hkij {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1i9hkij:any-link {
+    text-decoration: none;
+  }
+  ._1i9hkij:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1i9hkij:not([data-disabled]) {
+    color: var(--_7mu6nx);
+    cursor: pointer;
+  }
+  ._1i9hkij:not([data-disabled])[data-highlighted] {
+    background-color: var(--u2utkd);
+    color: var(--_1nxd4yw, var(--_7mu6nx));
+  }
+  ._1i9hkij:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_2c2tal);
+    color: var(--_1l3d70l, var(--_7mu6nx));
+  }
+  ._1i9hkij:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  ._1i9hkij[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1lwiut6 {
+    --u2utkd: var(--ax-colors-bg-error-subtlest);
+    --_1nxd4yw: var(--ax-colors-fg-error-hovered);
+    --_2c2tal: var(--ax-colors-bg-error-subtle);
+    --_1l3d70l: var(--ax-colors-fg-error-strong);
+    --_7mu6nx: var(--ax-colors-fg-error);
+  }
+  ._1hjwy6x {
+    --u2utkd: var(--ax-colors-bg-default-hovered);
+    --_2c2tal: var(--ax-colors-bg-default-pressed);
+    --_7mu6nx: var(--ax-colors-fg-default);
+  }
+  .d569sf {
+    min-height: 24px;
+  }
+  ._5tplce {
+    line-height: 24px;
+  }
+  ._6xc9ig {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-B4dh-26Q.css → ListboxItemIndicator.css.ts.vanilla-Doiz1lEF.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .wfnj5l {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._66xbzs {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  .ob7h4o {
+  ._2rd3um {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-CSEErvj7.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._16oped4 {
+    max-height: min(448px, 75dvh);
+    width: 640px;
+  }
+}

package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-DJzZM7Ev.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1pcssi2:has(:focus) {
+    outline: none !important;
+  }
+}

package/dist/cjs/assets/src/modal/{ModalListbox.css.ts.vanilla-BL5MBZpn.css → ModalListbox.css.ts.vanilla-D5WraatP.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._7jopc0 {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .lp8fpq {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_1al9t2q, 100vh)
+        var(--_1ogboo8, 100vh)
       )
     ;
     min-width: 120px;
   }
-  .cjzms7 {
-    --_1al9t2q: var(--ax-maxSize-xs);
+  ._1y957yg {
+    --_1ogboo8: var(--ax-maxSize-xs);
   }
-  .e1go1j {
-    --_1al9t2q: var(--ax-maxSize-sm);
+  ._1mqdj2g {
+    --_1ogboo8: var(--ax-maxSize-sm);
   }
-  ._1p88xyn {
-    --_1al9t2q: var(--ax-maxSize-md);
+  .sy5v3u {
+    --_1ogboo8: var(--ax-maxSize-md);
   }
-  ._1ma48ji {
-    --_1al9t2q: var(--ax-maxSize-lg);
+  ._6xt1ld {
+    --_1ogboo8: var(--ax-maxSize-lg);
   }
-  .zb24xb {
+  ._1wvz1xm {
     min-width: 
         max(
           var(

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

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

package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-BIOkDiPj.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._6m6nos {
+    opacity: 0;
+  }
+  ._1w8rb7z {
+    opacity: 1;
+  }
+}

package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-BgHnDYHf.css → NavItem.css.ts.vanilla-_rxFvBGV.css}

@@ -1,43 +1,43 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .exj3rn {
-    --_1bye14m: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .nno3he {
+    --emxgpg: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .exj3rn:focus-visible:not([data-disabled]) {
+  .nno3he:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  .exj3rn[data-disabled] {
+  .nno3he[data-disabled] {
     opacity: 0.32;
   }
-  .exj3rn:active {
+  .nno3he:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  .exj3rn[data-state=active] {
+  .nno3he[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  ._3xaj7l {
+  ._97u9p8 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1rsl6wm {
+  ._1th9xhm {
     opacity: 0;
   }
-  ._10qqsyp {
+  .mdi244 {
     opacity: 1;
   }
   @media (hover: hover) {
-    .exj3rn:hover:not([data-state=active]):not(:active) {
+    .nno3he:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    .exj3rn:hover[data-state=active]:not(:active) {
+    .nno3he:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }

package/dist/{esm/assets/src/pagination/Pagination.css.ts.vanilla-C8L0ypMp.css → cjs/assets/src/pagination/Pagination.css.ts.vanilla-CZqY6_o_.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._12fjym1 {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .gn7pa4 {
     position: relative;
   }
-  ._1yog9ma {
+  ._6uagda {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._8q83qc {
+  .ndtkxm {
     min-width: var(--ax-size-md);
   }
 }

package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-DmPYTL5p.css → Pill.css.ts.vanilla-Ck_fHdXW.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .wkmu5r {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1pr7339 {
     background-color: var(--ax-colors-bg-tertiary);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .wkmu5r:focus-visible {
+  ._1pr7339:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .wkmu5r[data-disabled] {
+  ._1pr7339[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._1gnwikl:not([data-disabled]):hover {
+    ._1s2vm3g:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-tertiary-hovered);
     }
   }

package/dist/{esm/assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-KCdG3dwn.css → cjs/assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-DFB1dJIx.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .rczxgp {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .mvn0te {
     position: relative;
   }
-  ._10ebm2m {
+  ._101e44d {
     padding: 5px;
   }
-  ._1ykgdpt {
+  ._1t50gmx {
     padding: 7px;
   }
-  ._1o6m3ek {
+  ._1nwraf3 {
     outline: none;
   }
   @media (hover: hover) {
-    ._1tuxu2a:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    .uaocqq:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/cjs/assets/src/progress/{Progress.css.ts.vanilla-Cqorodwd.css → Progress.css.ts.vanilla-DvdsRhgK.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1kv1qt0 {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1ai8j46 {
     height: 8px;
   }
-  .satpek {
+  ._17lg8bp {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-Chs2OSut.css

@@ -0,0 +1,13 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._17yrq62 {
+    border-color: var(--_63q4jo);
+  }
+  ._1g97kzu {
+    background-color: var(--_63q4jo);
+    transform: scale(0);
+  }
+  ._115yg2q:has(.jnse2:checked) ._1g97kzu {
+    transform: scale(1);
+  }
+}

package/dist/cjs/assets/src/range/{Range.css.ts.vanilla-BcoXzjcb.css → Range.css.ts.vanilla-DJ4m4A9i.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1psnfih {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1tyqeoa {
     position: relative;
   }
-  ._1psnfih[data-disabled] {
+  ._1tyqeoa[data-disabled] {
     opacity: 0.5;
   }
-  ._1vq5xts {
+  ._151ich9 {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  .kbbjkg:not([data-disabled]) ._1vq5xts {
+  .sz8896:not([data-disabled]) ._151ich9 {
     cursor: pointer;
   }
-  .g8p5mu {
+  ._1jf2kqe {
     background-color: var(--ax-colors-bg-accent);
     position: absolute;
-    width: calc(100% * var(--_1vd5xzv) + 10px * (1 - var(--_1vd5xzv)));
+    width: calc(100% * var(--_1ch8xd5) + 10px * (1 - var(--_1ch8xd5)));
   }
-  .kbbjkg[data-disabled] .g8p5mu {
+  .sz8896[data-disabled] ._1jf2kqe {
     background-color: var(--ax-colors-border-control);
   }
-  ._1w7ykv4 {
+  .slmnfn {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--_1vd5xzv) * 100%);
+    left: calc(var(--_1ch8xd5) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--_1vd5xzv) * 100%));
+    transform: translateX(calc(-1 * var(--_1ch8xd5) * 100%));
   }
-  .kbbjkg:has(input[type=range]:focus-visible) ._1w7ykv4 {
+  .sz8896:has(input[type=range]:focus-visible) .slmnfn {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._1i042th {
+  ._11z1v6w {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  ._1i042th::-webkit-slider-runnable-track {
+  ._11z1v6w::-webkit-slider-runnable-track {
     height: 100%;
   }
-  ._1i042th::-webkit-slider-thumb {
+  ._11z1v6w::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  ._1i042th:not(:disabled) {
+  ._11z1v6w:not(:disabled) {
     cursor: pointer;
   }
-  ._1po2558 {
-    left: calc(var(--_13m9co4) * 100%);
+  .uhu1e3 {
+    left: calc(var(--_1eeuqtd) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_13m9co4) * 100%) 4px;
+    translate: calc(-1 * var(--_1eeuqtd) * 100%) 4px;
   }
-  .kbbjkg:not([data-disabled]) ._1po2558 {
+  .sz8896:not([data-disabled]) .uhu1e3 {
     cursor: pointer;
   }
   @media (hover: hover) {
-    ._1i042th:not(:disabled)::-webkit-slider-thumb:hover {
+    ._11z1v6w:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    ._1i042th:not(:disabled):active::-webkit-slider-thumb:hover {
+    ._11z1v6w:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

package/dist/cjs/assets/src/resizable/ResizableHandle.css.ts.vanilla-CZz-jZmd.css

@@ -0,0 +1,19 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1ac26w3 {
+    --g3oxlh: var(--ax-colors-bg-secondary);
+    margin-inline: -6px;
+  }
+  ._1ac26w3:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: -2px;
+  }
+  ._7loyfs {
+    background-color: var(--g3oxlh);
+  }
+  @media (hover: hover) {
+    ._1ac26w3:hover {
+      --g3oxlh: var(--ax-colors-bg-avatar-neutral);
+    }
+  }
+}

package/dist/cjs/assets/src/search-input/SearchInput.css.ts.vanilla-DsOAuaar.css

@@ -0,0 +1,10 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._10sgjs4::-webkit-search-cancel-button, ._10sgjs4::-webkit-search-decoration {
+    display: none;
+    -webkit-appearance: none;
+  }
+  .bx6qw1:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1wz16uv {
+    visibility: hidden;
+  }
+}