@optiaxiom/react 0.11.1 → 0.12.1

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

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

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

@@ -0,0 +1,45 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1gsnydl {
+    --_12q3rp0: var(--ax-colors-bg-tertiary);
+  }
+  ._5nflxk {
+    background-color: var(--_12q3rp0);
+    position: relative;
+  }
+  ._1hm6y8c {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--_1l7hfps);
+    transform: translateX(-10px);
+    width: var(--_1l7hfps);
+  }
+  .xa8ci2:active ._1hm6y8c {
+    width: calc(var(--_1l7hfps) * 1.25);
+  }
+  .xa8ci2:active:has(._45zxkl:checked) ._1hm6y8c {
+    margin-left: calc(var(--_1l7hfps) * -0.25);
+  }
+  .xa8ci2:active:has(._45zxkl:not(:checked)) ._1hm6y8c {
+    margin-right: calc(var(--_1l7hfps) * -0.25);
+  }
+  .xa8ci2:has(._45zxkl:checked) ._1hm6y8c {
+    transform: translateX(10px);
+  }
+  .xa8ci2:has(._45zxkl:disabled) ._1hm6y8c {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .xa8ci2:has(._45zxkl:not(:disabled)) ._1hm6y8c {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  ._2enalg {
+    --_1l7hfps: var(--ax-size-2xs);
+  }
+  ._1gsches {
+    --_1l7hfps: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    ._1gsnydl:has(._45zxkl:not(:disabled):not(:checked)):hover {
+      --_12q3rp0: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-BJgfG8oN.css → Table.css.ts.vanilla-CxNUhQFA.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1qbuluh {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1tebprd {
     caption-side: bottom;
     height: 1px;
   }
-  ._1hggiv3 {
+  ._1kpo446 {
     table-layout: auto;
   }
-  ._1241rl5 {
+  ._14x7dlf {
     table-layout: fixed;
   }
-  ._1q60c0a {
+  .z7ac6s {
     position: relative;
   }
 }

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

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

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

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

package/dist/assets/src/table-header-cell/{TableHeaderCell.css.ts.vanilla-DoOudYkZ.css → TableHeaderCell.css.ts.vanilla-DaNUTovm.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1p2o5bc {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .klsdlg {
     position: relative;
     text-align: start;
   }
-  ._1bjvjbt {
+  ._5z9gw2 {
     box-shadow: 0 1px 0 var(--ax-colors-border-default);
   }
 }

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

@@ -1,7 +1,7 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
   @media (hover: hover) {
-    ._16xosxx:hover {
+    .pp4718:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

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

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

package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BP_9vLY1.css

@@ -0,0 +1,14 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1a574gk[data-orientation="horizontal"] {
+    align-items: center;
+    border-bottom-width: 1px;
+    flex-direction: row;
+    gap: 24px;
+  }
+  ._1a574gk[data-orientation="vertical"] {
+    border-right-width: 1px;
+    flex-direction: column;
+    gap: 8px;
+  }
+}

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

@@ -1,35 +1,35 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .jmag28 {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._4jaqwj {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  .jmag28:focus-visible {
+  ._4jaqwj:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .jmag28[data-disabled] {
+  ._4jaqwj[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .jmag28[data-orientation="horizontal"] {
+  ._4jaqwj[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .jmag28[data-orientation="vertical"] {
+  ._4jaqwj[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .jmag28[data-state="active"] {
+  ._4jaqwj[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._15o97n1:active .du5x4n {
+  .vudx91:active .p1e0jk {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    .jmag28:hover:not([data-state="active"]) {
+    ._4jaqwj: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-B0w0Uxva.css → Text.css.ts.vanilla-CGxoY6g3.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .lldo9y {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .zdorjb {
     text-overflow: ellipsis;
   }
-  .zuvrnw {
+  .vnqc65 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1tp1au {
+  .bjvel0 {
     -webkit-line-clamp: 1;
   }
-  ._1fq8oad {
+  ._6seirb {
     -webkit-line-clamp: 2;
   }
-  .qfwou0 {
+  ._11h6nqe {
     -webkit-line-clamp: 3;
   }
-  ._1yetnwz {
+  ._1ydh4i7 {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1prh7mp {
+    max-height: calc(16px + var(--_1tmrww9) * 22px);
+  }
+  .irqa73 {
+    --_1tmrww9: 1;
+  }
+  .r4zzqq {
+    --_1tmrww9: 2;
+  }
+  .fvdn1t {
+    --_1tmrww9: 3;
+  }
+  ._1s37qmc {
+    --_1tmrww9: 4;
+  }
+  .cs2xo {
+    --_1tmrww9: 5;
+  }
+  .y3gdg7 {
+    resize: vertical;
+  }
+  ._1ri9wyp {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .mpgjp6 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  .i1cflh {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,90 @@
+@keyframes djtde {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_1oh0wbu, 0)
+    var(--_18010nj, 0)
+  ;
+  }
+}
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  ._1hmjrcs {
+    --_1nf2w6r: 0;
+    --_1x9atgu: 0;
+    animation-duration: 300ms;
+    animation-timing-function: ease;
+    transition-duration: 300ms;
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--_1nf2w6r) var(--_1x9atgu);
+  }
+  ._1hmjrcs:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1hmjrcs[data-state="closed"] {
+    opacity: 0;
+  }
+  ._1hmjrcs[data-state="closed"] ~ ._1hmjrcs {
+    transition-property: opacity, translate;
+  }
+  ._1hmjrcs[data-state="open"] {
+    animation-name: djtde;
+  }
+  ._1hmjrcs[data-swipe-direction="down"] {
+    --_18010nj: calc(100% + 24px);
+  }
+  ._1hmjrcs[data-swipe-direction="left"] {
+    --_1oh0wbu: calc(-100% - 24px);
+  }
+  ._1hmjrcs[data-swipe-direction="right"] {
+    --_1oh0wbu: calc(100% + 24px);
+  }
+  ._1hmjrcs[data-swipe-direction="up"] {
+    --_18010nj: calc(-100% - 24px);
+  }
+  ._1hmjrcs[data-swipe="end"] {
+    --_1nf2w6r: var(--_1oh0wbu, 0);
+    --_1x9atgu: var(--_18010nj, 0);
+    transition-property: opacity, translate;
+  }
+  ._1hmjrcs[data-swipe="move"] {
+    --_1nf2w6r: var(--radix-toast-swipe-move-x);
+    --_1x9atgu: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1hmjrcs:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1hmjrcs[data-state="closed"] ~ ._1hmjrcs {
+    --_1x9atgu: var(--_1ro0upv);
+  }
+  [data-position^="top"] ._1hmjrcs:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1hmjrcs[data-state="closed"] ~ ._1hmjrcs {
+    --_1x9atgu: calc(-1 * var(--_1ro0upv));
+  }
+  ._1alqwkj {
+    --vuovsd: var(--ax-colors-fg-error-light);
+  }
+  ._1q7r4xn {
+    --vuovsd: var(--ax-colors-fg-information-light);
+  }
+  ._1qq4p39 {
+    --vuovsd: var(--ax-colors-fg-default-inverse);
+  }
+  ._7426ex {
+    --vuovsd: var(--ax-colors-fg-success-light);
+  }
+  ._13qe2r4 {
+    --vuovsd: var(--ax-colors-fg-warning-light);
+  }
+  ._1terp1v {
+    color: var(--vuovsd);
+  }
+  .ygf5z4 a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,33 +1,33 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1orknz7 {
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .o3fxdo {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .nkjfgu {
+  ._1xsawyl {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._1f3xem3 {
+  ._1akzdlw {
     bottom: 0;
     left: 0;
   }
-  ._5g84ep {
+  ._9ndwcy {
     bottom: 0;
     right: 0;
   }
-  ._46uiql {
+  .d2iq4e {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._5q2hde {
+  ._1mirps5 {
     left: 0;
     top: 0;
   }
-  .lt5jqq {
+  .o676tv {
     right: 0;
     top: 0;
   }

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

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

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

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

package/dist/assets/src/transition/Transition.css.ts.vanilla-CzNeaprk.css

@@ -0,0 +1,81 @@
+@layer optiaxiom._107fbc8;
+@layer optiaxiom._107fbc8 {
+  .o4ahd3 {
+    transform-origin: var(--radix-popper-transform-origin);
+    transition-property: grid-template-rows, opacity, transform;
+    transition-timing-function: ease;
+  }
+  ._10zykhj {
+    transition-duration: 150ms;
+  }
+  .vn4ldk {
+    transition-duration: 250ms;
+  }
+  ._12855vg {
+    transition-duration: 400ms;
+  }
+  ._1sq98cs {
+    opacity: 0;
+  }
+  ._1sq98cs[data-side="bottom"] {
+    opacity: 0;
+    transform: translateY(-15px);
+  }
+  ._1sq98cs[data-side="left"] {
+    opacity: 0;
+    transform: translateX(15px);
+  }
+  ._1sq98cs[data-side="right"] {
+    opacity: 0;
+    transform: translateX(-15px);
+  }
+  ._1sq98cs[data-side="top"] {
+    opacity: 0;
+    transform: translateY(15px);
+  }
+  ._1a2x0em {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  ._1a2x0em[data-side="bottom"] {
+    opacity: 0;
+    transform: scale(0.95) translateY(-8px);
+  }
+  ._1a2x0em[data-side="left"] {
+    opacity: 0;
+    transform: scale(0.95) translateX(8px);
+  }
+  ._1a2x0em[data-side="right"] {
+    opacity: 0;
+    transform: scale(0.95) translateX(-8px);
+  }
+  ._1a2x0em[data-side="top"] {
+    opacity: 0;
+    transform: scale(0.95) translateY(8px);
+  }
+  .sa8ulo {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  .sa8ulo[data-side="bottom"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: scale(0.95) translateY(-8px);
+  }
+  .sa8ulo[data-side="left"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: scale(0.95) translateX(8px);
+  }
+  .sa8ulo[data-side="right"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: scale(0.95) translateX(-8px);
+  }
+  .sa8ulo[data-side="top"] {
+    grid-template-rows: 0fr !important;
+    opacity: 0;
+    transform: scale(0.95) translateY(8px);
+  }
+}