@optiaxiom/react 1.9.3 → 1.9.5

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

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

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  .h6oc6t {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .ggb4yc {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

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

@@ -0,0 +1,7 @@
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._18e5u43 {
+    --_7adnvr: 8px;
+    min-width: 0;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1kzdn6u, optiaxiom._1hxc9m4;

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

@@ -1,13 +1,13 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._1rmci4z {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .aacr7h {
     position: relative;
   }
-  ._1lv7abh {
+  ._16m8eg0 {
     height: 100%;
     width: 100%;
   }
-  .rky0lx {
+  ._16gmbhw {
     height: 100vh;
     width: 100vw;
   }

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

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

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

@@ -1,42 +1,42 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._6uxgy3 {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1kioorx {
     position: relative;
     text-decoration: none;
   }
-  ._6uxgy3:focus-visible {
+  ._1kioorx:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._6uxgy3:visited {
+  ._1kioorx:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._6uxgy3[data-disabled] {
+  ._1kioorx[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1djnzmb {
+  ._1502osx {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1llw6jv {
+  ._1mt9c1h {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._14vkkjz {
+  ._14y81oz {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._14vkkjz:visited {
+  ._14y81oz:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .vfaey9 {
+  ._1osdz8i {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._6uxgy3:hover:not([data-disabled]) {
+    ._1kioorx:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1djnzmb:hover:not([data-disabled]) {
+    ._1502osx:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

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

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

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1w59z8n {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1w59z8n:any-link {
+    text-decoration: none;
+  }
+  ._1w59z8n:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1w59z8n:not([data-disabled]) {
+    color: var(--_1ilvqd1);
+    cursor: pointer;
+  }
+  ._1w59z8n:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1s00472);
+    color: var(--_1nx0tjp, var(--_1ilvqd1));
+  }
+  ._1w59z8n:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--r9qsuw);
+    color: var(--_1ywjh4l, var(--_1ilvqd1));
+  }
+  ._1w59z8n:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  ._1w59z8n[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1vqakbm {
+    --_1s00472: var(--ax-colors-bg-error-subtlest);
+    --_1nx0tjp: var(--ax-colors-fg-error-hovered);
+    --r9qsuw: var(--ax-colors-bg-error-subtle);
+    --_1ywjh4l: var(--ax-colors-fg-error-strong);
+    --_1ilvqd1: var(--ax-colors-fg-error);
+  }
+  .ne7ufx {
+    --_1s00472: var(--ax-colors-bg-default-hovered);
+    --r9qsuw: var(--ax-colors-bg-default-pressed);
+    --_1ilvqd1: var(--ax-colors-fg-default);
+  }
+  .xc55gk {
+    min-height: 24px;
+  }
+  .khdjyg {
+    line-height: 24px;
+  }
+  .sjhp6g {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-yXpWcG8A.css → ListboxItemIndicator.css.ts.vanilla-BaaU2UNb.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._91xoep {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .ojtxll {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._12z7g9s {
+  ._3eyes0 {
     clip-path: inset(0 0 0 0);
   }
 }

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

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

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

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

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._3y5wwj {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1t5z149 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--_1ybfziy, 100vh)
+        var(--n91872, 100vh)
       )
     ;
     min-width: 120px;
   }
-  ._1efcrwo {
-    --_1ybfziy: var(--ax-maxSize-xs);
+  ._2ad7k2 {
+    --n91872: var(--ax-maxSize-xs);
   }
-  .v1ubym {
-    --_1ybfziy: var(--ax-maxSize-sm);
+  ._1fhf0fn {
+    --n91872: var(--ax-maxSize-sm);
   }
-  .cl3ulm {
-    --_1ybfziy: var(--ax-maxSize-md);
+  ._1j9s4y9 {
+    --n91872: var(--ax-maxSize-md);
   }
-  ._19s2m55 {
-    --_1ybfziy: var(--ax-maxSize-lg);
+  ._16owaq7 {
+    --n91872: var(--ax-maxSize-lg);
   }
-  ._1t70zju {
+  ._174a8ce {
     min-width: 
         max(
           var(

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .sn76wr {
+    opacity: 0;
+  }
+  ._1cc9wwg {
+    opacity: 1;
+  }
+}

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

@@ -1,43 +1,43 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._1w0qs7t {
-    --_1qd1v72: var(--ax-colors-fg-secondary);
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .ljxpon {
+    --_11hhj8v: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1w0qs7t:focus-visible:not([data-disabled]) {
+  .ljxpon:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  ._1w0qs7t[data-disabled] {
+  .ljxpon[data-disabled] {
     opacity: 0.32;
   }
-  ._1w0qs7t:active {
+  .ljxpon:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1w0qs7t[data-state=active] {
+  .ljxpon[data-state=active] {
     background-color: var(--ax-colors-bg-accent-subtle);
     color: var(--ax-colors-fg-accent);
   }
-  .ult7eu {
+  .i7d3dz {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1tarlvp {
+  ._1vtc12j {
     opacity: 0;
   }
-  ._118g3uw {
+  ._11ev7if {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1w0qs7t:hover:not([data-state=active]):not(:active) {
+    .ljxpon:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
       color: var(--ax-colors-fg-default);
     }
-    ._1w0qs7t:hover[data-state=active]:not(:active) {
+    .ljxpon:hover[data-state=active]:not(:active) {
       color: var(--ax-colors-fg-accent-hovered);
     }
   }

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

@@ -1,15 +1,15 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  .u0cj4r {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  .m5fnl {
     position: relative;
   }
-  ._1g3vw5s {
+  .fu1414 {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .acvhhc {
+  ._1da4ycd {
     min-width: var(--ax-size-md);
   }
 }

package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-3D1GDDX8.css → Pill.css.ts.vanilla-CPpCBkhW.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._15v1ttw {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1sln71b {
     background-color: var(--ax-colors-bg-tertiary);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._15v1ttw:focus-visible {
+  ._1sln71b:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._15v1ttw[data-disabled] {
+  ._1sln71b[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    .noxebr:not([data-disabled]):hover {
+    ._1ri0fq:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-tertiary-hovered);
     }
   }

package/dist/cjs/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-B0OWjRCM.css → PillMenuTrigger.css.ts.vanilla-B6YFWK5H.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._1mqw9fi {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1gtyjb7 {
     position: relative;
   }
-  .zikegp {
+  .warqk0 {
     padding: 5px;
   }
-  ._1vw8o13 {
+  .mtkzf2 {
     padding: 7px;
   }
-  ._1kiw2w4 {
+  .rmvydr {
     outline: none;
   }
   @media (hover: hover) {
-    ._19ym3a:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    ._15obmuv: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-CjFAbaTA.css → Progress.css.ts.vanilla-BlZTmvtZ.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  ._1sqt83d {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._1e57wex {
     height: 8px;
   }
-  ._1msnntc {
+  ._1q46o5g {
     background-image: linear-gradient(90deg, #8041EE, #7740EC, #002CCC);
   }
 }

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

@@ -0,0 +1,13 @@
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._196zpya {
+    border-color: var(--h2w9uw);
+  }
+  ._1uudnls {
+    background-color: var(--h2w9uw);
+    transform: scale(0);
+  }
+  ._6xmv5c:has(._1i9y23m:checked) ._1uudnls {
+    transform: scale(1);
+  }
+}

package/dist/{esm/assets/src/range/Range.css.ts.vanilla-eNzv4XYL.css → cjs/assets/src/range/Range.css.ts.vanilla-ByECCXhF.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._15r00qn;
-@layer optiaxiom._15r00qn {
-  .ryttcx {
+@layer optiaxiom._1hxc9m4;
+@layer optiaxiom._1hxc9m4 {
+  ._12vta49 {
     position: relative;
   }
-  .ryttcx[data-disabled] {
+  ._12vta49[data-disabled] {
     opacity: 0.5;
   }
-  ._7sfhdp {
+  ._83glr3 {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  .s6etib:not([data-disabled]) ._7sfhdp {
+  ._1xf0wgt:not([data-disabled]) ._83glr3 {
     cursor: pointer;
   }
-  ._6xlhp5 {
+  .qhzn9e {
     background-color: var(--ax-colors-bg-accent);
     position: absolute;
-    width: calc(100% * var(--ozh0rx) + 10px * (1 - var(--ozh0rx)));
+    width: calc(100% * var(--_1h4t5lu) + 10px * (1 - var(--_1h4t5lu)));
   }
-  .s6etib[data-disabled] ._6xlhp5 {
+  ._1xf0wgt[data-disabled] .qhzn9e {
     background-color: var(--ax-colors-border-control);
   }
-  .l47ulr {
+  .ykqgru {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--ozh0rx) * 100%);
+    left: calc(var(--_1h4t5lu) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--ozh0rx) * 100%));
+    transform: translateX(calc(-1 * var(--_1h4t5lu) * 100%));
   }
-  .s6etib:has(input[type=range]:focus-visible) .l47ulr {
+  ._1xf0wgt:has(input[type=range]:focus-visible) .ykqgru {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .hbg7op {
+  .foiuqy {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  .hbg7op::-webkit-slider-runnable-track {
+  .foiuqy::-webkit-slider-runnable-track {
     height: 100%;
   }
-  .hbg7op::-webkit-slider-thumb {
+  .foiuqy::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  .hbg7op:not(:disabled) {
+  .foiuqy:not(:disabled) {
     cursor: pointer;
   }
-  ._18r6pyx {
-    left: calc(var(--qau2rw) * 100%);
+  ._1o3snft {
+    left: calc(var(--iq65si) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--qau2rw) * 100%) 4px;
+    translate: calc(-1 * var(--iq65si) * 100%) 4px;
   }
-  .s6etib:not([data-disabled]) ._18r6pyx {
+  ._1xf0wgt:not([data-disabled]) ._1o3snft {
     cursor: pointer;
   }
   @media (hover: hover) {
-    .hbg7op:not(:disabled)::-webkit-slider-thumb:hover {
+    .foiuqy:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    .hbg7op:not(:disabled):active::-webkit-slider-thumb:hover {
+    .foiuqy:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

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

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

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

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