@optiaxiom/react 0.3.4 → 0.4.0

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

@@ -0,0 +1,26 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._19fsgzr {
+    --_4p01u2: var(--ax-colors-bg-tertiary);
+  }
+  ._19fsgzr:has(._1hpqifr:not(:disabled):not(:checked)):hover {
+    --_4p01u2: var(--ax-colors-bg-tertiary-hovered);
+  }
+  .deblyu {
+    background-color: var(--_4p01u2);
+    position: relative;
+  }
+  .wia9yj {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  ._13hvfkv:has(._1hpqifr:checked) .wia9yj {
+    transform: translateX(10px);
+  }
+  ._13hvfkv:has(._1hpqifr:disabled) .wia9yj {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._13hvfkv:has(._1hpqifr:not(:disabled)) .wia9yj {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-DCz5_D85.css → Table.css.ts.vanilla-D_TJfh-t.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._1n5tmjc {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1h47irb {
     caption-side: bottom;
   }
-  ._12jj8vy {
+  .hzp552 {
     max-height: 80dvh;
     max-width: 80dvw;
     position: relative;

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

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

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

@@ -1,10 +1,10 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._1n8vc0j {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._6p2anv {
     vertical-align: middle;
     word-break: break-word;
   }
-  ._4hg9s1:hover ._1n8vc0j {
+  ._1tqhjtt:hover ._6p2anv {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

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

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

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

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

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

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

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

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

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

@@ -1,35 +1,35 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._641lmi {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .z20xpa {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  ._641lmi:focus-visible {
+  .z20xpa:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._641lmi:hover:not([data-state="active"]) {
+  .z20xpa:hover:not([data-state="active"]) {
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-secondary);
   }
-  ._641lmi[data-disabled] {
+  .z20xpa[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._641lmi[data-orientation="horizontal"] {
+  .z20xpa[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._641lmi[data-orientation="vertical"] {
+  .z20xpa[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._641lmi[data-state="active"] {
+  .z20xpa[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .ah539l:active .xb2a4z {
+  ._1cj9pvc:active ._1d1l8my {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/text/{Text.css.ts.vanilla-AqeTOozB.css → Text.css.ts.vanilla-BCJDfIr0.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._1wf48c9 {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .zxhcs {
     text-overflow: ellipsis;
   }
-  ._1fvmajc {
+  .vv972q {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .jrvp07 {
+  .v6lg1q {
     -webkit-line-clamp: 1;
   }
-  .a90lup {
+  ._1fqwq {
     -webkit-line-clamp: 2;
   }
-  ._9t11n6 {
+  ._6seeaz {
     -webkit-line-clamp: 3;
   }
-  .i6adrq {
+  .fao21m {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._149wf1u {
+    max-height: calc(16px + var(--ok0p7p) * 22px);
+  }
+  .c1ppvm {
+    --ok0p7p: 1;
+  }
+  .ke4m0t {
+    --ok0p7p: 2;
+  }
+  .im3wc2 {
+    --ok0p7p: 3;
+  }
+  ._1uza4vx {
+    --ok0p7p: 4;
+  }
+  ._1ylye2b {
+    --ok0p7p: 5;
+  }
+  .lrzmm6 {
+    resize: vertical;
+  }
+  ._1u3ss6a {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._6q14hu {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1itramf {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,92 @@
+@keyframes _14qxk58 {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes _2a9x6x {
+  from {
+    translate: var(--nozh89);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes _1xb9jc2 {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--nozh89);
+  }
+}
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1iz4ax9:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1iz4ax9[data-state="closed"] {
+    animation: _14qxk58 100ms ease-in;
+    opacity: 0;
+  }
+  ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
+    transition: translate 100ms ease-in 100ms;
+  }
+  ._1iz4ax9[data-state="open"] {
+    animation: _2a9x6x 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._1iz4ax9[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  ._1iz4ax9[data-swipe="end"] {
+    animation: _1xb9jc2 100ms ease-out;
+    opacity: 0;
+  }
+  ._1iz4ax9[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  ._1iz4ax9[data-swipe-direction="down"] {
+    --nozh89: 0 calc(100% + var(--ax-spacing-24));
+  }
+  ._1iz4ax9[data-swipe-direction="left"] {
+    --nozh89: calc(-100% - var(--ax-spacing-24)) 0;
+  }
+  ._1iz4ax9[data-swipe-direction="right"] {
+    --nozh89: calc(100% + var(--ax-spacing-24)) 0;
+  }
+  ._1iz4ax9[data-swipe-direction="up"] {
+    --nozh89: 0 calc(-100% - var(--ax-spacing-24));
+  }
+  [data-position^="bottom"] ._1iz4ax9:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
+    translate: 0 calc(100% + var(--ax-spacing-md));
+  }
+  [data-position^="top"] ._1iz4ax9:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1iz4ax9[data-state="closed"] ~ ._1iz4ax9 {
+    translate: 0 calc(-100% - var(--ax-spacing-md));
+  }
+  ._11yym0z {
+    --gc70oj: var(--ax-colors-fg-error-light);
+  }
+  .lwow39 {
+    --gc70oj: var(--ax-colors-fg-information-light);
+  }
+  .ekg7yt {
+    --gc70oj: var(--ax-colors-fg-default-inverse);
+  }
+  .qaozin {
+    --gc70oj: var(--ax-colors-fg-success-light);
+  }
+  ._1a3s9zc {
+    --gc70oj: var(--ax-colors-fg-warning-light);
+  }
+  ._8mdg2o {
+    color: var(--gc70oj);
+  }
+}

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

@@ -1,33 +1,33 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._11cqo1y {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .qwh1ji {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .avkih1 {
+  ._1bgj776 {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._1b788g3 {
+  ._1imkpsi {
     bottom: 0;
     left: 0;
   }
-  ._5lsw9p {
+  ._19q3vca {
     bottom: 0;
     right: 0;
   }
-  ._1k7g9xb {
+  ._1paqe {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1mxb55n {
+  ._6y1kmd {
     left: 0;
     top: 0;
   }
-  .gb52re {
+  ._18chrg4 {
     right: 0;
     top: 0;
   }

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

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

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

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-8tg-gwE2.css → Transition.css.ts.vanilla-Cnbq_Zqn.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  ._1azpzr7 {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .ho1lkj {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  ._8lyvl5 {
+  ._1bw4e7i {
     transition-duration: 150ms;
   }
-  ._1styjlp {
+  .pmg5bc {
     transition-duration: 250ms;
   }
-  ._2t7u54 {
+  ._5z7nc0 {
     transition-duration: 400ms;
   }
-  .isc3ld {
+  ._6z6lwj {
     opacity: 0;
   }
-  .isc3ld[data-side="bottom"] {
+  ._6z6lwj[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  .isc3ld[data-side="left"] {
+  ._6z6lwj[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  .isc3ld[data-side="right"] {
+  ._6z6lwj[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  .isc3ld[data-side="top"] {
+  ._6z6lwj[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  .fx13no {
+  ._11i2ynt {
     opacity: 0;
     transform: scale(0.95);
   }
-  .fx13no[data-side="bottom"] {
+  ._11i2ynt[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  .fx13no[data-side="left"] {
+  ._11i2ynt[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  .fx13no[data-side="right"] {
+  ._11i2ynt[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  .fx13no[data-side="top"] {
+  ._11i2ynt[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }