@optiaxiom/react 3.0.2 → 3.0.3

package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-CEE-HrWq.css → Breadcrumb.css.ts.vanilla-8ofV39me.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  ._1trr5x5 {
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  .oyho4b {
     min-height: var(--ax-size-md);
   }
-  .uwxqe4 {
+  ._1vmnda7 {
     color: var(--ax-colors-fg-tertiary);
   }
-  .uwxqe4:visited {
+  ._1vmnda7:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    .uwxqe4:hover:not([data-disabled]) {
+    ._1vmnda7:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/src/breadcrumb/{BreadcrumbNode.css.ts.vanilla-Cvu0kqxB.css → BreadcrumbNode.css.ts.vanilla-DsJ0JBqg.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  ._1nyp5l3 {
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._4up6n {
     max-width: 160px;
   }
-  ._1nyp5l3:not(:first-child)::before {
+  ._4up6n:not(:first-child)::before {
     content: "/";
     color: var(--ax-colors-fg-tertiary);
     margin-right: 4px;

package/dist/esm/assets/src/button/ButtonGroup.css.ts.vanilla-dwYhKFVX.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+
+}

package/dist/esm/assets/src/button/ButtonIcon.css.ts.vanilla-CZH0ZFfW.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._13av8ln {
+    height: var(--ax-size-sm);
+    width: var(--ax-size-sm);
+  }
+  .ftjkjp {
+    --ax-styles-iconSize: var(--ax-size-2xs);
+  }
+  .erya1p {
+    --ax-styles-iconSize: var(--ax-size-xs);
+  }
+  ._7tpp23 {
+    --ax-styles-iconSize: var(--ax-size-xs);
+  }
+  ._13d5m1j {
+    background-color: var(--jj7qpn);
+    color: var(--ihqju3);
+    height: auto;
+    padding: 4px;
+    width: 28px;
+  }
+  ._13d5m1j[data-disabled] {
+    background-color: var(--ax-colors-fg-disabled);
+    color: var(--ax-colors-bg-secondary);
+  }
+  ._13d5m1j[data-prefix] {
+    padding-block: 6px;
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._5kwyia {
+    opacity: 1;
+  }
+  ._1s2lcm[data-loading] ._5kwyia {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,222 @@
+@property --c28t7h {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 0turn;
+}
+@keyframes aofv8m {
+  100% {
+    --c28t7h: 1turn;
+  }
+}
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._155vhif {
+    --_1lmpqto: 1px;
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    font-family: DI Grotesk B, Roboto Condensed Variable, system-ui, sans-serif;
+    padding-inline: var(--nlyeu);
+    position: relative;
+    text-decoration: none;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._155vhif:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+    z-index: 10;
+  }
+  ._155vhif[data-disabled] {
+    cursor: not-allowed;
+  }
+  ._11op1ip[data-orientation="horizontal"] > ._155vhif:not(:first-child):not(:last-child),._11op1ip[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._155vhif {
+    border-inline-width: 0.5px;
+  }
+  ._11op1ip[data-orientation="horizontal"] > ._155vhif:not(:only-child):first-child,._11op1ip[data-orientation="horizontal"] > :not(:only-child):first-child ._155vhif {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._11op1ip[data-orientation="horizontal"] > ._155vhif:not(:only-child):last-child,._11op1ip[data-orientation="horizontal"] > :not(:only-child):last-child ._155vhif {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._11op1ip[data-orientation="vertical"] > ._155vhif:not(:first-child):not(:last-child),._11op1ip[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._155vhif {
+    border-block-width: 0.5px;
+  }
+  ._11op1ip[data-orientation="vertical"] > ._155vhif:not(:only-child):first-child,._11op1ip[data-orientation="vertical"] > :not(:only-child):first-child ._155vhif {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._11op1ip[data-orientation="vertical"] > ._155vhif:not(:only-child):last-child,._11op1ip[data-orientation="vertical"] > :not(:only-child):last-child ._155vhif {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._11op1ip[data-orientation] > ._155vhif:not(:first-child):not(:last-child),._11op1ip[data-orientation] > :not(:first-child):not(:last-child) ._155vhif {
+    border-radius: 0;
+  }
+  ._6cwps7 {
+    --ihqju3: var(--ax-colors-bg-error);
+    --_1lmpqto: 2px;
+    --_92nkkn: var(--ax-colors-bg-error-hovered);
+    --s0ap7g: var(--ax-colors-bg-error-pressed);
+    --jj7qpn: var(--ax-colors-fg-white);
+    --j7sg2x: var(--ax-colors-bg-error-subtlest);
+    --_1g9p9ti: var(--ax-colors-border-error);
+    --_16qjekm: var(--ax-colors-border-error);
+    --_11wzrco: var(--ax-colors-bg-error-subtle);
+    --_1t9lo54: var(--ax-colors-fg-error);
+  }
+  ._5o13nv {
+    --ihqju3: var(--ax-colors-bg-default-inverse);
+    --_92nkkn: var(--ax-colors-bg-default-inverse-hovered);
+    --s0ap7g: var(--ax-colors-bg-default-inverse-pressed);
+    --jj7qpn: var(--ax-colors-fg-default-inverse);
+    --j7sg2x: var(--ax-colors-bg-default-hovered);
+    --_1g9p9ti: var(--ax-colors-border-default);
+    --_16qjekm: var(--ax-colors-border-default);
+    --_11wzrco: var(--ax-colors-bg-default-pressed);
+    --_1t9lo54: var(--ax-colors-fg-default);
+    --_1uukbwi: var(--ax-colors-bg-default-hovered);
+    --gq2tlx: var(--ax-colors-bg-default-pressed);
+  }
+  ._1ka3quz {
+    --ihqju3: var(--ax-colors-bg-accent);
+    --_92nkkn: var(--ax-colors-bg-accent-hovered);
+    --s0ap7g: var(--ax-colors-bg-accent-pressed);
+    --jj7qpn: var(--ax-colors-fg-black);
+    --j7sg2x: var(--ax-colors-bg-accent-subtle);
+    --_11wzrco: var(--ax-colors-bg-accent);
+  }
+  .vz5qj5 {
+    background-color: var(--ax-colors-bg-default);
+    border: var(--_1lmpqto) solid var(--_16qjekm, var(--ihqju3));
+    color: var(--_1t9lo54, var(--ihqju3));
+    padding-inline: calc(var(--nlyeu) - var(--_1lmpqto));
+  }
+  .vz5qj5:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_11wzrco);
+    border-color: var(--_1g9p9ti, var(--_92nkkn));
+  }
+  .vz5qj5:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent);
+    border-color: var(--ax-colors-fg-accent);
+  }
+  .vz5qj5[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._4cg42n {
+    --oa4con: 
+          conic-gradient(
+            from var(--c28t7h),
+            #8670ed 10%,
+            #617bff99 25%,
+            #8a53fe80 75%,
+            #8670ed 90%
+          )
+        ;
+    animation: aofv8m 4s linear infinite;
+    background-clip: padding-box, border-box;
+    background-color: var(--ax-colors-bg-default);
+    background-image: 
+        linear-gradient(
+          var(--ax-colors-bg-default),
+          var(--ax-colors-bg-default)
+        ),
+        var(--oa4con)
+      ;
+    background-origin: border-box;
+    border: 1px solid transparent;
+    color: var(--_1t9lo54, var(--ihqju3));
+    padding-inline: calc(var(--nlyeu) - 1px);
+  }
+  ._4cg42n[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1mo58xq {
+    background-color: var(--ihqju3);
+    color: var(--jj7qpn, var(--ax-colors-fg-default));
+  }
+  ._1mo58xq:active:not([data-disabled], [data-loading]) {
+    background-color: var(--s0ap7g);
+  }
+  ._1mo58xq[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    border: var(--_1lmpqto) solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--nlyeu) - var(--_1lmpqto));
+  }
+  ._11bi457 {
+    background-image: linear-gradient(135deg, #392ECF 16%, #7740EC 85%);
+    color: var(--ax-colors-fg-white);
+  }
+  ._11bi457[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    background-image: none;
+    border: 1px solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--nlyeu) - 1px);
+  }
+  ._71n4mc {
+    background-color: transparent;
+    border-color: var(--ihqju3);
+    color: var(--_1t9lo54, var(--ihqju3));
+  }
+  ._71n4mc:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--gq2tlx, var(--_11wzrco));
+  }
+  ._71n4mc:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-default-pressed);
+  }
+  ._71n4mc[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .gd49u5 {
+    border-radius: var(--ax-borderRadius-lg);
+  }
+  ._1ycf8rb {
+    --nlyeu: 6px;
+  }
+  ._16w3xj5 {
+    --nlyeu: 6px;
+  }
+  .jsgk24 {
+    --nlyeu: 8px;
+  }
+  .fvwiqe {
+    --nlyeu: 8px;
+  }
+  ._247vn9 {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    .vz5qj5:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--j7sg2x);
+      border-color: var(--_1g9p9ti, var(--_92nkkn));
+    }
+    ._4cg42n:hover:not(:active, [data-disabled], [data-loading]) {
+      --oa4con: 
+                    conic-gradient(
+                      from var(--c28t7h),
+                      #7C3AED,
+                      #8287FF 33%,
+                      #7D04C7 67%,
+                      #7C3AED
+                    )
+                  ;
+    }
+    ._1mo58xq:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_92nkkn);
+    }
+    ._71n4mc:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1uukbwi, var(--j7sg2x));
+    }
+  }
+}

package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-B2TvXy19.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  .cmc90b {
+    min-height: 274px;
+  }
+}

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

@@ -1,47 +1,47 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  .maql2i {
-    background-color: var(--njexd9);
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._11vxi52 {
+    background-color: var(--_156rbh9);
     border-radius: var(--ax-borderRadius-md);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .maql2i:focus-visible {
+  ._11vxi52:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  .maql2i[disabled] {
+  ._11vxi52[disabled] {
     opacity: 0.32;
   }
-  .y693bm {
-    --njexd9: var(--ax-colors-bg-default);
+  ._5xx6a7 {
+    --_156rbh9: var(--ax-colors-bg-default);
   }
-  ._1cwdyu0 {
-    --njexd9: var(--ax-colors-bg-error-subtlest);
+  ._8fivej {
+    --_156rbh9: var(--ax-colors-bg-error-subtlest);
   }
-  ._17i8vln {
-    --njexd9: var(--ax-colors-bg-secondary);
+  ._4flvij {
+    --_156rbh9: var(--ax-colors-bg-secondary);
   }
-  ._1at6ffb {
-    --njexd9: var(--ax-colors-bg-default-pressed);
+  ._3rd748 {
+    --_156rbh9: var(--ax-colors-bg-default-pressed);
   }
-  ._14ucyq0 {
-    --njexd9: var(--ax-colors-bg-page);
+  ._1d03i1h {
+    --_156rbh9: var(--ax-colors-bg-page);
   }
-  ._1rw1pdi {
+  .cji83s {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }
-  ._4q4zix {
+  ._118bvh6 {
     border-radius: 0;
   }
-  .nhzk8c {
+  ._1u9ei13 {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-  ._1alx2cs {
+  ._1iwvgzd {
     background-color: var(--ax-colors-fg-default);
     bottom: 3px;
     height: 5px;
@@ -50,20 +50,20 @@
     width: 5px;
   }
   @media (hover: hover) {
-    .maql2i:not([disabled]):hover {
+    ._11vxi52:not([disabled]):hover {
       background-color: 
               color-mix(
                 in srgb,
-                var(--njexd9, transparent),
+                var(--_156rbh9, transparent),
                 var(--ax-colors-bg-default-inverse) 8%
               )
             ;
     }
-    .maql2i:not([disabled]):hover:active {
+    ._11vxi52:not([disabled]):hover:active {
       background-color: 
               color-mix(
                 in srgb,
-                var(--njexd9, transparent),
+                var(--_156rbh9, transparent),
                 var(--ax-colors-bg-default-inverse) 16%
               )
             ;

package/dist/esm/assets/src/calendar/CalendarGrid.css.ts.vanilla-DJoBhvTK.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._1shgccx {
+    height: 192px;
+    width: 236px;
+  }
+}

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

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

package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-U6hKE7o4.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._150mooi {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BbbpjxOG.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  .a45jc1 {
+    position: absolute;
+    right: 32px;
+    top: 0;
+  }
+}

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

@@ -0,0 +1,8 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  .doaq2i {
+    --_17gxk98: var(--ax-borderRadius-lg);
+    border-radius: var(--ax-borderRadius-lg);
+    position: relative;
+  }
+}

package/dist/esm/assets/src/card/CardCheckbox.css.ts.vanilla-4Qm6aeMB.css

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

package/dist/esm/assets/src/card/CardHeader.css.ts.vanilla-BDA9dh4Z.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._10ag5e6 {
+    min-height: var(--ax-size-sm);
+  }
+  ._1mfzgoj {
+    order: 3;
+  }
+  .tq3405 {
+    order: 1;
+  }
+  ._1cjzids {
+    order: 2;
+  }
+}

package/dist/{cjs/assets/src/card/CardPreview.css.ts.vanilla-MxAqOBVD.css → esm/assets/src/card/CardPreview.css.ts.vanilla-C4zYyaXC.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  .b6biul {
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._14y2ymg {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 8px;
     position: relative;
   }
-  ._12dfstg {
+  ._15tabcs {
     inset: 0;
     padding: 16px;
     place-content: space-between;

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

@@ -1,26 +1,26 @@
-@layer optiaxiom._1e45qfz;
-@layer optiaxiom._1e45qfz {
-  .c555oy {
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._1ksctse {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  .sagfg2:has(._1t7eog2:checked, ._1t7eog2:indeterminate) .c555oy {
+  ._1we7h6l:has(._1949tzv:checked, ._1949tzv:indeterminate) ._1ksctse {
     clip-path: inset(0 0 0 0);
   }
-  .uv9r {
+  ._1ko5tfq {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1hquqhr);
+    border-color: var(--qdbxhk);
     border-width: 2px;
-    color: var(--_1l5n5aj);
+    color: var(--bs2aij);
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .sagfg2:has(._1t7eog2:checked, ._1t7eog2:indeterminate) .uv9r {
+  ._1we7h6l:has(._1949tzv:checked, ._1949tzv:indeterminate) ._1ko5tfq {
     border-width: 12px;
   }
-  .mzwfxy {
+  ._1el8s0f {
     margin-block: -2px;
   }
 }

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

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

package/dist/esm/assets/src/command/CommandItem.css.ts.vanilla-DRyPnIua.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._87ho1h {
+    flex-shrink: 99999;
+  }
+}

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

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom._1r27r56;
+@layer optiaxiom {
+  ._1cuuv2r {
+    position: static;
+  }
+  ._1cuuv2r:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom._1r27r56 {
+  .fnku1w {
+    --je39i7: solid;
+  }
+  .fnku1w::before {
+    content: "";
+    border-radius: var(--_17gxk98, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  .fnku1w:focus-visible::before {
+    outline: 2px var(--je39i7) var(--ax-colors-border-focus);
+    outline-offset: var(--_1nkodsl);
+  }
+  ._2t54qy {
+    --_1nkodsl: 1px;
+  }
+  .l87eft {
+    --_1nkodsl: -2px;
+  }
+  .l87eft:is(a) {
+    --je39i7: auto;
+  }
+}

package/dist/esm/assets/src/data-table/DataTableBody.css.ts.vanilla-DDPYF4XA.css

@@ -0,0 +1,71 @@
+@property --z57j8w {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom._1r27r56;
+@layer optiaxiom._1r27r56 {
+  ._1ama07i {
+    position: relative;
+  }
+  ._1ama07i[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--_180quko);
+  }
+  ._1ama07i[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--_5gegry);
+  }
+  ._1ama07i[data-scroll-timeline]::before, ._1ama07i[data-scroll-timeline]::after {
+    content: "";
+    display: block;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    transition: 0.3s opacity;
+    width: 16px;
+    z-index: 1;
+  }
+  ._1ama07i[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._1ama07i[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .tfq0dt {
+    width: calc(1px * var(--_1pzvl4y));
+  }
+  .wb1rc0 {
+    left: var(--_3kw8r9);
+  }
+  ._1e3c6h7 {
+    right: var(--_3kw8r9);
+  }
+  ._1p61plt {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--z57j8w), var(--z57j8w));
+    transition: --z57j8w var(--ax-duration-sm) ease;
+  }
+  .g57vq3[data-selected] ._1p61plt {
+    --z57j8w: var(--ax-colors-bg-accent-subtle);
+  }
+  ._1ynj6rs {
+    flex-grow: calc(var(--_1pzvl4y) / var(--gq2k96));
+  }
+  @media (hover: hover) {
+    .g57vq3:hover ._1p61plt {
+      --z57j8w: var(--ax-colors-bg-default-hovered);
+    }
+    .g57vq3[data-selected]:hover ._1p61plt {
+      --z57j8w: 
+                  color-mix(
+                    in srgb,
+                    var(--ax-colors-bg-accent-subtle),
+                    var(--ax-colors-bg-accent-light) 15%
+                  )
+                ;
+    }
+  }
+}

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

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