@optiaxiom/react 0.1.0 → 0.2.0

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

@@ -0,0 +1,26 @@
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  .wa1rox {
+    --mcig7l: var(--ax-colors-bg-tertiary);
+  }
+  .wa1rox:has(._15urfzu:not(:disabled):not(:checked)):hover {
+    --mcig7l: var(--ax-colors-bg-tertiary-hovered);
+  }
+  .mk2c1w {
+    background-color: var(--mcig7l);
+    position: relative;
+  }
+  ._10ht9sz {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  .hhyq3b:has(._15urfzu:checked) ._10ht9sz {
+    transform: translateX(10px);
+  }
+  .hhyq3b:has(._15urfzu:disabled) ._10ht9sz {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .hhyq3b:has(._15urfzu:not(:disabled)) ._10ht9sz {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._6o170q {
+    caption-side: bottom;
+  }
+  ._4e3us1 {
+    position: relative;
+  }
+}

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

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

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

@@ -1,10 +1,10 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1fhkr7n {
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  .odszuy {
     vertical-align: middle;
     word-break: break-word;
   }
-  .qam7t9:hover ._1fhkr7n {
+  ._8gvtf0:hover .odszuy {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._5uehya[data-orientation="horizontal"] {
+    flex-direction: row;
+  }
+  ._5uehya[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+  ._17jjlg2[data-orientation="horizontal"] {
+    border-bottom-width: 1px;
+    gap: var(--ax-spacing-lg);
+  }
+  ._17jjlg2[data-orientation="vertical"] {
+    border-right-width: 1px;
+    gap: var(--ax-spacing-xs);
+  }
+  ._17kmdsc[data-orientation="horizontal"] {
+    gap: var(--ax-spacing-md);
+  }
+  ._17kmdsc[data-orientation="vertical"] {
+    gap: var(--ax-spacing-xs);
+  }
+}

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

@@ -1,35 +1,35 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1l7ilw5 {
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1i3jp1x {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  ._1l7ilw5:focus-visible {
+  ._1i3jp1x:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1l7ilw5:hover:not([data-state="active"]) {
+  ._1i3jp1x:hover:not([data-state="active"]) {
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-secondary);
   }
-  ._1l7ilw5[data-disabled] {
+  ._1i3jp1x[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1l7ilw5[data-orientation="horizontal"] {
+  ._1i3jp1x[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._1l7ilw5[data-orientation="vertical"] {
+  ._1i3jp1x[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._1l7ilw5[data-state="active"] {
+  ._1i3jp1x[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._1ke2g01:active ._16mhy0w {
+  .vkkltu:active .rxbd3q {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/text/{Text.css.ts.vanilla-ngxCk5hZ.css → Text.css.ts.vanilla-BE-Fps5x.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._978jcz {
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1k3c9ga {
     text-overflow: ellipsis;
   }
-  ._1n4tuq2 {
+  ._4d4te4 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .sg4e4b {
+  ._1xw19wd {
     -webkit-line-clamp: 1;
   }
-  ._64fvbi {
+  ._13w5snf {
     -webkit-line-clamp: 2;
   }
-  .udvhi4 {
+  ._8d784r {
     -webkit-line-clamp: 3;
   }
-  .gsyg35 {
+  ._60e0je {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1j5d5d {
+    max-height: calc(16px + var(--_1a4yamt) * 22px);
+  }
+  .d7hhff {
+    --_1a4yamt: 1;
+  }
+  ._3u2cq {
+    --_1a4yamt: 2;
+  }
+  .ifo8ft {
+    --_1a4yamt: 3;
+  }
+  ._1rlkmg1 {
+    --_1a4yamt: 4;
+  }
+  ._1cb01a {
+    --_1a4yamt: 5;
+  }
+  ._1co2eul {
+    resize: vertical;
+  }
+  ._1bjrzbi {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .p5mah4 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._3dozdo {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,92 @@
+@keyframes _15eekmk {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes _1fu7ui0 {
+  from {
+    translate: var(--c8paxa);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes xotb46 {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--c8paxa);
+  }
+}
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1dujptc:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1dujptc[data-state="closed"] {
+    animation: _15eekmk 100ms ease-in;
+    opacity: 0;
+  }
+  ._1dujptc[data-state="closed"] ~ ._1dujptc {
+    transition: translate 100ms ease-in 100ms;
+  }
+  ._1dujptc[data-state="open"] {
+    animation: _1fu7ui0 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._1dujptc[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  ._1dujptc[data-swipe="end"] {
+    animation: xotb46 100ms ease-out;
+    opacity: 0;
+  }
+  ._1dujptc[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  ._1dujptc[data-swipe-direction="down"] {
+    --c8paxa: 0 calc(100% + var(--ax-spacing-24));
+  }
+  ._1dujptc[data-swipe-direction="left"] {
+    --c8paxa: calc(-100% - var(--ax-spacing-24)) 0;
+  }
+  ._1dujptc[data-swipe-direction="right"] {
+    --c8paxa: calc(100% + var(--ax-spacing-24)) 0;
+  }
+  ._1dujptc[data-swipe-direction="up"] {
+    --c8paxa: 0 calc(-100% - var(--ax-spacing-24));
+  }
+  [data-position^="bottom"] ._1dujptc:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1dujptc[data-state="closed"] ~ ._1dujptc {
+    translate: 0 calc(100% + var(--ax-spacing-md));
+  }
+  [data-position^="top"] ._1dujptc:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1dujptc[data-state="closed"] ~ ._1dujptc {
+    translate: 0 calc(-100% - var(--ax-spacing-md));
+  }
+  ._14p0afd {
+    --_14bp9u3: var(--ax-colors-fg-error-light);
+  }
+  ._1ahczfl {
+    --_14bp9u3: var(--ax-colors-fg-information-light);
+  }
+  ._1igotqm {
+    --_14bp9u3: var(--ax-colors-fg-default-inverse);
+  }
+  .mzgu85 {
+    --_14bp9u3: var(--ax-colors-fg-success-light);
+  }
+  ._1ew8h2p {
+    --_14bp9u3: var(--ax-colors-fg-warning-light);
+  }
+  ._164y6vm {
+    color: var(--_14bp9u3);
+  }
+}

package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-wsB2DsHJ.css → ToastProvider.css.ts.vanilla-5tmJ5uCB.css}

@@ -1,33 +1,33 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._15xqf42 {
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1cxwbjq {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .dmebwl {
+  ._153jc9p {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .e57m6o {
+  ._11mb344 {
     bottom: 0;
     left: 0;
   }
-  ._1upt931 {
+  .ztqubp {
     bottom: 0;
     right: 0;
   }
-  ._1cv4eao {
+  ._1o9us3f {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1ver165 {
+  ._10w6o0t {
     left: 0;
     top: 0;
   }
-  ._1ht061z {
+  .z9srz9 {
     right: 0;
     top: 0;
   }

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

@@ -0,0 +1,22 @@
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  .lr3pon {
+    --mcig7l: var(--ax-colors-border-active);
+    color: var(--ax-colors-fg-default);
+  }
+  .lr3pon:has(._11bxd3a:not(:disabled):checked):hover {
+    --mcig7l: var(--ax-colors-bg-accent-hovered);
+  }
+  .lr3pon:has(._11bxd3a:not(:disabled):not(:checked)):hover {
+    --mcig7l: var(--ax-colors-border-active-hovered);
+  }
+  .lr3pon:has(._11bxd3a:checked) {
+    --mcig7l: var(--ax-colors-bg-accent);
+  }
+  .lr3pon:has(._11bxd3a:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .lr3pon:not(:has(._11bxd3a:disabled)) {
+    cursor: pointer;
+  }
+}

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

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-BHwXmrOM.css → Transition.css.ts.vanilla-CEVbotiB.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._4awegg;
-@layer optiaxiom._4awegg {
-  ._1fb6irp {
+@layer optiaxiom.xkvm1p;
+@layer optiaxiom.xkvm1p {
+  ._1b9ysmx {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  .z523e7 {
+  ._19z3oxv {
     transition-duration: 150ms;
   }
-  .iz9gjz {
+  ._96h5f0 {
     transition-duration: 250ms;
   }
-  .nyyuw4 {
+  ._1yamnah {
     transition-duration: 400ms;
   }
-  .k1l786 {
+  ._2kksmr {
     opacity: 0;
   }
-  .k1l786[data-side="bottom"] {
+  ._2kksmr[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  .k1l786[data-side="left"] {
+  ._2kksmr[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  .k1l786[data-side="right"] {
+  ._2kksmr[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  .k1l786[data-side="top"] {
+  ._2kksmr[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  ._3u219o {
+  .rzgi93 {
     opacity: 0;
     transform: scale(0.95);
   }
-  ._3u219o[data-side="bottom"] {
+  .rzgi93[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  ._3u219o[data-side="left"] {
+  .rzgi93[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  ._3u219o[data-side="right"] {
+  .rzgi93[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  ._3u219o[data-side="top"] {
+  .rzgi93[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }