@optiaxiom/react 3.1.6 → 3.1.7

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

@@ -1,9 +1,9 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1vuw8h0 {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .llww74 {
     position: relative;
   }
-  ._1vuw8h0::before {
+  .llww74::before {
     content: "";
     inset: -8px;
     position: absolute;

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1vr0n0b {
+    min-height: var(--ax-size-sm);
+  }
+  .ofi0zi {
+    order: 3;
+  }
+  ._1ww6ufj {
+    order: 1;
+  }
+  ._1mbu27z {
+    order: 2;
+  }
+}

package/dist/{cjs/assets/CardPreview.css.ts.vanilla-dGgG62gi.css → esm/assets/CardPreview.css.ts.vanilla-DNgp-xcb.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._83k53r {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1f4l1x {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     margin: -16px -16px 8px;
     position: relative;
   }
-  .m4ifkp {
+  ._1qb9xvz {
     inset: 0;
     padding: 16px;
     place-content: space-between;

package/dist/esm/assets/{CheckboxControl.css.ts.vanilla-Bo2NEEPf.css → CheckboxControl.css.ts.vanilla-CtLz25Q1.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  .x1gekv {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .foqi59 {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  .pi3heq:has(._8xszaz:checked, ._8xszaz:indeterminate) .x1gekv {
+  ._1gfwgnr:has(._2fu3pl:checked, ._2fu3pl:indeterminate) .foqi59 {
     clip-path: inset(0 0 0 0);
   }
-  .unt4ap {
+  ._1uvenkg {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--ex9d03);
+    border-color: var(--_9sa764);
     border-width: 2px;
-    color: var(--_1gj7i72);
+    color: var(--hafxie);
     place-content: center;
     position: relative;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .unt4ap::before {
+  ._1uvenkg::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;
   }
-  .pi3heq:has(._8xszaz:checked, ._8xszaz:indeterminate) .unt4ap::before {
+  ._1gfwgnr:has(._2fu3pl:checked, ._2fu3pl:indeterminate) ._1uvenkg::before {
     inset: -12px;
     opacity: 1;
   }
-  .pi3heq:has(._8xszaz:checked, ._8xszaz:indeterminate) .unt4ap {
+  ._1gfwgnr:has(._2fu3pl:checked, ._2fu3pl:indeterminate) ._1uvenkg {
     border-width: 12px;
   }
-  .hm6tan {
+  ._4j6sxs {
     margin-block: -2px;
   }
 }

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

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

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

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

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

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom.yam1o;
+@layer optiaxiom {
+  ._56uqm4 {
+    position: static;
+  }
+  ._56uqm4:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom.yam1o {
+  ._7jc71l {
+    --nvgz2z: solid;
+  }
+  ._7jc71l::before {
+    content: "";
+    border-radius: var(--_1unnbor, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  ._7jc71l:focus-visible::before {
+    outline: 2px var(--nvgz2z) var(--ax-colors-border-focus);
+    outline-offset: var(--_1s9bga6);
+  }
+  ._1jqgz59 {
+    --_1s9bga6: 1px;
+  }
+  .hdbwa7 {
+    --_1s9bga6: -2px;
+  }
+  .hdbwa7:is(a) {
+    --nvgz2z: auto;
+  }
+}

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

@@ -0,0 +1,71 @@
+@property --qze78t {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1g6uxst {
+    position: relative;
+  }
+  ._1g6uxst[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--pfw4fp);
+  }
+  ._1g6uxst[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--_6ipi24);
+  }
+  ._1g6uxst[data-scroll-timeline]::before, ._1g6uxst[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;
+  }
+  ._1g6uxst[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._1g6uxst[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .k62i4d {
+    width: calc(1px * var(--mrwh96));
+  }
+  ._7x5hk6 {
+    left: var(--zu01i0);
+  }
+  ._1g66ndr {
+    right: var(--zu01i0);
+  }
+  .sn2sqe {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--qze78t), var(--qze78t));
+    transition: --qze78t var(--ax-duration-sm) ease;
+  }
+  ._1wgtjkq[data-selected] .sn2sqe {
+    --qze78t: var(--ax-colors-bg-accent-subtle);
+  }
+  ._1xmivh6 {
+    flex-grow: calc(var(--mrwh96) / var(--mojhv3));
+  }
+  @media (hover: hover) {
+    ._1wgtjkq:hover .sn2sqe {
+      --qze78t: var(--ax-colors-bg-default-hovered);
+    }
+    ._1wgtjkq[data-selected]:hover .sn2sqe {
+      --qze78t: 
+                  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-Sy2J0CKU.css

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

package/dist/esm/assets/{DataTableHeaderCell.css.ts.vanilla-rufoGwzs.css → DataTableHeaderCell.css.ts.vanilla-CRXryc4x.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1n1kcw6 {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .q5nk6f {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1n1kcw6:focus-visible {
+  .q5nk6f:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._14hjb4p {
+  ._1klczo9 {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._12w4sl6 {
+  .armm46 {
     opacity: 0;
   }
-  ._10rquqt {
+  ._15fo3zs {
     opacity: 1;
   }
-  ._1u7nuh7 {
+  .guvuw5 {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -30,7 +30,7 @@
             user-select: none;
   }
   @media (hover: hover) {
-    ._1n1kcw6:hover {
+    .q5nk6f:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .u8zkjl::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+  ._1qyibv8:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._13mbll6 {
+    visibility: hidden;
+  }
+  @supports not selector(::-webkit-datetime-edit) {
+    ._21kv8i {
+      display: none !important;
+    }
+  }
+}

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

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

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

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

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

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

package/dist/{cjs/assets/DialogContent.css.ts.vanilla-DmgUF1AH.css → esm/assets/DialogContent.css.ts.vanilla-XkkOaOIK.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  .mt8n4x {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .k44jwk {
     opacity: 0;
   }
-  ._8j8a6z {
+  .lh9s11 {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--nkh60b)))
-      scale(calc(1 - 0.06 * var(--nkh60b)))
+      translateY(calc(1rem * var(--rj8ikz)))
+      scale(calc(1 - 0.06 * var(--rj8ikz)))
     ;
     translate: -50% 0;
   }
-  ._8j8a6z:focus-visible {
+  .lh9s11:focus-visible {
     outline: none;
   }
-  ._8j8a6z:has(.ug3ftc:focus-within) {
-    scroll-padding-bottom: var(--yyy2pq);
-    scroll-padding-top: var(--_19wg3kx);
+  .lh9s11:has(._1r7yrqe:focus-within) {
+    scroll-padding-bottom: var(--_1udn2hr);
+    scroll-padding-top: var(--_1nifjjb);
   }
-  ._1p1guv9 {
+  ._7ayd3r {
     width: 400px;
   }
-  ._145ztk1 {
+  ._1dp4n2 {
     width: clamp(600px, 50%, 800px);
   }
-  .t8wvtm {
+  ._1yvyk3e {
     width: clamp(900px, 75%, 1400px);
   }
-  .gq4790 {
+  ._106lsmb {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

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

package/dist/esm/assets/DialogHeader.css.ts.vanilla-dg3pllA3.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .plvvvm {
+    position: sticky;
+    top: 0;
+  }
+  ._1qfcg3n {
+    order: 3;
+  }
+  ._1us26ot {
+    order: 1;
+  }
+  ._1ng83q1 {
+    order: 2;
+  }
+  ._1qx9psr {
+    order: 4;
+  }
+}

package/dist/esm/assets/{DisclosureContent.css.ts.vanilla-BvyXQrUU.css → DisclosureContent.css.ts.vanilla-kP0Z4pwv.css}

@@ -1,17 +1,17 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1ixnyuj {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .rzvk2m {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
     transition-property: grid-template-rows, opacity, scale, transform;
   }
-  ._1ixnyuj[data-transition-state] {
+  .rzvk2m[data-transition-state] {
     grid-template-rows: 0fr;
   }
-  .euxwie[data-transition-state] {
+  .egswx5[data-transition-state] {
     scale: 1;
   }
-  ._1xhdt9p {
+  ._1tepmvj {
     min-height: 0;
   }
 }

package/dist/esm/assets/{DisclosureTrigger.css.ts.vanilla-BcxVHEP_.css → DisclosureTrigger.css.ts.vanilla-CR2kbNom.css}

@@ -1,17 +1,17 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._13glyhy {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1f8wan3 {
     color: var(--ax-colors-fg-default);
     position: relative;
   }
-  ._1ktwzm7 {
+  ._1vz5lwu {
     min-height: var(--ax-size-sm);
   }
-  [data-state=open] > .btppfo {
+  [data-state=open] > .ngd81a {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    ._13glyhy:is([data-disabled], :hover) {
+    ._1f8wan3:is([data-disabled], :hover) {
       color: var(--ax-colors-bg-default-inverse-hovered);
     }
   }

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

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

package/dist/esm/assets/{FileUploadDropzone.css.ts.vanilla-DkOSG5yS.css → FileUploadDropzone.css.ts.vanilla-BvjYVRtS.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1q7sqkw {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1tyer4n {
     isolation: isolate;
   }
-  ._1q7sqkw::before {
+  ._1tyer4n::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;
   }
-  ._1582mna::before {
+  ._1sldhu9::before {
     border: 2px solid var(--ax-colors-border-focus);
   }
-  .wkvlcd {
+  .g21v56 {
     visibility: visible;
   }
-  ._132srsl {
+  ._13ul3ox {
     visibility: hidden;
   }
-  ._1oyv5c7 {
+  ._5evopl {
     inset: 0;
     position: absolute;
   }
-  .hbzchc {
+  ._6hp8ul {
     opacity: 0.5;
   }
 }

package/dist/{cjs/assets/FileUploadListItem.css.ts.vanilla-CUs_2j1E.css → esm/assets/FileUploadListItem.css.ts.vanilla-CzTQPVBv.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._172ejky {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._7wlhum {
     background-color: var(--ax-colors-bg-default);
     position: relative;
   }
   @media (hover: hover) {
-    ._172ejky:has(._19oeqru:hover) {
+    ._7wlhum:has(._17xtny3:hover) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/esm/assets/Heading.css.ts.vanilla-Dd0ZR5nz.css

@@ -0,0 +1,28 @@
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .rge7p7 {
+    font-size: var(--ax-fontSize-4xl-fontSize);
+    line-height: 1.04;
+  }
+  ._1shisoh {
+    font-size: var(--ax-fontSize-3xl-fontSize);
+    line-height: 1.04;
+  }
+  ._2x1d9x {
+    font-size: var(--ax-fontSize-xl-fontSize);
+    line-height: 1.1;
+  }
+  ._2eequc {
+    font-size: var(--ax-fontSize-lg-fontSize);
+    line-height: 1.3;
+  }
+  .nesnbz {
+    letter-spacing: 1%;
+  }
+  ._1js7jur {
+    letter-spacing: 2%;
+  }
+  ._1fpwny9 {
+    letter-spacing: 3%;
+  }
+}

package/dist/esm/assets/Highlight.css.ts.vanilla-1D4yFsFC.css

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

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

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

package/dist/esm/assets/{Icon.css.ts.vanilla-DZu1balU.css → Icon.css.ts.vanilla-MGH9kvge.css}

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

package/dist/esm/assets/Indicator.css.ts.vanilla-DY-RXxp-.css

@@ -0,0 +1,36 @@
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._1ytsoaj {
+    position: relative;
+  }
+  ._1cdow2w {
+    --_1w6c4ik: 2px;
+    --rhjbrq: 50%;
+    position: absolute;
+    right: var(--_1w6c4ik);
+  }
+  .vwmf49 {
+    --_1w6c4ik: 0;
+    --rhjbrq: 0;
+  }
+  .ysibln {
+    bottom: var(--_1w6c4ik);
+    transform: translate(var(--rhjbrq), var(--rhjbrq));
+  }
+  ._1531j8a {
+    top: var(--_1w6c4ik);
+    transform: translate(var(--rhjbrq), calc(-1 * var(--rhjbrq)));
+  }
+  ._745whm {
+    position: relative;
+  }
+  ._745whm:empty {
+    aspect-ratio: 1;
+  }
+  ._1jb66cn:not(:empty) {
+    min-width: 16px;
+  }
+  .musv29 {
+    position: absolute;
+  }
+}

package/dist/esm/assets/{InlineInput.css.ts.vanilla-1dDA7fQ2.css → InlineInput.css.ts.vanilla-BP8him93.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  .ws6c55:focus-visible {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  ._15mxni6:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1q3bqk6::before {
+  .hx5a5::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

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

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

package/dist/{cjs/assets/InputControl.css.ts.vanilla-BcfNkMom.css → esm/assets/InputControl.css.ts.vanilla-bQcXujkH.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.m05w4x;
-@layer optiaxiom.m05w4x {
-  ._1u7pfag {
+@layer optiaxiom.yam1o;
+@layer optiaxiom.yam1o {
+  .l121mu {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._1u7pfag::placeholder {
+  .l121mu::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1u7pfag[data-disabled]::placeholder {
+  .l121mu[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1u7pfag[data-readonly] {
+  .l121mu[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    .pem656 {
+    ._1yfhj5n {
       font-size: 14px;
     }
-    ._6zxtih {
+    .am8kvr {
       font-size: 16px;
     }
   }