@optiaxiom/react 0.3.3 → 0.3.4

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

@@ -1,6 +1,6 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  ._14cwact {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._44u4q2 {
     left: 50%;
     max-height: 50dvh;
     max-width: calc(100dvw - 2 * 24px);
@@ -8,16 +8,16 @@
     top: 50%;
     translate: -50% -50%;
   }
-  .bamikp {
+  .ipirkx {
     width: 400px;
   }
-  ._143e421 {
+  .bih0w6 {
     width: 600px;
   }
-  ._1utmb02 {
+  ._1ua8kni {
     width: 800px;
   }
-  ._1svy4d {
+  .cltilp {
     inset: 0;
     position: fixed;
   }

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

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

package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-CKRzpEat.css → AutocompleteContent.css.ts.vanilla-DbhN4jbL.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  ._1uog2ab {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  .bb2k0v {
     overflow: auto;
     overscroll-behavior: contain;
   }
-  ._1uog2ab:empty {
+  .bb2k0v:empty {
     visibility: hidden;
   }
 }

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._126xuk5 {
+    user-select: none;
+  }
+  ._1x7izju ._126xuk5 {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  ._1x7izju ._1advlkn:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._1x7izju .ma63w8:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._1x7izju ._1rbybnk:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._1x7izju .voclpu:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._1x7izju .m83r23:not(:first-child) {
+    margin-left: -11px;
+  }
+  ._1x7izju .prrad6:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._2gjlym {
+    --_1ugv4oy: var(--ax-colors-fg-white);
+  }
+  ._2msu2d {
+    --_1df0p0r: var(--ax-colors-bg-error);
+    --_1xxnrmb: var(--ax-colors-bg-error-subtle);
+    --_1vh6ftg: var(--ax-colors-fg-error-strong);
+  }
+  ._1fv3eud {
+    --_1df0p0r: var(--ax-colors-bg-information);
+    --_1xxnrmb: var(--ax-colors-bg-information-subtle);
+    --_1vh6ftg: var(--ax-colors-fg-information-strong);
+  }
+  ._1rcq4u {
+    --_1df0p0r: var(--ax-colors-bg-tertiary);
+    --_1ugv4oy: var(--ax-colors-fg-default);
+    --_1xxnrmb: var(--ax-colors-bg-secondary);
+    --_1vh6ftg: var(--ax-colors-fg-secondary);
+  }
+  .u3yrn6 {
+    --_1df0p0r: var(--ax-colors-bg-accent);
+    --_1xxnrmb: var(--ax-colors-bg-accent-subtle);
+    --_1vh6ftg: var(--ax-colors-fg-accent-strong);
+  }
+  ._1ubkxzi {
+    --_1df0p0r: var(--ax-colors-bg-success);
+    --_1xxnrmb: var(--ax-colors-bg-success-subtle);
+    --_1vh6ftg: var(--ax-colors-fg-success-strong);
+  }
+  ._3sazb9 {
+    --_1df0p0r: var(--ax-colors-bg-warning);
+    --_1ugv4oy: var(--ax-colors-fg-warning-inverse);
+    --_1xxnrmb: var(--ax-colors-bg-warning-subtle);
+    --_1vh6ftg: var(--ax-colors-fg-warning-strong);
+  }
+  .d60pqa {
+    background-color: var(--_1xxnrmb);
+    color: var(--_1vh6ftg);
+  }
+  ._1twi6yl {
+    background-color: var(--_1df0p0r);
+    color: var(--_1ugv4oy);
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-CIZw6Oxp.css → Box.css.ts.vanilla-CBeLPJz0.css}

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

package/dist/assets/src/button/Button.css.ts.vanilla-BWevFsch.css

@@ -0,0 +1,146 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  .ybnles {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_1oclqw9);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .ybnles: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);
+  }
+  .ouioxk[data-orientation="horizontal"] .ybnles:not(:first-child):not(:last-child) {
+    border-inline-width: 0.5px;
+  }
+  .ouioxk[data-orientation="horizontal"] .ybnles:not(:only-child):first-child {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .ouioxk[data-orientation="horizontal"] .ybnles:not(:only-child):last-child {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .ouioxk[data-orientation="vertical"] .ybnles:not(:first-child):not(:last-child) {
+    border-block-width: 0.5px;
+  }
+  .ouioxk[data-orientation="vertical"] .ybnles:not(:only-child):first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .ouioxk[data-orientation="vertical"] .ybnles:not(:only-child):last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .ouioxk[data-orientation] .ybnles:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  ._1pfj9c3 {
+    --w1h9l0: var(--ax-colors-bg-error);
+    --e7hbhn: var(--ax-colors-bg-error-hovered);
+    --uoepce: var(--ax-colors-bg-error-pressed);
+    --_1a2rli5: var(--ax-colors-bg-error-subtlest);
+    --gnprtj: var(--ax-colors-bg-error-subtle);
+  }
+  ._1s4jbqr {
+    --w1h9l0: var(--ax-colors-bg-default-inverse);
+    --e7hbhn: var(--ax-colors-bg-default-inverse-hovered);
+    --uoepce: var(--ax-colors-bg-default-inverse-pressed);
+    --_1a2rli5: var(--ax-colors-bg-secondary);
+    --_1odg3ov: var(--ax-colors-border-default);
+    --_1px7hcf: var(--ax-colors-border-default);
+    --gnprtj: var(--ax-colors-bg-secondary-hovered);
+    --t5vfvr: var(--ax-colors-fg-default);
+  }
+  ._5rjchb {
+    --w1h9l0: var(--ax-colors-bg-accent);
+    --e7hbhn: var(--ax-colors-bg-accent-hovered);
+    --uoepce: var(--ax-colors-bg-accent-pressed);
+    --_1a2rli5: var(--ax-colors-bg-accent-subtle);
+    --gnprtj: var(--ax-colors-bg-accent-light);
+  }
+  .c57bus {
+    min-width: fit-content;
+  }
+  .gu9rp7 {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1px7hcf, var(--w1h9l0));
+    color: var(--t5vfvr, var(--w1h9l0));
+    padding-inline: calc(var(--_1oclqw9) - 1px);
+  }
+  .gu9rp7:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--gnprtj);
+    border-color: var(--_1odg3ov, var(--e7hbhn));
+  }
+  .gu9rp7:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1a2rli5);
+    border-color: var(--_1odg3ov, var(--e7hbhn));
+  }
+  .gu9rp7: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);
+  }
+  .gu9rp7[data-disabled] {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .qamph7 {
+    background-color: var(--w1h9l0);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  .qamph7:active:not([data-disabled], [data-loading]) {
+    background-color: var(--uoepce);
+  }
+  .qamph7:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--e7hbhn);
+  }
+  .qamph7[data-disabled] {
+    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(--_1oclqw9) - 1px);
+  }
+  ._18z01fv {
+    background-color: transparent;
+    border-color: var(--w1h9l0);
+    color: var(--t5vfvr, var(--w1h9l0));
+  }
+  ._18z01fv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--gnprtj);
+  }
+  ._18z01fv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1a2rli5);
+  }
+  ._18z01fv:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._18z01fv[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1do0ldj {
+    --_1oclqw9: 4px;
+  }
+  .n7fm0y {
+    --_1oclqw9: 8px;
+  }
+  ._1f29soy {
+    --_1oclqw9: 12px;
+  }
+  .uftlb5 {
+    opacity: 1;
+  }
+  ._1nzdjpn[data-loading] .uftlb5 {
+    opacity: 0;
+  }
+  .ong7xw {
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  .hbjksa {
+    display: none;
+  }
+  ._1j8i7v8:has(.kjhgyc:checked) .hbjksa {
+    display: block;
+  }
+  .lhwvp {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_1rem3j7);
+    border-width: 1px;
+  }
+  ._1j8i7v8:has(.kjhgyc:checked) .lhwvp {
+    background-color: var(--_1rem3j7);
+    border-width: 0;
+  }
+}

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

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

package/dist/assets/src/data-table/DataTable.css.ts.vanilla-t2Q-5Lpd.css

@@ -0,0 +1,24 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1yky7v6 {
+    position: sticky;
+    top: 0;
+    z-index: var(--ax-zIndex-20);
+  }
+  .xsloh5 {
+    min-width: var(--_742wq4);
+  }
+  ._3vn90y {
+    left: var(--_1wv15xm);
+    position: sticky;
+    z-index: var(--ax-zIndex-20);
+  }
+  .n82k45 {
+    min-width: var(--_742wq4);
+  }
+  .xgb0sc {
+    left: var(--_1wv15xm);
+    position: sticky;
+    z-index: var(--ax-zIndex-10);
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1qp8795 {
+    cursor: default;
+  }
+  .yi6j1q {
+    cursor: pointer;
+  }
+  .cgrj8e:is(:not(:focus-within):not(:hover)) .r6oq6t {
+    visibility: hidden;
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  .txm4s5 {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1ikzjmp {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
@@ -8,20 +8,20 @@
     top: 50%;
     translate: -50% -50%;
   }
-  .wfmqn6 {
+  .ngq7pk {
     width: 400px;
   }
-  ._1dnflv0 {
+  ._1878gj0 {
     width: 600px;
   }
-  ._1dgofrh {
+  ._1o0x2z5 {
     width: 800px;
   }
-  .safwsj {
+  ._1mktjk7 {
     inset: 0;
     position: fixed;
   }
-  ._1egzn8u {
+  .ilucyq {
     position: absolute;
     right: 24px;
     top: 24px;

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

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

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

@@ -1,19 +1,19 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  ._7s7igg {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._174z91b {
     color: var(--ax-colors-fg-default);
   }
-  ._7s7igg:focus-visible {
+  ._174z91b:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._7s7igg:hover {
+  ._174z91b:hover {
     color: var(--ax-colors-fg-secondary);
   }
-  [data-state=open] > .omhyk5 {
+  [data-state=open] > .doj2rp {
     transform: rotate(180deg);
   }
-  [data-state=open] > .ozw4yu {
+  [data-state=open] > .tuy3fn {
     transform: rotate(90deg);
   }
 }

package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-DOMCHbHy.css → Drawer.css.ts.vanilla-D1KjbYY2.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  .dfm7uu {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  .kpebdx {
     position: fixed;
   }
-  ._1xcmbns {
+  .epjf57 {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  .n6lcgm {
+  ._126ao3l {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  .wjvxlc {
+  ._1qc382x {
     bottom: 0;
     right: 0;
     top: 0;
   }
-  ._1ac0t1t {
+  ._1aqeavo {
     inset: 0;
     position: fixed;
   }
-  .xypbjl {
+  ._16imrgc {
     position: absolute;
     right: 10px;
     top: 24px;

package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-C69OVRIH.css → HoverCardContent.css.ts.vanilla-BNBQF_0T.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.rzssx9;
-@layer optiaxiom.rzssx9 {
-  ._13j3zug {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._11uxbov {
     min-width: var(--radix-hover-card-trigger-width);
     position: relative;
   }

package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B8unyh6v.css

@@ -0,0 +1,35 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1ivl5gu {
+    position: relative;
+  }
+  ._1vtodxc {
+    --_16h7smo: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  ._254wu5 {
+    --_16h7smo: 4px;
+  }
+  .oyxusw {
+    bottom: 4px;
+    transform: translate(var(--_16h7smo), var(--_16h7smo));
+  }
+  ._1491pag {
+    top: 4px;
+    transform: translate(var(--_16h7smo), calc(-1 * var(--_16h7smo)));
+  }
+  ._1afa6dq {
+    position: relative;
+    user-select: none;
+  }
+  ._1afa6dq:empty {
+    aspect-ratio: 1;
+  }
+  ._1ocflgm:not(:empty) {
+    min-width: 20px;
+  }
+  ._1tzg6p3 {
+    position: absolute;
+  }
+}