@optiaxiom/react 3.0.1 → 3.0.2

package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-B-kRRZcv.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .j54px9 {
+    width: 248px;
+  }
+}

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

@@ -0,0 +1,52 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._12ilk1i:has(._6dpvaj:checked:disabled) {
+    --_1hquqhr: var(--ax-colors-bg-accent);
+    --_1l5n5aj: var(--ax-colors-fg-black);
+  }
+  ._12ilk1i:has(._6dpvaj:not(checked):disabled) {
+    --_1l5n5aj: var(--ax-colors-border-control);
+  }
+  .vfpz5i {
+    border-color: var(--_1hquqhr);
+    border-width: 2px;
+    height: calc(4px + var(--_1s66z28) + 4px);
+    place-content: center;
+    position: relative;
+    transition-duration: var(--ax-duration-sm);
+    transition-property: border-color, border-width;
+    transition-timing-function: ease;
+    width: calc(4px + var(--_1s66z28) * 1.5 + 12px + 4px);
+  }
+  ._647ef2:has(._6dpvaj:checked) .vfpz5i {
+    border-block-width: calc((4px + var(--_1s66z28) + 4px) / 2);
+    border-inline-width: calc((4px + var(--_1s66z28) * 1.5 + 12px + 4px) / 2);
+  }
+  ._8p6mt9 {
+    --_1s66z28: 8px;
+  }
+  .kvlw6f {
+    --_1s66z28: var(--ax-size-2xs);
+  }
+  .lesxmz {
+    background-color: var(--_1l5n5aj);
+    height: var(--_1s66z28);
+    transform: translateX(calc(-6px - var(--_1s66z28) / 4));
+    width: var(--_1s66z28);
+  }
+  ._647ef2:active .lesxmz {
+    width: calc(var(--_1s66z28) * 1.25);
+  }
+  ._647ef2:active:has(._6dpvaj:checked) .lesxmz {
+    margin-left: calc(var(--_1s66z28) * -0.25);
+  }
+  ._647ef2:active:has(._6dpvaj:not(:checked)) .lesxmz {
+    margin-right: calc(var(--_1s66z28) * -0.25);
+  }
+  ._647ef2:has(._6dpvaj:checked) .lesxmz {
+    transform: translateX(calc(6px + var(--_1s66z28) / 4));
+  }
+  ._647ef2:has(._6dpvaj:not(:disabled)) .lesxmz {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .zi730b {
+    caption-side: bottom;
+  }
+  ._1rpkuz2 {
+    height: 1px;
+  }
+  ._1dtr4np {
+    isolation: isolate;
+  }
+  ._11v2ftz {
+    position: relative;
+  }
+  ._11v2ftz:focus-visible {
+    outline: none;
+  }
+}

package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-C_JZSg6e.css

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

package/dist/cjs/assets/src/table/{TableCell.css.ts.vanilla-DUTqFRty.css → TableCell.css.ts.vanilla-DhXFqR8T.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .rflieu {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .rwziet {
     vertical-align: top;
     word-break: break-word;
   }
-  ._15kr4gp:not(:first-child) .rflieu {
+  ._1vw6ejl:not(:first-child) .rwziet {
     border-top-width: 1px;
   }
-  .zs4x2c {
+  .d156y3 {
     position: relative;
   }
-  ._124o23h {
+  ._1wj6n30 {
     position: sticky;
     z-index: 10;
   }

package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla--r6Wo98e.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .z74pdl {
+    position: sticky;
+    top: 0;
+    z-index: 20;
+  }
+}

package/dist/cjs/assets/src/table/{TableHeaderCell.css.ts.vanilla-GlgY09G1.css → TableHeaderCell.css.ts.vanilla-3sLeuBxc.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .m22cww {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1t0hiw {
     text-align: start;
   }
-  .e4mhy4 {
+  ._501d5i {
     position: relative;
   }
-  ._1cizrqz {
+  .v3kupl {
     position: sticky;
     z-index: 10;
   }
-  .taot27 {
+  ._1mll4l1 {
     box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
   }
 }

package/dist/cjs/assets/src/table/{TableRow.css.ts.vanilla-q4KGhI-W.css → TableRow.css.ts.vanilla-CL_wVNtD.css}

@@ -1,27 +1,27 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .q9wxp2 {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1uwqc43 {
     position: relative;
   }
-  .q9wxp2[data-focus-visible]:focus-visible {
+  ._1uwqc43[data-focus-visible]:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .q9wxp2[data-focus-visible]:focus-visible::before {
+  ._1uwqc43[data-focus-visible]:focus-visible::before {
     content: "";
     border: 2px solid var(--ax-colors-border-focus);
     border-radius: var(--ax-borderRadius-md);
     inset: 1px 0 0;
     position: absolute;
   }
-  .q9wxp2[data-selected] {
+  ._1uwqc43[data-selected] {
     background-color: var(--ax-colors-bg-accent-subtle);
   }
   @media (hover: hover) {
-    .q9wxp2:hover {
+    ._1uwqc43:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
-    .q9wxp2[data-selected]:hover {
+    ._1uwqc43[data-selected]:hover {
       background-color: 
               color-mix(
                 in srgb,

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

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

package/dist/cjs/assets/src/tabs/{TabsList.css.ts.vanilla-CFR1dxPV.css → TabsList.css.ts.vanilla-CT2nIB2-.css}

@@ -1,12 +1,12 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  ._1p5kv52[data-orientation="horizontal"] {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  .wbupjn[data-orientation="horizontal"] {
     align-items: center;
     border-bottom-width: 1px;
     flex-direction: row;
     gap: 24px;
   }
-  ._1p5kv52[data-orientation="vertical"] {
+  .wbupjn[data-orientation="vertical"] {
     border-right-width: 1px;
     flex-direction: column;
     gap: 8px;

package/dist/{esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-DnL1v7l3.css → cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-C6G4nt12.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .yi4fia {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._102jd7w {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .yi4fia:focus-visible {
+  ._102jd7w:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .yi4fia[data-disabled] {
+  ._102jd7w[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .yi4fia[data-orientation="horizontal"] {
+  ._102jd7w[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .yi4fia[data-orientation="vertical"] {
+  ._102jd7w[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .yi4fia[data-state="active"] {
+  ._102jd7w[data-state="active"] {
     border-color: var(--ax-colors-fg-default);
     color: var(--ax-colors-fg-default);
   }
-  .qqu8nf:active ._8az80q {
+  ._1vc10g9:active .f5dc79 {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    .yi4fia:hover:not([data-state="active"]) {
+    ._102jd7w:hover:not([data-state="active"]) {
       border-color: var(--ax-colors-border-default);
       color: var(--ax-colors-fg-secondary);
     }

package/dist/{esm/assets/src/text/Text.css.ts.vanilla-eR-nBKM6.css → cjs/assets/src/text/Text.css.ts.vanilla-DjFs3BPn.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  ._17gdfg7 {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1bhpn7u {
     text-overflow: ellipsis;
   }
-  ._1x7byq4 {
+  .zv2x66 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._6b1nvx {
+  ._1x30wd9 {
     -webkit-line-clamp: 1;
   }
-  ._1a26qfs {
+  ._1sefjf {
     -webkit-line-clamp: 2;
   }
-  ._10qsnut {
+  .nwg5d0 {
     -webkit-line-clamp: 3;
   }
-  ._17zue6n {
+  ._190xcm5 {
     -webkit-line-clamp: 4;
   }
 }

package/dist/cjs/assets/src/textarea/Textarea.css.ts.vanilla-DzUUZb69.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1aos2jz:empty {
+    display: none;
+  }
+}

package/dist/cjs/assets/src/textarea/TextareaAutosize.css.ts.vanilla-LCD2G0ek.css

@@ -0,0 +1,44 @@
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1np3q8z {
+    max-height: calc(16px + var(--iabj3i) * 22px);
+  }
+  ._1eklrwo {
+    --iabj3i: 1;
+  }
+  ._1rp88bf {
+    --iabj3i: 2;
+  }
+  .ycrx6b {
+    --iabj3i: 3;
+  }
+  .ew6d1r {
+    --iabj3i: 4;
+  }
+  ._99m1k {
+    --iabj3i: 5;
+  }
+  .t8zi3a {
+    resize: vertical;
+  }
+  .t8zi3a::after {
+    content: "";
+    bottom: 0;
+    display: block;
+    height: 16px;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    width: 16px;
+  }
+  ._1hk8mz4 {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  .putt8k {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  .r9xob1 {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,104 @@
+@keyframes _1c2z5bq {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_1wlw5ve, 0)
+    var(--_1h1oy33, 0)
+  ;
+  }
+}
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1gnetoe {
+    --kemwbl: 0;
+    --_143dvn1: 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(--kemwbl) var(--_143dvn1);
+  }
+  ._1gnetoe::after {
+    bottom: -16px;
+  }
+  ._1gnetoe::after, ._1gnetoe::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  ._1gnetoe::before {
+    top: -16px;
+  }
+  ._1gnetoe:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._1gnetoe[data-state="closed"] {
+    opacity: 0;
+  }
+  ._1gnetoe[data-state="closed"] ~ ._1gnetoe {
+    transition-property: opacity, translate;
+  }
+  ._1gnetoe[data-state="open"] {
+    animation-name: _1c2z5bq;
+  }
+  ._1gnetoe[data-swipe-direction="down"] {
+    --_1h1oy33: calc(100% + 24px);
+  }
+  ._1gnetoe[data-swipe-direction="left"] {
+    --_1wlw5ve: calc(-100% - 24px);
+  }
+  ._1gnetoe[data-swipe-direction="right"] {
+    --_1wlw5ve: calc(100% + 24px);
+  }
+  ._1gnetoe[data-swipe-direction="up"] {
+    --_1h1oy33: calc(-100% - 24px);
+  }
+  ._1gnetoe[data-swipe="end"] {
+    --kemwbl: var(--_1wlw5ve, 0);
+    --_143dvn1: var(--_1h1oy33, 0);
+    transition-property: opacity, translate;
+  }
+  ._1gnetoe[data-swipe="move"] {
+    --kemwbl: var(--radix-toast-swipe-move-x);
+    --_143dvn1: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1gnetoe:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1gnetoe[data-state="closed"] ~ ._1gnetoe {
+    --_143dvn1: var(--wu0oop);
+  }
+  [data-position^="top"] ._1gnetoe:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1gnetoe[data-state="closed"] ~ ._1gnetoe {
+    --_143dvn1: calc(-1 * var(--wu0oop));
+  }
+  .fpmf3t {
+    --ifz4dt: var(--ax-colors-fg-error-light);
+  }
+  .pgtttv {
+    --ifz4dt: var(--ax-colors-fg-information-light);
+  }
+  ._1bza9m1 {
+    --ifz4dt: var(--ax-colors-fg-default-inverse);
+  }
+  ._13r54r1 {
+    --ifz4dt: var(--ax-colors-fg-success-light);
+  }
+  ._10xbz1j {
+    --ifz4dt: var(--ax-colors-fg-warning-light);
+  }
+  ._81uhg6 {
+    color: var(--ifz4dt);
+  }
+  ._1uiysye a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

package/dist/cjs/assets/src/toast/{ToastProvider.css.ts.vanilla-BvpMxeml.css → ToastProvider.css.ts.vanilla-B8JWnxxx.css}

@@ -1,36 +1,36 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .icc6rc {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1v4sc9h {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .l5is08 {
+  ._1o6jdfr {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .csgm6s {
+  .cebr5v {
     bottom: 0;
     left: 0;
   }
-  .lguv14 {
+  .bcazas {
     bottom: 0;
     right: 0;
   }
-  ._1tr685e {
+  .cyze5n {
     left: 50%;
     margin-top: 40px;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1anwhir {
+  .o25cf6 {
     left: 0;
     margin-top: 40px;
     top: 0;
   }
-  .y2kv37 {
+  ._15ggatu {
     margin-top: 40px;
     right: 0;
     top: 0;

package/dist/cjs/assets/src/toast/ToastTitle.css.ts.vanilla-Bgdnn6uk.css

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

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

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

package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-z-dqE5tT.css

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

package/dist/cjs/assets/src/transition/{Transition.css.ts.vanilla-F_1RV34k.css → Transition.css.ts.vanilla-BbmBpox3.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom.rp4ht0;
-@layer optiaxiom.rp4ht0 {
-  .watjl8 {
+@layer optiaxiom._1e45qfz;
+@layer optiaxiom._1e45qfz {
+  ._1f54zn3 {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, scale, transform;
     transition-timing-function: ease;
   }
-  .watjl8[data-transition-fade] {
+  ._1f54zn3[data-transition-fade] {
     opacity: 0;
   }
-  .watjl8[data-transition-pop] {
+  ._1f54zn3[data-transition-pop] {
     scale: 0.95;
   }
-  .watjl8[data-transition-translate][data-side="bottom"] {
+  ._1f54zn3[data-transition-translate][data-side="bottom"] {
     transform: translateY(-8px);
   }
-  .watjl8[data-transition-translate][data-side="left"] {
+  ._1f54zn3[data-transition-translate][data-side="left"] {
     transform: translateX(8px);
   }
-  .watjl8[data-transition-translate][data-side="right"] {
+  ._1f54zn3[data-transition-translate][data-side="right"] {
     transform: translateX(-8px);
   }
-  .watjl8[data-transition-translate][data-side="top"] {
+  ._1f54zn3[data-transition-translate][data-side="top"] {
     transform: translateY(8px);
   }
-  .mo2ce {
+  ._1ircr5m {
     transition-duration: var(--ax-duration-sm);
   }
-  ._1nuo6yc {
+  ._1huzbj3 {
     transition-duration: var(--ax-duration-md);
   }
-  .odgh3l {
+  ._1p0110b {
     transition-duration: var(--ax-duration-lg);
   }
 }

package/dist/cjs/css-runtime.js

@@ -22,8 +22,8 @@ var layers_css_exports = /* @__PURE__ */ __exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom.rp4ht0";
-var reset = "optiaxiom.r1vt29";
+var components = "optiaxiom._1e45qfz";
+var reset = "optiaxiom._1m2x7nb";
 var theme$1 = "optiaxiom.theme";
 //#endregion
 //#region src/vanilla-extract/recipeRuntime.ts