@optiaxiom/react 1.3.4 → 1.3.5

package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-Dnq424Jf.css → esm/assets/src/box/Box.css.ts.vanilla-BmJRfPHU.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1w4e1os;
-@layer optiaxiom._1w4e1os {
-  ._1kq6xyi {
+@layer optiaxiom.mzgxjm;
+@layer optiaxiom.mzgxjm {
+  .ahpjhr {
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
     font-family: var(--ax-styles-fontFamily, var(--ax-fontFamily-sans));
@@ -9,74 +9,74 @@
     padding: 0;
     -webkit-font-smoothing: antialiased;
   }
-  ._1kq6xyi:focus-visible {
+  .ahpjhr:focus-visible {
     --tw-ring-offset-width: 0;
   }
-  ._1kq6xyi:is(hr) {
+  .ahpjhr:is(hr) {
     border-top-width: 1px;
     color: inherit;
     height: 0;
   }
-  ._1kq6xyi:is(h1, h2, h3, h4, h5, h6) {
+  .ahpjhr:is(h1, h2, h3, h4, h5, h6) {
     font-size: inherit;
     font-weight: inherit;
   }
-  ._1kq6xyi:is(b, strong) {
+  .ahpjhr:is(b, strong) {
     font-weight: bolder;
   }
-  ._1kq6xyi:is(code, kbd, samp, pre) {
+  .ahpjhr:is(code, kbd, samp, pre) {
     font-family: var(--ax-fontFamily-mono);
     font-feature-settings: normal;
     font-size: 1em;
     -webkit-font-smoothing: auto;
   }
-  ._1kq6xyi:is(table) {
+  .ahpjhr:is(table) {
     border-collapse: collapse;
     border-color: inherit;
     text-indent: 0;
   }
-  ._1kq6xyi:is(button, input, optgroup, select, textarea) {
+  .ahpjhr:is(button, input, optgroup, select, textarea) {
     color: inherit;
     font-size: 100%;
     letter-spacing: inherit;
   }
-  ._1kq6xyi:is(button, input:where([type=button], [type=reset], [type=submit])) {
+  .ahpjhr:is(button, input:where([type=button], [type=reset], [type=submit])) {
     background-color: transparent;
     background-image: none;
     -webkit-appearance: button;
   }
-  ._1kq6xyi:is([type=search]) {
+  .ahpjhr:is([type=search]) {
     outline-offset: -2px;
     -webkit-appearance: textfield;
   }
-  ._1kq6xyi::-webkit-file-upload-button {
+  .ahpjhr::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
   }
-  ._1kq6xyi:is(ol, ul, menu) {
+  .ahpjhr:is(ol, ul, menu) {
     list-style: none;
   }
-  ._1kq6xyi:is(textarea) {
+  .ahpjhr:is(textarea) {
     resize: vertical;
   }
-  ._1kq6xyi:is(input, textarea)::placeholder {
+  .ahpjhr:is(input, textarea)::placeholder {
     color: var(--ax-colors-fg-tertiary);
     opacity: 1;
   }
-  ._1kq6xyi:is(button, [role=button]) {
+  .ahpjhr:is(button, [role=button]) {
     cursor: pointer;
   }
-  ._1kq6xyi:is(:disabled) {
+  .ahpjhr:is(:disabled) {
     cursor: default;
   }
-  ._1kq6xyi:is(img, svg, video, canvas, audio, iframe, embed, object) {
+  .ahpjhr:is(img, svg, video, canvas, audio, iframe, embed, object) {
     display: block;
   }
-  ._1kq6xyi:is(img, video) {
+  .ahpjhr:is(img, video) {
     height: auto;
     max-width: 100%;
   }
-  ._1kq6xyi:is(select) {
+  .ahpjhr:is(select) {
     appearance: none;
   }
 }

package/dist/esm/assets/src/breadcrumb/{BreadcrumbItem.css.ts.vanilla-BOZzSJCT.css → BreadcrumbItem.css.ts.vanilla-1mIVeBXA.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  ._1mqeehb {
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  .d1k5uf {
     max-width: 160px;
   }
-  ._1mqeehb:not(:first-child)::before {
+  .d1k5uf:not(:first-child)::before {
     content: "/";
     color: var(--ax-colors-fg-tertiary);
     margin-right: 8px;

package/dist/{cjs/assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-CrnYrajV.css → esm/assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-BQDhNB83.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  .zl0xt9 {
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._15u3o1r {
     color: var(--ax-colors-fg-tertiary);
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .zl0xt9:visited {
+  ._15u3o1r:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    .zl0xt9:hover:not([data-disabled]) {
+    ._15u3o1r:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-CHin3tQA.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1yjrv1a {
+    opacity: 1;
+  }
+  .w7c9sv[data-loading] ._1yjrv1a {
+    opacity: 0;
+  }
+}

package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-DYMuviVw.css

@@ -0,0 +1,147 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1t3oos6 {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--uz6g63);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._1t3oos6:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+    z-index: 10;
+  }
+  .h7m2vf[data-orientation="horizontal"] > ._1t3oos6:not(:first-child):not(:last-child),.h7m2vf[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1t3oos6 {
+    border-inline-width: 0.5px;
+  }
+  .h7m2vf[data-orientation="horizontal"] > ._1t3oos6:not(:only-child):first-child,.h7m2vf[data-orientation="horizontal"] > :not(:only-child):first-child ._1t3oos6 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .h7m2vf[data-orientation="horizontal"] > ._1t3oos6:not(:only-child):last-child,.h7m2vf[data-orientation="horizontal"] > :not(:only-child):last-child ._1t3oos6 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .h7m2vf[data-orientation="vertical"] > ._1t3oos6:not(:first-child):not(:last-child),.h7m2vf[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1t3oos6 {
+    border-block-width: 0.5px;
+  }
+  .h7m2vf[data-orientation="vertical"] > ._1t3oos6:not(:only-child):first-child,.h7m2vf[data-orientation="vertical"] > :not(:only-child):first-child ._1t3oos6 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .h7m2vf[data-orientation="vertical"] > ._1t3oos6:not(:only-child):last-child,.h7m2vf[data-orientation="vertical"] > :not(:only-child):last-child ._1t3oos6 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .h7m2vf[data-orientation] > ._1t3oos6:not(:first-child):not(:last-child),.h7m2vf[data-orientation] > :not(:first-child):not(:last-child) ._1t3oos6 {
+    border-radius: 0;
+  }
+  ._10wcjbj {
+    --_16ctewy: var(--ax-colors-bg-error);
+    --_1fyoz4y: var(--ax-colors-bg-error-hovered);
+    --_8ftxny: var(--ax-colors-bg-error-pressed);
+    --w0k459: var(--ax-colors-bg-error-subtlest);
+    --_1e38v3u: var(--ax-colors-bg-error-subtle);
+  }
+  ._1vz4i7b {
+    --_16ctewy: var(--ax-colors-bg-default-inverse);
+    --_1fyoz4y: var(--ax-colors-bg-default-inverse-hovered);
+    --_8ftxny: var(--ax-colors-bg-default-inverse-pressed);
+    --nvyzyu: var(--ax-colors-fg-default-inverse);
+    --w0k459: var(--ax-colors-bg-page);
+    --_106yxzg: var(--ax-colors-border-default);
+    --_1ylmlu1: var(--ax-colors-border-default);
+    --_1e38v3u: var(--ax-colors-bg-secondary);
+    --_1den3cu: var(--ax-colors-fg-default);
+    --hbv9zv: var(--ax-colors-bg-default-hovered);
+    --_8zj69c: var(--ax-colors-bg-default-pressed);
+  }
+  .a3zj2d {
+    --_16ctewy: var(--ax-colors-bg-accent);
+    --_1fyoz4y: var(--ax-colors-bg-accent-hovered);
+    --_8ftxny: var(--ax-colors-bg-accent-pressed);
+    --w0k459: var(--ax-colors-bg-accent-subtle);
+    --_1e38v3u: var(--ax-colors-bg-accent-light);
+  }
+  .o5y0d7 {
+    min-width: fit-content;
+  }
+  ._19z842o {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1ylmlu1, var(--_16ctewy));
+    color: var(--_1den3cu, var(--_16ctewy));
+    padding-inline: calc(var(--uz6g63) - 1px);
+  }
+  ._19z842o:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1e38v3u);
+    border-color: var(--_106yxzg, var(--_1fyoz4y));
+  }
+  ._19z842o:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    border-color: var(--ax-colors-fg-accent);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._19z842o[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1401r8u {
+    background-color: var(--_16ctewy);
+    color: var(--nvyzyu, var(--ax-colors-fg-white));
+  }
+  ._1401r8u:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_8ftxny);
+  }
+  ._1401r8u[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--uz6g63) - 1px);
+  }
+  .b98lhv {
+    background-color: transparent;
+    border-color: var(--_16ctewy);
+    color: var(--_1den3cu, var(--_16ctewy));
+  }
+  .b98lhv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_8zj69c, var(--_1e38v3u));
+  }
+  .b98lhv:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  .b98lhv[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1hr3t1p {
+    --uz6g63: 4px;
+  }
+  ._1e8ui9h {
+    --uz6g63: 8px;
+  }
+  ._56k16m {
+    --uz6g63: 12px;
+  }
+  ._1ifftlh {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._19z842o:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--w0k459);
+      border-color: var(--_106yxzg, var(--_1fyoz4y));
+    }
+    ._1401r8u:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_1fyoz4y);
+    }
+    .b98lhv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--hbv9zv, var(--w0k459));
+    }
+  }
+}

package/dist/{cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CloEEnqj.css → esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-Cf7s6tdq.css}

@@ -1,46 +1,46 @@
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  .r3rikg {
-    background-color: var(--_1u42n5v);
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  .q5ydtv {
+    background-color: var(--_1o666cj);
     border-radius: var(--ax-borderRadius-md);
     position: relative;
     user-select: none;
   }
-  .r3rikg:focus-visible {
+  .q5ydtv:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  .r3rikg:is([data-disabled], [disabled]) {
+  .q5ydtv:is([data-disabled], [disabled]) {
     opacity: 0.32;
   }
-  .zc2y9h {
-    --_1u42n5v: var(--ax-colors-bg-default);
+  .g5ulkq {
+    --_1o666cj: var(--ax-colors-bg-default);
   }
-  ._1ezz8ma {
-    --_1u42n5v: var(--ax-colors-bg-error-subtlest);
+  .vzmokp {
+    --_1o666cj: var(--ax-colors-bg-error-subtlest);
   }
-  ._1ceblxj {
-    --_1u42n5v: var(--ax-colors-bg-secondary);
+  .yvi55p {
+    --_1o666cj: var(--ax-colors-bg-secondary);
   }
-  ._1hfxpw4 {
-    --_1u42n5v: var(--ax-colors-bg-accent);
+  ._1n4cwqe {
+    --_1o666cj: var(--ax-colors-bg-accent);
   }
-  .pb4j9a {
-    --_1u42n5v: var(--ax-colors-bg-page);
+  ._11stkx2 {
+    --_1o666cj: var(--ax-colors-bg-page);
   }
-  .kltvxn {
+  .rc0w20 {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }
-  .nhjqo9 {
+  ._16y5q8g {
     border-radius: 0;
   }
-  ._1bxe8qi {
+  ._18jofxd {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-  ._1gz1uxc {
+  ._1orkqwp {
     bottom: 6px;
     height: 2px;
     inset-inline: 0;
@@ -49,20 +49,20 @@
     width: 6px;
   }
   @media (hover: hover) {
-    .r3rikg:not([disabled]):hover {
+    .q5ydtv:not([disabled]):hover {
       background-color: 
               color-mix(
                 in srgb,
-                var(--_1u42n5v, transparent),
+                var(--_1o666cj, transparent),
                 var(--ax-colors-bg-default-inverse) 8%
               )
             ;
     }
-    .r3rikg:not([disabled]):hover:active {
+    .q5ydtv:not([disabled]):hover:active {
       background-color: 
               color-mix(
                 in srgb,
-                var(--_1u42n5v, transparent),
+                var(--_1o666cj, transparent),
                 var(--ax-colors-bg-default-inverse) 16%
               )
             ;

package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-BwbM4Ymg.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1gvwq76 {
+    position: relative;
+  }
+}

package/dist/esm/assets/src/calendar/CalendarNav.css.ts.vanilla-B3h7o36x.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1swtfld {
+    position: absolute;
+  }
+}

package/dist/esm/assets/src/card/Card.css.ts.vanilla-D6VpNPGV.css

@@ -0,0 +1,11 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1mdv5eu {
+    --_1eg74je: var(--ax-borderRadius-lg);
+    border-radius: var(--ax-borderRadius-lg);
+    position: relative;
+  }
+  ._1mdv5eu:has(._1qyjr3e[data-overlay]:not([data-disabled]):active) {
+    transform: scale(0.97);
+  }
+}

package/dist/esm/assets/src/card/CardAction.css.ts.vanilla-J_1bLK86.css

@@ -0,0 +1,8 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  .zuwxx1 .qyqfsw {
+    inset: 0;
+    padding: 16px;
+    position: absolute;
+  }
+}

package/dist/esm/assets/src/card/CardImage.css.ts.vanilla-B544EsEr.css

@@ -0,0 +1,12 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  .gac73t {
+    object-fit: cover;
+  }
+  ._1rzz2mg {
+    aspect-ratio: 1;
+  }
+  .t9blwx {
+    aspect-ratio: 2;
+  }
+}

package/dist/{cjs/assets/src/card/CardOverflow.css.ts.vanilla-CfaszGo6.css → esm/assets/src/card/CardOverflow.css.ts.vanilla-C2xpn066.css}

@@ -1,14 +1,14 @@
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  ._1200woo {
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1erofvm {
     position: relative;
   }
-  .kof10o {
+  .rq9ddp {
     border-bottom-left-radius: inherit;
     border-top-left-radius: inherit;
     margin: -16px 0 -16px -16px;
   }
-  .cktmtm {
+  .jk82vz {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 0;

package/dist/esm/assets/src/checkbox/{CheckboxControl.css.ts.vanilla-Cn_XcWOI.css → CheckboxControl.css.ts.vanilla-S5tvyOhp.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  ._1opuc02 {
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._12s8pjw {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  .u2iejc:has(.a49lw5:checked) ._1opuc02 {
+  ._1kk6rf1:has(._17te1sd:checked) ._12s8pjw {
     clip-path: inset(0 0 0 0);
   }
-  ._1sv3hu1 {
+  .pbqjn2 {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1c33ja4);
+    border-color: var(--_4c01w1);
     border-width: 1px;
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-width;
     transition-timing-function: ease;
   }
-  .u2iejc:has(.a49lw5:checked) ._1sv3hu1 {
+  ._1kk6rf1:has(._17te1sd:checked) .pbqjn2 {
     border-width: 8px;
   }
 }

package/dist/esm/assets/src/code/Code.css.ts.vanilla-BlPIH_q2.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  .s1h8yw {
+    font-size: 0.9em;
+    font-variant-ligatures: none;
+  }
+  .s1h8yw::after, .s1h8yw::before {
+    content: "`";
+  }
+}

package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-dYRoXe-n.css

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom {
+  ._2a118g {
+    position: static;
+  }
+  ._2a118g:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom.xp4f8r {
+  ._13nrqeu {
+    --rlpt34: solid;
+  }
+  ._13nrqeu::before {
+    content: "";
+    border-radius: var(--_1eg74je, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  ._13nrqeu:focus-visible::before {
+    outline: 2px var(--rlpt34) var(--ax-colors-border-focus);
+    outline-offset: var(--yucv9i);
+  }
+  ._9mvmyx {
+    --yucv9i: 1px;
+  }
+  .i8c52m {
+    --yucv9i: -2px;
+  }
+  .i8c52m:is(a) {
+    --rlpt34: auto;
+  }
+}

package/dist/{cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-CWOX4ILB.css → esm/assets/src/data-table/DataTableBody.css.ts.vanilla-BM3UaF5q.css}

@@ -1,14 +1,14 @@
-@property --_1hjh3vo {
+@property --_1ah8zob {
   syntax: "<color>";
   inherits: false;
   initial-value: transparent;
 }
-@layer optiaxiom._1y6jejb;
-@layer optiaxiom._1y6jejb {
-  ._1yptylg {
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._1so9yr8 {
     background-repeat: no-repeat;
   }
-  ._9snfm8 {
+  ._18z0jpw {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -35,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1ta7iwa) 0, var(--_1ta7iwa) 0, calc(100% - var(--had1uz)) 0, calc(100% - var(--had1uz)) 0;
+    background-position: var(--_1sx4zh) 0, var(--_1sx4zh) 0, calc(100% - var(--_1ous1js)) 0, calc(100% - var(--_1ous1js)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._15n3wvq {
+  .jrkss4 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -53,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1ta7iwa) 0, var(--_1ta7iwa) 0;
+    background-position: var(--_1sx4zh) 0, var(--_1sx4zh) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1v66hvg {
+  .lrvk7o {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -71,39 +71,39 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--had1uz)) 0, calc(100% - var(--had1uz)) 0;
+    background-position: calc(100% - var(--_1ous1js)) 0, calc(100% - var(--_1ous1js)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._13yrt10 {
+  ._1ks82xz {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._1uzy629 {
+  ._1q0a5cx {
     flex-grow: 999;
-    width: var(--yy5yw3);
+    width: var(--vu3zud);
   }
-  ._1n66ba {
-    left: var(--efdz07);
+  .vm0cm9 {
+    left: var(--_3gmudj);
     position: sticky;
     z-index: 10;
   }
-  .jt0yf9 {
+  .ljmi3r {
     position: sticky;
-    right: var(--efdz07);
+    right: var(--_3gmudj);
     z-index: 10;
   }
-  .b1micv {
+  ._1ezchim {
     background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--_1hjh3vo), var(--_1hjh3vo));
-    transition: --_1hjh3vo var(--ax-duration-sm) ease;
+    background-image: linear-gradient(var(--_1ah8zob), var(--_1ah8zob));
+    transition: --_1ah8zob var(--ax-duration-sm) ease;
   }
-  ._2hn8n1[data-highlighted] .b1micv {
-    --_1hjh3vo: var(--ax-colors-bg-default-hovered);
+  ._1j5zhlj[data-highlighted] ._1ezchim {
+    --_1ah8zob: var(--ax-colors-bg-default-hovered);
   }
   @media (hover: hover) {
-    ._2hn8n1:hover .b1micv {
-      --_1hjh3vo: var(--ax-colors-bg-default-hovered);
+    ._1j5zhlj:hover ._1ezchim {
+      --_1ah8zob: var(--ax-colors-bg-default-hovered);
     }
   }
 }

package/dist/esm/assets/src/data-table/DataTableFooter.css.ts.vanilla-eXBbdZJD.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.xp4f8r;
+@layer optiaxiom.xp4f8r {
+  ._15xmmk1 {
+    width: 180px;
+  }
+}