@optiaxiom/react 1.7.4 → 1.7.6

package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-8IfoAJP8.css

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

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

@@ -0,0 +1,45 @@
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._6g0ynh {
+    --n5fj4u: var(--ax-colors-bg-tertiary);
+  }
+  ._1kgi66v {
+    background-color: var(--n5fj4u);
+    position: relative;
+  }
+  ._1f7hvmk {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--_380n4d);
+    transform: translateX(-10px);
+    width: var(--_380n4d);
+  }
+  ._1oi3cmj:active ._1f7hvmk {
+    width: calc(var(--_380n4d) * 1.25);
+  }
+  ._1oi3cmj:active:has(._1q2sazv:checked) ._1f7hvmk {
+    margin-left: calc(var(--_380n4d) * -0.25);
+  }
+  ._1oi3cmj:active:has(._1q2sazv:not(:checked)) ._1f7hvmk {
+    margin-right: calc(var(--_380n4d) * -0.25);
+  }
+  ._1oi3cmj:has(._1q2sazv:checked) ._1f7hvmk {
+    transform: translateX(10px);
+  }
+  ._1oi3cmj:has(._1q2sazv:disabled) ._1f7hvmk {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._1oi3cmj:has(._1q2sazv:not(:disabled)) ._1f7hvmk {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  ._1nqhno9 {
+    --_380n4d: var(--ax-size-2xs);
+  }
+  ._1f9do3e {
+    --_380n4d: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    ._6g0ynh:has(._1q2sazv:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --n5fj4u: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

package/dist/cjs/assets/src/table/Table.css.ts.vanilla-BSTZtQTh.css

@@ -0,0 +1,15 @@
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._1uuoj8t {
+    caption-side: bottom;
+  }
+  ._1yz2t6i {
+    height: 1px;
+  }
+  ._1g9wipg {
+    isolation: isolate;
+  }
+  .szl8wz {
+    position: relative;
+  }
+}

package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-DcT0V697.css

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

package/dist/cjs/assets/src/table/{TableCell.css.ts.vanilla-uVEjpmd_.css → TableCell.css.ts.vanilla-DzFVQvT4.css}

@@ -1,23 +1,23 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._5mktxd {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  .jurc63 {
     vertical-align: top;
     word-break: break-word;
   }
-  .b6463v:not(:first-child) ._5mktxd {
+  ._1nteyq:not(:first-child) .jurc63 {
     border-top-width: 1px;
   }
-  ._1npqj95 {
+  ._17efna {
     position: relative;
   }
-  .ceo8da {
+  ._1n33z4k {
     position: sticky;
     z-index: 10;
   }
-  .ceo8da:has(+ :not([data-pinned])) {
+  ._1n33z4k:has(+ :not([data-pinned])) {
     border-right-width: 1px;
   }
-  :not([data-pinned]) + .ceo8da {
+  :not([data-pinned]) + ._1n33z4k {
     border-left-width: 1px;
   }
 }

package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-Dq-5_wKT.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  .v9pg2o {
+    position: sticky;
+    top: 0;
+    z-index: 20;
+  }
+}

package/dist/{esm/assets/src/table/TableHeaderCell.css.ts.vanilla-NQ7pjvrw.css → cjs/assets/src/table/TableHeaderCell.css.ts.vanilla-CGPitnKW.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._1gnoxzi {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  .aidljf {
     text-align: start;
   }
-  .m5805j {
+  ._1f9v88l {
     position: relative;
   }
-  .nznrao {
+  ._7ho2d4 {
     position: sticky;
     z-index: 10;
   }
-  .nznrao:has(+ :not([data-pinned])) {
+  ._7ho2d4:has(+ :not([data-pinned])) {
     border-right-width: 1px;
   }
-  :not([data-pinned]) + .nznrao {
+  :not([data-pinned]) + ._7ho2d4 {
     border-left-width: 1px;
   }
-  .z54aez {
+  .ha4s25 {
     box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
   }
 }

package/dist/{esm/assets/src/table/TableRow.css.ts.vanilla-C3trKmFI.css → cjs/assets/src/table/TableRow.css.ts.vanilla-Bg-zL2a1.css}

@@ -1,27 +1,27 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .qh5gqd {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._1kjephx {
     position: relative;
   }
-  .qh5gqd[data-focus-visible]:focus-visible {
+  ._1kjephx[data-focus-visible]:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .qh5gqd[data-focus-visible]:focus-visible::before {
+  ._1kjephx[data-focus-visible]:focus-visible::before {
     content: "";
     border: 2px solid var(--ax-colors-border-focus);
     border-radius: var(--ax-borderRadius-md);
     inset: 1px 0 0;
     position: absolute;
   }
-  .qh5gqd[data-selected] {
+  ._1kjephx[data-selected] {
     background-color: var(--ax-colors-bg-accent-subtle);
   }
   @media (hover: hover) {
-    .qh5gqd:hover {
+    ._1kjephx:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
-    .qh5gqd[data-selected]:hover {
+    ._1kjephx[data-selected]:hover {
       background-color: 
               color-mix(
                 in srgb,

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

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

package/dist/{esm/assets/src/tabs/TabsList.css.ts.vanilla-sW2Il7HH.css → cjs/assets/src/tabs/TabsList.css.ts.vanilla-C1Yapjgk.css}

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

package/dist/{esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-5z5l6msp.css → cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-B6nmBbnM.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .fb1lq6 {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._13piv7m {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .fb1lq6:focus-visible {
+  ._13piv7m:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .fb1lq6[data-disabled] {
+  ._13piv7m[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .fb1lq6[data-orientation="horizontal"] {
+  ._13piv7m[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .fb1lq6[data-orientation="vertical"] {
+  ._13piv7m[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .fb1lq6[data-state="active"] {
+  ._13piv7m[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .ads4dx:active .kcdui7 {
+  ._16wjh8g:active ._1yitdyh {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    .fb1lq6:hover:not([data-state="active"]) {
+    ._13piv7m:hover:not([data-state="active"]) {
       border-color: var(--ax-colors-border-default);
       color: var(--ax-colors-fg-secondary);
     }

package/dist/{esm/assets/src/text/Text.css.ts.vanilla-Be8sJKd9.css → cjs/assets/src/text/Text.css.ts.vanilla-C0bNGqei.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._18sxiye {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._2uxokg {
     text-overflow: ellipsis;
   }
-  ._1hrnlhm {
+  ._104uwel {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .zz5e0q {
+  ._1e873gn {
     -webkit-line-clamp: 1;
   }
-  .nyuytq {
+  ._1m65tpf {
     -webkit-line-clamp: 2;
   }
-  .yae9l0 {
+  ._9fatia {
     -webkit-line-clamp: 3;
   }
-  ._1a5glrl {
+  ._1jg1wyg {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._15u1isa {
+    max-height: calc(16px + var(--_1kgmal1) * 22px);
+  }
+  ._1ugn4w2 {
+    --_1kgmal1: 1;
+  }
+  .t28fox {
+    --_1kgmal1: 2;
+  }
+  ._2xlb6e {
+    --_1kgmal1: 3;
+  }
+  .akv8x8 {
+    --_1kgmal1: 4;
+  }
+  .tqbq92 {
+    --_1kgmal1: 5;
+  }
+  ._18n5mmx {
+    resize: vertical;
+  }
+  .ngtm96 {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .pbckfz {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  .krw9pz {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,104 @@
+@keyframes _7j6q3j {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_1m3pdnx, 0)
+    var(--fqviu1, 0)
+  ;
+  }
+}
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  .b6429z {
+    --bpq759: 0;
+    --ixfk71: 0;
+    animation-duration: var(--ax-duration-lg);
+    animation-timing-function: ease;
+    pointer-events: auto;
+    transition-duration: var(--ax-duration-lg);
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--bpq759) var(--ixfk71);
+  }
+  .b6429z::after {
+    bottom: -16px;
+  }
+  .b6429z::after, .b6429z::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  .b6429z::before {
+    top: -16px;
+  }
+  .b6429z:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .b6429z[data-state="closed"] {
+    opacity: 0;
+  }
+  .b6429z[data-state="closed"] ~ .b6429z {
+    transition-property: opacity, translate;
+  }
+  .b6429z[data-state="open"] {
+    animation-name: _7j6q3j;
+  }
+  .b6429z[data-swipe-direction="down"] {
+    --fqviu1: calc(100% + 24px);
+  }
+  .b6429z[data-swipe-direction="left"] {
+    --_1m3pdnx: calc(-100% - 24px);
+  }
+  .b6429z[data-swipe-direction="right"] {
+    --_1m3pdnx: calc(100% + 24px);
+  }
+  .b6429z[data-swipe-direction="up"] {
+    --fqviu1: calc(-100% - 24px);
+  }
+  .b6429z[data-swipe="end"] {
+    --bpq759: var(--_1m3pdnx, 0);
+    --ixfk71: var(--fqviu1, 0);
+    transition-property: opacity, translate;
+  }
+  .b6429z[data-swipe="move"] {
+    --bpq759: var(--radix-toast-swipe-move-x);
+    --ixfk71: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] .b6429z:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .b6429z[data-state="closed"] ~ .b6429z {
+    --ixfk71: var(--_1ngticp);
+  }
+  [data-position^="top"] .b6429z:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .b6429z[data-state="closed"] ~ .b6429z {
+    --ixfk71: calc(-1 * var(--_1ngticp));
+  }
+  .meph7 {
+    --_1oybuxc: var(--ax-colors-fg-error-light);
+  }
+  .gnclhy {
+    --_1oybuxc: var(--ax-colors-fg-information-light);
+  }
+  ._1dbyzoc {
+    --_1oybuxc: var(--ax-colors-fg-default-inverse);
+  }
+  .f9cxen {
+    --_1oybuxc: var(--ax-colors-fg-success-light);
+  }
+  .l1thug {
+    --_1oybuxc: var(--ax-colors-fg-warning-light);
+  }
+  ._1628eli {
+    color: var(--_1oybuxc);
+  }
+  ._6htx3n a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

package/dist/cjs/assets/src/toast/{ToastProvider.css.ts.vanilla-DNgzxIpW.css → ToastProvider.css.ts.vanilla-DDIuDymr.css}

@@ -1,36 +1,36 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .b8qkpd {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._1al4qn5 {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._1yhpesk {
+  ._2ixhjx {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._9w91jk {
+  ._1uxx77p {
     bottom: 0;
     left: 0;
   }
-  ._1bouaj5 {
+  ._1myt67g {
     bottom: 0;
     right: 0;
   }
-  .vyw690 {
+  .njrxv4 {
     left: 50%;
     margin-top: 40px;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1busnvd {
+  ._1lgwy0c {
     left: 0;
     margin-top: 40px;
     top: 0;
   }
-  ._1xr95ij {
+  ._1wpnqjz {
     margin-top: 40px;
     right: 0;
     top: 0;

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

@@ -0,0 +1,25 @@
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  .flp6dh {
+    --n5fj4u: var(--ax-colors-border-control);
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  .flp6dh:has(._62ds15:is(:checked, [type=checkbox]:indeterminate)) {
+    --n5fj4u: var(--ax-colors-bg-accent);
+  }
+  .flp6dh:has(._62ds15:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .flp6dh:not(:has(._62ds15:disabled)) {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    .flp6dh:has(._62ds15:not(:disabled):is(:checked, [type=checkbox]:indeterminate)):hover {
+      --n5fj4u: var(--ax-colors-bg-accent-hovered);
+    }
+    .flp6dh:has(._62ds15:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --n5fj4u: var(--ax-colors-border-control-hovered);
+    }
+  }
+}

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

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

package/dist/cjs/assets/src/transition/{Transition.css.ts.vanilla-DZUzVrds.css → Transition.css.ts.vanilla-BDAwNyNl.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .o5c3ps {
+@layer optiaxiom._94m3gf;
+@layer optiaxiom._94m3gf {
+  ._1jnb70x {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, scale, transform;
     transition-timing-function: ease;
   }
-  .o5c3ps[data-transition-fade] {
+  ._1jnb70x[data-transition-fade] {
     opacity: 0;
   }
-  .o5c3ps[data-transition-pop] {
+  ._1jnb70x[data-transition-pop] {
     scale: 0.95;
   }
-  .o5c3ps[data-transition-translate][data-side="bottom"] {
+  ._1jnb70x[data-transition-translate][data-side="bottom"] {
     transform: translateY(-8px);
   }
-  .o5c3ps[data-transition-translate][data-side="left"] {
+  ._1jnb70x[data-transition-translate][data-side="left"] {
     transform: translateX(8px);
   }
-  .o5c3ps[data-transition-translate][data-side="right"] {
+  ._1jnb70x[data-transition-translate][data-side="right"] {
     transform: translateX(-8px);
   }
-  .o5c3ps[data-transition-translate][data-side="top"] {
+  ._1jnb70x[data-transition-translate][data-side="top"] {
     transform: translateY(8px);
   }
-  .ba1v7s {
+  ._14lcm8 {
     transition-duration: var(--ax-duration-sm);
   }
-  ._1x35wif {
+  ._9xdmh8 {
     transition-duration: var(--ax-duration-md);
   }
-  ._1v34dgx {
+  ._1a0k77a {
     transition-duration: var(--ax-duration-lg);
   }
 }