@optiaxiom/react 3.4.0 → 3.4.2

package/dist/esm/assets/BreadcrumbNode.css.ts.vanilla-23CCC_ow.css

@@ -0,0 +1,11 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1g95hfi {
+    max-width: calc(10 * var(--ax-styles-scale, 1rem));
+  }
+  ._1g95hfi:not(:first-child)::before {
+    content: "/";
+    color: var(--ax-colors-fg-tertiary);
+    margin-right: calc(0.25 * var(--ax-styles-scale, 1rem));
+  }
+}

package/dist/esm/assets/ButtonIcon.css.ts.vanilla-DRMnaSoz.css

@@ -0,0 +1,30 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1qlh1hz {
+    height: var(--ax-size-sm);
+    width: var(--ax-size-sm);
+  }
+  ._1bkcv47 {
+    --ax-styles-iconSize: var(--ax-size-2xs);
+  }
+  ._1ylr6hk {
+    --ax-styles-iconSize: var(--ax-size-xs);
+  }
+  .vj99p5 {
+    --ax-styles-iconSize: var(--ax-size-xs);
+  }
+  ._1qp3nwq {
+    background-color: var(--_9aehql);
+    color: var(--_1hj1hqo);
+    height: auto;
+    padding: calc(0.25 * var(--ax-styles-scale, 1rem));
+    width: calc(1.75 * var(--ax-styles-scale, 1rem));
+  }
+  ._1qp3nwq[data-disabled] {
+    background-color: var(--ax-colors-fg-disabled);
+    color: var(--ax-colors-bg-secondary);
+  }
+  ._1qp3nwq[data-prefix] {
+    padding-block: calc(0.375 * var(--ax-styles-scale, 1rem));
+  }
+}

package/dist/esm/assets/ButtonLoadable.css.ts.vanilla-BQuuQkFF.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .emqmoq {
+    opacity: 1;
+  }
+  ._1u5jnep[data-loading] .emqmoq {
+    opacity: 0;
+  }
+}

package/dist/esm/assets/{ButtonRoot.css.ts.vanilla-jlN_cOUc.css → ButtonRoot.css.ts.vanilla-BozVCzxi.css}

@@ -1,122 +1,129 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  ._1vu5q0l {
-    --_17z89l0: 1px;
+@property --_1k6rap2 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: transparent;
+}
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .e5rbw2 {
+    --xivemo: 1px;
     border-radius: var(--ax-borderRadius-md);
     cursor: pointer;
     font-family: Die Grotesk B, DI Grotesk B, Roboto Condensed Variable, system-ui, sans-serif;
-    padding-inline: var(--_1vevucb);
+    padding-inline: var(--_1fhjord);
     position: relative;
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1vu5q0l:is(:focus-visible, :has(:focus-visible)):not([data-disabled]) {
+  .e5rbw2:is(:focus-visible, :has(:focus-visible)):not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._1vu5q0l[data-disabled] {
+  .e5rbw2[data-disabled] {
     cursor: not-allowed;
   }
-  .ad3kf2[data-orientation="horizontal"] > ._1vu5q0l:not(:first-child):not(:last-child),.ad3kf2[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1vu5q0l {
+  ._8l533s[data-orientation="horizontal"] > .e5rbw2:not(:first-child):not(:last-child),._8l533s[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .e5rbw2 {
     border-inline-width: 0.5px;
   }
-  .ad3kf2[data-orientation="horizontal"] > ._1vu5q0l:not(:only-child):first-child,.ad3kf2[data-orientation="horizontal"] > :not(:only-child):first-child ._1vu5q0l {
+  ._8l533s[data-orientation="horizontal"] > .e5rbw2:not(:only-child):first-child,._8l533s[data-orientation="horizontal"] > :not(:only-child):first-child .e5rbw2 {
     border-bottom-right-radius: 0;
     border-right-width: 0.5px;
     border-top-right-radius: 0;
   }
-  .ad3kf2[data-orientation="horizontal"] > ._1vu5q0l:not(:only-child):last-child,.ad3kf2[data-orientation="horizontal"] > :not(:only-child):last-child ._1vu5q0l {
+  ._8l533s[data-orientation="horizontal"] > .e5rbw2:not(:only-child):last-child,._8l533s[data-orientation="horizontal"] > :not(:only-child):last-child .e5rbw2 {
     border-bottom-left-radius: 0;
     border-left-width: 0.5px;
     border-top-left-radius: 0;
   }
-  .ad3kf2[data-orientation="vertical"] > ._1vu5q0l:not(:first-child):not(:last-child),.ad3kf2[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1vu5q0l {
+  ._8l533s[data-orientation="vertical"] > .e5rbw2:not(:first-child):not(:last-child),._8l533s[data-orientation="vertical"] > :not(:first-child):not(:last-child) .e5rbw2 {
     border-block-width: 0.5px;
   }
-  .ad3kf2[data-orientation="vertical"] > ._1vu5q0l:not(:only-child):first-child,.ad3kf2[data-orientation="vertical"] > :not(:only-child):first-child ._1vu5q0l {
+  ._8l533s[data-orientation="vertical"] > .e5rbw2:not(:only-child):first-child,._8l533s[data-orientation="vertical"] > :not(:only-child):first-child .e5rbw2 {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-width: 0.5px;
   }
-  .ad3kf2[data-orientation="vertical"] > ._1vu5q0l:not(:only-child):last-child,.ad3kf2[data-orientation="vertical"] > :not(:only-child):last-child ._1vu5q0l {
+  ._8l533s[data-orientation="vertical"] > .e5rbw2:not(:only-child):last-child,._8l533s[data-orientation="vertical"] > :not(:only-child):last-child .e5rbw2 {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top-width: 0.5px;
   }
-  .ad3kf2[data-orientation] > ._1vu5q0l:not(:first-child):not(:last-child),.ad3kf2[data-orientation] > :not(:first-child):not(:last-child) ._1vu5q0l {
+  ._8l533s[data-orientation] > .e5rbw2:not(:first-child):not(:last-child),._8l533s[data-orientation] > :not(:first-child):not(:last-child) .e5rbw2 {
     border-radius: 0;
   }
-  .opyrch {
-    --jjr3xw: var(--ax-colors-bg-error);
-    --_17z89l0: 2px;
-    --_12q41rc: var(--ax-colors-bg-error-hovered);
-    --g4l4c5: var(--ax-colors-bg-error-pressed);
-    --qc1jqh: var(--ax-colors-fg-white);
-    --_18uxpcr: var(--ax-colors-bg-error-subtlest);
-    --_1synuli: var(--ax-colors-border-error);
-    --e8oabl: var(--ax-colors-border-error);
-    --_126cetw: var(--ax-colors-bg-error-subtle);
-    --qw27x7: var(--ax-colors-fg-error);
-  }
-  ._16c20m4 {
-    --jjr3xw: var(--ax-colors-bg-default-inverse);
-    --_12q41rc: var(--ax-colors-bg-default-inverse-hovered);
-    --g4l4c5: var(--ax-colors-bg-default-inverse-pressed);
-    --qc1jqh: var(--ax-colors-fg-default-inverse);
-    --_18uxpcr: var(--ax-colors-bg-default-hovered);
-    --_1synuli: var(--ax-colors-border-default);
-    --e8oabl: var(--ax-colors-border-default);
-    --_126cetw: var(--ax-colors-bg-default-pressed);
-    --qw27x7: var(--ax-colors-fg-default);
-    --_1iy42i9: var(--ax-colors-bg-default-hovered);
-    --qsuom6: var(--ax-colors-bg-default-pressed);
-  }
-  ._1tdk8e8 {
-    --jjr3xw: var(--ax-colors-bg-accent);
-    --_12q41rc: var(--ax-colors-bg-accent-hovered);
-    --g4l4c5: var(--ax-colors-bg-accent-pressed);
-    --_1eku9ou: var(--ax-colors-border-disabled);
-    --qc1jqh: var(--ax-colors-fg-black);
-    --_18uxpcr: var(--ax-colors-bg-accent-subtle);
-    --_126cetw: var(--ax-colors-bg-accent);
-  }
-  ._16sssh2 {
+  ._10k8m6x {
+    --_1hj1hqo: var(--ax-colors-bg-error);
+    --xivemo: 2px;
+    --_1dyyx70: var(--ax-colors-bg-error-hovered);
+    --_2c162z: var(--ax-colors-bg-error-pressed);
+    --_9aehql: var(--ax-colors-fg-white);
+    --_15x5ee1: var(--ax-colors-bg-error-subtlest);
+    --j6awpv: var(--ax-colors-border-error);
+    --_24pav8: var(--ax-colors-border-error);
+    --_1dxgm8e: var(--ax-colors-bg-error-subtle);
+    --kdaoy1: var(--ax-colors-fg-error);
+  }
+  ._17uskym {
+    --_1hj1hqo: var(--ax-colors-bg-default-inverse);
+    --_1dyyx70: var(--ax-colors-bg-default-inverse-hovered);
+    --_2c162z: var(--ax-colors-bg-default-inverse-pressed);
+    --_9aehql: var(--ax-colors-fg-default-inverse);
+    --_15x5ee1: var(--ax-colors-bg-default-hovered);
+    --j6awpv: var(--ax-colors-border-default);
+    --_24pav8: var(--ax-colors-border-default);
+    --_1dxgm8e: var(--ax-colors-bg-default-pressed);
+    --kdaoy1: var(--ax-colors-fg-default);
+    --e2qnm6: var(--ax-colors-bg-default-hovered);
+    --_14nn9zk: var(--ax-colors-bg-default-pressed);
+  }
+  ._93go5h {
+    --_1hj1hqo: var(--ax-colors-bg-accent);
+    --_1dyyx70: var(--ax-colors-bg-accent-hovered);
+    --_2c162z: var(--ax-colors-bg-accent-pressed);
+    --qf72q7: var(--ax-colors-border-disabled);
+    --_9aehql: var(--ax-colors-fg-black);
+    --_15x5ee1: var(--ax-colors-bg-accent-subtle);
+    --_1dxgm8e: var(--ax-colors-bg-accent);
+  }
+  ._1frmv49 {
     background-color: var(--ax-colors-bg-default);
-    border: var(--_17z89l0) solid var(--e8oabl, var(--jjr3xw));
-    color: var(--qw27x7, var(--jjr3xw));
-    padding-inline: calc(var(--_1vevucb) - var(--_17z89l0));
+    border: var(--xivemo) solid var(--_24pav8, var(--_1hj1hqo));
+    color: var(--kdaoy1, var(--_1hj1hqo));
+    padding-inline: calc(var(--_1fhjord) - var(--xivemo));
   }
-  ._16sssh2:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_126cetw);
-    border-color: var(--_1synuli, var(--_12q41rc));
+  ._1frmv49:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1dxgm8e);
+    border-color: var(--j6awpv, var(--_1dyyx70));
   }
-  ._16sssh2:is([data-state="active"], [data-state="on"]) {
+  ._1frmv49:is([data-state="active"], [data-state="on"]) {
     background-color: var(--ax-colors-bg-accent);
     border-color: var(--ax-colors-fg-accent);
     color: var(--ax-colors-fg-black);
   }
-  ._16sssh2[data-disabled]:not([data-loading]) {
+  ._1frmv49[data-disabled]:not([data-loading]) {
     background-color: var(--ax-colors-bg-secondary);
     border-color: transparent;
     color: var(--ax-colors-fg-disabled);
   }
-  ._16sssh2[data-state="open"] {
+  ._1frmv49[data-state="open"] {
     background-color: var(--ax-colors-bg-default-hovered);
   }
-  ._64xc8w {
-    --_17z89l0: 2px;
-    border: var(--_17z89l0) solid transparent;
-    color: var(--qw27x7, var(--jjr3xw));
-    padding-inline: calc(var(--_1vevucb) - var(--_17z89l0));
+  .t8uidu {
+    --xivemo: 2px;
+    --_1k6rap2: transparent;
+    border: var(--xivemo) solid transparent;
+    color: var(--kdaoy1, var(--_1hj1hqo));
+    padding-inline: calc(var(--_1fhjord) - var(--xivemo));
     z-index: 1;
   }
-  ._64xc8w::after {
+  .t8uidu::after {
     content: "";
-    background-clip: padding-box, border-box;
+    background-clip: padding-box, padding-box, border-box;
     background-color: var(--ax-colors-bg-default);
     background-image: 
+  linear-gradient(var(--_1k6rap2), var(--_1k6rap2)),
   linear-gradient(
     var(--ax-colors-bg-default),
     var(--ax-colors-bg-default)
@@ -127,20 +134,21 @@
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    border: calc(2 * var(--_17z89l0)) solid transparent;
+    border: calc(2 * var(--xivemo)) solid transparent;
     border-radius: inherit;
-    inset: calc(-1 * calc(2 * var(--_17z89l0)));
+    inset: calc(-1 * calc(2 * var(--xivemo)));
     pointer-events: none;
     position: absolute;
     z-index: -1;
     opacity: 0;
-    transition: opacity var(--ax-duration-md) ease;
+    transition: opacity var(--ax-duration-md) ease, --_1k6rap2 var(--ax-duration-sm) ease;
   }
-  ._64xc8w::before {
+  .t8uidu::before {
     content: "";
-    background-clip: padding-box, border-box;
+    background-clip: padding-box, padding-box, border-box;
     background-color: var(--ax-colors-bg-default);
     background-image: 
+  linear-gradient(var(--_1k6rap2), var(--_1k6rap2)),
   linear-gradient(
     var(--ax-colors-bg-default),
     var(--ax-colors-bg-default)
@@ -151,100 +159,104 @@
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    border: var(--_17z89l0) solid transparent;
+    border: var(--xivemo) solid transparent;
     border-radius: inherit;
-    inset: calc(-1 * var(--_17z89l0));
+    inset: calc(-1 * var(--xivemo));
     pointer-events: none;
     position: absolute;
     z-index: -1;
+    transition: --_1k6rap2 var(--ax-duration-sm) ease;
   }
-  ._64xc8w[data-disabled]:not([data-loading]) {
+  .t8uidu:active:not([data-disabled], [data-loading]) {
+    --_1k6rap2: var(--_1dxgm8e);
+  }
+  .t8uidu[data-disabled]:not([data-loading]) {
     background-color: var(--ax-colors-bg-secondary);
     color: var(--ax-colors-fg-disabled);
   }
-  ._64xc8w[data-disabled]:not([data-loading])::after {
+  .t8uidu[data-disabled]:not([data-loading])::after {
     background-image: none;
   }
-  ._64xc8w[data-disabled]:not([data-loading])::before {
+  .t8uidu[data-disabled]:not([data-loading])::before {
     background-image: none;
     border-color: transparent;
   }
-  ._1hhm3c3 {
-    background-color: var(--jjr3xw);
-    border: var(--_17z89l0) solid var(--_1eku9ou, var(--jjr3xw));
-    color: var(--qc1jqh, var(--ax-colors-fg-default));
-    padding-inline: calc(var(--_1vevucb) - var(--_17z89l0));
+  ._14d79pl {
+    background-color: var(--_1hj1hqo);
+    border: var(--xivemo) solid var(--qf72q7, var(--_1hj1hqo));
+    color: var(--_9aehql, var(--ax-colors-fg-default));
+    padding-inline: calc(var(--_1fhjord) - var(--xivemo));
   }
-  ._1hhm3c3:active:not([data-disabled], [data-loading]) {
-    background-color: var(--g4l4c5);
+  ._14d79pl:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_2c162z);
   }
-  ._1hhm3c3[data-disabled]:not([data-loading]) {
+  ._14d79pl[data-disabled]:not([data-loading]) {
     background-color: var(--ax-colors-bg-secondary);
     border-color: transparent;
     color: var(--ax-colors-fg-disabled);
   }
-  ._1hhm3c3[data-state="open"] {
-    background-color: var(--_12q41rc);
-    border-color: var(--_1eku9ou, var(--_12q41rc));
+  ._14d79pl[data-state="open"] {
+    background-color: var(--_1dyyx70);
+    border-color: var(--qf72q7, var(--_1dyyx70));
   }
-  ._1dbb6kb {
+  .nnpv7l {
     background-color: transparent;
-    border-color: var(--jjr3xw);
-    color: var(--qw27x7, var(--jjr3xw));
+    border-color: var(--_1hj1hqo);
+    color: var(--kdaoy1, var(--_1hj1hqo));
   }
-  ._1dbb6kb:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--qsuom6, var(--_126cetw));
+  .nnpv7l:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_14nn9zk, var(--_1dxgm8e));
   }
-  ._1dbb6kb:is([data-state="active"], [data-state="on"]) {
+  .nnpv7l:is([data-state="active"], [data-state="on"]) {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1dbb6kb[data-disabled]:not([data-loading]) {
+  .nnpv7l[data-disabled]:not([data-loading]) {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1dbb6kb[data-state="open"] {
+  .nnpv7l[data-state="open"] {
     background-color: var(--ax-colors-bg-default-hovered);
   }
-  ._1ydr8oq {
+  ._1r8kujm {
     border-radius: var(--ax-borderRadius-lg);
   }
-  ._1cwace9 {
-    padding-left: calc(calc(0.375 * var(--ax-styles-scale)) - var(--_17z89l0));
+  ._1hdhrb9 {
+    padding-left: calc(calc(0.375 * var(--ax-styles-scale, 1rem)) - var(--xivemo));
   }
-  .q6jf73 {
-    --_17z89l0: 1px;
+  ._194gi9l {
+    --xivemo: 1px;
   }
-  ._156xtxa {
-    --_1vevucb: calc(0.375 * var(--ax-styles-scale));
+  .u9ro3y {
+    --_1fhjord: calc(0.375 * var(--ax-styles-scale, 1rem));
   }
-  .fvrxh4 {
-    --_1vevucb: calc(0.625 * var(--ax-styles-scale));
+  .o5oo8m {
+    --_1fhjord: calc(0.625 * var(--ax-styles-scale, 1rem));
     border-radius: var(--ax-borderRadius-full);
   }
-  ._1l5prom {
-    --_1vevucb: calc(0.5 * var(--ax-styles-scale));
+  ._1m16o9e {
+    --_1fhjord: calc(0.5 * var(--ax-styles-scale, 1rem));
   }
-  .t2xh5x {
-    --_1vevucb: calc(0.5 * var(--ax-styles-scale));
+  ._1nk4r0z {
+    --_1fhjord: calc(0.5 * var(--ax-styles-scale, 1rem));
   }
-  .swh5pu {
+  ._19bcznb {
     left: 0;
     position: absolute;
     right: 0;
   }
   @media (hover: hover) {
-    ._16sssh2:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"], [data-state="open"]) {
-      background-color: var(--_18uxpcr);
-      border-color: var(--_1synuli, var(--_12q41rc));
+    ._1frmv49:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"], [data-state="open"]) {
+      background-color: var(--_15x5ee1);
+      border-color: var(--j6awpv, var(--_1dyyx70));
     }
-    ._64xc8w:hover:not([data-disabled], [data-loading])::after {
+    .t8uidu:hover:not([data-disabled], [data-loading])::after {
       opacity: 1;
     }
-    ._1hhm3c3:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_12q41rc);
-      border-color: var(--_1eku9ou, var(--_12q41rc));
+    ._14d79pl:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_1dyyx70);
+      border-color: var(--qf72q7, var(--_1dyyx70));
     }
-    ._1dbb6kb:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"], [data-state="open"]) {
-      background-color: var(--_1iy42i9, var(--_18uxpcr));
+    .nnpv7l:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"], [data-state="open"]) {
+      background-color: var(--e2qnm6, var(--_15x5ee1));
     }
   }
 }

package/dist/esm/assets/Calendar.css.ts.vanilla-CInq5Maw.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._10yl0re {
+    min-height: calc(17.125 * var(--ax-styles-scale, 1rem));
+  }
+}

package/dist/esm/assets/CalendarDayButton.css.ts.vanilla-D2O1xbGS.css

@@ -0,0 +1,63 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1nayefi {
+    background-color: var(--_725u9y);
+    border-radius: var(--ax-borderRadius-md);
+    position: relative;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1nayefi:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+    z-index: 10;
+  }
+  ._1nayefi[disabled] {
+    opacity: 0.32;
+  }
+  .qrxgdj {
+    --_725u9y: var(--ax-colors-bg-default);
+  }
+  ._91zepb {
+    --_725u9y: var(--ax-colors-bg-error-subtlest);
+  }
+  ._19dmdsx {
+    --_725u9y: var(--ax-colors-bg-secondary);
+  }
+  ._1qd7ue0 {
+    --_725u9y: var(--ax-colors-bg-default-pressed);
+  }
+  ._9v7wzi {
+    --_725u9y: var(--ax-colors-bg-page);
+  }
+  ._1mgmsl1 {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+  ._1sn62ve {
+    border-radius: 0;
+  }
+  ._104alk7 {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+  .wvh1if {
+    background-color: var(--ax-colors-fg-default);
+    bottom: calc(0.1875 * var(--ax-styles-scale, 1rem));
+    height: calc(0.3125 * var(--ax-styles-scale, 1rem));
+    inset-inline: 0;
+    position: absolute;
+    width: calc(0.3125 * var(--ax-styles-scale, 1rem));
+  }
+  @media (hover: hover) {
+    ._1nayefi:not([disabled]):hover {
+      background-color: var(--ax-colors-bg-default-hovered);
+    }
+    ._1nayefi:not([disabled]):hover:active {
+      background-color: var(--ax-colors-bg-default-pressed);
+    }
+    ._1qd7ue0:not([disabled]):hover {
+      background-color: var(--ax-colors-bg-default-pressed);
+    }
+  }
+}

package/dist/esm/assets/CalendarGrid.css.ts.vanilla-B83nFpfw.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .uwrx2m {
+    height: calc(12 * var(--ax-styles-scale, 1rem));
+    width: calc(14.75 * var(--ax-styles-scale, 1rem));
+  }
+}

package/dist/esm/assets/CalendarMonths.css.ts.vanilla-CFlyJ1OQ.css

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

package/dist/esm/assets/CalendarNextMonthButton.css.ts.vanilla-BkELBhJp.css

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

package/dist/esm/assets/CalendarPreviousMonthButton.css.ts.vanilla-DA4IS9gs.css

@@ -0,0 +1,8 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._17fhyd0 {
+    position: absolute;
+    right: calc(2 * var(--ax-styles-scale, 1rem));
+    top: 0;
+  }
+}

package/dist/esm/assets/Card.css.ts.vanilla-mXWj4PT1.css

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

package/dist/esm/assets/CardCheckbox.css.ts.vanilla-BukCYl8P.css

@@ -0,0 +1,11 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .avlrni {
+    position: relative;
+  }
+  .avlrni::before {
+    content: "";
+    inset: calc(-0.5 * var(--ax-styles-scale, 1rem));
+    position: absolute;
+  }
+}

package/dist/esm/assets/CardHeader.css.ts.vanilla-BIa2BNse.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._7f0vn5 {
+    min-height: var(--ax-size-sm);
+  }
+  ._1wlwyrv {
+    order: 3;
+  }
+  ._119zcyw {
+    order: 1;
+  }
+  .ic517o {
+    order: 2;
+  }
+}

package/dist/esm/assets/CardPreview.css.ts.vanilla-B10OwTqo.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._46b7lt {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+    margin: calc(-1 * var(--ax-styles-scale, 1rem)) calc(-1 * var(--ax-styles-scale, 1rem)) calc(0.5 * var(--ax-styles-scale, 1rem));
+    position: relative;
+  }
+  .nyu5ks {
+    inset: 0;
+    padding: calc(1 * var(--ax-styles-scale, 1rem));
+    place-content: space-between;
+    position: absolute;
+  }
+}

package/dist/{cjs/assets/CheckboxControl.css.ts.vanilla-y5pQ2TBA.css → esm/assets/CheckboxControl.css.ts.vanilla-B-qWUBiT.css}

@@ -1,26 +1,26 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .kemjj7 {
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .irqabp {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._6492wf:has(.errmmk:checked, .errmmk:indeterminate) .kemjj7 {
+  ._1iyrexh:has(._11n9asn:checked, ._11n9asn:indeterminate) .irqabp {
     clip-path: inset(0 0 0 0);
   }
-  ._1a2of2y {
+  .llve6z {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1pvns2j);
+    border-color: var(--kob8ol);
     border-width: 2px;
-    color: var(--luke9r);
-    height: var(--e7wbtb);
+    color: var(--urdhrt);
+    height: var(--dud56m);
     place-content: center;
     position: relative;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
-    width: var(--e7wbtb);
+    width: var(--dud56m);
   }
-  ._1a2of2y::before {
+  .llve6z::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -32,20 +32,20 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  ._6492wf:has(.errmmk:checked, .errmmk:indeterminate) ._1a2of2y::before {
-    inset: calc(-1 * var(--e7wbtb) / 2);
+  ._1iyrexh:has(._11n9asn:checked, ._11n9asn:indeterminate) .llve6z::before {
+    inset: calc(-1 * var(--dud56m) / 2);
     opacity: 1;
   }
-  ._6492wf:has(.errmmk:checked, .errmmk:indeterminate) ._1a2of2y {
-    border-width: calc(var(--e7wbtb) / 2);
+  ._1iyrexh:has(._11n9asn:checked, ._11n9asn:indeterminate) .llve6z {
+    border-width: calc(var(--dud56m) / 2);
   }
-  .s50rg3 {
-    margin-block: calc(-0.125 * var(--ax-styles-scale));
+  ._1v1znlb {
+    margin-block: calc(-0.125 * var(--ax-styles-scale, 1rem));
   }
-  ._1oiurs0 {
-    --e7wbtb: var(--ax-size-xs);
+  .piakox {
+    --dud56m: var(--ax-size-xs);
   }
-  ._747gsv {
-    --e7wbtb: var(--ax-size-sm);
+  ._7u2woj {
+    --dud56m: var(--ax-size-sm);
   }
 }