@optiaxiom/react 0.8.2 → 0.9.0

package/README.md

@@ -1,6 +1,6 @@
 # Axiom
 
-Axiom is the technical implementation of the Optimizely Design System.
+A React implementation of Optimizely's Axiom Design System.
 
 ## Installation
 

package/dist/{PopoverContent-DXCbZf2h.d.ts → PopoverContent-CmbFiQwF.d.ts}

@@ -1540,12 +1540,13 @@ type DialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, Dial
 declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const MenuListbox: react.ForwardRefExoticComponent<{
+    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
     minW?: "0" | "trigger" | undefined;
     provider?: "popover" | "dropdown-menu" | "popper" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+}>, "maxH"> & Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -1567,7 +1568,7 @@ declare const Link: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
-type PopoverContentProps = ExcludeProps<BoxProps<typeof RadixPopover.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "minW"> & {
+type PopoverContentProps = ExcludeProps<BoxProps<typeof RadixPopover.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
     /**
      * Whether to show an arrow.
      */

package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BDjo6i31.css

@@ -0,0 +1,24 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._1ji87a3 {
+    inset: 0;
+    position: fixed;
+  }
+  .g9kf6a {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_10f9i7g)))
+      scale(calc(1 - 0.06 * var(--_10f9i7g)))
+    ;
+  }
+  ._1c88878 {
+    width: 400px;
+  }
+  ._1f0dhch {
+    width: 600px;
+  }
+  ._1o7rduu {
+    width: 800px;
+  }
+}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Cz2HvZMx.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .jc4512 {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-B_wb60Sc.css

@@ -0,0 +1,10 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._157xutq {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+  ._157xutq:empty {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cw1M_qyD.css

@@ -0,0 +1,27 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .miagcj {
+    user-select: none;
+  }
+  ._18ophdl .miagcj {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  ._18ophdl .lzczfd:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._18ophdl ._866w6t:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._18ophdl .lpnnh3:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._18ophdl ._1w598n3:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._18ophdl .eb1g0p:not(:first-child) {
+    margin-left: -11px;
+  }
+  ._18ophdl ._10aiqxg:not(:first-child) {
+    margin-left: -13px;
+  }
+}

package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css

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

package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-CZ0R8IPm.css → Backdrop.css.ts.vanilla-DirKW22r.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  .xpq40n {
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._1ghr6gz {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/assets/src/badge/Badge.css.ts.vanilla-BvS_yf0c.css

@@ -0,0 +1,46 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .nt9omr {
+    --_3b8uz8: var(--ax-colors-fg-white);
+  }
+  .ul9xdj {
+    --_9xvone: var(--ax-colors-bg-error);
+    --_1lkp2a0: var(--ax-colors-bg-error-subtle);
+    --_12ufgpl: var(--ax-colors-fg-error-strong);
+  }
+  ._1wdecah {
+    --_9xvone: var(--ax-colors-bg-information);
+    --_1lkp2a0: var(--ax-colors-bg-information-subtle);
+    --_12ufgpl: var(--ax-colors-fg-information-strong);
+  }
+  ._1f9wywo {
+    --_9xvone: var(--ax-colors-bg-tertiary);
+    --_3b8uz8: var(--ax-colors-fg-default);
+    --_1lkp2a0: var(--ax-colors-bg-secondary);
+    --_12ufgpl: var(--ax-colors-fg-secondary);
+  }
+  .f4qf85 {
+    --_9xvone: var(--ax-colors-bg-accent);
+    --_1lkp2a0: var(--ax-colors-bg-accent-subtle);
+    --_12ufgpl: var(--ax-colors-fg-accent-strong);
+  }
+  .bcdgd2 {
+    --_9xvone: var(--ax-colors-bg-success);
+    --_1lkp2a0: var(--ax-colors-bg-success-subtle);
+    --_12ufgpl: var(--ax-colors-fg-success-strong);
+  }
+  ._7ct7xi {
+    --_9xvone: var(--ax-colors-bg-warning);
+    --_3b8uz8: var(--ax-colors-fg-warning-inverse);
+    --_1lkp2a0: var(--ax-colors-bg-warning-subtle);
+    --_12ufgpl: var(--ax-colors-fg-warning-strong);
+  }
+  .pi4oim {
+    background-color: var(--_1lkp2a0);
+    color: var(--_12ufgpl);
+  }
+  .hhpfmh {
+    background-color: var(--_9xvone);
+    color: var(--_3b8uz8);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-CxlsAoSo.css → Box.css.ts.vanilla-DIKXfgB7.css}

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

package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DKiGgQaa.css

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

package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Dba3cqM2.css

@@ -0,0 +1,14 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .igp2ld {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  .igp2ld:visited {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  @media (hover: hover) {
+    .igp2ld:hover:not([data-disabled]) {
+      color: var(--ax-colors-fg-secondary);
+    }
+  }
+}

package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CrqPWBsM.css

@@ -0,0 +1,147 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._1po00ao {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_1y4y6d6);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._1po00ao: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;
+  }
+  ._1y076oe[data-orientation="horizontal"] > ._1po00ao:not(:first-child):not(:last-child),._1y076oe[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1po00ao {
+    border-inline-width: 0.5px;
+  }
+  ._1y076oe[data-orientation="horizontal"] > ._1po00ao:not(:only-child):first-child,._1y076oe[data-orientation="horizontal"] > :not(:only-child):first-child ._1po00ao {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1y076oe[data-orientation="horizontal"] > ._1po00ao:not(:only-child):last-child,._1y076oe[data-orientation="horizontal"] > :not(:only-child):last-child ._1po00ao {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1y076oe[data-orientation="vertical"] > ._1po00ao:not(:first-child):not(:last-child),._1y076oe[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1po00ao {
+    border-block-width: 0.5px;
+  }
+  ._1y076oe[data-orientation="vertical"] > ._1po00ao:not(:only-child):first-child,._1y076oe[data-orientation="vertical"] > :not(:only-child):first-child ._1po00ao {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1y076oe[data-orientation="vertical"] > ._1po00ao:not(:only-child):last-child,._1y076oe[data-orientation="vertical"] > :not(:only-child):last-child ._1po00ao {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1y076oe[data-orientation] > ._1po00ao:not(:first-child):not(:last-child),._1y076oe[data-orientation] > :not(:first-child):not(:last-child) ._1po00ao {
+    border-radius: 0;
+  }
+  .yrj1xf {
+    min-width: fit-content;
+  }
+  ._6t8e9e {
+    --_1379d7o: var(--ax-colors-bg-error);
+    --_1j6y331: var(--ax-colors-bg-error-hovered);
+    --x7opm0: var(--ax-colors-bg-error-pressed);
+    --_117mi0m: var(--ax-colors-bg-error-subtlest);
+    --_4p3vys: var(--ax-colors-bg-error-subtle);
+  }
+  .jhmgkb {
+    --_1379d7o: var(--ax-colors-bg-default-inverse);
+    --_1j6y331: var(--ax-colors-bg-default-inverse-hovered);
+    --x7opm0: var(--ax-colors-bg-default-inverse-pressed);
+    --_1k8bzi3: var(--ax-colors-fg-default-inverse);
+    --_117mi0m: var(--ax-colors-bg-page);
+    --g2oelm: var(--ax-colors-border-default);
+    --_8vla35: var(--ax-colors-border-default);
+    --_4p3vys: var(--ax-colors-bg-secondary);
+    --k2yh4b: var(--ax-colors-fg-default);
+    --_175l19o: var(--ax-colors-bg-default-hovered);
+    --_13yashv: var(--ax-colors-bg-default-pressed);
+  }
+  ._8466a3 {
+    --_1379d7o: var(--ax-colors-bg-accent);
+    --_1j6y331: var(--ax-colors-bg-accent-hovered);
+    --x7opm0: var(--ax-colors-bg-accent-pressed);
+    --_117mi0m: var(--ax-colors-bg-accent-subtle);
+    --_4p3vys: var(--ax-colors-bg-accent-light);
+  }
+  .s7w5h1 {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_8vla35, var(--_1379d7o));
+    color: var(--k2yh4b, var(--_1379d7o));
+    padding-inline: calc(var(--_1y4y6d6) - 1px);
+  }
+  .s7w5h1:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_4p3vys);
+    border-color: var(--g2oelm, var(--_1j6y331));
+  }
+  .s7w5h1: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);
+  }
+  .s7w5h1[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .fpw45 {
+    background-color: var(--_1379d7o);
+    color: var(--_1k8bzi3, var(--ax-colors-fg-white));
+  }
+  .fpw45:active:not([data-disabled], [data-loading]) {
+    background-color: var(--x7opm0);
+  }
+  .fpw45[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(--_1y4y6d6) - 1px);
+  }
+  ._1wcb5mc {
+    background-color: transparent;
+    border-color: var(--_1379d7o);
+    color: var(--k2yh4b, var(--_1379d7o));
+  }
+  ._1wcb5mc:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_13yashv, var(--_4p3vys));
+  }
+  ._1wcb5mc:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._1wcb5mc[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .rt633a {
+    --_1y4y6d6: 4px;
+  }
+  .w4w2l0 {
+    --_1y4y6d6: 8px;
+  }
+  ._1mm8xp6 {
+    --_1y4y6d6: 12px;
+  }
+  .y66v4x {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    .s7w5h1:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_117mi0m);
+      border-color: var(--g2oelm, var(--_1j6y331));
+    }
+    .fpw45:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_1j6y331);
+    }
+    ._1wcb5mc:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_175l19o, var(--_117mi0m));
+    }
+  }
+}

package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BGUfLaAx.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._1nfe9uj {
+    opacity: 1;
+  }
+  ._15m7x0z[data-loading] ._1nfe9uj {
+    opacity: 0;
+  }
+}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-CxccT3Rg.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .uouv7i {
+    clip-path: inset(100% 0 0 0);
+    transition-delay: 125ms;
+  }
+  .gd9sx4:has(._1ywtts4:checked) .uouv7i {
+    clip-path: inset(0 0 0 0);
+  }
+  ._9gdsfl {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_1aupzrz);
+    border-width: 1px;
+    place-content: center;
+    transition-duration: 150ms;
+    transition-property: border-width;
+    transition-timing-function: ease;
+  }
+  .gd9sx4:has(._1ywtts4:checked) ._9gdsfl {
+    border-width: 8px;
+  }
+}

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

@@ -0,0 +1,11 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .n6drj0 {
+    font-size: 0.9em;
+    font-variant-ligatures: none;
+    -webkit-font-smoothing: auto;
+  }
+  .n6drj0::after, .n6drj0::before {
+    content: "`";
+  }
+}

package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BnQBFIMz.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._17rdj5q[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-active);
+    outline-offset: 1px;
+  }
+}

package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-D-Y37ogI.css → DataTable.css.ts.vanilla-BIy4QD6j.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._11ek117 {
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  ._4g7wai {
     background-repeat: no-repeat;
   }
-  .zqte4b {
+  .dphpfc {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -30,10 +30,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1n5796e) 0, var(--_1n5796e) 0, calc(100% - var(--_1vghd3a)) 0, calc(100% - var(--_1vghd3a)) 0;
+    background-position: var(--_145iq7e) 0, var(--_145iq7e) 0, calc(100% - var(--_1c6o47h)) 0, calc(100% - var(--_1c6o47h)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  .s7h2ib {
+  ._1tcbiza {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -48,10 +48,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1n5796e) 0, var(--_1n5796e) 0;
+    background-position: var(--_145iq7e) 0, var(--_145iq7e) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1fov8wc {
+  .itfwd6 {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -66,36 +66,38 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1vghd3a)) 0, calc(100% - var(--_1vghd3a)) 0;
+    background-position: calc(100% - var(--_1c6o47h)) 0, calc(100% - var(--_1c6o47h)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .ibbf5n {
+  .sbivds {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  ._3xycix {
-    width: var(--_1ezzrud);
+  .sbddr5 {
+    width: var(--_1khgkbw);
   }
-  ._1o96dum {
-    left: var(--k97bpv);
+  ._94bvde {
+    left: var(--_8uf644);
     position: sticky;
     z-index: 10;
   }
-  .p9tjnr {
+  ._16fx1r8 {
     position: sticky;
-    right: var(--k97bpv);
+    right: var(--_8uf644);
     z-index: 10;
   }
-  ._1s0hb48 {
+  .ejd7ig {
     background-color: var(--ax-colors-bg-default);
   }
-  .m8pkss:hover ._1s0hb48 {
-    background-image: 
-            linear-gradient(
-              var(--ax-colors-bg-default-hovered),
-              var(--ax-colors-bg-default-hovered)
-            )
-          ;
+  @media (hover: hover) {
+    .xcdpwt:hover .ejd7ig {
+      background-image: 
+                linear-gradient(
+                  var(--ax-colors-bg-default-hovered),
+                  var(--ax-colors-bg-default-hovered)
+                )
+              ;
+    }
   }
 }

package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-DAaoRros.css → DataTableHeaderCell.css.ts.vanilla-CgeIKahI.css}

@@ -1,40 +1,42 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._91sku7 {
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .ncxitn {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._91sku7::after {
+  .ncxitn::after {
     content: "";
     inset: 0;
     position: absolute;
   }
-  ._91sku7:focus-visible {
+  .ncxitn:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._91sku7:focus-visible::after {
+  .ncxitn:focus-visible::after {
     border-radius: var(--ax-borderRadius-md);
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: -2px;
   }
-  ._91sku7:hover {
-    color: var(--ax-colors-fg-secondary);
-  }
-  ._1g6wuc7 {
+  ._1p4j215 {
     grid-area: 1 / 1 / 2 / 2;
   }
-  .d4q77i {
+  ._1g49bjw {
     opacity: 0;
   }
-  .il8kvh {
+  ._1htoupv {
     opacity: 1;
   }
-  ._1i4wjq1 {
+  ._1lei0y7 {
     opacity: 0;
   }
-  ._1p42j9r:is(:focus-visible, :hover) ._1i4wjq1 {
-    opacity: 1;
+  @media (hover: hover) {
+    .ncxitn:hover {
+      color: var(--ax-colors-fg-secondary);
+    }
+    .l6w6ad:is(:focus-visible, :hover) ._1lei0y7 {
+      opacity: 1;
+    }
   }
 }

package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DNIzS9xQ.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1lcqm4m;
+@layer optiaxiom._1lcqm4m {
+  .hvvat9 {
+    order: 2;
+  }
+}