@optiaxiom/react 1.2.4 → 1.3.0

package/dist/esm/assets/src/checkbox-control/{CheckboxControl.css.ts.vanilla-D6KMIbCR.css → CheckboxControl.css.ts.vanilla-Lqy6ibue.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._49h1bw {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1lqzoxn {
     clip-path: inset(100% 0 0 0);
     transition-delay: calc(0.8 * var(--ax-duration-sm));
   }
-  ._9rlrdh:has(._9k0qsl:checked) ._49h1bw {
+  .cxhape:has(.xqvqxm:checked) ._1lqzoxn {
     clip-path: inset(0 0 0 0);
   }
-  .k6s2nd {
+  .gggqxk {
     background-color: var(--ax-colors-bg-default);
-    border-color: var(--_15c4lh7);
+    border-color: var(--ncmazb);
     border-width: 1px;
     place-content: center;
     transition-duration: var(--ax-duration-sm);
     transition-property: border-width;
     transition-timing-function: ease;
   }
-  ._9rlrdh:has(._9k0qsl:checked) .k6s2nd {
+  .cxhape:has(.xqvqxm:checked) .gggqxk {
     border-width: 8px;
   }
 }

package/dist/esm/assets/src/code/Code.css.ts.vanilla-gz4dgqef.css

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

package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-QdHEU1mZ.css

@@ -0,0 +1,34 @@
+@layer optiaxiom;
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom {
+  ._1mmhzrn {
+    position: static;
+  }
+  ._1mmhzrn:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom._15ugsxe {
+  ._1dyccbq {
+    --_1cl0dkn: solid;
+  }
+  ._1dyccbq::before {
+    content: "";
+    border-radius: var(--_1js5kik, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  ._1dyccbq:focus-visible::before {
+    outline: 2px var(--_1cl0dkn) var(--ax-colors-border-focus);
+    outline-offset: var(--_19clfy5);
+  }
+  .w5m0rj {
+    --_19clfy5: 1px;
+  }
+  ._4bjvqd {
+    --_19clfy5: -2px;
+  }
+  ._4bjvqd:is(a) {
+    --_1cl0dkn: auto;
+  }
+}

package/dist/{cjs/assets/src/data-table-body/DataTableBody.css.ts.vanilla-DISWfewt.css → esm/assets/src/data-table-body/DataTableBody.css.ts.vanilla-BUSMEieY.css}

@@ -1,14 +1,14 @@
-@property --_1iic1fx {
+@property --jmvm3q {
   syntax: "<color>";
   inherits: false;
   initial-value: transparent;
 }
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1izkl7k {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1hdzyaq {
     background-repeat: no-repeat;
   }
-  ._1l6lltr {
+  ._1me3eba {
     background-attachment: local, scroll, local, scroll;
     background-image: 
       linear-gradient(
@@ -35,10 +35,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--m98zrv) 0, var(--m98zrv) 0, calc(100% - var(--_1bcbhs)) 0, calc(100% - var(--_1bcbhs)) 0;
+    background-position: var(--eenlqt) 0, var(--eenlqt) 0, calc(100% - var(--_134ot22)) 0, calc(100% - var(--_134ot22)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%, calc(3 * 1px) 100%, 1px 100%;
   }
-  .uvkmrq {
+  .xn1i0a {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -53,10 +53,10 @@
         transparent 1px
       )
     ;
-    background-position: var(--m98zrv) 0, var(--m98zrv) 0;
+    background-position: var(--eenlqt) 0, var(--eenlqt) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._1mae9fy {
+  ._1kjpl6r {
     background-attachment: local, scroll;
     background-image: 
       linear-gradient(
@@ -71,38 +71,38 @@
         transparent 1px
       )
     ;
-    background-position: calc(100% - var(--_1bcbhs)) 0, calc(100% - var(--_1bcbhs)) 0;
+    background-position: calc(100% - var(--_134ot22)) 0, calc(100% - var(--_134ot22)) 0;
     background-size: calc(3 * 1px) 100%, 1px 100%;
   }
-  ._5keshg {
+  ._6fagj0 {
     position: sticky;
     top: 0;
     z-index: 20;
   }
-  .ehfmn1 {
-    width: var(--_1mak6g7);
+  .fn31b3 {
+    width: var(--mns3gj);
   }
-  .klcl4i {
-    left: var(--_198fpji);
+  ._1va33xd {
+    left: var(--_1k9vy4o);
     position: sticky;
     z-index: 10;
   }
-  ._12veu82 {
+  ._12s5zow {
     position: sticky;
-    right: var(--_198fpji);
+    right: var(--_1k9vy4o);
     z-index: 10;
   }
-  .h6s9cb {
+  .njuhvp {
     background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--_1iic1fx), var(--_1iic1fx));
-    transition: --_1iic1fx var(--ax-duration-sm) ease;
+    background-image: linear-gradient(var(--jmvm3q), var(--jmvm3q));
+    transition: --jmvm3q var(--ax-duration-sm) ease;
   }
-  .fxn59f[data-highlighted] .h6s9cb {
-    --_1iic1fx: var(--ax-colors-bg-default-hovered);
+  .xzaq7[data-highlighted] .njuhvp {
+    --jmvm3q: var(--ax-colors-bg-default-hovered);
   }
   @media (hover: hover) {
-    .fxn59f:hover .h6s9cb {
-      --_1iic1fx: var(--ax-colors-bg-default-hovered);
+    .xzaq7:hover .njuhvp {
+      --jmvm3q: var(--ax-colors-bg-default-hovered);
     }
   }
 }

package/dist/esm/assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-YMRroFsN.css

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

package/dist/esm/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-B_E7VYRO.css → DataTableHeaderCell.css.ts.vanilla-DQZuvEQA.css}

@@ -1,24 +1,24 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1f5zbin {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1qa9e13 {
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     user-select: none;
   }
-  ._1f5zbin:focus-visible {
+  ._1qa9e13:focus-visible {
     outline: none;
     z-index: 10;
   }
-  ._1vgwnar {
+  ._1k2m83v {
     grid-area: 1 / 1 / 2 / 2;
   }
-  ._1uhy988 {
+  ._6qodpz {
     opacity: 0;
   }
-  ._1ifq8rf {
+  .w9nuaz {
     opacity: 1;
   }
-  ._7cydv6 {
+  .t7297c {
     border-left-width: 3px;
     cursor: col-resize;
     position: absolute;
@@ -28,7 +28,7 @@
     user-select: none;
   }
   @media (hover: hover) {
-    ._1f5zbin:hover {
+    ._1qa9e13:hover {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/src/date-input/{DateInput.css.ts.vanilla-CYsxkyti.css → DateInput.css.ts.vanilla-BCONQNF4.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
   @supports not selector(::-webkit-datetime-edit) {
-    ._16rfcz1 {
+    ._1wwhkc9 {
       display: none !important;
     }
   }

package/dist/esm/assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-D8qogbi-.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  .snk0cb {
+    transition: height var(--ax-duration-sm) ease;
+  }
+}

package/dist/esm/assets/src/dialog-body/DialogBody.css.ts.vanilla-DZdBKCaB.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._199d0ev {
+    scrollbar-gutter: stable;
+  }
+}

package/dist/esm/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CGJ8qwAd.css → DialogContent.css.ts.vanilla-Rq_MWFQh.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1okmu71 {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1ryd5jh {
     opacity: 0;
   }
-  ._6weu1b {
+  ._1w8ixjl {
     left: 50%;
     max-height: 75dvh;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 12dvh;
     transform: 
-      translateY(calc(1rem * var(--_1kmzv7p)))
-      scale(calc(1 - 0.06 * var(--_1kmzv7p)))
+      translateY(calc(1rem * var(--_7d3jzs)))
+      scale(calc(1 - 0.06 * var(--_7d3jzs)))
     ;
     translate: -50% 0;
   }
-  .ki5z7i {
+  .yvbjcu {
     width: 400px;
   }
-  ._1j639kn {
+  .glvtrn {
     width: clamp(600px, 50%, 800px);
   }
-  .y2rqof {
+  .x7hsb9 {
     width: clamp(900px, 75%, 1400px);
   }
-  .ki53qj {
+  .nmfb3j {
     height: 100dvh;
     max-height: none;
     max-width: none;

package/dist/esm/assets/src/dialog-header/DialogHeader.css.ts.vanilla-BKx5_XPN.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1ua6aow {
+    order: 3;
+  }
+  .x9w7u1 {
+    order: 1;
+  }
+  ._1gi9vlm {
+    order: 2;
+  }
+  .dgp04m {
+    order: 4;
+  }
+}

package/dist/esm/assets/src/disclosure-content/{DisclosureContent.css.ts.vanilla-Bu9dcIq8.css → DisclosureContent.css.ts.vanilla-DiFktDjh.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1xnafe0 {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  .rbjv56 {
     grid-template-columns: 100%;
     grid-template-rows: 1fr;
   }
-  ._1x9tswj {
+  ._1cn3ak {
     min-height: 0;
   }
 }

package/dist/{cjs/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DcLmb6BM.css → esm/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CfABJMa5.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1e8x3rw {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  .kc4m0b {
     color: var(--ax-colors-fg-default);
     position: relative;
   }
-  ._1tu00pl {
+  .j8ln0t {
     min-height: var(--ax-size-sm);
   }
-  [data-state=open] > ._19jgpib {
+  [data-state=open] > ._11f9rog {
     transform: rotate(-90deg);
   }
-  [data-state=open] > ._1luxqt8 {
+  [data-state=open] > .pv668v {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    ._1e8x3rw:is([data-disabled], :hover) {
+    .kc4m0b:is([data-disabled], :hover) {
       color: var(--ax-colors-bg-default-inverse-hovered);
     }
   }

package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla-D9VKrY0d.css

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

package/dist/esm/assets/src/indicator/Indicator.css.ts.vanilla-RHUT1F_l.css

@@ -0,0 +1,37 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._513fhj {
+    position: relative;
+  }
+  ._36peo {
+    --zp8lth: 2px;
+    --_1mwjtv: 50%;
+    position: absolute;
+    right: var(--zp8lth);
+  }
+  .mw3h1o {
+    --zp8lth: 0;
+    --_1mwjtv: 0;
+  }
+  .h49rb7 {
+    bottom: var(--zp8lth);
+    transform: translate(var(--_1mwjtv), var(--_1mwjtv));
+  }
+  .cx31pt {
+    top: var(--zp8lth);
+    transform: translate(var(--_1mwjtv), calc(-1 * var(--_1mwjtv)));
+  }
+  ._1gopgst {
+    position: relative;
+    user-select: none;
+  }
+  ._1gopgst:empty {
+    aspect-ratio: 1;
+  }
+  ._10f5mc6:not(:empty) {
+    min-width: 16px;
+  }
+  ._1jfc1gp {
+    position: absolute;
+  }
+}

package/dist/esm/assets/src/inline-input/{InlineInput.css.ts.vanilla-ijDFxMKY.css → InlineInput.css.ts.vanilla-DrggWV9x.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1n8hfc4:focus-visible {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  .osf8rr:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1fi63nx::before {
+  .hsmubj::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/{cjs/assets/src/input-control/InputControl.css.ts.vanilla-ByKgnlq8.css → esm/assets/src/input-control/InputControl.css.ts.vanilla-Djmx4C5o.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._13iimdy {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  .jy9nnd {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._13iimdy::placeholder {
+  .jy9nnd::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._13iimdy[data-disabled]::placeholder {
+  .jy9nnd[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._13iimdy[data-readonly] {
+  .jy9nnd[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1g307ml {
+    ._1ea5ijj {
       font-size: 14px;
     }
-    .whj9v9 {
+    ._1na51t4 {
       font-size: 16px;
     }
   }

package/dist/esm/assets/src/input-root/InputRoot.css.ts.vanilla-Cih6Anrm.css

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

package/dist/esm/assets/src/kbd/Kbd.css.ts.vanilla-DQZ0Czao.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._1jxhu22 {
+    font-size: 0.9em;
+  }
+  .upthqw {
+    text-decoration: none;
+  }
+  ._75ege7 {
+    font-size: 1.2em;
+  }
+}

package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C1QpA097.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._10a1w0f {
+    --_5osmwt: 8px;
+    min-width: 0;
+  }
+}

package/dist/esm/assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1wk6g49, optiaxiom._15ugsxe;

package/dist/esm/assets/src/layout/Layouts.css.ts.vanilla-jn7W4Vx_.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._45vo41 {
+    height: 100vh;
+    width: 100vw;
+  }
+}

package/dist/{cjs/assets/src/link/Link.css.ts.vanilla-C8IGxRpo.css → esm/assets/src/link/Link.css.ts.vanilla-B3y4Cor7.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.ofk66h;
-@layer optiaxiom.ofk66h {
-  ._1mvq5vp {
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._19yjn8c {
     position: relative;
     text-decoration: none;
   }
-  ._1mvq5vp:focus-visible {
+  ._19yjn8c:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1mvq5vp:visited {
+  ._19yjn8c:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._1mvq5vp[data-disabled] {
+  ._19yjn8c[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1uplkzn {
+  ._1wa6swa {
     color: var(--ax-colors-fg-link-default);
   }
-  ._1njxenl {
+  .bpx0jy {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._7abr7i {
+  ._14my6pr {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._7abr7i:visited {
+  ._14my6pr:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  .h18w6i {
+  .t1ipl3 {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    ._1mvq5vp:hover:not([data-disabled]) {
+    ._19yjn8c:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1uplkzn:hover:not([data-disabled]) {
+    ._1wa6swa:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/esm/assets/src/listbox-checkbox-item/ListboxCheckboxItem.css.ts.vanilla-DOCfa7Zk.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._15ugsxe;
+@layer optiaxiom._15ugsxe {
+  ._50bgsb {
+    opacity: 0;
+    position: relative;
+  }
+  ._50bgsb::before {
+    content: "";
+    inset: -8px;
+    position: absolute;
+  }
+  ._1rb62wy {
+    opacity: 1;
+  }
+}