@optiaxiom/react 0.5.3 → 0.5.4

package/dist/{Link-kkRSxd5_.d.ts → PopoverContent-C6I-rB7-.d.ts}

@@ -1,6 +1,8 @@
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef, ReactElement } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
+import * as RadixPopover from '@radix-ui/react-popover';
 
 type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
 
@@ -26,7 +28,7 @@ declare const sprinkles: ((props: {
     pointerEvents?: "none" | "auto" | undefined;
     textAlign?: "end" | "start" | "center" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "opacity" | "transform" | "colors" | "all" | undefined;
+    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
     whiteSpace?: "nowrap" | undefined;
     zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "popover" | "toast" | "tooltip" | undefined;
     bg?: "current" | "transparent" | "avatar.bg.blue" | "avatar.bg.cyan" | "avatar.bg.green" | "avatar.bg.magenta" | "avatar.bg.purple" | "avatar.bg.yellow" | "avatar.fg.blue" | "avatar.fg.cyan" | "avatar.fg.green" | "avatar.fg.magenta" | "avatar.fg.purple" | "avatar.fg.yellow" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.default" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.secondary" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "link.fg.default" | "link.fg.default.hovered" | "link.fg.inverse" | "link.fg.subtle" | "link.fg.visited" | "spinner.bg.default" | "spinner.bg.inverse" | "spinner.fg.default" | "spinner.fg.inverse" | undefined;
@@ -4431,6 +4433,27 @@ declare const Transition: react.ForwardRefExoticComponent<{
     type?: "pop" | "fade" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+    withCloseButton?: boolean;
+} & {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const MenuListbox: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
 declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -4441,4 +4464,12 @@ declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
     appearance?: "default" | "subtle" | "inverse" | undefined;
 } & react.RefAttributes<HTMLAnchorElement>>;
 
-export { type BoxProps as B, type ExtendProps as E, Link as L, type Sprinkles as S, Transition as T, Box as a, mapResponsiveValue as m, sprinkles as s };
+declare const PopoverContent: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+    withArrow?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { type BoxProps as B, DialogContent as D, type ExtendProps as E, Link as L, MenuListbox as M, PopoverContent as P, type Sprinkles as S, Transition as T, Box as a, mapResponsiveValue as m, sprinkles as s };

package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-DcfuN9n8.css → AlertDialogContent.css.ts.vanilla-C0kks2r5.css}

@@ -1,24 +1,20 @@
-@layer optiaxiom._8bz2fm;
-@layer optiaxiom._8bz2fm {
-  ._14egwcc {
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._1wb8xuc {
     inset: 0;
     position: fixed;
   }
-  ._1cur7nf {
+  ._1uk2lu4 {
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * 24px);
   }
-  .psa4md {
+  .xkr51s {
     width: 400px;
   }
-  ._1tudrrr {
+  .v41eet {
     width: 600px;
   }
-  .ojx47 {
+  ._1qwtv6m {
     width: 800px;
   }
-  ._1c9omr2 {
-    inset: 0;
-    position: fixed;
-  }
 }

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

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

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

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

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

@@ -0,0 +1,28 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._1yt4s9p {
+    border-radius: var(--ax-borderRadius-full);
+    user-select: none;
+  }
+  .u5bucn ._1yt4s9p {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  .u5bucn ._1i8tva0:not(:first-child) {
+    margin-left: -3px;
+  }
+  .u5bucn ._1drd8jv:not(:first-child) {
+    margin-left: -5px;
+  }
+  .u5bucn ._14h95lj:not(:first-child) {
+    margin-left: -7px;
+  }
+  .u5bucn ._1wp2nu1:not(:first-child) {
+    margin-left: -9px;
+  }
+  .u5bucn ._1nrfuiq:not(:first-child) {
+    margin-left: -11px;
+  }
+  .u5bucn .eobtob:not(:first-child) {
+    margin-left: -13px;
+  }
+}

package/dist/assets/src/backdrop/Backdrop.css.ts.vanilla-DDmh_j9o.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._9pba07 {
+    backdrop-filter: blur(4px);
+    inset: 0;
+    position: fixed;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  .fkwvku {
+    --_1vaxyh4: var(--ax-colors-fg-white);
+  }
+  .rqtt1o {
+    --xewuha: var(--ax-colors-bg-error);
+    --pzjdmk: var(--ax-colors-bg-error-subtle);
+    --_1x37lh1: var(--ax-colors-fg-error-strong);
+  }
+  ._1kdqxlx {
+    --xewuha: var(--ax-colors-bg-information);
+    --pzjdmk: var(--ax-colors-bg-information-subtle);
+    --_1x37lh1: var(--ax-colors-fg-information-strong);
+  }
+  .zlbwxk {
+    --xewuha: var(--ax-colors-bg-tertiary);
+    --_1vaxyh4: var(--ax-colors-fg-default);
+    --pzjdmk: var(--ax-colors-bg-secondary);
+    --_1x37lh1: var(--ax-colors-fg-secondary);
+  }
+  ._3ilnej {
+    --xewuha: var(--ax-colors-bg-accent);
+    --pzjdmk: var(--ax-colors-bg-accent-subtle);
+    --_1x37lh1: var(--ax-colors-fg-accent-strong);
+  }
+  ._1eebru0 {
+    --xewuha: var(--ax-colors-bg-success);
+    --pzjdmk: var(--ax-colors-bg-success-subtle);
+    --_1x37lh1: var(--ax-colors-fg-success-strong);
+  }
+  .m0b1g9 {
+    --xewuha: var(--ax-colors-bg-warning);
+    --_1vaxyh4: var(--ax-colors-fg-warning-inverse);
+    --pzjdmk: var(--ax-colors-bg-warning-subtle);
+    --_1x37lh1: var(--ax-colors-fg-warning-strong);
+  }
+  .afvqkt {
+    background-color: var(--pzjdmk);
+    color: var(--_1x37lh1);
+  }
+  ._1e61mn0 {
+    background-color: var(--xewuha);
+    color: var(--_1vaxyh4);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-BcTx7-K7.css → Box.css.ts.vanilla-DtsMeZ8W.css}

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

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

@@ -0,0 +1,142 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._128zych {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_3sfxus);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._128zych:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+    z-index: var(--ax-zIndex-10);
+  }
+  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._128zych {
+    border-inline-width: 0.5px;
+  }
+  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:only-child):first-child,.rl8wz3[data-orientation="horizontal"] > :not(:only-child):first-child ._128zych {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:only-child):last-child,.rl8wz3[data-orientation="horizontal"] > :not(:only-child):last-child ._128zych {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._128zych {
+    border-block-width: 0.5px;
+  }
+  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:only-child):first-child,.rl8wz3[data-orientation="vertical"] > :not(:only-child):first-child ._128zych {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:only-child):last-child,.rl8wz3[data-orientation="vertical"] > :not(:only-child):last-child ._128zych {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .rl8wz3[data-orientation] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation] > :not(:first-child):not(:last-child) ._128zych {
+    border-radius: 0;
+  }
+  ._1sro0zp {
+    min-width: fit-content;
+  }
+  ._1w9n8ar {
+    --_1iq010g: var(--ax-colors-bg-error);
+    --_1fx8h68: var(--ax-colors-bg-error-hovered);
+    --gb74wz: var(--ax-colors-bg-error-pressed);
+    --_1l0chal: var(--ax-colors-bg-error-subtlest);
+    --ymgmb8: var(--ax-colors-bg-error-subtle);
+  }
+  ._1xh7ecp {
+    --_1iq010g: var(--ax-colors-bg-default-inverse);
+    --_1fx8h68: var(--ax-colors-bg-default-inverse-hovered);
+    --gb74wz: var(--ax-colors-bg-default-inverse-pressed);
+    --_1l0chal: var(--ax-colors-bg-secondary);
+    --vj9f2i: var(--ax-colors-border-default);
+    --f1qkpa: var(--ax-colors-border-default);
+    --ymgmb8: var(--ax-colors-bg-secondary-hovered);
+    --_1s8qk88: var(--ax-colors-fg-default);
+  }
+  ._17jkgk4 {
+    --_1iq010g: var(--ax-colors-bg-accent);
+    --_1fx8h68: var(--ax-colors-bg-accent-hovered);
+    --gb74wz: var(--ax-colors-bg-accent-pressed);
+    --_1l0chal: var(--ax-colors-bg-accent-subtle);
+    --ymgmb8: var(--ax-colors-bg-accent-light);
+  }
+  .vuogqa {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--f1qkpa, var(--_1iq010g));
+    color: var(--_1s8qk88, var(--_1iq010g));
+    padding-inline: calc(var(--_3sfxus) - 1px);
+  }
+  .vuogqa:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--ymgmb8);
+    border-color: var(--vj9f2i, var(--_1fx8h68));
+  }
+  .vuogqa:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1l0chal);
+    border-color: var(--vj9f2i, var(--_1fx8h68));
+  }
+  .vuogqa: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);
+  }
+  .vuogqa[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._3dbdow {
+    background-color: var(--_1iq010g);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  ._3dbdow:active:not([data-disabled], [data-loading]) {
+    background-color: var(--gb74wz);
+  }
+  ._3dbdow:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--_1fx8h68);
+  }
+  ._3dbdow[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(--_3sfxus) - 1px);
+  }
+  ._1lf5vbv {
+    background-color: transparent;
+    border-color: var(--_1iq010g);
+    color: var(--_1s8qk88, var(--_1iq010g));
+  }
+  ._1lf5vbv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--ymgmb8);
+  }
+  ._1lf5vbv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1l0chal);
+  }
+  ._1lf5vbv:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._1lf5vbv[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .s69nsd {
+    --_3sfxus: 4px;
+  }
+  ._1v1ktl5 {
+    --_3sfxus: 8px;
+  }
+  ._1um93oe {
+    --_3sfxus: 12px;
+  }
+  .qzc5qq {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  .l5zls3 {
+    opacity: 1;
+  }
+  .o6wvqx[data-loading] .l5zls3 {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._1dp0fb8 {
+    display: none;
+  }
+  ._1gvzbrz:has(._1nb1o8j:checked) ._1dp0fb8 {
+    display: block;
+  }
+  .ci0cr0 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--y4j9oc);
+    border-width: 1px;
+  }
+  ._1gvzbrz:has(._1nb1o8j:checked) .ci0cr0 {
+    background-color: var(--y4j9oc);
+    border-width: 0;
+  }
+}

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

@@ -0,0 +1,7 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._1dfgg6p {
+    font-size: 0.875em;
+    -webkit-font-smoothing: auto;
+  }
+}

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

@@ -0,0 +1,7 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._14tqnrg[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-QI0lU8Bk.css

@@ -0,0 +1,24 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._14r5vty {
+    position: sticky;
+    top: 0;
+    z-index: var(--ax-zIndex-20);
+  }
+  ._1wz5qvd {
+    min-width: var(--_4wlxgj);
+  }
+  .mdjbti {
+    left: var(--_38sj75);
+    position: sticky;
+    z-index: var(--ax-zIndex-20);
+  }
+  .qpyb32 {
+    min-width: var(--_4wlxgj);
+  }
+  .lpljk4 {
+    left: var(--_38sj75);
+    position: sticky;
+    z-index: var(--ax-zIndex-10);
+  }
+}

package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DjLzKIFm.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  .gza7zx {
+    cursor: default;
+  }
+  .kdfb9n {
+    cursor: pointer;
+  }
+  ._13sbvsu:is(:not(:focus-within):not(:hover)) .vlnmuv {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Bh_QfF2z.css → DialogContent.css.ts.vanilla-ByR8ohpq.css}

@@ -1,7 +1,6 @@
-@layer optiaxiom._8bz2fm;
-@layer optiaxiom._8bz2fm {
-  ._1epiedn {
-    border-radius: var(--ax-borderRadius-lg);
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._67xset {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
@@ -9,28 +8,23 @@
     top: 12dvh;
     translate: -50% 0;
   }
-  .zf5tw0 {
+  ._1srdjui {
     width: 400px;
   }
-  ._1mnwgd1 {
+  ._10i23sv {
     width: 600px;
   }
-  ._1k1d8e {
+  .zk3rg2 {
     width: 800px;
   }
-  ._1wynxt1 {
-    border-radius: var(--ax-borderRadius-none);
+  ._1pefspo {
     height: 100dvh;
     max-height: none;
     max-width: none;
     top: 0;
     width: 100dvw;
   }
-  ._8urvja {
-    inset: 0;
-    position: fixed;
-  }
-  .id8vlf {
+  ._1242v3q {
     position: absolute;
     right: 24px;
     top: 24px;

package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CcpLpMtT.css

@@ -0,0 +1,25 @@
+@keyframes _15i417l {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes _1e04oy3 {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  ._17aemfm[data-state="closed"] {
+    animation: _1e04oy3 300ms ease-out;
+  }
+  ._17aemfm[data-state="open"] {
+    animation: _15i417l 300ms ease-out;
+  }
+}

package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-BQ1aFa0z.css → DisclosureTrigger.css.ts.vanilla-iRiBgS10.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom._8bz2fm;
-@layer optiaxiom._8bz2fm {
-  ._1dqe6du {
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  .yigzc6 {
     color: var(--ax-colors-fg-default);
   }
-  ._1dqe6du:focus-visible {
+  .yigzc6:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1dqe6du:hover {
+  .yigzc6:hover {
     color: var(--ax-colors-fg-secondary);
   }
-  [data-state=open] > ._1ba5o1h {
+  [data-state=open] > .z60xtg {
     transform: rotate(180deg);
   }
-  [data-state=open] > .kb5bcg {
+  [data-state=open] > .c2tinv {
     transform: rotate(90deg);
   }
 }

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-B_lSEnnW.css → Drawer.css.ts.vanilla-CoYdN1OA.css}

@@ -1,28 +1,24 @@
-@layer optiaxiom._8bz2fm;
-@layer optiaxiom._8bz2fm {
-  ._1qlhoam {
+@layer optiaxiom._5hw727;
+@layer optiaxiom._5hw727 {
+  .ecwciy {
     position: fixed;
   }
-  ._1gcsew3 {
+  ._1yx17gb {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  .r1izte {
+  .vis9bk {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  .nsvi46 {
+  .s7c81q {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  ._1dh2v0d {
-    inset: 0;
-    position: fixed;
-  }
-  .u9p3xv {
+  ._1wkxpof {
     position: absolute;
     right: 10px;
     top: 24px;