@optiaxiom/react 3.4.0 → 3.4.2

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

@@ -0,0 +1,71 @@
+@property --df6uax {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._8974ri {
+    position: relative;
+  }
+  ._8974ri[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
+    right: var(--eni9fb);
+  }
+  ._8974ri[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
+    left: var(--zc5q09);
+  }
+  ._8974ri[data-scroll-timeline]::before, ._8974ri[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, 1rem));
+    z-index: 1;
+  }
+  ._8974ri[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  ._8974ri[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  ._1b9wkde {
+    width: calc(1px * var(--i3jnz2));
+  }
+  ._1tk6612 {
+    left: var(--h1npq9);
+  }
+  ._1cuu51x {
+    right: var(--h1npq9);
+  }
+  .wjz385 {
+    background-color: var(--ax-colors-bg-default);
+    background-image: linear-gradient(var(--df6uax), var(--df6uax));
+    transition: --df6uax var(--ax-duration-sm) ease;
+  }
+  .v43xcm[data-selected] .wjz385 {
+    --df6uax: var(--ax-colors-bg-accent-subtle);
+  }
+  .oj2z10 {
+    flex-grow: calc(var(--i3jnz2) / var(--_19xwi3c));
+  }
+  @media (hover: hover) {
+    .v43xcm:hover .wjz385 {
+      --df6uax: var(--ax-colors-bg-default-hovered);
+    }
+    .v43xcm[data-selected]:hover .wjz385 {
+      --df6uax: 
+                  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-CXS5bUMm.css

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

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

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

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._7x0nme::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+  ._1yb6oxz:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1n1xgyb {
+    visibility: hidden;
+  }
+  @supports not selector(::-webkit-datetime-edit) {
+    ._128190v {
+      display: none !important;
+    }
+  }
+}

package/dist/cjs/assets/DetailsPanel.css.ts.vanilla-30GK5gfw.css

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._4f5hf {
+    opacity: 0;
+  }
+  ._9kbelv {
+    left: 50%;
+    max-height: 75dvh;
+    max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale, 1rem)));
+    position: fixed;
+    top: 12dvh;
+    transform: 
+      translateY(calc(calc(1 * var(--ax-styles-scale, 1rem)) * var(--iunxkb)))
+      scale(calc(1 - 0.06 * var(--iunxkb)))
+    ;
+    translate: -50% 0;
+  }
+  ._9kbelv:focus-visible {
+    outline: none;
+  }
+  ._9kbelv:has(._1xkyrxn:focus-within) {
+    scroll-padding-bottom: var(--a474yw);
+    scroll-padding-top: var(--_1elgajb);
+  }
+  .l7ii8b {
+    width: calc(25 * var(--ax-styles-scale, 1rem));
+  }
+  ._1tjrynn {
+    width: clamp(calc(37.5 * var(--ax-styles-scale, 1rem)), 50%, calc(50 * var(--ax-styles-scale, 1rem)));
+  }
+  ._85eh6f {
+    width: clamp(calc(56.25 * var(--ax-styles-scale, 1rem)), 75%, calc(87.5 * var(--ax-styles-scale, 1rem)));
+  }
+  ._1yksszn {
+    height: 100dvh;
+    max-height: none;
+    max-width: none;
+    top: 0;
+    width: 100dvw;
+  }
+}

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

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

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

@@ -0,0 +1,19 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1ryo5t3 {
+    position: sticky;
+    top: 0;
+  }
+  ._1snm3ka {
+    order: 3;
+  }
+  ._1yliktl {
+    order: 1;
+  }
+  .vw3l06 {
+    order: 2;
+  }
+  ._18l09m9 {
+    order: 4;
+  }
+}

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

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

package/dist/{esm/assets/DisclosureTrigger.css.ts.vanilla-IitVs4HU.css → cjs/assets/DisclosureTrigger.css.ts.vanilla-5wGV3utD.css}

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

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

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

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

@@ -1,9 +1,9 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .jzt0br {
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._9pryvt {
     isolation: isolate;
   }
-  .jzt0br::before {
+  ._9pryvt::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;
   }
-  ._1dumri::before {
+  ._1syv3mu::before {
     border: 2px solid var(--ax-colors-border-focus);
   }
-  ._7kijfh {
+  ._6kck33 {
     visibility: visible;
   }
-  .qjj1hb {
+  ._1qvuvbu {
     visibility: hidden;
   }
-  .rpql5m {
+  ._9cgn8p {
     inset: 0;
     position: absolute;
   }
-  ._1np6rx5 {
+  .io0fcv {
     opacity: 0.5;
   }
 }

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

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

package/dist/{esm/assets/Heading.css.ts.vanilla-Cot2Fmr8.css → cjs/assets/Heading.css.ts.vanilla-Bz-YGr_Z.css}

@@ -1,28 +1,28 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .yp20hn {
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1sljve3 {
     font-size: var(--ax-fontSize-4xl-fontSize);
     line-height: 1.04;
   }
-  ._15sq2yu {
+  .srt0uv {
     font-size: var(--ax-fontSize-3xl-fontSize);
     line-height: 1.04;
   }
-  .jtvs6j {
+  .jq41g {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: 1.1;
   }
-  ._6dgzi {
+  ._2hb4xm {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: 1.3;
   }
-  .mqfcjk {
+  .kua685 {
     letter-spacing: 1%;
   }
-  ._1yf3ia7 {
+  ._4uhbhy {
     letter-spacing: 2%;
   }
-  ._1jccinj {
+  .a4h2f4 {
     letter-spacing: 3%;
   }
 }

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._190oj9z {
+    position: relative;
+  }
+  ._1oobo8x {
+    --ebue0l: calc(0.125 * var(--ax-styles-scale, 1rem));
+    --_1utx4p7: 50%;
+    position: absolute;
+    right: var(--ebue0l);
+  }
+  ._1w7tqe {
+    --ebue0l: 0;
+    --_1utx4p7: 0;
+  }
+  ._17klkca {
+    bottom: var(--ebue0l);
+    transform: translate(var(--_1utx4p7), var(--_1utx4p7));
+  }
+  ._1hoggkl {
+    top: var(--ebue0l);
+    transform: translate(var(--_1utx4p7), calc(-1 * var(--_1utx4p7)));
+  }
+  .pt6uk {
+    position: relative;
+  }
+  .pt6uk:empty {
+    aspect-ratio: 1;
+  }
+  ._1jd2an9:not(:empty) {
+    min-width: calc(1 * var(--ax-styles-scale, 1rem));
+  }
+  ._1xpjy04 {
+    position: absolute;
+  }
+}

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

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

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

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

package/dist/{esm/assets/InputControl.css.ts.vanilla-CyiU-Z3F.css → cjs/assets/InputControl.css.ts.vanilla-BCSTjllv.css}

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

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

@@ -0,0 +1,71 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .vj683n {
+    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;
+  }
+  .vj683n:has(._15o3kw4:focus) {
+    z-index: 10;
+  }
+  .vj683n:has(._15o3kw4:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 2px;
+  }
+  .vj683n:has(._15o3kw4:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  .vj683n:has(._15o3kw4:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-control);
+  }
+  .vj683n:has(._15o3kw4:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  .vj683n:has(._15o3kw4:is([data-readonly])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  .vj683n:has(._15o3kw4:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-page);
+    border-color: var(--ax-colors-border-default);
+    color: var(--ax-colors-border-control);
+  }
+  ._8l533s[data-orientation="horizontal"] > .vj683n:not(:first-child):not(:last-child),._8l533s[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .vj683n {
+    border-inline-width: 0.5px;
+  }
+  ._8l533s[data-orientation="horizontal"] > .vj683n:not(:only-child):first-child,._8l533s[data-orientation="horizontal"] > :not(:only-child):first-child .vj683n {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._8l533s[data-orientation="horizontal"] > .vj683n:not(:only-child):last-child,._8l533s[data-orientation="horizontal"] > :not(:only-child):last-child .vj683n {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._8l533s[data-orientation="vertical"] > .vj683n:not(:first-child):not(:last-child),._8l533s[data-orientation="vertical"] > :not(:first-child):not(:last-child) .vj683n {
+    border-block-width: 0.5px;
+  }
+  ._8l533s[data-orientation="vertical"] > .vj683n:not(:only-child):first-child,._8l533s[data-orientation="vertical"] > :not(:only-child):first-child .vj683n {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._8l533s[data-orientation="vertical"] > .vj683n:not(:only-child):last-child,._8l533s[data-orientation="vertical"] > :not(:only-child):last-child .vj683n {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._8l533s[data-orientation] > .vj683n:not(:first-child):not(:last-child),._8l533s[data-orientation] > :not(:first-child):not(:last-child) .vj683n {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    .vj683n:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,7 @@
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  ._1pmhcat {
+    --_1fhjord: calc(0.5 * var(--ax-styles-scale, 1rem));
+    min-width: 0;
+  }
+}

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

@@ -1,13 +1,13 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .k8hcjx {
+@layer optiaxiom.hjtpuo;
+@layer optiaxiom.hjtpuo {
+  .naebv1 {
     position: relative;
   }
-  ._1wfxm87 {
+  ._10yx5jz {
     height: 100%;
     width: 100%;
   }
-  ._1hpyv84 {
+  ._1rnnoed {
     height: 100vh;
     width: 100vw;
   }

package/dist/cjs/assets/LayoutContent.css.ts.vanilla-Cjg4sJ2g.css

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