@optiaxiom/react 1.4.0 → 1.4.2

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

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

package/dist/esm/assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-wdVgLGW7.css

@@ -0,0 +1,8 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .al2nnb:not(:first-child)::before {
+    content: "/";
+    color: var(--ax-colors-fg-tertiary);
+    margin-right: 8px;
+  }
+}

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

@@ -1,13 +1,13 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1cbwven {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._5wmka2 {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1cbwven:visited {
+  ._5wmka2:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._1cbwven:hover:not([data-disabled]) {
+    ._5wmka2:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .kg2lcr {
+    opacity: 1;
+  }
+  ._154snhm[data-loading] .kg2lcr {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,147 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1p5t4oh {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_19tuhc5);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._1p5t4oh: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;
+  }
+  ._1gd7sju[data-orientation="horizontal"] > ._1p5t4oh:not(:first-child):not(:last-child),._1gd7sju[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1p5t4oh {
+    border-inline-width: 0.5px;
+  }
+  ._1gd7sju[data-orientation="horizontal"] > ._1p5t4oh:not(:only-child):first-child,._1gd7sju[data-orientation="horizontal"] > :not(:only-child):first-child ._1p5t4oh {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1gd7sju[data-orientation="horizontal"] > ._1p5t4oh:not(:only-child):last-child,._1gd7sju[data-orientation="horizontal"] > :not(:only-child):last-child ._1p5t4oh {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1gd7sju[data-orientation="vertical"] > ._1p5t4oh:not(:first-child):not(:last-child),._1gd7sju[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1p5t4oh {
+    border-block-width: 0.5px;
+  }
+  ._1gd7sju[data-orientation="vertical"] > ._1p5t4oh:not(:only-child):first-child,._1gd7sju[data-orientation="vertical"] > :not(:only-child):first-child ._1p5t4oh {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1gd7sju[data-orientation="vertical"] > ._1p5t4oh:not(:only-child):last-child,._1gd7sju[data-orientation="vertical"] > :not(:only-child):last-child ._1p5t4oh {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1gd7sju[data-orientation] > ._1p5t4oh:not(:first-child):not(:last-child),._1gd7sju[data-orientation] > :not(:first-child):not(:last-child) ._1p5t4oh {
+    border-radius: 0;
+  }
+  ._1a7e40q {
+    --cpqgx5: var(--ax-colors-bg-error);
+    --_7zxjpc: var(--ax-colors-bg-error-hovered);
+    --_1mlwcpr: var(--ax-colors-bg-error-pressed);
+    --op083k: var(--ax-colors-bg-error-subtlest);
+    --dfwiw6: var(--ax-colors-bg-error-subtle);
+  }
+  .jh8ufo {
+    --cpqgx5: var(--ax-colors-bg-default-inverse);
+    --_7zxjpc: var(--ax-colors-bg-default-inverse-hovered);
+    --_1mlwcpr: var(--ax-colors-bg-default-inverse-pressed);
+    --_1a0rgau: var(--ax-colors-fg-default-inverse);
+    --op083k: var(--ax-colors-bg-page);
+    --a4rk04: var(--ax-colors-border-default);
+    --j6kxnk: var(--ax-colors-border-default);
+    --dfwiw6: var(--ax-colors-bg-secondary);
+    --_12j49uz: var(--ax-colors-fg-default);
+    --_70bkr8: var(--ax-colors-bg-default-hovered);
+    --_1fgbsge: var(--ax-colors-bg-default-pressed);
+  }
+  ._1nm280d {
+    --cpqgx5: var(--ax-colors-bg-accent);
+    --_7zxjpc: var(--ax-colors-bg-accent-hovered);
+    --_1mlwcpr: var(--ax-colors-bg-accent-pressed);
+    --op083k: var(--ax-colors-bg-accent-subtle);
+    --dfwiw6: var(--ax-colors-bg-accent-light);
+  }
+  ._1qya3cq {
+    min-width: fit-content;
+  }
+  ._10un3yj {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--j6kxnk, var(--cpqgx5));
+    color: var(--_12j49uz, var(--cpqgx5));
+    padding-inline: calc(var(--_19tuhc5) - 1px);
+  }
+  ._10un3yj:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--dfwiw6);
+    border-color: var(--a4rk04, var(--_7zxjpc));
+  }
+  ._10un3yj: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);
+  }
+  ._10un3yj[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .njxv1o {
+    background-color: var(--cpqgx5);
+    color: var(--_1a0rgau, var(--ax-colors-fg-white));
+  }
+  .njxv1o:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_1mlwcpr);
+  }
+  .njxv1o[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(--_19tuhc5) - 1px);
+  }
+  .z5gwew {
+    background-color: transparent;
+    border-color: var(--cpqgx5);
+    color: var(--_12j49uz, var(--cpqgx5));
+  }
+  .z5gwew:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1fgbsge, var(--dfwiw6));
+  }
+  .z5gwew:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  .z5gwew[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._13zojx6 {
+    --_19tuhc5: 4px;
+  }
+  .uc9mj5 {
+    --_19tuhc5: 8px;
+  }
+  .dnywue {
+    --_19tuhc5: 12px;
+  }
+  ._5o90zi {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._10un3yj:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--op083k);
+      border-color: var(--a4rk04, var(--_7zxjpc));
+    }
+    .njxv1o:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_7zxjpc);
+    }
+    .z5gwew:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_70bkr8, var(--op083k));
+    }
+  }
+}

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

@@ -1,46 +1,46 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1m5rt2h {
-    background-color: var(--w4vmie);
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  .zzk5je {
+    background-color: var(--_1v2sk3m);
     border-radius: var(--ax-borderRadius-md);
     position: relative;
     user-select: none;
   }
-  ._1m5rt2h:focus-visible {
+  .zzk5je:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  ._1m5rt2h:is([data-disabled], [disabled]) {
+  .zzk5je:is([data-disabled], [disabled]) {
     opacity: 0.32;
   }
-  ._9olie2 {
-    --w4vmie: var(--ax-colors-bg-default);
+  ._1m18ogx {
+    --_1v2sk3m: var(--ax-colors-bg-default);
   }
-  ._17edz8x {
-    --w4vmie: var(--ax-colors-bg-error-subtlest);
+  ._1acy98q {
+    --_1v2sk3m: var(--ax-colors-bg-error-subtlest);
   }
-  .pheo6b {
-    --w4vmie: var(--ax-colors-bg-secondary);
+  .mjvsdd {
+    --_1v2sk3m: var(--ax-colors-bg-secondary);
   }
-  ._19q2ais {
-    --w4vmie: var(--ax-colors-bg-accent);
+  .sb1qqd {
+    --_1v2sk3m: var(--ax-colors-bg-accent);
   }
-  ._16ysc7b {
-    --w4vmie: var(--ax-colors-bg-page);
+  ._17guql9 {
+    --_1v2sk3m: var(--ax-colors-bg-page);
   }
-  .yqy6i7 {
+  ._1v9dm4g {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }
-  .y5xzyn {
+  ._1wpkw1e {
     border-radius: 0;
   }
-  ._1379buj {
+  ._17yxjo5 {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-  ._1smzblt {
+  ._1luahca {
     bottom: 0;
     height: 8px;
     inset-inline: 0;
@@ -48,20 +48,20 @@
     width: 8px;
   }
   @media (hover: hover) {
-    ._1m5rt2h:not([disabled]):hover {
+    .zzk5je:not([disabled]):hover {
       background-color: 
               color-mix(
                 in srgb,
-                var(--w4vmie, transparent),
+                var(--_1v2sk3m, transparent),
                 var(--ax-colors-bg-default-inverse) 8%
               )
             ;
     }
-    ._1m5rt2h:not([disabled]):hover:active {
+    .zzk5je:not([disabled]):hover:active {
       background-color: 
               color-mix(
                 in srgb,
-                var(--w4vmie, transparent),
+                var(--_1v2sk3m, transparent),
                 var(--ax-colors-bg-default-inverse) 16%
               )
             ;

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1qlsks4 ._1arda8u {
+    inset: 0;
+    padding: 16px;
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1unsksa {
+    object-fit: cover;
+  }
+  ._1laptms {
+    aspect-ratio: 1;
+  }
+  ._1f96z3f {
+    aspect-ratio: 2;
+  }
+}

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

@@ -1,14 +1,14 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1isv8id {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1khhy4c {
     position: relative;
   }
-  ._1rx6r9l {
+  ._1qr5meg {
     border-bottom-left-radius: inherit;
     border-top-left-radius: inherit;
     margin: -16px 0 -16px -16px;
   }
-  ._1ds7qg {
+  .ogvnyj {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 0;

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

@@ -1,22 +1,22 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  .mhjzj2 {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._13b5dct {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._10tmtyy:has(.jroxb3:checked) .mhjzj2 {
+  ._1lky4c:has(._5k3zat:checked) ._13b5dct {
     clip-path: inset(0 0 0 0);
   }
-  ._46qtcd {
+  ._9nfofl {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_8nrlqt);
+    border-color: var(--q3yhvx);
     border-width: 1px;
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-width;
     transition-timing-function: ease;
   }
-  ._10tmtyy:has(.jroxb3:checked) ._46qtcd {
+  ._1lky4c:has(._5k3zat:checked) ._9nfofl {
     border-width: 8px;
   }
 }

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

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

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

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom {
+  ._1qtp55d {
+    position: static;
+  }
+  ._1qtp55d:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom.rgvlm2 {
+  .lfjiqo {
+    --_1srnbif: solid;
+  }
+  .lfjiqo::before {
+    content: "";
+    border-radius: var(--_1ttb6cx, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  .lfjiqo:focus-visible::before {
+    outline: 2px var(--_1srnbif) var(--ax-colors-border-focus);
+    outline-offset: var(--_19y2bim);
+  }
+  ._1btiq4b {
+    --_19y2bim: 1px;
+  }
+  .kn0mux {
+    --_19y2bim: -2px;
+  }
+  .kn0mux:is(a) {
+    --_1srnbif: auto;
+  }
+}

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

@@ -1,14 +1,14 @@
-@property --_9rq1im {
+@property --_1siua2h {
   syntax: "<color>";
   inherits: false;
   initial-value: transparent;
 }
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1ujmfci {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._1vwrr0d {
     background-repeat: no-repeat;
   }
-  .w9fkbs {
+  ._907wyk {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -35,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_151po6m) 0, var(--_151po6m) 0, calc(100% - var(--rh9urp)) 0, calc(100% - var(--rh9urp)) 0;
+    background-position: var(--_13hfmun) 0, var(--_13hfmun) 0, calc(100% - var(--ob2805)) 0, calc(100% - var(--ob2805)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._16zguy3 {
+  ._1f7floz {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -53,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_151po6m) 0, var(--_151po6m) 0;
+    background-position: var(--_13hfmun) 0, var(--_13hfmun) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._5b4mrw {
+  ._1muqb7h {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -71,39 +71,39 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--rh9urp)) 0, calc(100% - var(--rh9urp)) 0;
+    background-position: calc(100% - var(--ob2805)) 0, calc(100% - var(--ob2805)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1vnygnz {
+  ._1q8n9aa {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._698l04 {
-    flex-grow: 999;
-    width: var(--_19sawrn);
+  ._1hm35te {
+    flex-grow: calc(var(--_1tprz6z) / var(--_19njy78));
+    width: calc(1px * var(--_1tprz6z));
   }
-  ._1dsu83o {
-    left: var(--_1hvhdp0);
+  .i6844u {
+    left: var(--_4nnpsl);
     position: sticky;
     z-index: 10;
   }
-  .fmzssp {
+  ._2sae11 {
     position: sticky;
-    right: var(--_1hvhdp0);
+    right: var(--_4nnpsl);
     z-index: 10;
   }
-  ._1e2a2f0 {
+  .dml853 {
     background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--_9rq1im), var(--_9rq1im));
-    transition: --_9rq1im var(--ax-duration-sm) ease;
+    background-image: linear-gradient(var(--_1siua2h), var(--_1siua2h));
+    transition: --_1siua2h var(--ax-duration-sm) ease;
   }
-  ._1xqk3qv[data-highlighted] ._1e2a2f0 {
-    --_9rq1im: var(--ax-colors-bg-default-hovered);
+  .rhlvou[data-highlighted] .dml853 {
+    --_1siua2h: var(--ax-colors-bg-default-hovered);
   }
   @media (hover: hover) {
-    ._1xqk3qv:hover ._1e2a2f0 {
-      --_9rq1im: var(--ax-colors-bg-default-hovered);
+    .rhlvou:hover .dml853 {
+      --_1siua2h: var(--ax-colors-bg-default-hovered);
     }
   }
 }

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

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

package/dist/esm/assets/src/data-table/{DataTableHeaderCell.css.ts.vanilla-CxzbR_uv.css → DataTableHeaderCell.css.ts.vanilla-4iA89ScB.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom.koi6h4;
-@layer optiaxiom.koi6h4 {
-  ._1dh81m7 {
+@layer optiaxiom.rgvlm2;
+@layer optiaxiom.rgvlm2 {
+  ._13owqdw {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._1dh81m7:focus-visible {
+  ._13owqdw:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._1botmij {
+  ._19adpzv {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._1ij08kn {
+  .vabqjx {
     opacity: 0;
   }
-  .fer3zz {
+  .su7t6j {
     opacity: 1;
   }
-  ._1ot8u9i {
+  ._1ekpfnt {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -28,7 +28,7 @@
     user-select: none;
   }
   @media (hover: hover) {
-    ._1dh81m7:hover {
+    ._13owqdw:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }