@optiaxiom/react 0.7.7 → 0.8.0

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

@@ -0,0 +1,26 @@
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._1fq0r8a {
+    --_3dbgmj: var(--ax-colors-bg-tertiary);
+  }
+  ._1fq0r8a:has(.gkdjow:not(:disabled):not(:checked)):hover {
+    --_3dbgmj: var(--ax-colors-bg-tertiary-hovered);
+  }
+  .takdrs {
+    background-color: var(--_3dbgmj);
+    position: relative;
+  }
+  .r3wypx {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  ._1d8k1et:has(.gkdjow:checked) .r3wypx {
+    transform: translateX(10px);
+  }
+  ._1d8k1et:has(.gkdjow:disabled) .r3wypx {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._1d8k1et:has(.gkdjow:not(:disabled)) .r3wypx {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-D-mydFxG.css → Table.css.ts.vanilla-DhgeLAQc.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1uxcx29 {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  .tzgrqv {
     caption-side: bottom;
   }
-  ._1kbig8s {
+  .x78ub5 {
     max-height: 80dvh;
     max-width: 80dvw;
     position: relative;

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

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

package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-n4F8zHI0.css → TableCell.css.ts.vanilla-RDIoKq02.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .c0owu1 {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  .aoyx51 {
     vertical-align: middle;
     word-break: break-word;
   }
-  ._1kg9qjm:hover .c0owu1 {
+  ._1nf9d94:hover .aoyx51 {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

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

@@ -0,0 +1,6 @@
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._14plc14 {
+    vertical-align: middle;
+  }
+}

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

@@ -0,0 +1,4 @@
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+
+}

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

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

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

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

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

@@ -1,35 +1,35 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .pzggql {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  .uqek8k {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  .pzggql:focus-visible {
+  .uqek8k:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .pzggql:hover:not([data-state="active"]) {
+  .uqek8k:hover:not([data-state="active"]) {
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-secondary);
   }
-  .pzggql[data-disabled] {
+  .uqek8k[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .pzggql[data-orientation="horizontal"] {
+  .uqek8k[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .pzggql[data-orientation="vertical"] {
+  .uqek8k[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .pzggql[data-state="active"] {
+  .uqek8k[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .ys65z2:active .uj0nu0 {
+  ._1yxp2mn:active .clg349 {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/text/{Text.css.ts.vanilla-2K5AfgEp.css → Text.css.ts.vanilla-Drp0Fw1i.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .k3nx78 {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  .yxgd6s {
     text-overflow: ellipsis;
   }
-  ._1o04df8 {
+  ._14lu6bz {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .lplhpe {
+  .xijmc {
     -webkit-line-clamp: 1;
   }
-  ._1t4f6fc {
+  ._1k69g4j {
     -webkit-line-clamp: 2;
   }
-  ._1v0e0sv {
+  .b9oron {
     -webkit-line-clamp: 3;
   }
-  ._15jzk3p {
+  .yniivh {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._1sb2qet {
+    max-height: calc(16px + var(--_1vthvvw) * 22px);
+  }
+  .um8i2l {
+    --_1vthvvw: 1;
+  }
+  ._2wadyx {
+    --_1vthvvw: 2;
+  }
+  .e7oezy {
+    --_1vthvvw: 3;
+  }
+  ._1yh7zna {
+    --_1vthvvw: 4;
+  }
+  ._15c18nb {
+    --_1vthvvw: 5;
+  }
+  ._15jnr7z {
+    resize: vertical;
+  }
+  ._1ijp2ng {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._192mm9v {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  .phw0qh {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,96 @@
+@keyframes _1yd83bb {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes bxct3j {
+  from {
+    translate: var(--izgoom);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes mfqgmi {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--izgoom);
+  }
+}
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._1j5fqmo:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1j5fqmo[data-state="closed"] {
+    animation: _1yd83bb 100ms ease-in;
+    opacity: 0;
+  }
+  ._1j5fqmo[data-state="closed"] ~ ._1j5fqmo {
+    transition: translate 100ms ease-in 100ms;
+  }
+  ._1j5fqmo[data-state="open"] {
+    animation: bxct3j 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._1j5fqmo[data-swipe-direction="down"] {
+    --izgoom: 0 calc(100% + 24px);
+  }
+  ._1j5fqmo[data-swipe-direction="left"] {
+    --izgoom: calc(-100% - 24px) 0;
+  }
+  ._1j5fqmo[data-swipe-direction="right"] {
+    --izgoom: calc(100% + 24px) 0;
+  }
+  ._1j5fqmo[data-swipe-direction="up"] {
+    --izgoom: 0 calc(-100% - 24px);
+  }
+  ._1j5fqmo[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  ._1j5fqmo[data-swipe="end"] {
+    animation: mfqgmi 100ms ease-out;
+    opacity: 0;
+  }
+  ._1j5fqmo[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1j5fqmo:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1j5fqmo[data-state="closed"] ~ ._1j5fqmo {
+    translate: 0 calc(100% + 16px);
+  }
+  [data-position^="top"] ._1j5fqmo:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1j5fqmo[data-state="closed"] ~ ._1j5fqmo {
+    translate: 0 calc(-100% - 16px);
+  }
+  ._1rafpz7 {
+    --_13k01p: var(--ax-colors-fg-error-light);
+  }
+  ._1hv9bb4 {
+    --_13k01p: var(--ax-colors-fg-information-light);
+  }
+  ._17m5z3j {
+    --_13k01p: var(--ax-colors-fg-default-inverse);
+  }
+  .gay2hn {
+    --_13k01p: var(--ax-colors-fg-success-light);
+  }
+  ._1q59ikh {
+    --_13k01p: var(--ax-colors-fg-warning-light);
+  }
+  ._1ofxw5t {
+    color: var(--_13k01p);
+  }
+  ._1v41pnb a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,33 +1,33 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1l5s45h {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._13gzbso {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .lm2qoc {
+  ._1by7pfb {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .s2qosa {
+  ._16jdzm4 {
     bottom: 0;
     left: 0;
   }
-  ._4qo9nq {
+  ._160dt9q {
     bottom: 0;
     right: 0;
   }
-  .eha3li {
+  .dazyzp {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  .dc963s {
+  .rxhvez {
     left: 0;
     top: 0;
   }
-  ._1wbmnxq {
+  .b0uqgp {
     right: 0;
     top: 0;
   }

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

@@ -0,0 +1,23 @@
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._1p4hohf {
+    --_3dbgmj: var(--ax-colors-border-active);
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._1p4hohf:has(._1lxwgzh:not(:disabled):checked):hover {
+    --_3dbgmj: var(--ax-colors-bg-accent-hovered);
+  }
+  ._1p4hohf:has(._1lxwgzh:not(:disabled):not(:checked)):hover {
+    --_3dbgmj: var(--ax-colors-border-active-hovered);
+  }
+  ._1p4hohf:has(._1lxwgzh:checked) {
+    --_3dbgmj: var(--ax-colors-bg-accent);
+  }
+  ._1p4hohf:has(._1lxwgzh:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1p4hohf:not(:has(._1lxwgzh:disabled)) {
+    cursor: pointer;
+  }
+}

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

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-CI9Uwdhw.css → Transition.css.ts.vanilla-BIsuyk54.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1hrqdyg {
+@layer optiaxiom.nb83ax;
+@layer optiaxiom.nb83ax {
+  ._1a4djl4 {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  .in8d0p {
+  ._1rupuqm {
     transition-duration: 150ms;
   }
-  ._1pdvpxt {
+  ._1pn1av5 {
     transition-duration: 250ms;
   }
-  ._12hpsz0 {
+  ._19hnil5 {
     transition-duration: 400ms;
   }
-  .p1izuj {
+  ._1e50xy0 {
     opacity: 0;
   }
-  .p1izuj[data-side="bottom"] {
+  ._1e50xy0[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  .p1izuj[data-side="left"] {
+  ._1e50xy0[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  .p1izuj[data-side="right"] {
+  ._1e50xy0[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  .p1izuj[data-side="top"] {
+  ._1e50xy0[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  .rn99ej {
+  ._17ot1ev {
     opacity: 0;
     transform: scale(0.95);
   }
-  .rn99ej[data-side="bottom"] {
+  ._17ot1ev[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  .rn99ej[data-side="left"] {
+  ._17ot1ev[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  .rn99ej[data-side="right"] {
+  ._17ot1ev[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  .rn99ej[data-side="top"] {
+  ._17ot1ev[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }