@optiaxiom/react 3.1.9 → 3.2.0

package/dist/{cjs/assets/ListboxCheckboxItem.css.ts.vanilla-BQjz3Rp9.css → esm/assets/CardCheckbox.css.ts.vanilla-ZMjbCysz.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .yo319i {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .zi992h {
     position: relative;
   }
-  .yo319i::before {
+  .zi992h::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1y0igob {
+    min-height: var(--ax-size-sm);
+  }
+  ._1fer5xo {
+    order: 3;
+  }
+  .qizdkb {
+    order: 1;
+  }
+  ._1dyia8s {
+    order: 2;
+  }
+}

package/dist/{cjs/assets/CardPreview.css.ts.vanilla-jJ9Ck56P.css → esm/assets/CardPreview.css.ts.vanilla-BNm_FNzG.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .qv54y8 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._17eqokf {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 8px;
     position: relative;
   }
-  .j656wj {
+  .a1o1ty {
     inset: 0;
     padding: 16px;
     place-content: space-between;

package/dist/esm/assets/{CheckboxControl.css.ts.vanilla-BDoChFNw.css → CheckboxControl.css.ts.vanilla-DctzaS8B.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1ebmi86 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .e2xcnd {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._1wc0anl:has(.qdjoxd:checked, .qdjoxd:indeterminate) ._1ebmi86 {
+  .sq73gz:has(.u2xpat:checked, .u2xpat:indeterminate) .e2xcnd {
     clip-path: inset(0 0 0 0);
   }
-  ._1ndakp5 {
+  .c8flby {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1ixyo21);
+    border-color: var(--mmvjm8);
     border-width: 2px;
-    color: var(--nv4f98);
+    color: var(--_1mv0iad);
     place-content: center;
     position: relative;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  ._1ndakp5::before {
+  .c8flby::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -30,14 +30,14 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  ._1wc0anl:has(.qdjoxd:checked, .qdjoxd:indeterminate) ._1ndakp5::before {
+  .sq73gz:has(.u2xpat:checked, .u2xpat:indeterminate) .c8flby::before {
     inset: -12px;
     opacity: 1;
   }
-  ._1wc0anl:has(.qdjoxd:checked, .qdjoxd:indeterminate) ._1ndakp5 {
+  .sq73gz:has(.u2xpat:checked, .u2xpat:indeterminate) .c8flby {
     border-width: 12px;
   }
-  .uc1oy2 {
+  ._72dbpf {
     margin-block: -2px;
   }
 }

package/dist/esm/assets/Code.css.ts.vanilla-BGx2FQtX.css

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

package/dist/esm/assets/CommandItem.css.ts.vanilla-DeP7V87a.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1hz4qco {
+    flex-shrink: 99999;
+  }
+}

package/dist/esm/assets/Cover.css.ts.vanilla-CUSPg6QO.css

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom {
+  ._11n2fzu {
+    position: static;
+  }
+  ._11n2fzu:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom.wxbe8u {
+  .pcdxid {
+    --phjrzq: solid;
+  }
+  .pcdxid::before {
+    content: "";
+    border-radius: var(--rbocp4, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  .pcdxid:focus-visible::before {
+    outline: 2px var(--phjrzq) var(--ax-colors-border-focus);
+    outline-offset: var(--jfqi2l);
+  }
+  .ono5li {
+    --jfqi2l: 1px;
+  }
+  .u706dv {
+    --jfqi2l: -2px;
+  }
+  .u706dv:is(a) {
+    --phjrzq: auto;
+  }
+}

package/dist/esm/assets/DataTableBody.css.ts.vanilla-Ca1_VtLJ.css

@@ -0,0 +1,71 @@
+@property --_778qti {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1lqqat4 {
+    position: relative;
+  }
+  ._1lqqat4[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--kbg88n);
+  }
+  ._1lqqat4[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--dgzdg);
+  }
+  ._1lqqat4[data-scroll-timeline]::before, ._1lqqat4[data-scroll-timeline]::after {
+    content: "";
+    display: block;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    transition: 0.3s opacity;
+    width: 16px;
+    z-index: 1;
+  }
+  ._1lqqat4[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._1lqqat4[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .poiq74 {
+    width: calc(1px * var(--_185q9sf));
+  }
+  ._6qv062 {
+    left: var(--ewpl5i);
+  }
+  .hyxbj4 {
+    right: var(--ewpl5i);
+  }
+  .cmo555 {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--_778qti), var(--_778qti));
+    transition: --_778qti var(--ax-duration-sm) ease;
+  }
+  ._1hv9v6n[data-selected] .cmo555 {
+    --_778qti: var(--ax-colors-bg-accent-subtle);
+  }
+  ._1nkz05b {
+    flex-grow: calc(var(--_185q9sf) / var(--rrtdv7));
+  }
+  @media (hover: hover) {
+    ._1hv9v6n:hover .cmo555 {
+      --_778qti: var(--ax-colors-bg-default-hovered);
+    }
+    ._1hv9v6n[data-selected]:hover .cmo555 {
+      --_778qti: 
+                  color-mix(
+                    in srgb,
+                    var(--ax-colors-bg-accent-subtle),
+                    var(--ax-colors-bg-accent-light) 15%
+                  )
+                ;
+    }
+  }
+}

package/dist/esm/assets/DataTableFooter.css.ts.vanilla-3pUy-adv.css

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

package/dist/esm/assets/{DataTableHeaderCell.css.ts.vanilla-DdCelq_I.css → DataTableHeaderCell.css.ts.vanilla-YohMXUMk.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .hgdf3x {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1cezka {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .hgdf3x:focus-visible {
+  ._1cezka:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._1eiyli6 {
+  .l8eayo {
     grid-area: 1 / 1 / 2 / 2;
   }
-  .kusvl7 {
+  .fude50 {
     opacity: 0;
   }
-  .rp4jr9 {
+  .fsqhfd {
     opacity: 1;
   }
-  ._1dn09xt {
+  .xuk0vz {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -30,7 +30,7 @@
             user-select: none;
   }
   @media (hover: hover) {
-    .hgdf3x:hover {
+    ._1cezka:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/DateInput.css.ts.vanilla-jWXqWofp.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._5iwq5d::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+  ._1bb3ub2:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1ueqqje {
+    visibility: hidden;
+  }
+  @supports not selector(::-webkit-datetime-edit) {
+    .ielpa2 {
+      display: none !important;
+    }
+  }
+}

package/dist/esm/assets/DetailsPanel.css.ts.vanilla-BBPUE9Lz.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .iagset:focus-visible {
+    outline: none;
+  }
+}

package/dist/esm/assets/DetailsPanelFooter.css.ts.vanilla-DMM_CGuC.css

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

package/dist/esm/assets/DetailsPanelHeader.css.ts.vanilla-CICEy2RM.css

@@ -0,0 +1,8 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1oybnxa {
+    column-gap: 4px;
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/{cjs/assets/DialogContent.css.ts.vanilla-DDXceMqB.css → esm/assets/DialogContent.css.ts.vanilla-hhMA4_6k.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .edr8lz {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .v1o5gt {
     opacity: 0;
   }
-  ._16wrplq {
+  .szxzst {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--vm1jfn)))
-      scale(calc(1 - 0.06 * var(--vm1jfn)))
+      translateY(calc(1rem * var(--_1dokiy0)))
+      scale(calc(1 - 0.06 * var(--_1dokiy0)))
     ;
     translate: -50% 0;
   }
-  ._16wrplq:focus-visible {
+  .szxzst:focus-visible {
     outline: none;
   }
-  ._16wrplq:has(.cj7aid:focus-within) {
-    scroll-padding-bottom: var(--o97pud);
-    scroll-padding-top: var(--rkhs39);
+  .szxzst:has(.iiq7n9:focus-within) {
+    scroll-padding-bottom: var(--zcb7ee);
+    scroll-padding-top: var(--_12oj4qe);
   }
-  ._12t08ol {
+  ._1m4e6t5 {
     width: 400px;
   }
-  ._1tlqsgg {
+  .f5rk41 {
     width: clamp(600px, 50%, 800px);
   }
-  ._1o2zt5k {
+  ._6181z9 {
     width: clamp(900px, 75%, 1400px);
   }
-  ._1jxohx6 {
+  .qq2dia {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/esm/assets/DialogFooter.css.ts.vanilla-sCqPYlN3.css

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

package/dist/esm/assets/DialogHeader.css.ts.vanilla-B6an_-67.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._6ghw04 {
+    position: sticky;
+    top: 0;
+  }
+  ._49mnxu {
+    order: 3;
+  }
+  ._8bssa9 {
+    order: 1;
+  }
+  .ngmulp {
+    order: 2;
+  }
+  ._1rqrde3 {
+    order: 4;
+  }
+}

package/dist/esm/assets/{DisclosureContent.css.ts.vanilla-CD7eZ3TJ.css → DisclosureContent.css.ts.vanilla-DkEshdaz.css}

@@ -1,17 +1,17 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1hu31p1 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1yq2jkd {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
     transition-property: grid-template-rows, opacity, scale, transform;
   }
-  ._1hu31p1[data-transition-state] {
+  ._1yq2jkd[data-transition-state] {
     grid-template-rows: 0fr;
   }
-  ._172terv[data-transition-state] {
+  .wk21v8[data-transition-state] {
     scale: 1;
   }
-  .soeyjm {
+  .ifrady {
     min-height: 0;
   }
 }

package/dist/esm/assets/{DisclosureTrigger.css.ts.vanilla-Ca2Kyo9O.css → DisclosureTrigger.css.ts.vanilla-RSVhrqC6.css}

@@ -1,17 +1,17 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .kvl36x {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .o2lwrm {
     color: var(--ax-colors-fg-default);
     position: relative;
   }
-  .jn0pto {
+  .ixb5sg {
     min-height: var(--ax-size-sm);
   }
-  [data-state=open] > .ejxade {
+  [data-state=open] > ._1n9a867 {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    .kvl36x:is([data-disabled], :hover) {
+    .o2lwrm:is([data-disabled], :hover) {
       color: var(--ax-colors-bg-default-inverse-hovered);
     }
   }

package/dist/esm/assets/FileUpload.css.ts.vanilla-CDg5sHVM.css

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

package/dist/esm/assets/{FileUploadDropzone.css.ts.vanilla-D_-OE79g.css → FileUploadDropzone.css.ts.vanilla-CWzjokUm.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._5k7mnf {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1w60uix {
     isolation: isolate;
   }
-  ._5k7mnf::before {
+  ._1w60uix::before {
     content: "";
     border: 1px dashed var(--ax-colors-border-default);
     border-radius: var(--ax-borderRadius-md);
@@ -11,20 +11,20 @@
     position: absolute;
     z-index: -1;
   }
-  ._1sjpqem::before {
+  ._1tpugki::before {
     border: 2px solid var(--ax-colors-border-focus);
   }
-  ._1l5r36k {
+  .jm5sig {
     visibility: visible;
   }
-  .rdj2pc {
+  ._10a6tfy {
     visibility: hidden;
   }
-  .rhpcx {
+  .s1o29w {
     inset: 0;
     position: absolute;
   }
-  ._1oqdxeg {
+  .s6ks9e {
     opacity: 0.5;
   }
 }

package/dist/{cjs/assets/FileUploadListItem.css.ts.vanilla-DiyRFoDJ.css → esm/assets/FileUploadListItem.css.ts.vanilla-D31VVWRN.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .xo47su {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .mysfyr {
     background-color: var(--ax-colors-bg-default);
     position: relative;
   }
   @media (hover: hover) {
-    .xo47su:has(._1kl4f8g:hover) {
+    .mysfyr:has(._7y2bq2:hover) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/esm/assets/{Heading.css.ts.vanilla-DqIRCC4T.css → Heading.css.ts.vanilla-CbIj4nf4.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .dbua11 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1mt84s0 {
     font-size: var(--ax-fontSize-4xl-fontSize);
     line-height: 1.04;
   }
-  ._9k8dwg {
+  .c8d9h3 {
     font-size: var(--ax-fontSize-3xl-fontSize);
     line-height: 1.04;
   }
-  .hd95v {
+  ._85bd82 {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: 1.1;
   }
-  .e94myt {
+  ._1ubrgu2 {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: 1.3;
   }
-  ._1yboija {
+  .e3knab {
     letter-spacing: 1%;
   }
-  .ehjzr {
+  ._4uahbd {
     letter-spacing: 2%;
   }
-  .uwdjos {
+  ._1ol892c {
     letter-spacing: 3%;
   }
 }

package/dist/esm/assets/Highlight.css.ts.vanilla-CQk4lH7z.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._8ld0gd {
+    background-color: transparent;
+    color: inherit;
+  }
+}

package/dist/esm/assets/HoverCardTrigger.css.ts.vanilla-Ba0N1zLm.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .f5gs57 {
+    text-decoration: none;
+  }
+}

package/dist/esm/assets/{Icon.css.ts.vanilla-DVyexL1K.css → Icon.css.ts.vanilla-CFXDBHAt.css}

@@ -1,6 +1,6 @@
 @layer optiaxiom.theme.icons;
 @layer optiaxiom.theme.icons {
-  ._1pke4vu {
+  ._5c5fwl {
     height: var(--ax-size-2xs);
     width: auto;
   }

package/dist/esm/assets/Indicator.css.ts.vanilla-D_EJt1_X.css

@@ -0,0 +1,36 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._19yrcm2 {
+    position: relative;
+  }
+  .pett48 {
+    --zhk15x: 2px;
+    --_1ru18zb: 50%;
+    position: absolute;
+    right: var(--zhk15x);
+  }
+  .ps9y7o {
+    --zhk15x: 0;
+    --_1ru18zb: 0;
+  }
+  ._1gtckrc {
+    bottom: var(--zhk15x);
+    transform: translate(var(--_1ru18zb), var(--_1ru18zb));
+  }
+  ._1qgeo65 {
+    top: var(--zhk15x);
+    transform: translate(var(--_1ru18zb), calc(-1 * var(--_1ru18zb)));
+  }
+  ._1ftl1tt {
+    position: relative;
+  }
+  ._1ftl1tt:empty {
+    aspect-ratio: 1;
+  }
+  ._3c6sya:not(:empty) {
+    min-width: 16px;
+  }
+  ._134tlkp {
+    position: absolute;
+  }
+}

package/dist/esm/assets/{InlineInput.css.ts.vanilla-0EugOwSA.css → InlineInput.css.ts.vanilla-CqOnf3o-.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1xsx80s:focus-visible {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .l5pkfs:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1bahfz8::before {
+  .y7iwyk::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/esm/assets/Input.css.ts.vanilla-C5lX5t3v.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .mv0js4 {
+    display: flex;
+  }
+  .mv0js4:empty {
+    display: none;
+  }
+}

package/dist/esm/assets/InputControl.css.ts.vanilla-CIr6J7GQ.css

@@ -0,0 +1,26 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .kxhlko {
+    font-size: max(16px, 1rem);
+    line-height: 1.375rem;
+    min-width: 0;
+    outline: 2px solid transparent;
+  }
+  .kxhlko::placeholder {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  .kxhlko[data-disabled]::placeholder {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .kxhlko[data-readonly] {
+    cursor: default;
+  }
+  @media screen and (min-width: 37.5rem) {
+    ._1debtbh {
+      font-size: 0.875rem;
+    }
+    ._1dpvrx8 {
+      font-size: 1rem;
+    }
+  }
+}