@optiaxiom/react 0.8.2 → 0.10.0

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

@@ -0,0 +1,45 @@
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._182uq2q {
+    --_1832zo4: var(--ax-colors-bg-tertiary);
+  }
+  ._1hlxqme {
+    background-color: var(--_1832zo4);
+    position: relative;
+  }
+  .pqeotc {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--nakmh7);
+    transform: translateX(-10px);
+    width: var(--nakmh7);
+  }
+  .cbnbmb:active .pqeotc {
+    width: calc(var(--nakmh7) * 1.25);
+  }
+  .cbnbmb:active:has(.d5veui:checked) .pqeotc {
+    margin-left: calc(var(--nakmh7) * -0.25);
+  }
+  .cbnbmb:active:has(.d5veui:not(:checked)) .pqeotc {
+    margin-right: calc(var(--nakmh7) * -0.25);
+  }
+  .cbnbmb:has(.d5veui:checked) .pqeotc {
+    transform: translateX(10px);
+  }
+  .cbnbmb:has(.d5veui:disabled) .pqeotc {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .cbnbmb:has(.d5veui:not(:disabled)) .pqeotc {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  ._1imaon0 {
+    --nakmh7: var(--ax-size-2xs);
+  }
+  ._3ymwg0 {
+    --nakmh7: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    ._182uq2q:has(.d5veui:not(:disabled):not(:checked)):hover {
+      --_1832zo4: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-AaGRZqj1.css → Table.css.ts.vanilla-kGNbW05_.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._1qo8tyl {
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  .g154d8 {
     caption-side: bottom;
     height: 1px;
   }
-  ._9xvple {
+  ._4n61uf {
     table-layout: auto;
   }
-  ._1teeqs9 {
+  ._18fdekv {
     table-layout: fixed;
   }
-  ._1cyn971 {
+  ._1azea4z {
     position: relative;
   }
 }

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

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

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

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

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

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

package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DXrWEyC2.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  @media (hover: hover) {
+    .ibylnc:hover {
+      background-color: var(--ax-colors-bg-default-hovered);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,13 @@
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._1hoaefj[data-orientation="horizontal"] {
+    border-bottom-width: 1px;
+    flex-direction: row;
+    gap: 24px;
+  }
+  ._1hoaefj[data-orientation="vertical"] {
+    border-right-width: 1px;
+    flex-direction: column;
+    gap: 8px;
+  }
+}

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

@@ -1,35 +1,37 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._1yc770x {
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  .lag2rg {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  ._1yc770x:focus-visible {
+  .lag2rg:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1yc770x:hover:not([data-state="active"]) {
-    border-color: var(--ax-colors-border-default);
-    color: var(--ax-colors-fg-secondary);
-  }
-  ._1yc770x[data-disabled] {
+  .lag2rg[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1yc770x[data-orientation="horizontal"] {
+  .lag2rg[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._1yc770x[data-orientation="vertical"] {
+  .lag2rg[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._1yc770x[data-state="active"] {
+  .lag2rg[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._19avwc4:active ._1j7ifz8 {
+  ._1kiw8tr:active .y93omt {
     background-color: var(--ax-colors-bg-secondary);
   }
+  @media (hover: hover) {
+    .lag2rg: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-C5IgOcZn.css → Text.css.ts.vanilla-Ddgu8PPV.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  .kqi2qg {
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._17uq7ac {
     text-overflow: ellipsis;
   }
-  ._1y7klks {
+  ._1jjmdg7 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._2emf8s {
+  .ybk70p {
     -webkit-line-clamp: 1;
   }
-  ._18gkkiu {
+  ._1ul8psq {
     -webkit-line-clamp: 2;
   }
-  .xos6ay {
+  .x9nzgw {
     -webkit-line-clamp: 3;
   }
-  .y6qnfz {
+  ._3l2a4j {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._1pk3ke8 {
+    max-height: calc(16px + var(--_5s7dn3) * 22px);
+  }
+  .uurw57 {
+    --_5s7dn3: 1;
+  }
+  .tvt9ya {
+    --_5s7dn3: 2;
+  }
+  ._13ce3i5 {
+    --_5s7dn3: 3;
+  }
+  .h5jnd3 {
+    --_5s7dn3: 4;
+  }
+  .vozqly {
+    --_5s7dn3: 5;
+  }
+  ._4efneu {
+    resize: vertical;
+  }
+  .dm4hvg {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._1sz4bgg {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1wiv13t {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,90 @@
+@keyframes f4tnzz {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_126emgi, 0)
+    var(--_1wvxcht, 0)
+  ;
+  }
+}
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._1ew48vh {
+    --_1sturj2: 0;
+    --_2b7q9c: 0;
+    animation-duration: 300ms;
+    animation-timing-function: ease;
+    transition-duration: 300ms;
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--_1sturj2) var(--_2b7q9c);
+  }
+  ._1ew48vh:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1ew48vh[data-state="closed"] {
+    opacity: 0;
+  }
+  ._1ew48vh[data-state="closed"] ~ ._1ew48vh {
+    transition-property: opacity, translate;
+  }
+  ._1ew48vh[data-state="open"] {
+    animation-name: f4tnzz;
+  }
+  ._1ew48vh[data-swipe-direction="down"] {
+    --_1wvxcht: calc(100% + 24px);
+  }
+  ._1ew48vh[data-swipe-direction="left"] {
+    --_126emgi: calc(-100% - 24px);
+  }
+  ._1ew48vh[data-swipe-direction="right"] {
+    --_126emgi: calc(100% + 24px);
+  }
+  ._1ew48vh[data-swipe-direction="up"] {
+    --_1wvxcht: calc(-100% - 24px);
+  }
+  ._1ew48vh[data-swipe="end"] {
+    --_1sturj2: var(--_126emgi, 0);
+    --_2b7q9c: var(--_1wvxcht, 0);
+    transition-property: opacity, translate;
+  }
+  ._1ew48vh[data-swipe="move"] {
+    --_1sturj2: var(--radix-toast-swipe-move-x);
+    --_2b7q9c: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1ew48vh:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1ew48vh[data-state="closed"] ~ ._1ew48vh {
+    --_2b7q9c: var(--_170pdpw);
+  }
+  [data-position^="top"] ._1ew48vh:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1ew48vh[data-state="closed"] ~ ._1ew48vh {
+    --_2b7q9c: calc(-1 * var(--_170pdpw));
+  }
+  ._1qe79b {
+    --_1hdi2x2: var(--ax-colors-fg-error-light);
+  }
+  .eg9dpm {
+    --_1hdi2x2: var(--ax-colors-fg-information-light);
+  }
+  ._1hn9q2i {
+    --_1hdi2x2: var(--ax-colors-fg-default-inverse);
+  }
+  .nwvn0u {
+    --_1hdi2x2: var(--ax-colors-fg-success-light);
+  }
+  ._1xht8c7 {
+    --_1hdi2x2: var(--ax-colors-fg-warning-light);
+  }
+  ._1h93ri1 {
+    color: var(--_1hdi2x2);
+  }
+  .cprxuh a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,33 +1,33 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  .qffizw {
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  .wd4xdm {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._1035lys {
+  .l6r43k {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .ti9dsq {
+  .cjfzlv {
     bottom: 0;
     left: 0;
   }
-  ._6ufm2n {
+  ._1kujjut {
     bottom: 0;
     right: 0;
   }
-  ._165e4z4 {
+  ._13lguqr {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1ic7sf2 {
+  ._2myoro {
     left: 0;
     top: 0;
   }
-  ._1od9q76 {
+  .fbaz9o {
     right: 0;
     top: 0;
   }

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

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

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

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cf8mdt0b.css → Transition.css.ts.vanilla-Cawnu3FP.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  .bpux0v {
+@layer optiaxiom._14y547g;
+@layer optiaxiom._14y547g {
+  ._1xr589n {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  ._11u7ew1 {
+  ._1uxji5 {
     transition-duration: 150ms;
   }
-  ._1ex7zyf {
+  ._19ccot3 {
     transition-duration: 250ms;
   }
-  ._1dc2gqd {
+  ._147s8a3 {
     transition-duration: 400ms;
   }
-  ._10n460i {
+  .p3u156 {
     opacity: 0;
   }
-  ._10n460i[data-side="bottom"] {
+  .p3u156[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  ._10n460i[data-side="left"] {
+  .p3u156[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  ._10n460i[data-side="right"] {
+  .p3u156[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  ._10n460i[data-side="top"] {
+  .p3u156[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  ._24jovy {
+  ._19kafis {
     opacity: 0;
     transform: scale(0.95);
   }
-  ._24jovy[data-side="bottom"] {
+  ._19kafis[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  ._24jovy[data-side="left"] {
+  ._19kafis[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  ._24jovy[data-side="right"] {
+  ._19kafis[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  ._24jovy[data-side="top"] {
+  ._19kafis[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }