@optiaxiom/react 3.2.0 → 3.4.0

package/dist/cjs/assets/DataTableBody.css.ts.vanilla-DPDVzonQ.css

@@ -0,0 +1,71 @@
+@property --_16jvwq1 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._19fj5xn {
+    position: relative;
+  }
+  ._19fj5xn[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--_1obdhkf);
+  }
+  ._19fj5xn[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--_1nm6g4t);
+  }
+  ._19fj5xn[data-scroll-timeline]::before, ._19fj5xn[data-scroll-timeline]::after {
+    content: "";
+    display: block;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    transition: 0.3s opacity;
+    width: calc(1 * var(--ax-styles-scale));
+    z-index: 1;
+  }
+  ._19fj5xn[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._19fj5xn[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .b6cjqz {
+    width: calc(1px * var(--cwir5i));
+  }
+  .bcog3q {
+    left: var(--o1f0n2);
+  }
+  .chh8ti {
+    right: var(--o1f0n2);
+  }
+  ._18aeoom {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--_16jvwq1), var(--_16jvwq1));
+    transition: --_16jvwq1 var(--ax-duration-sm) ease;
+  }
+  .zhqoew[data-selected] ._18aeoom {
+    --_16jvwq1: var(--ax-colors-bg-accent-subtle);
+  }
+  .aio3qu {
+    flex-grow: calc(var(--cwir5i) / var(--_1kwmwvy));
+  }
+  @media (hover: hover) {
+    .zhqoew:hover ._18aeoom {
+      --_16jvwq1: var(--ax-colors-bg-default-hovered);
+    }
+    .zhqoew[data-selected]:hover ._18aeoom {
+      --_16jvwq1: 
+                  color-mix(
+                    in srgb,
+                    var(--ax-colors-bg-accent-subtle),
+                    var(--ax-colors-bg-accent-light) 15%
+                  )
+                ;
+    }
+  }
+}

package/dist/cjs/assets/DataTableFooter.css.ts.vanilla-B_59IZtf.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .uzdihz {
+    width: calc(11.25 * var(--ax-styles-scale));
+  }
+}

package/dist/cjs/assets/{DataTableHeaderCell.css.ts.vanilla-YohMXUMk.css → DataTableHeaderCell.css.ts.vanilla-DptNjfgl.css}

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

package/dist/cjs/assets/DateInput.css.ts.vanilla-CUeoFi_r.css

@@ -0,0 +1,15 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._18s91hp::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+  ._1ng7enf:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1vsyo2d {
+    visibility: hidden;
+  }
+  @supports not selector(::-webkit-datetime-edit) {
+    .zr98qb {
+      display: none !important;
+    }
+  }
+}

package/dist/cjs/assets/DetailsPanel.css.ts.vanilla-BltffQZh.css

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

package/dist/cjs/assets/DetailsPanelFooter.css.ts.vanilla-Bued6kh7.css

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

package/dist/cjs/assets/DetailsPanelHeader.css.ts.vanilla-hPc3Ohin.css

@@ -0,0 +1,8 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._10zcmho {
+    column-gap: calc(0.25 * var(--ax-styles-scale));
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/cjs/assets/DialogContent.css.ts.vanilla-kxTJiehY.css

@@ -0,0 +1,41 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .qytdpn {
+    opacity: 0;
+  }
+  ._16kzw8n {
+    left: 50%;
+    max-height: 75dvh;
+    max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale)));
+    position: fixed;
+    top: 12dvh;
+    transform: 
+      translateY(calc(calc(1 * var(--ax-styles-scale)) * var(--_1s46noi)))
+      scale(calc(1 - 0.06 * var(--_1s46noi)))
+    ;
+    translate: -50% 0;
+  }
+  ._16kzw8n:focus-visible {
+    outline: none;
+  }
+  ._16kzw8n:has(._14o19kn:focus-within) {
+    scroll-padding-bottom: var(--_1iol2un);
+    scroll-padding-top: var(--b76mdi);
+  }
+  ._9o1qsu {
+    width: calc(25 * var(--ax-styles-scale));
+  }
+  ._1uaojja {
+    width: clamp(calc(37.5 * var(--ax-styles-scale)), 50%, calc(50 * var(--ax-styles-scale)));
+  }
+  ._1gijllm {
+    width: clamp(calc(56.25 * var(--ax-styles-scale)), 75%, calc(87.5 * var(--ax-styles-scale)));
+  }
+  ._19a5s2k {
+    height: 100dvh;
+    max-height: none;
+    max-width: none;
+    top: 0;
+    width: 100dvw;
+  }
+}

package/dist/cjs/assets/DialogFooter.css.ts.vanilla-CgYHznVU.css

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

package/dist/cjs/assets/DialogHeader.css.ts.vanilla-Cp8lADgp.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .xb3mxa {
+    position: sticky;
+    top: 0;
+  }
+  ._8cq4kf {
+    order: 3;
+  }
+  ._1x7rguk {
+    order: 1;
+  }
+  ._1o1brlh {
+    order: 2;
+  }
+  .pn1373 {
+    order: 4;
+  }
+}

package/dist/cjs/assets/{DisclosureContent.css.ts.vanilla-DkEshdaz.css → DisclosureContent.css.ts.vanilla-DGCq6qQ_.css}

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

package/dist/cjs/assets/{DisclosureTrigger.css.ts.vanilla-RSVhrqC6.css → DisclosureTrigger.css.ts.vanilla-IitVs4HU.css}

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

package/dist/cjs/assets/FileUpload.css.ts.vanilla-C1RMHTeX.css

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

package/dist/cjs/assets/{FileUploadDropzone.css.ts.vanilla-CWzjokUm.css → FileUploadDropzone.css.ts.vanilla-F1PemZXk.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1w60uix {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .jzt0br {
     isolation: isolate;
   }
-  ._1w60uix::before {
+  .jzt0br::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;
   }
-  ._1tpugki::before {
+  ._1dumri::before {
     border: 2px solid var(--ax-colors-border-focus);
   }
-  .jm5sig {
+  ._7kijfh {
     visibility: visible;
   }
-  ._10a6tfy {
+  .qjj1hb {
     visibility: hidden;
   }
-  .s1o29w {
+  .rpql5m {
     inset: 0;
     position: absolute;
   }
-  .s6ks9e {
+  ._1np6rx5 {
     opacity: 0.5;
   }
 }

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

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

package/dist/cjs/assets/{Heading.css.ts.vanilla-CbIj4nf4.css → Heading.css.ts.vanilla-Cot2Fmr8.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1mt84s0 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .yp20hn {
     font-size: var(--ax-fontSize-4xl-fontSize);
     line-height: 1.04;
   }
-  .c8d9h3 {
+  ._15sq2yu {
     font-size: var(--ax-fontSize-3xl-fontSize);
     line-height: 1.04;
   }
-  ._85bd82 {
+  .jtvs6j {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: 1.1;
   }
-  ._1ubrgu2 {
+  ._6dgzi {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: 1.3;
   }
-  .e3knab {
+  .mqfcjk {
     letter-spacing: 1%;
   }
-  ._4uahbd {
+  ._1yf3ia7 {
     letter-spacing: 2%;
   }
-  ._1ol892c {
+  ._1jccinj {
     letter-spacing: 3%;
   }
 }

package/dist/cjs/assets/Highlight.css.ts.vanilla-BtFQmhk5.css

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

package/dist/cjs/assets/HoverCardTrigger.css.ts.vanilla-BYj_GavM.css

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

package/dist/cjs/assets/{Icon.css.ts.vanilla-CFXDBHAt.css → Icon.css.ts.vanilla-BmATYypG.css}

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

package/dist/cjs/assets/Indicator.css.ts.vanilla-_7r2Iy8M.css

@@ -0,0 +1,36 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1ys5zm5 {
+    position: relative;
+  }
+  .p1yikk {
+    --_1be56a: calc(0.125 * var(--ax-styles-scale));
+    --_1dr6311: 50%;
+    position: absolute;
+    right: var(--_1be56a);
+  }
+  .c96evo {
+    --_1be56a: 0;
+    --_1dr6311: 0;
+  }
+  ._1c1zx6v {
+    bottom: var(--_1be56a);
+    transform: translate(var(--_1dr6311), var(--_1dr6311));
+  }
+  .t44xhv {
+    top: var(--_1be56a);
+    transform: translate(var(--_1dr6311), calc(-1 * var(--_1dr6311)));
+  }
+  .y2ie5i {
+    position: relative;
+  }
+  .y2ie5i:empty {
+    aspect-ratio: 1;
+  }
+  ._6oukxf:not(:empty) {
+    min-width: calc(1 * var(--ax-styles-scale));
+  }
+  ._1g4u352 {
+    position: absolute;
+  }
+}

package/dist/cjs/assets/{InlineInput.css.ts.vanilla-CqOnf3o-.css → InlineInput.css.ts.vanilla-BhX3faK3.css}

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

package/dist/cjs/assets/Input.css.ts.vanilla-Daq0JfML.css

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

package/dist/cjs/assets/InputControl.css.ts.vanilla-CyiU-Z3F.css

@@ -0,0 +1,26 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._2ecy7l {
+    font-size: max(16px, calc(1 * var(--ax-styles-scale)));
+    line-height: calc(1.375 * var(--ax-styles-scale));
+    min-width: 0;
+    outline: 2px solid transparent;
+  }
+  ._2ecy7l::placeholder {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  ._2ecy7l[data-disabled]::placeholder {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._2ecy7l[data-readonly] {
+    cursor: default;
+  }
+  @media screen and (min-width: 37.5rem) {
+    ._1swfrpt {
+      font-size: var(--ax-fontSize-md-fontSize);
+    }
+    ._1fuobfb {
+      font-size: var(--ax-fontSize-lg-fontSize);
+    }
+  }
+}

package/dist/cjs/assets/InputRoot.css.ts.vanilla-B33lqsZM.css

@@ -0,0 +1,71 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._11qyoi1 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-default);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._11qyoi1:has(.zayff5:focus) {
+    z-index: 10;
+  }
+  ._11qyoi1:has(.zayff5:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 2px;
+  }
+  ._11qyoi1:has(.zayff5:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._11qyoi1:has(.zayff5:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-control);
+  }
+  ._11qyoi1:has(.zayff5:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  ._11qyoi1:has(.zayff5:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  ._11qyoi1:has(.zayff5:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  .ad3kf2[data-orientation="horizontal"] > ._11qyoi1:not(:first-child):not(:last-child),.ad3kf2[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._11qyoi1 {
+    border-inline-width: 0.5px;
+  }
+  .ad3kf2[data-orientation="horizontal"] > ._11qyoi1:not(:only-child):first-child,.ad3kf2[data-orientation="horizontal"] > :not(:only-child):first-child ._11qyoi1 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .ad3kf2[data-orientation="horizontal"] > ._11qyoi1:not(:only-child):last-child,.ad3kf2[data-orientation="horizontal"] > :not(:only-child):last-child ._11qyoi1 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .ad3kf2[data-orientation="vertical"] > ._11qyoi1:not(:first-child):not(:last-child),.ad3kf2[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._11qyoi1 {
+    border-block-width: 0.5px;
+  }
+  .ad3kf2[data-orientation="vertical"] > ._11qyoi1:not(:only-child):first-child,.ad3kf2[data-orientation="vertical"] > :not(:only-child):first-child ._11qyoi1 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .ad3kf2[data-orientation="vertical"] > ._11qyoi1:not(:only-child):last-child,.ad3kf2[data-orientation="vertical"] > :not(:only-child):last-child ._11qyoi1 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .ad3kf2[data-orientation] > ._11qyoi1:not(:first-child):not(:last-child),.ad3kf2[data-orientation] > :not(:first-child):not(:last-child) ._11qyoi1 {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    ._11qyoi1:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/cjs/assets/{Kbd.css.ts.vanilla-glxPJ069.css → Kbd.css.ts.vanilla-nlvS-WW2.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .hxeflh {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._11q0h2m {
     font-size: 0.8em;
     min-width: calc(1lh + 5px);
     padding: 1px 5px;

package/dist/cjs/assets/LabelMenuButton.css.ts.vanilla-tgFhyLYp.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1ckdsto {
+    --_1vevucb: calc(0.5 * var(--ax-styles-scale));
+    min-width: 0;
+  }
+}

package/dist/{esm/assets/Layout.css.ts.vanilla-ChSepXO6.css → cjs/assets/Layout.css.ts.vanilla-EiDDOMW_.css}

@@ -1,13 +1,13 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1cx2epu {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .k8hcjx {
     position: relative;
   }
-  ._14pbe29 {
+  ._1wfxm87 {
     height: 100%;
     width: 100%;
   }
-  ._18k35xe {
+  ._1hpyv84 {
     height: 100vh;
     width: 100vw;
   }

package/dist/cjs/assets/LayoutContent.css.ts.vanilla-DHFbUn-L.css

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