@optiaxiom/react 0.12.2 → 0.13.0

package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-7q20BQ3n.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .pmtq1l {
+    width: 248px;
+  }
+}

package/dist/cjs/assets/src/switch/Switch.css.ts.vanilla-BTk269gI.css

@@ -0,0 +1,45 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1cm01st {
+    --_12342wz: var(--ax-colors-bg-tertiary);
+  }
+  ._1exlb3c {
+    background-color: var(--_12342wz);
+    position: relative;
+  }
+  ._160ylia {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--zjmefe);
+    transform: translateX(-10px);
+    width: var(--zjmefe);
+  }
+  ._1bp4n27:active ._160ylia {
+    width: calc(var(--zjmefe) * 1.25);
+  }
+  ._1bp4n27:active:has(._1iblan9:checked) ._160ylia {
+    margin-left: calc(var(--zjmefe) * -0.25);
+  }
+  ._1bp4n27:active:has(._1iblan9:not(:checked)) ._160ylia {
+    margin-right: calc(var(--zjmefe) * -0.25);
+  }
+  ._1bp4n27:has(._1iblan9:checked) ._160ylia {
+    transform: translateX(10px);
+  }
+  ._1bp4n27:has(._1iblan9:disabled) ._160ylia {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._1bp4n27:has(._1iblan9:not(:disabled)) ._160ylia {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  ._1kzqjnr {
+    --zjmefe: var(--ax-size-2xs);
+  }
+  ._17ldllw {
+    --zjmefe: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    ._1cm01st:has(._1iblan9:not(:disabled):not(:checked)):hover {
+      --_12342wz: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

package/dist/{assets/src/table/Table.css.ts.vanilla-C6ZcKg_S.css → cjs/assets/src/table/Table.css.ts.vanilla-ClUzV4r4.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  ._5e0j44 {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .tglhfi {
     caption-side: bottom;
     height: 1px;
   }
-  .nzodes {
+  .piil9h {
     table-layout: auto;
   }
-  ._1hwq5wp {
+  .biihjo {
     table-layout: fixed;
   }
-  ._1hwyfd8 {
+  .nlm2fw {
     position: relative;
   }
 }

package/dist/cjs/assets/src/table-body/TableBody.css.ts.vanilla-DAL-84lR.css

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

package/dist/cjs/assets/src/table-cell/TableCell.css.ts.vanilla-DTjY_myB.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .dkboez {
+    vertical-align: middle;
+    word-break: break-word;
+  }
+  .jpso76:not(:first-child) .dkboez {
+    border-top-width: 1px;
+  }
+}

package/dist/cjs/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-udsOdmeI.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1pkyiu4 {
+    position: relative;
+    text-align: start;
+  }
+  ._19se4n1 {
+    box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
+  }
+}

package/dist/{assets/src/table-row/TableRow.css.ts.vanilla-CltlUTCt.css → cjs/assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
   @media (hover: hover) {
-    .sizgqi:hover {
+    ._1fa0y2h:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/cjs/assets/src/tabs/Tabs.css.ts.vanilla-3EZl_kL8.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._11m24vd[data-orientation="horizontal"] {
+    flex-direction: column;
+  }
+  ._11m24vd[data-orientation="vertical"] {
+    flex-direction: row;
+  }
+}

package/dist/{assets/src/tabs-list/TabsList.css.ts.vanilla-BGmlmIZp.css → cjs/assets/src/tabs-list/TabsList.css.ts.vanilla-BcqyUgwI.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  ._1u1qgtw[data-orientation="horizontal"] {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._16g4u2l[data-orientation="horizontal"] {
     align-items: center;
     border-bottom-width: 1px;
     flex-direction: row;
     gap: 24px;
   }
-  ._1u1qgtw[data-orientation="vertical"] {
+  ._16g4u2l[data-orientation="vertical"] {
     border-right-width: 1px;
     flex-direction: column;
     gap: 8px;

package/dist/{assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-D7xDPBR4.css → cjs/assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-jGLWR4jg.css}

@@ -1,36 +1,36 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  ._2d1r90 {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1xxk62f {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  ._2d1r90:focus-visible {
+  ._1xxk62f:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._2d1r90[data-disabled] {
+  ._1xxk62f[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._2d1r90[data-orientation="horizontal"] {
+  ._1xxk62f[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._2d1r90[data-orientation="vertical"] {
+  ._1xxk62f[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._2d1r90[data-state="active"] {
+  ._1xxk62f[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._8i43ju:active .fsrzmd {
+  .r4f5p5:active ._1phi77g {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    ._2d1r90:hover:not([data-state="active"]) {
-      border-color: var(--ax-colors-border-tertiary);
+    ._1xxk62f:hover:not([data-state="active"]) {
+      border-color: var(--ax-colors-border-default);
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/{assets/src/text/Text.css.ts.vanilla-BLfVUqsK.css → cjs/assets/src/text/Text.css.ts.vanilla-zVX8BmW1.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  .jmc3gt {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1c93ix0 {
     text-overflow: ellipsis;
   }
-  .f8kaz3 {
+  ._6h33i2 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1c9ln2y {
+  ._9luwzq {
     -webkit-line-clamp: 1;
   }
-  ._4tnx9o {
+  .seyqhe {
     -webkit-line-clamp: 2;
   }
-  .ne566 {
+  ._106x2ob {
     -webkit-line-clamp: 3;
   }
-  ._1k94pkx {
+  .quavgq {
     -webkit-line-clamp: 4;
   }
 }

package/dist/cjs/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CVvRSWcw.css

@@ -0,0 +1,34 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._436iru {
+    max-height: calc(16px + var(--_1mc0qok) * 22px);
+  }
+  .jqjm1h {
+    --_1mc0qok: 1;
+  }
+  ._17o8r3a {
+    --_1mc0qok: 2;
+  }
+  ._1buqc4q {
+    --_1mc0qok: 3;
+  }
+  ._6joipn {
+    --_1mc0qok: 4;
+  }
+  .fnz24l {
+    --_1mc0qok: 5;
+  }
+  ._8zu3uh {
+    resize: vertical;
+  }
+  ._1301efl {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .h3o4f4 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1fxq296 {
+    resize: none;
+  }
+}

package/dist/cjs/assets/src/toast/Toast.css.ts.vanilla-CIcz7Pwa.css

@@ -0,0 +1,90 @@
+@keyframes _14zhqwu {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_1cpzgpl, 0)
+    var(--_1v1vzmr, 0)
+  ;
+  }
+}
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .el3cch {
+    --_1mze4sx: 0;
+    --_2zr2hd: 0;
+    animation-duration: 300ms;
+    animation-timing-function: ease;
+    transition-duration: 300ms;
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--_1mze4sx) var(--_2zr2hd);
+  }
+  .el3cch:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .el3cch[data-state="closed"] {
+    opacity: 0;
+  }
+  .el3cch[data-state="closed"] ~ .el3cch {
+    transition-property: opacity, translate;
+  }
+  .el3cch[data-state="open"] {
+    animation-name: _14zhqwu;
+  }
+  .el3cch[data-swipe-direction="down"] {
+    --_1v1vzmr: calc(100% + 24px);
+  }
+  .el3cch[data-swipe-direction="left"] {
+    --_1cpzgpl: calc(-100% - 24px);
+  }
+  .el3cch[data-swipe-direction="right"] {
+    --_1cpzgpl: calc(100% + 24px);
+  }
+  .el3cch[data-swipe-direction="up"] {
+    --_1v1vzmr: calc(-100% - 24px);
+  }
+  .el3cch[data-swipe="end"] {
+    --_1mze4sx: var(--_1cpzgpl, 0);
+    --_2zr2hd: var(--_1v1vzmr, 0);
+    transition-property: opacity, translate;
+  }
+  .el3cch[data-swipe="move"] {
+    --_1mze4sx: var(--radix-toast-swipe-move-x);
+    --_2zr2hd: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] .el3cch:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .el3cch[data-state="closed"] ~ .el3cch {
+    --_2zr2hd: var(--_1lvp398);
+  }
+  [data-position^="top"] .el3cch:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .el3cch[data-state="closed"] ~ .el3cch {
+    --_2zr2hd: calc(-1 * var(--_1lvp398));
+  }
+  .w5ta0p {
+    --_1fu1erl: var(--ax-colors-fg-error-light);
+  }
+  .p1yf03 {
+    --_1fu1erl: var(--ax-colors-fg-information-light);
+  }
+  ._17drm84 {
+    --_1fu1erl: var(--ax-colors-fg-default-inverse);
+  }
+  .zbemlm {
+    --_1fu1erl: var(--ax-colors-fg-success-light);
+  }
+  ._11wzjf2 {
+    --_1fu1erl: var(--ax-colors-fg-warning-light);
+  }
+  .y7ouja {
+    color: var(--_1fu1erl);
+  }
+  .v2lwbm a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

package/dist/{assets/src/toast-provider/ToastProvider.css.ts.vanilla-BEdxYGrE.css → cjs/assets/src/toast-provider/ToastProvider.css.ts.vanilla-tkb2Nu5x.css}

@@ -1,33 +1,33 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  ._5rm3sq {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .zwi9e3 {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .hy27ul {
+  .yc7b4y {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._193dqzw {
+  .nsw6rn {
     bottom: 0;
     left: 0;
   }
-  ._442z3g {
+  .gmsect {
     bottom: 0;
     right: 0;
   }
-  ._1ytwflo {
+  ._4bj067 {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1g1fpjc {
+  .njbqxx {
     left: 0;
     top: 0;
   }
-  ._59fdh5 {
+  ._4mwmr {
     right: 0;
     top: 0;
   }

package/dist/cjs/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css

@@ -0,0 +1,25 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1foi746 {
+    --_12342wz: var(--ax-colors-border-control);
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._1foi746:has(._1ns4y0i:checked) {
+    --_12342wz: var(--ax-colors-bg-accent);
+  }
+  ._1foi746:has(._1ns4y0i:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1foi746:not(:has(._1ns4y0i:disabled)) {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    ._1foi746:has(._1ns4y0i:not(:disabled):checked):hover {
+      --_12342wz: var(--ax-colors-bg-accent-hovered);
+    }
+    ._1foi746:has(._1ns4y0i:not(:disabled):not(:checked)):hover {
+      --_12342wz: var(--ax-colors-border-control-hovered);
+    }
+  }
+}

package/dist/cjs/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BrznT8Qb.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1y76pao:has(:focus-visible) ._2p9n3w {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1y76pao:has(input:disabled) ._2p9n3w {
+    opacity: 0.3;
+  }
+}

package/dist/{assets/src/transition/Transition.css.ts.vanilla-CAJbxJKh.css → cjs/assets/src/transition/Transition.css.ts.vanilla-OebmjN-9.css}

@@ -1,79 +1,103 @@
-@layer optiaxiom.smxc2x;
-@layer optiaxiom.smxc2x {
-  ._19mg8uu {
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._142yteh {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: grid-template-rows, opacity, transform;
     transition-timing-function: ease;
   }
-  ._17j92tr {
+  ._5d4p77 {
     transition-duration: 150ms;
   }
-  .pn8z36 {
+  ._347pef {
     transition-duration: 250ms;
   }
-  .kd3tv {
+  .qzphd2 {
     transition-duration: 400ms;
   }
-  .oljgk {
+  ._15tlllz {
     opacity: 0;
   }
-  .oljgk[data-side="bottom"] {
+  ._15tlllz[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  .oljgk[data-side="left"] {
+  ._15tlllz[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  .oljgk[data-side="right"] {
+  ._15tlllz[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  .oljgk[data-side="top"] {
+  ._15tlllz[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  ._929p9v {
+  .nuolo7 {
     opacity: 0;
     transform: scale(0.95);
   }
-  ._929p9v[data-side="bottom"] {
+  .nuolo7[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  ._929p9v[data-side="left"] {
+  .nuolo7[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  ._929p9v[data-side="right"] {
+  .nuolo7[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  ._929p9v[data-side="top"] {
+  .nuolo7[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }
-  ._1e0jg9l {
+  .v4lzj5 {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+  }
+  .v4lzj5[data-side="bottom"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  .v4lzj5[data-side="left"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: translateX(8px);
+  }
+  .v4lzj5[data-side="right"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: translateX(-8px);
+  }
+  .v4lzj5[data-side="top"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  .klklv6 {
     grid-template-rows: 0fr !important;
     opacity: 0;
     transform: scale(0.95);
   }
-  ._1e0jg9l[data-side="bottom"] {
+  .klklv6[data-side="bottom"] {
     grid-template-rows: 0fr !important;
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  ._1e0jg9l[data-side="left"] {
+  .klklv6[data-side="left"] {
     grid-template-rows: 0fr !important;
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  ._1e0jg9l[data-side="right"] {
+  .klklv6[data-side="right"] {
     grid-template-rows: 0fr !important;
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  ._1e0jg9l[data-side="top"] {
+  .klklv6[data-side="top"] {
     grid-template-rows: 0fr !important;
     opacity: 0;
     transform: scale(0.95) translateY(8px);