@optiaxiom/react 1.5.6 → 1.5.7

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  .mjdne8 {
+    opacity: 1;
+  }
+  .f0zrlh[data-loading] .mjdne8 {
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,162 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._15gfqia {
+    border-radius: var(--ax-borderRadius-md);
+    cursor: pointer;
+    padding-inline: var(--_1wz5gwl);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._15gfqia: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;
+  }
+  ._15gfqia[data-disabled] {
+    cursor: not-allowed;
+  }
+  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._15gfqia {
+    border-inline-width: 0.5px;
+  }
+  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:only-child):first-child,._101xik7[data-orientation="horizontal"] > :not(:only-child):first-child ._15gfqia {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:only-child):last-child,._101xik7[data-orientation="horizontal"] > :not(:only-child):last-child ._15gfqia {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._15gfqia {
+    border-block-width: 0.5px;
+  }
+  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:only-child):first-child,._101xik7[data-orientation="vertical"] > :not(:only-child):first-child ._15gfqia {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:only-child):last-child,._101xik7[data-orientation="vertical"] > :not(:only-child):last-child ._15gfqia {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._101xik7[data-orientation] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation] > :not(:first-child):not(:last-child) ._15gfqia {
+    border-radius: 0;
+  }
+  ._1k2gry {
+    --joxbt2: var(--ax-colors-bg-error);
+    --k35uhe: var(--ax-colors-bg-error-hovered);
+    --_542y6t: var(--ax-colors-bg-error-pressed);
+    --sja8fe: var(--ax-colors-bg-error-subtlest);
+    --_1yph2vw: var(--ax-colors-bg-error-subtle);
+  }
+  .m3o731 {
+    --joxbt2: var(--ax-colors-bg-default-inverse);
+    --k35uhe: var(--ax-colors-bg-default-inverse-hovered);
+    --_542y6t: var(--ax-colors-bg-default-inverse-pressed);
+    --_2c2y9m: var(--ax-colors-fg-default-inverse);
+    --sja8fe: var(--ax-colors-bg-page);
+    --raapf4: var(--ax-colors-border-default);
+    --stc21c: var(--ax-colors-border-default);
+    --_1yph2vw: var(--ax-colors-bg-secondary);
+    --fxas8q: var(--ax-colors-fg-default);
+    --t3ozdx: var(--ax-colors-bg-default-hovered);
+    --_1pnwvg8: var(--ax-colors-bg-default-pressed);
+  }
+  .bcj7pi {
+    --joxbt2: var(--ax-colors-bg-accent);
+    --k35uhe: var(--ax-colors-bg-accent-hovered);
+    --_542y6t: var(--ax-colors-bg-accent-pressed);
+    --sja8fe: var(--ax-colors-bg-accent-subtle);
+    --_1yph2vw: var(--ax-colors-bg-accent-light);
+  }
+  ._1vf931w {
+    min-width: fit-content;
+  }
+  ._1dcyh8y {
+    background-image: linear-gradient(135deg, #392ECF 15%, #7740EC 85%);
+    color: var(--_2c2y9m, var(--ax-colors-fg-white));
+  }
+  ._1dcyh8y[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(--_1wz5gwl) - 1px);
+  }
+  .jauuuo {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--stc21c, var(--joxbt2));
+    color: var(--fxas8q, var(--joxbt2));
+    padding-inline: calc(var(--_1wz5gwl) - 1px);
+  }
+  .jauuuo:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1yph2vw);
+    border-color: var(--raapf4, var(--k35uhe));
+  }
+  .jauuuo: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);
+  }
+  .jauuuo[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1vljd6n {
+    background-color: var(--joxbt2);
+    color: var(--_2c2y9m, var(--ax-colors-fg-white));
+  }
+  ._1vljd6n:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_542y6t);
+  }
+  ._1vljd6n[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(--_1wz5gwl) - 1px);
+  }
+  ._10rlv9u {
+    background-color: transparent;
+    border-color: var(--joxbt2);
+    color: var(--fxas8q, var(--joxbt2));
+  }
+  ._10rlv9u:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1pnwvg8, var(--_1yph2vw));
+  }
+  ._10rlv9u:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._10rlv9u[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .cbi7wh {
+    --_1wz5gwl: 4px;
+  }
+  ._88envf {
+    --_1wz5gwl: 8px;
+  }
+  ._63mtux {
+    --_1wz5gwl: 12px;
+  }
+  ._1e9lsup {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    .jauuuo:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--sja8fe);
+      border-color: var(--raapf4, var(--k35uhe));
+    }
+    ._1vljd6n:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--k35uhe);
+    }
+    ._10rlv9u:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--t3ozdx, var(--sja8fe));
+    }
+  }
+}

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

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

package/dist/{cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-W_-G7sxr.css → esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-Ch1bq769.css}

@@ -1,46 +1,46 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  .lg0zog {
-    background-color: var(--oegati);
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  .h47ne7 {
+    background-color: var(--_1uv0ifs);
     border-radius: var(--ax-borderRadius-md);
     position: relative;
     user-select: none;
   }
-  .lg0zog:focus-visible {
+  .h47ne7:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
     z-index: 10;
   }
-  .lg0zog[disabled] {
+  .h47ne7[disabled] {
     opacity: 0.32;
   }
-  .hpfjyo {
-    --oegati: var(--ax-colors-bg-default);
+  .mi3kvh {
+    --_1uv0ifs: var(--ax-colors-bg-default);
   }
-  ._1t4inu7 {
-    --oegati: var(--ax-colors-bg-error-subtlest);
+  ._116s8km {
+    --_1uv0ifs: var(--ax-colors-bg-error-subtlest);
   }
-  ._13rwoar {
-    --oegati: var(--ax-colors-bg-secondary);
+  ._1fjvhyq {
+    --_1uv0ifs: var(--ax-colors-bg-secondary);
   }
-  .yejo8q {
-    --oegati: var(--ax-colors-bg-accent);
+  ._1011r4o {
+    --_1uv0ifs: var(--ax-colors-bg-accent);
   }
-  ._1crjqvo {
-    --oegati: var(--ax-colors-bg-page);
+  ._10tab3w {
+    --_1uv0ifs: var(--ax-colors-bg-page);
   }
-  ._175rrrf {
+  ._13fgupq {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }
-  ._16gg207 {
+  ._1ngm5wz {
     border-radius: 0;
   }
-  ._1hk8vc8 {
+  ._4htam9 {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-  .l50fgr {
+  ._1k9kf0f {
     bottom: 0;
     height: 6px;
     inset-inline: 0;
@@ -48,20 +48,20 @@
     width: 6px;
   }
   @media (hover: hover) {
-    .lg0zog:not([disabled]):hover {
+    .h47ne7:not([disabled]):hover {
       background-color: 
               color-mix(
                 in srgb,
-                var(--oegati, transparent),
+                var(--_1uv0ifs, transparent),
                 var(--ax-colors-bg-default-inverse) 8%
               )
             ;
     }
-    .lg0zog:not([disabled]):hover:active {
+    .h47ne7:not([disabled]):hover:active {
       background-color: 
               color-mix(
                 in srgb,
-                var(--oegati, transparent),
+                var(--_1uv0ifs, transparent),
                 var(--ax-colors-bg-default-inverse) 16%
               )
             ;

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

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

package/dist/esm/assets/src/calendar/CalendarNav.css.ts.vanilla-Dd_s-ito.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._1nwnx47 {
+    position: absolute;
+  }
+}

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

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

package/dist/{cjs/assets/src/card/CardCheckbox.css.ts.vanilla-C5OxiMY7.css → esm/assets/src/card/CardCheckbox.css.ts.vanilla-DHXZbqIX.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  .c6x2n9 {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._7bcxmb {
     position: relative;
   }
-  .c6x2n9::before {
+  ._7bcxmb::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._5tumoz {
+    min-height: var(--ax-size-sm);
+  }
+  ._7z43zr {
+    order: 3;
+  }
+  .ww3jk7 {
+    order: 1;
+  }
+  .gsrmyu {
+    order: 2;
+  }
+}

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

@@ -1,12 +1,12 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  ._241hcc {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._1cx4b6h {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 8px;
     position: relative;
   }
-  ._3wrgvq {
+  .chh5s2 {
     inset: 0;
     padding: 16px;
     place-content: space-between;

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

@@ -1,22 +1,22 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  ._1l8io95 {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  .hchhne {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._99jlrd:has(._5uh4kd:checked, ._5uh4kd:indeterminate) ._1l8io95 {
+  ._1jbjxz2:has(._1iu9ji7:checked, ._1iu9ji7:indeterminate) .hchhne {
     clip-path: inset(0 0 0 0);
   }
-  .rm4fe5 {
+  ._19ldt8j {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1cnoen8);
+    border-color: var(--_1veyzdo);
     border-width: 1px;
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-width;
     transition-timing-function: ease;
   }
-  ._99jlrd:has(._5uh4kd:checked, ._5uh4kd:indeterminate) .rm4fe5 {
+  ._1jbjxz2:has(._1iu9ji7:checked, ._1iu9ji7:indeterminate) ._19ldt8j {
     border-width: 8px;
   }
 }

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

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

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

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom {
+  .a0oxm6 {
+    position: static;
+  }
+  .a0oxm6:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom._1gbl9ta {
+  ._14olrli {
+    --_1qrhkkk: solid;
+  }
+  ._14olrli::before {
+    content: "";
+    border-radius: var(--_1xfjh25, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  ._14olrli:focus-visible::before {
+    outline: 2px var(--_1qrhkkk) var(--ax-colors-border-focus);
+    outline-offset: var(--rpzixc);
+  }
+  ._1reayas {
+    --rpzixc: 1px;
+  }
+  ._19uxhlc {
+    --rpzixc: -2px;
+  }
+  ._19uxhlc:is(a) {
+    --_1qrhkkk: auto;
+  }
+}

package/dist/{cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-itYbVl96.css → esm/assets/src/data-table/DataTableBody.css.ts.vanilla-D7cAE-Us.css}

@@ -1,14 +1,14 @@
-@property --rfnh44 {
+@property --_42rfc0 {
   syntax: "<color>";
   inherits: false;
   initial-value: transparent;
 }
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  ._1u1isfs {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._1hsd9ja {
     background-repeat: no-repeat;
   }
-  ._1caoicg {
+  ._19hn2nc {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -35,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--sxs7wm) 0, var(--sxs7wm) 0, calc(100% - var(--_1yp6dm6)) 0, calc(100% - var(--_1yp6dm6)) 0;
+    background-position: var(--ilpdan) 0, var(--ilpdan) 0, calc(100% - var(--_1835fbp)) 0, calc(100% - var(--_1835fbp)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1v2z96b {
+  .swl1zg {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -53,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--sxs7wm) 0, var(--sxs7wm) 0;
+    background-position: var(--ilpdan) 0, var(--ilpdan) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1rjxvof {
+  ._1s6clyf {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -71,30 +71,30 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1yp6dm6)) 0, calc(100% - var(--_1yp6dm6)) 0;
+    background-position: calc(100% - var(--_1835fbp)) 0, calc(100% - var(--_1835fbp)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  .zx5iup {
-    flex-grow: calc(var(--mhq2ua) / var(--_1afhnne));
-    width: calc(1px * var(--mhq2ua));
+  ._4bsrw9 {
+    flex-grow: calc(var(--h2xt9o) / var(--_1sfbdzx));
+    width: calc(1px * var(--h2xt9o));
   }
-  ._1e1phql {
-    left: var(--_1wsra39);
+  ._6qeenl {
+    left: var(--rq5acm);
   }
-  .znqnw7 {
-    right: var(--_1wsra39);
+  .a1b9n1 {
+    right: var(--rq5acm);
   }
-  ._17phunv {
+  .io6zd7 {
     background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--rfnh44), var(--rfnh44));
-    transition: --rfnh44 var(--ax-duration-sm) ease;
+    background-image: linear-gradient(var(--_42rfc0), var(--_42rfc0));
+    transition: --_42rfc0 var(--ax-duration-sm) ease;
   }
-  ._1g7643e[data-highlighted] ._17phunv {
-    --rfnh44: var(--ax-colors-bg-default-hovered);
+  .cpt4r2[data-highlighted] .io6zd7 {
+    --_42rfc0: var(--ax-colors-bg-default-hovered);
   }
   @media (hover: hover) {
-    ._1g7643e:hover ._17phunv {
-      --rfnh44: var(--ax-colors-bg-default-hovered);
+    .cpt4r2:hover .io6zd7 {
+      --_42rfc0: var(--ax-colors-bg-default-hovered);
     }
   }
 }

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

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

package/dist/{cjs/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BTuZhwZP.css → esm/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DfZe4S8I.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  .g6x9pj {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  .aucoke {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  .g6x9pj:focus-visible {
+  .aucoke:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .cn9svn {
+  ._1glhjgd {
     grid-area: 1 / 1 / 2 / 2;
   }
-  .oe1q6l {
+  ._2adlw7 {
     opacity: 0;
   }
-  ._1mw2f0z {
+  .usqnlv {
     opacity: 1;
   }
-  .q4pecy {
+  ._1uwlzqy {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -28,7 +28,7 @@
     user-select: none;
   }
   @media (hover: hover) {
-    .g6x9pj:hover {
+    .aucoke:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-BlgUX0VZ.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._1bx84bh::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+  .zczpmy:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._15wlc96 {
+    visibility: hidden;
+  }
+  @supports not selector(::-webkit-datetime-edit) {
+    ._7i0ykc {
+      display: none !important;
+    }
+  }
+}

package/dist/esm/assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css

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

package/dist/esm/assets/src/dialog/{DialogContent.css.ts.vanilla-B1B2Yxl2.css → DialogContent.css.ts.vanilla-Ci1Zxe5U.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom._1rxhzg8;
-@layer optiaxiom._1rxhzg8 {
-  .cta0em {
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._6v4xac {
     opacity: 0;
   }
-  .ujx0n7 {
+  ._156hzi1 {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--_5vka5e)))
-      scale(calc(1 - 0.06 * var(--_5vka5e)))
+      translateY(calc(1rem * var(--vaq6yt)))
+      scale(calc(1 - 0.06 * var(--vaq6yt)))
     ;
     translate: -50% 0;
   }
-  .ujx0n7:focus-visible {
+  ._156hzi1:focus-visible {
     outline: none;
   }
-  .ujx0n7:has(._117n4z4:focus-within) {
-    scroll-padding-bottom: var(--in7u4r);
-    scroll-padding-top: var(--sdthsk);
+  ._156hzi1:has(._17h82rp:focus-within) {
+    scroll-padding-bottom: var(--_18i35c9);
+    scroll-padding-top: var(--_1qctxd6);
   }
-  ._1td6avr {
+  .q33o1n {
     width: 400px;
   }
-  ._1ftuudl {
+  .hxu1rk {
     width: clamp(600px, 50%, 800px);
   }
-  .zk5ey3 {
+  ._1646am9 {
     width: clamp(900px, 75%, 1400px);
   }
-  ._1ijwvlu {
+  ._1d9x06x {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/esm/assets/src/dialog/DialogFooter.css.ts.vanilla-Cdb_sOf-.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  .uk68bc {
+    bottom: 0;
+    position: sticky;
+  }
+}

package/dist/esm/assets/src/dialog/DialogHeader.css.ts.vanilla-BtW7ujiM.css

@@ -0,0 +1,19 @@
+@layer optiaxiom._1gbl9ta;
+@layer optiaxiom._1gbl9ta {
+  ._1ewma8a {
+    position: sticky;
+    top: 0;
+  }
+  ._1c0pbd0 {
+    order: 3;
+  }
+  ._2li492 {
+    order: 1;
+  }
+  ._1mcsp8b {
+    order: 2;
+  }
+  .aq4uch {
+    order: 4;
+  }
+}