@optiaxiom/react 3.0.1 → 3.0.2

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

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

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

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

package/dist/{cjs/assets/src/button/ButtonIcon.css.ts.vanilla-6zr0csFp.css → esm/assets/src/button/ButtonIcon.css.ts.vanilla-BfXr07aU.css}

@@ -1,26 +1,26 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  ._1o18ybq {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1e94yxc {
     height: var(--ax-size-sm);
     width: var(--ax-size-sm);
   }
-  .tsuyxg {
+  ._1lmvbyu {
     --ax-styles-iconSize: var(--ax-size-2xs);
   }
-  ._13cyy38 {
+  ._1fw1hnn {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1sc9w8m {
+  .zpjvws {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  .gbsx9u {
-    background-color: var(--_1317whw);
-    color: var(--_191yi5g);
+  ._1fmgqi5 {
+    background-color: var(--_12a1kmz);
+    color: var(--_11qv5l3);
     height: auto;
     padding: 4px;
     width: 28px;
   }
-  .gbsx9u[data-prefix] {
+  ._1fmgqi5[data-prefix] {
     padding-block: 6px;
   }
 }

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1fe51yk {
+    opacity: 1;
+  }
+  ._14yw70a[data-loading] ._1fe51yk {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,222 @@
+@property --oig7qj {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 0turn;
+}
+@keyframes cr3pie {
+  100% {
+    --oig7qj: 1turn;
+  }
+}
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1sjkjb4 {
+    --zqzcit: 1px;
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    font-family: DI Grotesk B, Roboto Condensed Variable, system-ui, sans-serif;
+    padding-inline: var(--_1hij6j9);
+    position: relative;
+    text-decoration: none;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1sjkjb4: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;
+  }
+  ._1sjkjb4[data-disabled] {
+    cursor: not-allowed;
+  }
+  .b8yhlp[data-orientation="horizontal"] > ._1sjkjb4:not(:first-child):not(:last-child),.b8yhlp[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1sjkjb4 {
+    border-inline-width: 0.5px;
+  }
+  .b8yhlp[data-orientation="horizontal"] > ._1sjkjb4:not(:only-child):first-child,.b8yhlp[data-orientation="horizontal"] > :not(:only-child):first-child ._1sjkjb4 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .b8yhlp[data-orientation="horizontal"] > ._1sjkjb4:not(:only-child):last-child,.b8yhlp[data-orientation="horizontal"] > :not(:only-child):last-child ._1sjkjb4 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .b8yhlp[data-orientation="vertical"] > ._1sjkjb4:not(:first-child):not(:last-child),.b8yhlp[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1sjkjb4 {
+    border-block-width: 0.5px;
+  }
+  .b8yhlp[data-orientation="vertical"] > ._1sjkjb4:not(:only-child):first-child,.b8yhlp[data-orientation="vertical"] > :not(:only-child):first-child ._1sjkjb4 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .b8yhlp[data-orientation="vertical"] > ._1sjkjb4:not(:only-child):last-child,.b8yhlp[data-orientation="vertical"] > :not(:only-child):last-child ._1sjkjb4 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .b8yhlp[data-orientation] > ._1sjkjb4:not(:first-child):not(:last-child),.b8yhlp[data-orientation] > :not(:first-child):not(:last-child) ._1sjkjb4 {
+    border-radius: 0;
+  }
+  ._16kjca7 {
+    --_11qv5l3: var(--ax-colors-bg-error);
+    --zqzcit: 2px;
+    --p3kwsf: var(--ax-colors-bg-error-hovered);
+    --_82201v: var(--ax-colors-bg-error-pressed);
+    --_12a1kmz: var(--ax-colors-fg-white);
+    --_1p6q9xg: var(--ax-colors-bg-error-subtlest);
+    --j4y94h: var(--ax-colors-border-error);
+    --trabj5: var(--ax-colors-border-error);
+    --_14p5awd: var(--ax-colors-bg-error-subtle);
+    --wtr8mx: var(--ax-colors-fg-error);
+  }
+  ._1bvw4ge {
+    --_11qv5l3: var(--ax-colors-bg-default-inverse);
+    --p3kwsf: var(--ax-colors-bg-default-inverse-hovered);
+    --_82201v: var(--ax-colors-bg-default-inverse-pressed);
+    --_12a1kmz: var(--ax-colors-fg-default-inverse);
+    --_1p6q9xg: var(--ax-colors-bg-default-hovered);
+    --j4y94h: var(--ax-colors-border-default);
+    --trabj5: var(--ax-colors-border-default);
+    --_14p5awd: var(--ax-colors-bg-default-pressed);
+    --wtr8mx: var(--ax-colors-fg-default);
+    --_1kzew7m: var(--ax-colors-bg-default-hovered);
+    --_1iwx0e2: var(--ax-colors-bg-default-pressed);
+  }
+  ._1y9miv0 {
+    --_11qv5l3: var(--ax-colors-bg-accent);
+    --p3kwsf: var(--ax-colors-bg-accent-hovered);
+    --_82201v: var(--ax-colors-bg-accent-pressed);
+    --_12a1kmz: var(--ax-colors-fg-black);
+    --_1p6q9xg: var(--ax-colors-bg-accent-subtle);
+    --_14p5awd: var(--ax-colors-bg-accent);
+  }
+  ._1rngw4p {
+    background-color: var(--ax-colors-bg-default);
+    border: var(--zqzcit) solid var(--trabj5, var(--_11qv5l3));
+    color: var(--wtr8mx, var(--_11qv5l3));
+    padding-inline: calc(var(--_1hij6j9) - var(--zqzcit));
+  }
+  ._1rngw4p:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_14p5awd);
+    border-color: var(--j4y94h, var(--p3kwsf));
+  }
+  ._1rngw4p:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent);
+    border-color: var(--ax-colors-fg-accent);
+  }
+  ._1rngw4p[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .f7mc58 {
+    --eu49dx: 
+          conic-gradient(
+            from var(--oig7qj),
+            #8670ed 10%,
+            #617bff99 25%,
+            #8a53fe80 75%,
+            #8670ed 90%
+          )
+        ;
+    animation: cr3pie 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(--eu49dx)
+      ;
+    background-origin: border-box;
+    border: 1px solid transparent;
+    color: var(--wtr8mx, var(--_11qv5l3));
+    padding-inline: calc(var(--_1hij6j9) - 1px);
+  }
+  .f7mc58[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1e1vr8r {
+    background-color: var(--_11qv5l3);
+    color: var(--_12a1kmz, var(--ax-colors-fg-default));
+  }
+  ._1e1vr8r:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_82201v);
+  }
+  ._1e1vr8r[data-disabled]:not([data-loading]) {
+    background-color: var(--ax-colors-bg-secondary);
+    border: var(--zqzcit) solid var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+    padding-inline: calc(var(--_1hij6j9) - var(--zqzcit));
+  }
+  .uusbk4 {
+    background-image: linear-gradient(135deg, #392ECF 16%, #7740EC 85%);
+    color: var(--ax-colors-fg-white);
+  }
+  .uusbk4[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(--_1hij6j9) - 1px);
+  }
+  ._1yihgkw {
+    background-color: transparent;
+    border-color: var(--_11qv5l3);
+    color: var(--wtr8mx, var(--_11qv5l3));
+  }
+  ._1yihgkw:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1iwx0e2, var(--_14p5awd));
+  }
+  ._1yihgkw:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-default-pressed);
+  }
+  ._1yihgkw[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .gb4z1f {
+    border-radius: var(--ax-borderRadius-lg);
+  }
+  ._1nnsnhd {
+    --_1hij6j9: 6px;
+  }
+  .dqtbsu {
+    --_1hij6j9: 6px;
+  }
+  ._1u5qe6h {
+    --_1hij6j9: 8px;
+  }
+  ._189cdqs {
+    --_1hij6j9: 8px;
+  }
+  .wwu3cp {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._1rngw4p:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1p6q9xg);
+      border-color: var(--j4y94h, var(--p3kwsf));
+    }
+    .f7mc58:hover:not(:active, [data-disabled], [data-loading]) {
+      --eu49dx: 
+                    conic-gradient(
+                      from var(--oig7qj),
+                      #7C3AED,
+                      #8287FF 33%,
+                      #7D04C7 67%,
+                      #7C3AED
+                    )
+                  ;
+    }
+    ._1e1vr8r:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--p3kwsf);
+    }
+    ._1yihgkw:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1kzew7m, var(--_1p6q9xg));
+    }
+  }
+}

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

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

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

@@ -1,47 +1,47 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .huhjfh {
-    background-color: var(--_77fw09);
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .maql2i {
+    background-color: var(--njexd9);
     border-radius: var(--ax-borderRadius-md);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  .huhjfh:focus-visible {
+  .maql2i:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  .huhjfh[disabled] {
+  .maql2i[disabled] {
     opacity: 0.32;
   }
-  .ftidex {
-    --_77fw09: var(--ax-colors-bg-default);
+  .y693bm {
+    --njexd9: var(--ax-colors-bg-default);
   }
-  ._1e0aqyy {
-    --_77fw09: var(--ax-colors-bg-error-subtlest);
+  ._1cwdyu0 {
+    --njexd9: var(--ax-colors-bg-error-subtlest);
   }
-  ._1bx8j6o {
-    --_77fw09: var(--ax-colors-bg-secondary);
+  ._17i8vln {
+    --njexd9: var(--ax-colors-bg-secondary);
   }
-  ._13tk24i {
-    --_77fw09: var(--ax-colors-bg-default-pressed);
+  ._1at6ffb {
+    --njexd9: var(--ax-colors-bg-default-pressed);
   }
-  ._17y8svn {
-    --_77fw09: var(--ax-colors-bg-page);
+  ._14ucyq0 {
+    --njexd9: var(--ax-colors-bg-page);
   }
-  ._1w1g77y {
+  ._1rw1pdi {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }
-  ._1i9nylb {
+  ._4q4zix {
     border-radius: 0;
   }
-  .bq5mtj {
+  .nhzk8c {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-  .jtlvjr {
+  ._1alx2cs {
     background-color: var(--ax-colors-fg-default);
     bottom: 3px;
     height: 5px;
@@ -50,20 +50,20 @@
     width: 5px;
   }
   @media (hover: hover) {
-    .huhjfh:not([disabled]):hover {
+    .maql2i:not([disabled]):hover {
       background-color: 
               color-mix(
                 in srgb,
-                var(--_77fw09, transparent),
+                var(--njexd9, transparent),
                 var(--ax-colors-bg-default-inverse) 8%
               )
             ;
     }
-    .huhjfh:not([disabled]):hover:active {
+    .maql2i:not([disabled]):hover:active {
       background-color: 
               color-mix(
                 in srgb,
-                var(--_77fw09, transparent),
+                var(--njexd9, transparent),
                 var(--ax-colors-bg-default-inverse) 16%
               )
             ;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .i73h07 {
+    min-height: var(--ax-size-sm);
+  }
+  .lqlsaz {
+    order: 3;
+  }
+  ._1ap7bzz {
+    order: 1;
+  }
+  ._15hvex8 {
+    order: 2;
+  }
+}

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

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

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

@@ -1,26 +1,26 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .cdtenr {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .c555oy {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._1d8t74j:has(._1lol6ch:checked, ._1lol6ch:indeterminate) .cdtenr {
+  .sagfg2:has(._1t7eog2:checked, ._1t7eog2:indeterminate) .c555oy {
     clip-path: inset(0 0 0 0);
   }
-  ._1sup3iv {
+  .uv9r {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1kz37bp);
+    border-color: var(--_1hquqhr);
     border-width: 2px;
-    color: var(--_2jp0ba);
+    color: var(--_1l5n5aj);
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  ._1d8t74j:has(._1lol6ch:checked, ._1lol6ch:indeterminate) ._1sup3iv {
+  .sagfg2:has(._1t7eog2:checked, ._1t7eog2:indeterminate) .uv9r {
     border-width: 12px;
   }
-  ._1pw4c5 {
+  .mzwfxy {
     margin-block: -2px;
   }
 }

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

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

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

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

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

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom {
+  ._6ko53b {
+    position: static;
+  }
+  ._6ko53b:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom._1e45qfz {
+  .acxji8 {
+    --_132wlp: solid;
+  }
+  .acxji8::before {
+    content: "";
+    border-radius: var(--_19x40u2, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  .acxji8:focus-visible::before {
+    outline: 2px var(--_132wlp) var(--ax-colors-border-focus);
+    outline-offset: var(--yum845);
+  }
+  ._5g7bb3 {
+    --yum845: 1px;
+  }
+  .lqtrcf {
+    --yum845: -2px;
+  }
+  .lqtrcf:is(a) {
+    --_132wlp: auto;
+  }
+}

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

@@ -0,0 +1,71 @@
+@property --_1du3iy5 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1wm6m41 {
+    position: relative;
+  }
+  ._1wm6m41[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--ug78d3);
+  }
+  ._1wm6m41[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--t29a0s);
+  }
+  ._1wm6m41[data-scroll-timeline]::before, ._1wm6m41[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;
+  }
+  ._1wm6m41[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._1wm6m41[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .kj97qe {
+    width: calc(1px * var(--_1m6fi98));
+  }
+  ._1gzu7sb {
+    left: var(--e6o5dj);
+  }
+  .k9y195 {
+    right: var(--e6o5dj);
+  }
+  ._179cjo9 {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--_1du3iy5), var(--_1du3iy5));
+    transition: --_1du3iy5 var(--ax-duration-sm) ease;
+  }
+  ._1vw6ejl[data-selected] ._179cjo9 {
+    --_1du3iy5: var(--ax-colors-bg-accent-subtle);
+  }
+  .km8k01 {
+    flex-grow: calc(var(--_1m6fi98) / var(--i94vpr));
+  }
+  @media (hover: hover) {
+    ._1vw6ejl:hover ._179cjo9 {
+      --_1du3iy5: var(--ax-colors-bg-default-hovered);
+    }
+    ._1vw6ejl[data-selected]:hover ._179cjo9 {
+      --_1du3iy5: 
+                  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-D-bhXt2d.css

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