@optiaxiom/react 3.1.2 → 3.1.4

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

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

package/dist/esm/assets/src/kbd/{Kbd.css.ts.vanilla-B5yRkAcZ.css → Kbd.css.ts.vanilla-BCttVLFY.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  .a3ee1r {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .nyeja2 {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DKNSgN9v.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._19rpvzd {
+    --_1ebib6q: 8px;
+    min-width: 0;
+  }
+}

package/dist/esm/assets/src/layers/layers.css.ts.vanilla-DNNVsHsw.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1j4i53e, optiaxiom.st6wia;

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

@@ -1,13 +1,13 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._36u3v0 {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .t1qm1p {
     position: relative;
   }
-  ._10zigfq {
+  .izezg0 {
     height: 100%;
     width: 100%;
   }
-  .de5cae {
+  ._1kse7i7 {
     height: 100vh;
     width: 100vw;
   }

package/dist/esm/assets/src/layout/LayoutContent.css.ts.vanilla-aEg4Xtm9.css

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

package/dist/{cjs/assets/src/link/Link.css.ts.vanilla-D_7ZNTUD.css → esm/assets/src/link/Link.css.ts.vanilla-DgMzFg-5.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._197j4oy {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1c9dtv3 {
     position: relative;
     text-decoration: none;
   }
-  ._197j4oy:focus-visible {
+  ._1c9dtv3:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._197j4oy:visited {
+  ._1c9dtv3:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._197j4oy[data-disabled] {
+  ._1c9dtv3[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1mzcx7l {
+  ._1by2b93 {
     color: var(--ax-colors-fg-link-default);
   }
-  ._143zbnj {
+  ._1fjiqkb {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .g3q2yw {
+  ._1hob8a0 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .g3q2yw:visited {
+  ._1hob8a0:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1yj5egt {
+  ._2whes {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._197j4oy:hover:not([data-disabled]) {
+    ._1c9dtv3:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1mzcx7l:hover:not([data-disabled]) {
+    ._1by2b93:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-BK364y0b.css

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

package/dist/esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DzyTK3HD.css

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

package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-CHW-H2Gi.css

@@ -0,0 +1,53 @@
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1855fg5 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1855fg5:any-link {
+    text-decoration: none;
+  }
+  ._1855fg5:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1855fg5:not([data-disabled]) {
+    color: var(--bgi403);
+    cursor: pointer;
+  }
+  ._1855fg5:not([data-disabled])[data-highlighted] {
+    background-color: var(--raqp8l);
+    color: var(--wcm8lc, var(--bgi403));
+  }
+  ._1855fg5:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_8tnro);
+    color: var(--_1ynor7c, var(--bgi403));
+  }
+  ._1855fg5:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  ._1855fg5[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1xtzy7y {
+    --raqp8l: var(--ax-colors-bg-error-subtlest);
+    --wcm8lc: var(--ax-colors-fg-error-hovered);
+    --_8tnro: var(--ax-colors-bg-error-subtle);
+    --_1ynor7c: var(--ax-colors-fg-error-strong);
+    --bgi403: var(--ax-colors-fg-error);
+  }
+  ._1x8xykf {
+    --raqp8l: var(--ax-colors-bg-default-hovered);
+    --_8tnro: var(--ax-colors-bg-default-pressed);
+    --bgi403: var(--ax-colors-fg-default);
+  }
+  .iej2v {
+    min-height: 24px;
+  }
+  ._1xxiosb {
+    line-height: 24px;
+  }
+  ._8zl6oc {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/esm/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-B02wkxNT.css → ListboxItemIndicator.css.ts.vanilla-DL2bTfyN.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._4r72wo {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .t17cdc {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1szx897 {
+  ._1nj3wbn {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-CdDXnsm_.css

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

package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-BpqsHFry.css

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

package/dist/{cjs/assets/src/modal/ModalListbox.css.ts.vanilla-Uyv1GcMi.css → esm/assets/src/modal/ModalListbox.css.ts.vanilla-ChSoFqrn.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  .oy7l33 {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .kvr279 {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--peum10, 100vh)
+        var(--_14a9h0m, 100vh)
       )
     ;
     min-width: 120px;
   }
-  .f492va {
-    --peum10: var(--ax-maxSize-xs);
+  .jez6bl {
+    --_14a9h0m: var(--ax-maxSize-xs);
   }
-  ._1y46k5x {
-    --peum10: var(--ax-maxSize-sm);
+  .dkjfmk {
+    --_14a9h0m: var(--ax-maxSize-sm);
   }
-  ._17i4gah {
-    --peum10: var(--ax-maxSize-md);
+  .kjcyww {
+    --_14a9h0m: var(--ax-maxSize-md);
   }
-  .o1e5e4 {
-    --peum10: var(--ax-maxSize-lg);
+  .ddw9bu {
+    --_14a9h0m: var(--ax-maxSize-lg);
   }
-  .bpvvu {
+  .ynjoqs {
     min-width: 
         max(
           var(

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

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

package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-DIg5HFtB.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1r0ggsq {
+    opacity: 0;
+  }
+  ._1kwsqh1 {
+    opacity: 1;
+  }
+}

package/dist/{cjs/assets/src/nav/NavItem.css.ts.vanilla-uMhJfKv9.css → esm/assets/src/nav/NavItem.css.ts.vanilla-BMCiyk_v.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._1f7stcr {
-    --xm13kb: var(--ax-colors-fg-secondary);
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1mf8m8v {
+    --ibl7hu: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1f7stcr:focus-visible:not([data-disabled]) {
+  ._1mf8m8v:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._1f7stcr[data-disabled] {
+  ._1mf8m8v[data-disabled] {
     opacity: 0.32;
   }
-  ._1f7stcr:active {
+  ._1mf8m8v:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1f7stcr[data-state=active] {
+  ._1mf8m8v[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  .hkdxp2 {
+  ._1npdo19 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1x1wd04 {
+  ._6vg5az {
     opacity: 0;
   }
-  .rpmn2a {
+  .stbw7h {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1f7stcr:hover:not([data-state=active]):not(:active) {
+    ._1mf8m8v:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

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

@@ -1,15 +1,15 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._820z4m {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .caefmx {
     position: relative;
   }
-  ._1hw9jfv {
+  .e5o69m {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .sn5axi {
+  ._14u6fx2 {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{cjs/assets/src/pill/Pill.css.ts.vanilla-BTe_rnGY.css → esm/assets/src/pill/Pill.css.ts.vanilla-28RrmmOd.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._191lpjw {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1vw9y0m {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._191lpjw:focus-visible {
+  ._1vw9y0m:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._191lpjw[data-disabled] {
+  ._1vw9y0m[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    ._1uxvnee:not([data-disabled]):hover {
+    .iv7xh6:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

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

@@ -1,19 +1,19 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._9xy888 {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._1b4zhy5 {
     position: relative;
   }
-  ._1xt6pob {
+  ._1gelai1 {
     padding: 5px;
   }
-  ._39250g {
+  ._1t1c8ep {
     padding: 7px;
   }
-  ._10r1meb {
+  .maldgp {
     outline: none;
   }
   @media (hover: hover) {
-    ._1frxixc:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+    ._1tzn4ky:not([data-readonly]):is(:hover, :has(:focus-visible)) {
       border-color: var(--ax-colors-border-control);
     }
   }

package/dist/esm/assets/src/progress/{Progress.css.ts.vanilla-CxeDLKTV.css → Progress.css.ts.vanilla-z86bAwZY.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._1enlru8 {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .kb0b6o {
     height: 8px;
   }
-  .kwnotc {
+  .b3l8o4 {
     background-color: var(--ax-colors-bg-error);
   }
-  ._63mtwy {
+  .gfr0cb {
     background-color: var(--ax-colors-fg-tertiary);
   }
 }

package/dist/esm/assets/src/radio/{Radio.css.ts.vanilla-BxLBBhFy.css → Radio.css.ts.vanilla-BalCiA2Q.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._1q3of0z {
-    border-color: var(--_11c9vbg);
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  ._19y58jv {
+    border-color: var(--_1wk7h1q);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  ._1q3of0z::before {
+  ._19y58jv::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -21,23 +21,23 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  ._1josj1t:has(._3ehwj8:checked) ._1q3of0z::before {
+  .gto3k8:has(._1y3c02u:checked) ._19y58jv::before {
     inset: -12px;
     opacity: 1;
   }
-  ._1josj1t:has(._3ehwj8:checked) ._1q3of0z {
+  .gto3k8:has(._1y3c02u:checked) ._19y58jv {
     border-width: 12px;
   }
-  ._1o0tozf {
+  .cuyyqi {
     margin-top: -2px;
   }
-  ._1elo3je {
-    background-color: var(--dcrkmb);
+  .wdnytq {
+    background-color: var(--_1cmxoo6);
     height: 8px;
     transform: scale(0);
     width: 8px;
   }
-  ._1josj1t:has(._3ehwj8:checked) ._1elo3je {
+  .gto3k8:has(._1y3c02u:checked) .wdnytq {
     transform: scale(1);
   }
 }

package/dist/esm/assets/src/range/{Range.css.ts.vanilla-Dt2uyesS.css → Range.css.ts.vanilla-DKxkaqza.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1dfr2ib;
-@layer optiaxiom._1dfr2ib {
-  ._91rd5x {
+@layer optiaxiom.st6wia;
+@layer optiaxiom.st6wia {
+  .g1eauh {
     position: relative;
   }
-  ._91rd5x[data-disabled] {
+  .g1eauh[data-disabled] {
     opacity: 0.5;
   }
-  ._1jew1y3 {
+  ._4kjbmi {
     background-color: var(--ax-colors-bg-tertiary);
     height: 8px;
     position: relative;
@@ -14,38 +14,38 @@
     -webkit-user-select: none;
             user-select: none;
   }
-  ._11d450a:not([data-disabled]) ._1jew1y3 {
+  ._1uv5v6m:not([data-disabled]) ._4kjbmi {
     cursor: pointer;
   }
-  ._16jtwa5 {
+  ._1976xyc {
     background-color: var(--ax-colors-fg-tertiary);
     position: absolute;
-    width: calc(100% * var(--_48nhku) + 10px * (1 - var(--_48nhku)));
+    width: calc(100% * var(--b2w0kv) + 10px * (1 - var(--b2w0kv)));
   }
-  ._11d450a[data-disabled] ._16jtwa5 {
+  ._1uv5v6m[data-disabled] ._1976xyc {
     background-color: var(--ax-colors-border-control);
   }
-  ._1kcz7ip {
+  .ov0cx7 {
     background-color: var(--ax-colors-bg-default);
-    left: calc(var(--_48nhku) * 100%);
+    left: calc(var(--b2w0kv) * 100%);
     position: absolute;
     top: -6px;
-    transform: translateX(calc(-1 * var(--_48nhku) * 100%));
+    transform: translateX(calc(-1 * var(--b2w0kv) * 100%));
   }
-  ._11d450a:has(input[type=range]:focus-visible) ._1kcz7ip {
+  ._1uv5v6m:has(input[type=range]:focus-visible) .ov0cx7 {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._1o4m2u9 {
+  .btzy6p {
     appearance: none;
     inset: 0;
     outline: none;
     position: absolute;
   }
-  ._1o4m2u9::-webkit-slider-runnable-track {
+  .btzy6p::-webkit-slider-runnable-track {
     height: 100%;
   }
-  ._1o4m2u9::-webkit-slider-thumb {
+  .btzy6p::-webkit-slider-thumb {
     appearance: none;
     background: transparent;
     border-radius: 100%;
@@ -54,23 +54,23 @@
     transform: scale(2);
     width: 20px;
   }
-  ._1o4m2u9:not(:disabled) {
+  .btzy6p:not(:disabled) {
     cursor: pointer;
   }
-  ._1rcdot7 {
-    left: calc(var(--_3pzg50) * 100%);
+  ._1k6zhuu {
+    left: calc(var(--icd01b) * 100%);
     position: absolute;
     top: 100%;
-    translate: calc(-1 * var(--_3pzg50) * 100%) 4px;
+    translate: calc(-1 * var(--icd01b) * 100%) 4px;
   }
-  ._11d450a:not([data-disabled]) ._1rcdot7 {
+  ._1uv5v6m:not([data-disabled]) ._1k6zhuu {
     cursor: pointer;
   }
   @media (hover: hover) {
-    ._1o4m2u9:not(:disabled)::-webkit-slider-thumb:hover {
+    .btzy6p:not(:disabled)::-webkit-slider-thumb:hover {
       cursor: grab;
     }
-    ._1o4m2u9:not(:disabled):active::-webkit-slider-thumb:hover {
+    .btzy6p:not(:disabled):active::-webkit-slider-thumb:hover {
       cursor: grabbing;
     }
   }

package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-Djgn4sOs.css

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