@optiaxiom/react 0.9.0 → 0.10.1

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

@@ -0,0 +1,45 @@
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._1is6fx9 {
+    --_55f8ga: var(--ax-colors-bg-tertiary);
+  }
+  .siwe2z {
+    background-color: var(--_55f8ga);
+    position: relative;
+  }
+  ._1gg1ps6 {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--_1uc8m8t);
+    transform: translateX(-10px);
+    width: var(--_1uc8m8t);
+  }
+  ._5e4tpi:active ._1gg1ps6 {
+    width: calc(var(--_1uc8m8t) * 1.25);
+  }
+  ._5e4tpi:active:has(._3ehs2t:checked) ._1gg1ps6 {
+    margin-left: calc(var(--_1uc8m8t) * -0.25);
+  }
+  ._5e4tpi:active:has(._3ehs2t:not(:checked)) ._1gg1ps6 {
+    margin-right: calc(var(--_1uc8m8t) * -0.25);
+  }
+  ._5e4tpi:has(._3ehs2t:checked) ._1gg1ps6 {
+    transform: translateX(10px);
+  }
+  ._5e4tpi:has(._3ehs2t:disabled) ._1gg1ps6 {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._5e4tpi:has(._3ehs2t:not(:disabled)) ._1gg1ps6 {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  .n40soi {
+    --_1uc8m8t: var(--ax-size-2xs);
+  }
+  .tcmf69 {
+    --_1uc8m8t: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    ._1is6fx9:has(._3ehs2t:not(:disabled):not(:checked)):hover {
+      --_55f8ga: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-CEXw4SoB.css → Table.css.ts.vanilla-DrUeyZXR.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .wknh9s {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._155bsjt {
     caption-side: bottom;
     height: 1px;
   }
-  ._1m4l7fq {
+  .c9wixm {
     table-layout: auto;
   }
-  ._433b2m {
+  .iwk2v {
     table-layout: fixed;
   }
-  ._1bcfxwd {
+  ._1e9tc6b {
     position: relative;
   }
 }

package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BMmW6pLM.css

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

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

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

package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DSwQ-nUb.css

@@ -0,0 +1,10 @@
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._17u2oos {
+    position: relative;
+    text-align: start;
+  }
+  .ttvcp7 {
+    box-shadow: 0 1px 0 var(--ax-colors-border-default);
+  }
+}

package/dist/assets/src/table-row/{TableRow.css.ts.vanilla-zPkQonIM.css → TableRow.css.ts.vanilla-BSOiJ87j.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
   @media (hover: hover) {
-    .kzru4v:hover {
+    .ip0u9s:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

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

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

package/dist/assets/src/tabs-list/{TabsList.css.ts.vanilla-xqQc1D4m.css → TabsList.css.ts.vanilla-D8PFul43.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1x3endx[data-orientation="horizontal"] {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._11596ns[data-orientation="horizontal"] {
     border-bottom-width: 1px;
     flex-direction: row;
     gap: 24px;
   }
-  ._1x3endx[data-orientation="vertical"] {
+  ._11596ns[data-orientation="vertical"] {
     border-right-width: 1px;
     flex-direction: column;
     gap: 8px;

package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-C_944q6A.css → TabsTrigger.css.ts.vanilla-kFMqIsoQ.css}

@@ -1,36 +1,36 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .yptiez {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._11pbkt3 {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  .yptiez:focus-visible {
+  ._11pbkt3:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .yptiez[data-disabled] {
+  ._11pbkt3[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .yptiez[data-orientation="horizontal"] {
+  ._11pbkt3[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .yptiez[data-orientation="vertical"] {
+  ._11pbkt3[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .yptiez[data-state="active"] {
+  ._11pbkt3[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .wwfaf6:active ._1dj3z6h {
+  ._1v9arsu:active ._1upjw0l {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    .yptiez:hover:not([data-state="active"]) {
-      border-color: var(--ax-colors-border-default);
+    ._11pbkt3:hover:not([data-state="active"]) {
+      border-color: var(--ax-colors-border-tertiary);
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/assets/src/text/{Text.css.ts.vanilla-DWcwdmXi.css → Text.css.ts.vanilla-OOglCG8B.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1ahaivu {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._1ii8yl3 {
     text-overflow: ellipsis;
   }
-  ._1ik42a2 {
+  ._1skr8jm {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1e1t9bp {
+  .spx5np {
     -webkit-line-clamp: 1;
   }
-  .kcwpk4 {
+  ._1djq5vz {
     -webkit-line-clamp: 2;
   }
-  ._1rr2trn {
+  .mobwki {
     -webkit-line-clamp: 3;
   }
-  .udcyb1 {
+  .ofp14q {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  .mtdzta {
+    max-height: calc(16px + var(--pcgjp5) * 22px);
+  }
+  .zizh6n {
+    --pcgjp5: 1;
+  }
+  ._1wwtqja {
+    --pcgjp5: 2;
+  }
+  ._129pfcz {
+    --pcgjp5: 3;
+  }
+  .lh5mu {
+    --pcgjp5: 4;
+  }
+  ._18n7yki {
+    --pcgjp5: 5;
+  }
+  .q8b4q7 {
+    resize: vertical;
+  }
+  ._1wcuvmy {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._1a5dy93 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1f46lpk {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,90 @@
+@keyframes _4j20ru {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_6m072o, 0)
+    var(--_14vm0qy, 0)
+  ;
+  }
+}
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  .d4nhb {
+    --_12zvxfh: 0;
+    --_1pldwfa: 0;
+    animation-duration: 300ms;
+    animation-timing-function: ease;
+    transition-duration: 300ms;
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--_12zvxfh) var(--_1pldwfa);
+  }
+  .d4nhb:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .d4nhb[data-state="closed"] {
+    opacity: 0;
+  }
+  .d4nhb[data-state="closed"] ~ .d4nhb {
+    transition-property: opacity, translate;
+  }
+  .d4nhb[data-state="open"] {
+    animation-name: _4j20ru;
+  }
+  .d4nhb[data-swipe-direction="down"] {
+    --_14vm0qy: calc(100% + 24px);
+  }
+  .d4nhb[data-swipe-direction="left"] {
+    --_6m072o: calc(-100% - 24px);
+  }
+  .d4nhb[data-swipe-direction="right"] {
+    --_6m072o: calc(100% + 24px);
+  }
+  .d4nhb[data-swipe-direction="up"] {
+    --_14vm0qy: calc(-100% - 24px);
+  }
+  .d4nhb[data-swipe="end"] {
+    --_12zvxfh: var(--_6m072o, 0);
+    --_1pldwfa: var(--_14vm0qy, 0);
+    transition-property: opacity, translate;
+  }
+  .d4nhb[data-swipe="move"] {
+    --_12zvxfh: var(--radix-toast-swipe-move-x);
+    --_1pldwfa: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] .d4nhb:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .d4nhb[data-state="closed"] ~ .d4nhb {
+    --_1pldwfa: var(--_1kilk8l);
+  }
+  [data-position^="top"] .d4nhb:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .d4nhb[data-state="closed"] ~ .d4nhb {
+    --_1pldwfa: calc(-1 * var(--_1kilk8l));
+  }
+  .szyy7l {
+    --_1dcrhmk: var(--ax-colors-fg-error-light);
+  }
+  ._1ulgf0c {
+    --_1dcrhmk: var(--ax-colors-fg-information-light);
+  }
+  .ttykpy {
+    --_1dcrhmk: var(--ax-colors-fg-default-inverse);
+  }
+  .ryadqy {
+    --_1dcrhmk: var(--ax-colors-fg-success-light);
+  }
+  ._1ejs5z7 {
+    --_1dcrhmk: var(--ax-colors-fg-warning-light);
+  }
+  ._19h1mdu {
+    color: var(--_1dcrhmk);
+  }
+  ._1f8ffns a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-BcJhdGvu.css → ToastProvider.css.ts.vanilla-Cikp0tXW.css}

@@ -1,33 +1,33 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1inxm3m {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  ._149pzt5 {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .xnukgd {
+  ._1f3tb8o {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .s1wh8q {
+  ._1bmcp4v {
     bottom: 0;
     left: 0;
   }
-  .vqdbe6 {
+  ._15dxep3 {
     bottom: 0;
     right: 0;
   }
-  ._2bpvf3 {
+  .avmdap {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._8grm28 {
+  ._1b2k5nu {
     left: 0;
     top: 0;
   }
-  .d2ofjk {
+  ._1g7f7ns {
     right: 0;
     top: 0;
   }

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

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

package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-12QFqqoo.css

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-D9UrS4_z.css → Transition.css.ts.vanilla-DKlh7CDN.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .vduc5q {
+@layer optiaxiom._1fomdwt;
+@layer optiaxiom._1fomdwt {
+  .s09iyx {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  ._18idept {
+  ._10tusu {
     transition-duration: 150ms;
   }
-  ._1evfurm {
+  ._15v3vnc {
     transition-duration: 250ms;
   }
-  .q6isqs {
+  ._1tc2v3k {
     transition-duration: 400ms;
   }
-  ._3zq4zr {
+  ._11nmndx {
     opacity: 0;
   }
-  ._3zq4zr[data-side="bottom"] {
+  ._11nmndx[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  ._3zq4zr[data-side="left"] {
+  ._11nmndx[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  ._3zq4zr[data-side="right"] {
+  ._11nmndx[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  ._3zq4zr[data-side="top"] {
+  ._11nmndx[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  .wscpxv {
+  .c48ah5 {
     opacity: 0;
     transform: scale(0.95);
   }
-  .wscpxv[data-side="bottom"] {
+  .c48ah5[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  .wscpxv[data-side="left"] {
+  .c48ah5[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  .wscpxv[data-side="right"] {
+  .c48ah5[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  .wscpxv[data-side="top"] {
+  .c48ah5[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }