@optiaxiom/react 0.11.0 → 0.12.0

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .ssthbc {
+    opacity: 0;
+  }
+  ._125u4cl {
+    inset: 0;
+    position: fixed;
+  }
+  .idt198 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1y0sw0f)))
+      scale(calc(1 - 0.06 * var(--_1y0sw0f)))
+    ;
+  }
+  ._1kw2vj1 {
+    width: 400px;
+  }
+  ._18kv87o {
+    width: 600px;
+  }
+  .b6i756 {
+    width: 800px;
+  }
+}

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

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

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

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

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1xfv4i3 {
+    user-select: none;
+  }
+  .d6twk6 ._1xfv4i3 {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  .d6twk6 .xd7dgi:not(:first-child) {
+    margin-left: -3px;
+  }
+  .d6twk6 ._1w6f87l:not(:first-child) {
+    margin-left: -5px;
+  }
+  .d6twk6 .g6hjuv:not(:first-child) {
+    margin-left: -7px;
+  }
+  .d6twk6 ._1hq45yy:not(:first-child) {
+    margin-left: -9px;
+  }
+  .d6twk6 ._1wemkgd:not(:first-child) {
+    margin-left: -11px;
+  }
+  .d6twk6 .majuqc:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

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

package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-DfW2ecLx.css → Backdrop.css.ts.vanilla-aY2Bq-5D.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._5ieef6 {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._4hisb {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._3p6lo7 {
+    --_1dcq5qa: var(--ax-colors-fg-white);
+  }
+  ._1oge57o {
+    --w83gvj: var(--ax-colors-bg-error);
+    --_1sks75o: var(--ax-colors-bg-error-subtle);
+    --uuzhff: var(--ax-colors-fg-error-strong);
+  }
+  .r4hfnp {
+    --w83gvj: var(--ax-colors-bg-information);
+    --_1sks75o: var(--ax-colors-bg-information-subtle);
+    --uuzhff: var(--ax-colors-fg-information-strong);
+  }
+  ._1mjqgua {
+    --w83gvj: var(--ax-colors-bg-tertiary);
+    --_1dcq5qa: var(--ax-colors-fg-default);
+    --_1sks75o: var(--ax-colors-bg-secondary);
+    --uuzhff: var(--ax-colors-fg-secondary);
+  }
+  ._1hkfltl {
+    --w83gvj: var(--ax-colors-bg-accent);
+    --_1sks75o: var(--ax-colors-bg-accent-subtle);
+    --uuzhff: var(--ax-colors-fg-accent-strong);
+  }
+  ._144p78s {
+    --w83gvj: var(--ax-colors-bg-success);
+    --_1sks75o: var(--ax-colors-bg-success-subtle);
+    --uuzhff: var(--ax-colors-fg-success-strong);
+  }
+  ._1up9d85 {
+    --w83gvj: var(--ax-colors-bg-warning);
+    --_1dcq5qa: var(--ax-colors-fg-warning-inverse);
+    --_1sks75o: var(--ax-colors-bg-warning-subtle);
+    --uuzhff: var(--ax-colors-fg-warning-strong);
+  }
+  ._68bru9 {
+    background-color: var(--_1sks75o);
+    color: var(--uuzhff);
+  }
+  .e7mx75 {
+    background-color: var(--w83gvj);
+    color: var(--_1dcq5qa);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-fznZO42_.css → Box.css.ts.vanilla-Bza2cQ35.css}

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

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

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

package/dist/assets/src/breadcrumb-link/{BreadcrumbLink.css.ts.vanilla-KAHpj_cl.css → BreadcrumbLink.css.ts.vanilla-U8K4USWH.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._5krxxz {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1ki8f66 {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._5krxxz:visited {
+  ._1ki8f66:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._5krxxz:hover:not([data-disabled]) {
+    ._1ki8f66:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

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

@@ -0,0 +1,147 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._18h1an1 {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_1wk0x90);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._18h1an1: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;
+  }
+  .lofb6q[data-orientation="horizontal"] > ._18h1an1:not(:first-child):not(:last-child),.lofb6q[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._18h1an1 {
+    border-inline-width: 0.5px;
+  }
+  .lofb6q[data-orientation="horizontal"] > ._18h1an1:not(:only-child):first-child,.lofb6q[data-orientation="horizontal"] > :not(:only-child):first-child ._18h1an1 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .lofb6q[data-orientation="horizontal"] > ._18h1an1:not(:only-child):last-child,.lofb6q[data-orientation="horizontal"] > :not(:only-child):last-child ._18h1an1 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .lofb6q[data-orientation="vertical"] > ._18h1an1:not(:first-child):not(:last-child),.lofb6q[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._18h1an1 {
+    border-block-width: 0.5px;
+  }
+  .lofb6q[data-orientation="vertical"] > ._18h1an1:not(:only-child):first-child,.lofb6q[data-orientation="vertical"] > :not(:only-child):first-child ._18h1an1 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .lofb6q[data-orientation="vertical"] > ._18h1an1:not(:only-child):last-child,.lofb6q[data-orientation="vertical"] > :not(:only-child):last-child ._18h1an1 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .lofb6q[data-orientation] > ._18h1an1:not(:first-child):not(:last-child),.lofb6q[data-orientation] > :not(:first-child):not(:last-child) ._18h1an1 {
+    border-radius: 0;
+  }
+  .xkgj4h {
+    min-width: fit-content;
+  }
+  ._1770xs7 {
+    --ljcnpt: var(--ax-colors-bg-error);
+    --t1ii6p: var(--ax-colors-bg-error-hovered);
+    --e1dscu: var(--ax-colors-bg-error-pressed);
+    --_1pohy1g: var(--ax-colors-bg-error-subtlest);
+    --_1klivca: var(--ax-colors-bg-error-subtle);
+  }
+  .loao0b {
+    --ljcnpt: var(--ax-colors-bg-default-inverse);
+    --t1ii6p: var(--ax-colors-bg-default-inverse-hovered);
+    --e1dscu: var(--ax-colors-bg-default-inverse-pressed);
+    --wp7of6: var(--ax-colors-fg-default-inverse);
+    --_1pohy1g: var(--ax-colors-bg-page);
+    --_3fg9ht: var(--ax-colors-border-tertiary);
+    --_1fbn3nq: var(--ax-colors-border-tertiary);
+    --_1klivca: var(--ax-colors-bg-secondary);
+    --_12av0qh: var(--ax-colors-fg-default);
+    --_1fbya6d: var(--ax-colors-bg-default-hovered);
+    --_13tpkyc: var(--ax-colors-bg-default-pressed);
+  }
+  .l3fnc1 {
+    --ljcnpt: var(--ax-colors-bg-accent);
+    --t1ii6p: var(--ax-colors-bg-accent-hovered);
+    --e1dscu: var(--ax-colors-bg-accent-pressed);
+    --_1pohy1g: var(--ax-colors-bg-accent-subtle);
+    --_1klivca: var(--ax-colors-bg-accent-light);
+  }
+  .lonjyh {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1fbn3nq, var(--ljcnpt));
+    color: var(--_12av0qh, var(--ljcnpt));
+    padding-inline: calc(var(--_1wk0x90) - 1px);
+  }
+  .lonjyh:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1klivca);
+    border-color: var(--_3fg9ht, var(--t1ii6p));
+  }
+  .lonjyh: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);
+  }
+  .lonjyh[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .jtcokr {
+    background-color: var(--ljcnpt);
+    color: var(--wp7of6, var(--ax-colors-fg-white));
+  }
+  .jtcokr:active:not([data-disabled], [data-loading]) {
+    background-color: var(--e1dscu);
+  }
+  .jtcokr[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(--_1wk0x90) - 1px);
+  }
+  ._18p5twm {
+    background-color: transparent;
+    border-color: var(--ljcnpt);
+    color: var(--_12av0qh, var(--ljcnpt));
+  }
+  ._18p5twm:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_13tpkyc, var(--_1klivca));
+  }
+  ._18p5twm:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._18p5twm[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1vgkvpq {
+    --_1wk0x90: 4px;
+  }
+  .ffdbh1 {
+    --_1wk0x90: 8px;
+  }
+  ._1qdgoas {
+    --_1wk0x90: 12px;
+  }
+  ._4h9j5o {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    .lonjyh:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1pohy1g);
+      border-color: var(--_3fg9ht, var(--t1ii6p));
+    }
+    .jtcokr:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--t1ii6p);
+    }
+    ._18p5twm:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1fbya6d, var(--_1pohy1g));
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1dzsvcg {
+    opacity: 1;
+  }
+  ._1hiarqc[data-loading] ._1dzsvcg {
+    opacity: 0;
+  }
+}

package/dist/assets/src/checkbox/{Checkbox.css.ts.vanilla-CN8hLoWD.css → Checkbox.css.ts.vanilla-B65xAICN.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1ujbiba {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._37biaf {
     clip-path: inset(100% 0 0 0);
     transition-delay: 125ms;
   }
-  .lf0qvy:has(._1ty571l:checked) ._1ujbiba {
+  .nfr1nl:has(.gx7gpu:checked) ._37biaf {
     clip-path: inset(0 0 0 0);
   }
-  ._1ggiubo {
+  ._6r4dr9 {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1ljyrij);
+    border-color: var(--mptgcq);
     border-width: 1px;
     place-content: center;
     transition-duration: 150ms;
     transition-property: border-width;
     transition-timing-function: ease;
   }
-  .lf0qvy:has(._1ty571l:checked) ._1ggiubo {
+  .nfr1nl:has(.gx7gpu:checked) ._6r4dr9 {
     border-width: 8px;
   }
 }

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

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

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

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

package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-CKlsmPnV.css → DataTable.css.ts.vanilla-C9XygBIH.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1pbe52v {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .nn08cv {
     background-repeat: no-repeat;
   }
-  .eaud6w {
+  ._1yj37ux {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -30,10 +30,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1fbgzh5) 0, var(--_1fbgzh5) 0, calc(100% - var(--zkgowy)) 0, calc(100% - var(--zkgowy)) 0;
+    background-position: var(--_1lf6yyx) 0, var(--_1lf6yyx) 0, calc(100% - var(--_1lrm1a3)) 0, calc(100% - var(--_1lrm1a3)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1b0fgfk {
+  ._18d4p1z {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -48,10 +48,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--_1fbgzh5) 0, var(--_1fbgzh5) 0;
+    background-position: var(--_1lf6yyx) 0, var(--_1lf6yyx) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._6attwa {
+  ._1e6th1o {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -66,32 +66,32 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--zkgowy)) 0, calc(100% - var(--zkgowy)) 0;
+    background-position: calc(100% - var(--_1lrm1a3)) 0, calc(100% - var(--_1lrm1a3)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1e897x7 {
+  .ql4xvg {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  .cw9ysw {
-    width: var(--_129bj5n);
+  ._1nzag3n {
+    width: var(--_1vyyhnm);
   }
-  ._1p1wv10 {
-    left: var(--_1dxj7hh);
+  ._1bnu03o {
+    left: var(--efrrql);
     position: sticky;
     z-index: 10;
   }
-  ._15r6kq1 {
+  ._10mxbf2 {
     position: sticky;
-    right: var(--_1dxj7hh);
+    right: var(--efrrql);
     z-index: 10;
   }
-  ._1o6cvq8 {
+  ._1my72b4 {
     background-color: var(--ax-colors-bg-default);
   }
   @media (hover: hover) {
-    .chqs1p:hover ._1o6cvq8 {
+    .uln670:hover ._1my72b4 {
       background-image: 
                 linear-gradient(
                   var(--ax-colors-bg-default-hovered),

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

@@ -1,41 +1,41 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .z9w5xi {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1hdrfbd {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  .z9w5xi::after {
+  ._1hdrfbd::after {
     content: "";
     inset: 0;
     position: absolute;
   }
-  .z9w5xi:focus-visible {
+  ._1hdrfbd:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .z9w5xi:focus-visible::after {
+  ._1hdrfbd:focus-visible::after {
     border-radius: var(--ax-borderRadius-md);
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: -2px;
   }
-  ._13sig83 {
+  .zbsuo6 {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._127n589 {
+  ._1pquptj {
     opacity: 0;
   }
-  ._1k6rp08 {
+  .ldfyoa {
     opacity: 1;
   }
-  ._4zhtel {
+  .lmgqte {
     opacity: 0;
   }
   @media (hover: hover) {
-    .z9w5xi:hover {
+    ._1hdrfbd:hover {
       color: var(--ax-colors-fg-secondary);
     }
-    ._14ra8dw:is(:focus-visible, :hover) ._4zhtel {
+    .l2wxe2:is(:focus-visible, :hover) .lmgqte {
       opacity: 1;
     }
   }

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

@@ -1,27 +1,30 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .k0w7vm {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .pvdziy {
+    opacity: 0;
+  }
+  ._1skr6b9 {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--yn140d)))
-      scale(calc(1 - 0.06 * var(--yn140d)))
+      translateY(calc(1rem * var(--kwq160)))
+      scale(calc(1 - 0.06 * var(--kwq160)))
     ;
     translate: -50% 0;
   }
-  ._7hzov7 {
+  .bvhydr {
     width: 400px;
   }
-  ._1iib3gg {
+  .k8oeag {
     width: clamp(600px, 50%, 800px);
   }
-  ._1if8rmd {
+  ._12k9f02 {
     width: clamp(900px, 75%, 1400px);
   }
-  ._16u6xjz {
+  .w1wppg {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-DzTg90Ah.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1ieh5fg {
+    order: 3;
+  }
+  ._1yr7lzn {
+    order: 1;
+  }
+  ._1h2h64o {
+    order: 2;
+  }
+  .sqp5d5 {
+    order: 4;
+  }
+}