@optiaxiom/react 3.4.1 → 3.4.3

package/dist/esm/assets/Toast.css.ts.vanilla-BcSyL8Kr.css

@@ -0,0 +1,104 @@
+@keyframes _1yfkaxe {
+  from {
+    opacity: 0;
+    translate: 
+    var(--i3wpel, 0)
+    var(--_363yg4, 0)
+  ;
+  }
+}
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  ._8j3v6k {
+    --x5pgq2: 0;
+    --_5624t7: 0;
+    animation-duration: var(--ax-duration-lg);
+    animation-timing-function: ease;
+    pointer-events: auto;
+    transition-duration: var(--ax-duration-lg);
+    transition-property: opacity;
+    transition-timing-function: ease;
+    translate: var(--x5pgq2) var(--_5624t7);
+  }
+  ._8j3v6k::after {
+    bottom: -16px;
+  }
+  ._8j3v6k::after, ._8j3v6k::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  ._8j3v6k::before {
+    top: -16px;
+  }
+  ._8j3v6k:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._8j3v6k[data-state="closed"] {
+    opacity: 0;
+  }
+  ._8j3v6k[data-state="closed"] ~ ._8j3v6k {
+    transition-property: opacity, translate;
+  }
+  ._8j3v6k[data-state="open"] {
+    animation-name: _1yfkaxe;
+  }
+  ._8j3v6k[data-swipe-direction="down"] {
+    --_363yg4: calc(100% + 24px);
+  }
+  ._8j3v6k[data-swipe-direction="left"] {
+    --i3wpel: calc(-100% - 24px);
+  }
+  ._8j3v6k[data-swipe-direction="right"] {
+    --i3wpel: calc(100% + 24px);
+  }
+  ._8j3v6k[data-swipe-direction="up"] {
+    --_363yg4: calc(-100% - 24px);
+  }
+  ._8j3v6k[data-swipe="end"] {
+    --x5pgq2: var(--i3wpel, 0);
+    --_5624t7: var(--_363yg4, 0);
+    transition-property: opacity, translate;
+  }
+  ._8j3v6k[data-swipe="move"] {
+    --x5pgq2: var(--radix-toast-swipe-move-x);
+    --_5624t7: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._8j3v6k:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._8j3v6k[data-state="closed"] ~ ._8j3v6k {
+    --_5624t7: var(--_18cm6ox);
+  }
+  [data-position^="top"] ._8j3v6k:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._8j3v6k[data-state="closed"] ~ ._8j3v6k {
+    --_5624t7: calc(-1 * var(--_18cm6ox));
+  }
+  ._1p1ripe {
+    --_1rg675s: var(--ax-colors-fg-error-light);
+  }
+  ._182id00 {
+    --_1rg675s: var(--ax-colors-fg-information-light);
+  }
+  .zip2zc {
+    --_1rg675s: var(--ax-colors-fg-default-inverse);
+  }
+  .ki1wd5 {
+    --_1rg675s: var(--ax-colors-fg-success-light);
+  }
+  ._1ywecb1 {
+    --_1rg675s: var(--ax-colors-fg-warning-light);
+  }
+  .er3r86 {
+    color: var(--_1rg675s);
+  }
+  ._1hxy2kf a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

package/dist/{cjs/assets/ToastProvider.css.ts.vanilla-CCZCd-Au.css → esm/assets/ToastProvider.css.ts.vanilla-C5fgcx3w.css}

@@ -1,36 +1,36 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  .pwrkag {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .izla9e {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .vru91f {
+  ._1y088fw {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .g1scef {
+  .x1kdt8 {
     bottom: 0;
     left: 0;
   }
-  .ktlqwt {
+  .ewjqc4 {
     bottom: 0;
     right: 0;
   }
-  ._7lbpql {
+  .n1foyr {
     left: 50%;
     margin-top: calc(2.5 * var(--ax-styles-scale, 1rem));
     top: 0;
     transform: translateX(-50%);
   }
-  ._125vlh5 {
+  ._1t48yxe {
     left: 0;
     margin-top: calc(2.5 * var(--ax-styles-scale, 1rem));
     top: 0;
   }
-  ._1ncu9oq {
+  .f2yksj {
     margin-top: calc(2.5 * var(--ax-styles-scale, 1rem));
     right: 0;
     top: 0;

package/dist/esm/assets/ToastTitle.css.ts.vanilla-RV8LKIgi.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  .bb3ww5 {
+    overflow-wrap: break-word;
+  }
+}

package/dist/esm/assets/ToggleInput.css.ts.vanilla-CuCEYKJw.css

@@ -0,0 +1,29 @@
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  ._14thqbz {
+    --_1yphx67: var(--ax-colors-border-control);
+    --_15oawpu: var(--ax-colors-border-control);
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._14thqbz:has(.aifrzh:not(:disabled):is(:checked, [type=checkbox]:indeterminate)) {
+    --_1yphx67: var(--ax-colors-bg-accent);
+    --_15oawpu: var(--ax-colors-fg-black);
+  }
+  ._14thqbz:has(.aifrzh:disabled) {
+    --_1yphx67: var(--ax-colors-fg-disabled);
+    --_15oawpu: var(--ax-colors-fg-default-inverse);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._14thqbz:not(:has(.aifrzh:disabled)) {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    ._14thqbz:has(.aifrzh:not(:disabled):is(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1yphx67: var(--ax-colors-bg-accent-hovered);
+    }
+    ._14thqbz:has(.aifrzh:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1yphx67: var(--ax-colors-border-control-hovered);
+    }
+  }
+}

package/dist/esm/assets/ToggleInputControl.css.ts.vanilla-CLZo3pa6.css

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

package/dist/esm/assets/{Transition.css.ts.vanilla-BbODANNb.css → Transition.css.ts.vanilla-C9717S7k.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom.eeki7c;
-@layer optiaxiom.eeki7c {
-  .xeimr0 {
+@layer optiaxiom._3lsfin;
+@layer optiaxiom._3lsfin {
+  ._151f85y {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, scale, transform;
     transition-timing-function: ease;
   }
-  .xeimr0[data-transition-fade] {
+  ._151f85y[data-transition-fade] {
     opacity: 0;
   }
-  .xeimr0[data-transition-pop] {
+  ._151f85y[data-transition-pop] {
     scale: 0.95;
   }
-  .xeimr0[data-transition-translate][data-side="bottom"] {
+  ._151f85y[data-transition-translate][data-side="bottom"] {
     transform: translateY(-8px);
   }
-  .xeimr0[data-transition-translate][data-side="left"] {
+  ._151f85y[data-transition-translate][data-side="left"] {
     transform: translateX(8px);
   }
-  .xeimr0[data-transition-translate][data-side="right"] {
+  ._151f85y[data-transition-translate][data-side="right"] {
     transform: translateX(-8px);
   }
-  .xeimr0[data-transition-translate][data-side="top"] {
+  ._151f85y[data-transition-translate][data-side="top"] {
     transform: translateY(8px);
   }
-  .evfxxu {
+  ._5futuz {
     transition-duration: var(--ax-duration-sm);
   }
-  ._7a61bk {
+  .sx7oa1 {
     transition-duration: var(--ax-duration-md);
   }
-  .njqvw5 {
+  ._79ag3c {
     transition-duration: var(--ax-duration-lg);
   }
 }

package/dist/esm/assets/layers.css.ts.vanilla-CH9zlCwB.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._68w9ur, optiaxiom._3lsfin;