@optiaxiom/react 3.1.8 → 3.2.0

package/dist/cjs/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/cjs/assets/DataTableFooter.css.ts.vanilla-3pUy-adv.css

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

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

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

package/dist/cjs/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/cjs/assets/DetailsPanel.css.ts.vanilla-BBPUE9Lz.css

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

package/dist/cjs/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/cjs/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/{esm/assets/DialogContent.css.ts.vanilla-DOK4JdSU.css → cjs/assets/DialogContent.css.ts.vanilla-hhMA4_6k.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .m8m6es {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  .v1o5gt {
     opacity: 0;
   }
-  ._1g2rfa6 {
+  .szxzst {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--_1m4tmts)))
-      scale(calc(1 - 0.06 * var(--_1m4tmts)))
+      translateY(calc(1rem * var(--_1dokiy0)))
+      scale(calc(1 - 0.06 * var(--_1dokiy0)))
     ;
     translate: -50% 0;
   }
-  ._1g2rfa6:focus-visible {
+  .szxzst:focus-visible {
     outline: none;
   }
-  ._1g2rfa6:has(._1oubs6g:focus-within) {
-    scroll-padding-bottom: var(--_1ke0kiz);
-    scroll-padding-top: var(--_1pcr3wb);
+  .szxzst:has(.iiq7n9:focus-within) {
+    scroll-padding-bottom: var(--zcb7ee);
+    scroll-padding-top: var(--_12oj4qe);
   }
-  .mavtom {
+  ._1m4e6t5 {
     width: 400px;
   }
-  .rb5adi {
+  .f5rk41 {
     width: clamp(600px, 50%, 800px);
   }
-  ._1f79xcy {
+  ._6181z9 {
     width: clamp(900px, 75%, 1400px);
   }
-  .ug11ox {
+  .qq2dia {
     height: 100dvh;
     max-height: none;
     max-width: none;

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

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

package/dist/cjs/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/cjs/assets/{DisclosureContent.css.ts.vanilla-VUAOYq0I.css → DisclosureContent.css.ts.vanilla-DkEshdaz.css}

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._8lm338 {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1w60uix {
     isolation: isolate;
   }
-  ._8lm338::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;
   }
-  ._4j6ndc::before {
+  ._1tpugki::before {
     border: 2px solid var(--ax-colors-border-focus);
   }
-  .k770sp {
+  .jm5sig {
     visibility: visible;
   }
-  .zfvn50 {
+  ._10a6tfy {
     visibility: hidden;
   }
-  .bzf786 {
+  .s1o29w {
     inset: 0;
     position: absolute;
   }
-  .gp8bpm {
+  .s6ks9e {
     opacity: 0.5;
   }
 }

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

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

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

@@ -1,28 +1,28 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  .l2c1im {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1mt84s0 {
     font-size: var(--ax-fontSize-4xl-fontSize);
     line-height: 1.04;
   }
-  ._1bljisy {
+  .c8d9h3 {
     font-size: var(--ax-fontSize-3xl-fontSize);
     line-height: 1.04;
   }
-  ._19hmc1s {
+  ._85bd82 {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: 1.1;
   }
-  .i714m2 {
+  ._1ubrgu2 {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: 1.3;
   }
-  ._19gly7k {
+  .e3knab {
     letter-spacing: 1%;
   }
-  ._3kvk02 {
+  ._4uahbd {
     letter-spacing: 2%;
   }
-  ._1k14kax {
+  ._1ol892c {
     letter-spacing: 3%;
   }
 }

package/dist/cjs/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/cjs/assets/HoverCardTrigger.css.ts.vanilla-Ba0N1zLm.css

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

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

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

package/dist/cjs/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/cjs/assets/{InlineInput.css.ts.vanilla-4dI6U6HA.css → InlineInput.css.ts.vanilla-CqOnf3o-.css}

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

package/dist/cjs/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/cjs/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;
+    }
+  }
+}

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

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

package/dist/cjs/assets/{Kbd.css.ts.vanilla-m-NH_3XF.css → Kbd.css.ts.vanilla-glxPJ069.css}

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

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

@@ -0,0 +1,7 @@
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1y5z39f {
+    --_1ch95bs: 8px;
+    min-width: 0;
+  }
+}

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

@@ -1,13 +1,13 @@
-@layer optiaxiom._118cs24;
-@layer optiaxiom._118cs24 {
-  ._1adi16c {
+@layer optiaxiom.wxbe8u;
+@layer optiaxiom.wxbe8u {
+  ._1cx2epu {
     position: relative;
   }
-  .yhxms4 {
+  ._14pbe29 {
     height: 100%;
     width: 100%;
   }
-  ._3y5cs8 {
+  ._18k35xe {
     height: 100vh;
     width: 100vw;
   }

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

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