@optiaxiom/react 1.7.2 → 1.7.4

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

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

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

@@ -0,0 +1,45 @@
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  .kqkxap {
+    --_1ouh0rf: var(--ax-colors-bg-tertiary);
+  }
+  ._10p1js1 {
+    background-color: var(--_1ouh0rf);
+    position: relative;
+  }
+  ._16zs3as {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--zciuq3);
+    transform: translateX(-10px);
+    width: var(--zciuq3);
+  }
+  ._1pvmnnr:active ._16zs3as {
+    width: calc(var(--zciuq3) * 1.25);
+  }
+  ._1pvmnnr:active:has(._19ng62f:checked) ._16zs3as {
+    margin-left: calc(var(--zciuq3) * -0.25);
+  }
+  ._1pvmnnr:active:has(._19ng62f:not(:checked)) ._16zs3as {
+    margin-right: calc(var(--zciuq3) * -0.25);
+  }
+  ._1pvmnnr:has(._19ng62f:checked) ._16zs3as {
+    transform: translateX(10px);
+  }
+  ._1pvmnnr:has(._19ng62f:disabled) ._16zs3as {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._1pvmnnr:has(._19ng62f:not(:disabled)) ._16zs3as {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  ._5qww58 {
+    --zciuq3: var(--ax-size-2xs);
+  }
+  ._5qjfrz {
+    --zciuq3: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    .kqkxap:has(._19ng62f:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1ouh0rf: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  .ugyxzt {
+    caption-side: bottom;
+  }
+  ._1ig21e9 {
+    height: 1px;
+  }
+  ._16qgr4d {
+    isolation: isolate;
+  }
+  ._1jpgpq {
+    position: relative;
+  }
+}

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

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

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

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

package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-DVc_Ll9N.css

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

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

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

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

@@ -1,27 +1,27 @@
-@layer optiaxiom._1fapk24;
-@layer optiaxiom._1fapk24 {
-  .h2j4ic {
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  .qh5gqd {
     position: relative;
   }
-  .h2j4ic[data-focus-visible]:focus-visible {
+  .qh5gqd[data-focus-visible]:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .h2j4ic[data-focus-visible]:focus-visible::before {
+  .qh5gqd[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;
   }
-  .h2j4ic[data-selected] {
+  .qh5gqd[data-selected] {
     background-color: var(--ax-colors-bg-accent-subtle);
   }
   @media (hover: hover) {
-    .h2j4ic:hover {
+    .qh5gqd:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
-    .h2j4ic[data-selected]:hover {
+    .qh5gqd[data-selected]:hover {
       background-color: 
               color-mix(
                 in srgb,

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

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

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

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

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

@@ -1,37 +1,37 @@
-@layer optiaxiom._1fapk24;
-@layer optiaxiom._1fapk24 {
-  ._1z1091g {
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  .fb1lq6 {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1z1091g:focus-visible {
+  .fb1lq6:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1z1091g[data-disabled] {
+  .fb1lq6[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1z1091g[data-orientation="horizontal"] {
+  .fb1lq6[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._1z1091g[data-orientation="vertical"] {
+  .fb1lq6[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._1z1091g[data-state="active"] {
+  .fb1lq6[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .kqq3fa:active ._1d7jrde {
+  .ads4dx:active .kcdui7 {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    ._1z1091g:hover:not([data-state="active"]) {
+    .fb1lq6: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-C4p6n_-g.css → cjs/assets/src/text/Text.css.ts.vanilla-Be8sJKd9.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1fapk24;
-@layer optiaxiom._1fapk24 {
-  ._1a7smhm {
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  ._18sxiye {
     text-overflow: ellipsis;
   }
-  ._1w3733u {
+  ._1hrnlhm {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .bvolh1 {
+  .zz5e0q {
     -webkit-line-clamp: 1;
   }
-  .lsk94v {
+  .nyuytq {
     -webkit-line-clamp: 2;
   }
-  ._16z82y1 {
+  .yae9l0 {
     -webkit-line-clamp: 3;
   }
-  ._158phhc {
+  ._1a5glrl {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  ._16hp7bp {
+    max-height: calc(16px + var(--_1rqjp61) * 22px);
+  }
+  ._8wvp1f {
+    --_1rqjp61: 1;
+  }
+  .x4lxv7 {
+    --_1rqjp61: 2;
+  }
+  ._1lzsuqd {
+    --_1rqjp61: 3;
+  }
+  .zp4y3a {
+    --_1rqjp61: 4;
+  }
+  ._1luywpk {
+    --_1rqjp61: 5;
+  }
+  ._3xslzq {
+    resize: vertical;
+  }
+  .yho758 {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .j3nb82 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._7au81f {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,104 @@
+@keyframes _672kqx {
+  from {
+    opacity: 0;
+    translate: 
+    var(--la4dar, 0)
+    var(--_1v52eu7, 0)
+  ;
+  }
+}
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  ._1p4qo2 {
+    --_8k42nf: 0;
+    --bwccna: 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(--_8k42nf) var(--bwccna);
+  }
+  ._1p4qo2::after {
+    bottom: -16px;
+  }
+  ._1p4qo2::after, ._1p4qo2::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  ._1p4qo2::before {
+    top: -16px;
+  }
+  ._1p4qo2:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1p4qo2[data-state="closed"] {
+    opacity: 0;
+  }
+  ._1p4qo2[data-state="closed"] ~ ._1p4qo2 {
+    transition-property: opacity, translate;
+  }
+  ._1p4qo2[data-state="open"] {
+    animation-name: _672kqx;
+  }
+  ._1p4qo2[data-swipe-direction="down"] {
+    --_1v52eu7: calc(100% + 24px);
+  }
+  ._1p4qo2[data-swipe-direction="left"] {
+    --la4dar: calc(-100% - 24px);
+  }
+  ._1p4qo2[data-swipe-direction="right"] {
+    --la4dar: calc(100% + 24px);
+  }
+  ._1p4qo2[data-swipe-direction="up"] {
+    --_1v52eu7: calc(-100% - 24px);
+  }
+  ._1p4qo2[data-swipe="end"] {
+    --_8k42nf: var(--la4dar, 0);
+    --bwccna: var(--_1v52eu7, 0);
+    transition-property: opacity, translate;
+  }
+  ._1p4qo2[data-swipe="move"] {
+    --_8k42nf: var(--radix-toast-swipe-move-x);
+    --bwccna: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1p4qo2:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1p4qo2[data-state="closed"] ~ ._1p4qo2 {
+    --bwccna: var(--_1nfgbfx);
+  }
+  [data-position^="top"] ._1p4qo2:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1p4qo2[data-state="closed"] ~ ._1p4qo2 {
+    --bwccna: calc(-1 * var(--_1nfgbfx));
+  }
+  ._12x605a {
+    --_15f48jv: var(--ax-colors-fg-error-light);
+  }
+  .hiwq88 {
+    --_15f48jv: var(--ax-colors-fg-information-light);
+  }
+  ._1ey90xo {
+    --_15f48jv: var(--ax-colors-fg-default-inverse);
+  }
+  .u7uei7 {
+    --_15f48jv: var(--ax-colors-fg-success-light);
+  }
+  .k9zt35 {
+    --_15f48jv: var(--ax-colors-fg-warning-light);
+  }
+  ._280f4v {
+    color: var(--_15f48jv);
+  }
+  ._1nzrlev a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,36 +1,36 @@
-@layer optiaxiom._1fapk24;
-@layer optiaxiom._1fapk24 {
-  ._7zzeep {
+@layer optiaxiom.x1xxlo;
+@layer optiaxiom.x1xxlo {
+  .b8qkpd {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._1d95398 {
+  ._1yhpesk {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .lr3s69 {
+  ._9w91jk {
     bottom: 0;
     left: 0;
   }
-  ._1y87r9f {
+  ._1bouaj5 {
     bottom: 0;
     right: 0;
   }
-  ._7inpy6 {
+  .vyw690 {
     left: 50%;
     margin-top: 40px;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1jjf1it {
+  ._1busnvd {
     left: 0;
     margin-top: 40px;
     top: 0;
   }
-  ._906o6z {
+  ._1xr95ij {
     margin-top: 40px;
     right: 0;
     top: 0;

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

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

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

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

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

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