@optiaxiom/react 3.1.0 → 3.1.1

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

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

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

@@ -0,0 +1,70 @@
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._3m7mb0:has(._1ggtjth:checked:disabled) {
+    --_1vwbco5: var(--ax-colors-bg-accent);
+    --xk1acw: var(--ax-colors-fg-black);
+  }
+  ._3m7mb0:has(._1ggtjth:not(checked):disabled) {
+    --xk1acw: var(--ax-colors-border-control);
+  }
+  .dfkrq2 {
+    --_1bnep4c: calc((4px + var(--ybdmaj) + 4px) / 2);
+    --_1az0uxk: calc((4px + var(--ybdmaj) * 1.5 + 12px + 4px) / 2);
+    border-color: var(--_1vwbco5);
+    border-width: 2px;
+    height: calc(4px + var(--ybdmaj) + 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(--ybdmaj) * 1.5 + 12px + 4px);
+  }
+  .dfkrq2::before {
+    content: "";
+    border: 1px solid var(--ax-colors-border-disabled);
+    border-radius: inherit;
+    inset: -2px;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    transition-duration: var(--ax-duration-sm);
+    transition-property: inset, opacity;
+    transition-timing-function: ease;
+  }
+  ._13ul0hw:has(._1ggtjth:checked) .dfkrq2::before {
+    inset: calc(-1 * var(--_1bnep4c)) calc(-1 * var(--_1az0uxk));
+    opacity: 1;
+  }
+  ._13ul0hw:has(._1ggtjth:checked) .dfkrq2 {
+    border-block-width: var(--_1bnep4c);
+    border-inline-width: var(--_1az0uxk);
+  }
+  ._1wmrb3v {
+    --ybdmaj: 8px;
+  }
+  ._1uat7jh {
+    --ybdmaj: var(--ax-size-2xs);
+  }
+  ._1etaofq {
+    background-color: var(--xk1acw);
+    height: var(--ybdmaj);
+    transform: translateX(calc(-6px - var(--ybdmaj) / 4));
+    width: var(--ybdmaj);
+  }
+  ._13ul0hw:active ._1etaofq {
+    width: calc(var(--ybdmaj) * 1.25);
+  }
+  ._13ul0hw:active:has(._1ggtjth:checked) ._1etaofq {
+    margin-left: calc(var(--ybdmaj) * -0.25);
+  }
+  ._13ul0hw:active:has(._1ggtjth:not(:checked)) ._1etaofq {
+    margin-right: calc(var(--ybdmaj) * -0.25);
+  }
+  ._13ul0hw:has(._1ggtjth:checked) ._1etaofq {
+    transform: translateX(calc(6px + var(--ybdmaj) / 4));
+  }
+  ._13ul0hw:has(._1ggtjth:not(:disabled)) ._1etaofq {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._170p9c3 {
+    caption-side: bottom;
+  }
+  ._16ppfcd {
+    height: 1px;
+  }
+  ._1i4xov4 {
+    isolation: isolate;
+  }
+  ._1pongaa {
+    position: relative;
+  }
+  ._1pongaa:focus-visible {
+    outline: none;
+  }
+}

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

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

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

@@ -1,16 +1,16 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  ._1cyhimu {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._1qjanpl {
     vertical-align: top;
     word-break: break-word;
   }
-  .dqgo6g:not(:first-child) ._1cyhimu {
+  .aaok98:not(:first-child) ._1qjanpl {
     border-top-width: 1px;
   }
-  ._1qf3g63 {
+  ._2oimvf {
     position: relative;
   }
-  .ebvt7f {
+  .m5dv6q {
     position: sticky;
     z-index: 10;
   }

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

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

package/dist/cjs/assets/src/table/{TableHeaderCell.css.ts.vanilla-CLjmxEYA.css → TableHeaderCell.css.ts.vanilla-B32VI3u8.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  .pr46v1 {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._1t7j5rg {
     text-align: start;
   }
-  ._1ivh70w {
+  ._1az9syn {
     position: relative;
   }
-  .kr12z {
+  .u23u2g {
     position: sticky;
     z-index: 10;
   }
-  ._1cm3jou {
+  ._1u65oj0 {
     box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
   }
 }

package/dist/cjs/assets/src/table/{TableRow.css.ts.vanilla-BfijQLNf.css → TableRow.css.ts.vanilla-Bw8zZIWn.css}

@@ -1,27 +1,27 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  .q4fo5c {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._18gptim {
     position: relative;
   }
-  .q4fo5c[data-focus-visible]:focus-visible {
+  ._18gptim[data-focus-visible]:focus-visible {
     outline: none;
     z-index: 10;
   }
-  .q4fo5c[data-focus-visible]:focus-visible::before {
+  ._18gptim[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;
   }
-  .q4fo5c[data-selected] {
+  ._18gptim[data-selected] {
     background-color: var(--ax-colors-bg-accent-subtle);
   }
   @media (hover: hover) {
-    .q4fo5c:hover {
+    ._18gptim:hover {
       background-color: var(--ax-colors-bg-default-hovered);
     }
-    .q4fo5c[data-selected]:hover {
+    ._18gptim[data-selected]:hover {
       background-color: 
               color-mix(
                 in srgb,

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

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

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

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

package/dist/cjs/assets/src/tabs/{TabsTrigger.css.ts.vanilla-Bl0TKt3A.css → TabsTrigger.css.ts.vanilla-DW7yoUke.css}

@@ -1,37 +1,37 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  .wb3jc4 {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._171kgm {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  .wb3jc4:focus-visible {
+  ._171kgm:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  .wb3jc4[data-disabled] {
+  ._171kgm[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .wb3jc4[data-orientation="horizontal"] {
+  ._171kgm[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .wb3jc4[data-orientation="vertical"] {
+  ._171kgm[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .wb3jc4[data-state="active"] {
+  ._171kgm[data-state="active"] {
     border-color: var(--ax-colors-fg-default);
     color: var(--ax-colors-fg-default);
   }
-  ._15lfy6n:active ._1fw35d5 {
+  .ampbji:active ._6cxtcd {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    .wb3jc4:hover:not([data-state="active"]) {
+    ._171kgm: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-BypfgEKb.css → cjs/assets/src/text/Text.css.ts.vanilla-CwAsOVK4.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  ._6ev2au {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  .acdeix {
     text-overflow: ellipsis;
   }
-  ._10ovaxy {
+  ._17kn6o1 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .bm6bw7 {
+  ._1snpcgn {
     -webkit-line-clamp: 1;
   }
-  .yr2wyf {
+  ._1m8mmsm {
     -webkit-line-clamp: 2;
   }
-  .xvygxg {
+  .djjhnj {
     -webkit-line-clamp: 3;
   }
-  .wbj2wk {
+  .xos07k {
     -webkit-line-clamp: 4;
   }
 }

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

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

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

@@ -0,0 +1,44 @@
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  .pguydf {
+    max-height: calc(16px + var(--_9xtyn) * 22px);
+  }
+  ._17cix6u {
+    --_9xtyn: 1;
+  }
+  .sb954l {
+    --_9xtyn: 2;
+  }
+  ._1gw02ol {
+    --_9xtyn: 3;
+  }
+  .fb95mk {
+    --_9xtyn: 4;
+  }
+  .ciiox {
+    --_9xtyn: 5;
+  }
+  .k12buq {
+    resize: vertical;
+  }
+  .k12buq::after {
+    content: "";
+    bottom: 0;
+    display: block;
+    height: 16px;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    width: 16px;
+  }
+  .pbtndy {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._1dmnyqi {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._12tr6z6 {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,104 @@
+@keyframes _5opdti {
+  from {
+    opacity: 0;
+    translate: 
+    var(--tw566p, 0)
+    var(--_1x7e3il, 0)
+  ;
+  }
+}
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._1c8t62e {
+    --_1q14cbt: 0;
+    --l050gq: 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(--_1q14cbt) var(--l050gq);
+  }
+  ._1c8t62e::after {
+    bottom: -16px;
+  }
+  ._1c8t62e::after, ._1c8t62e::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  ._1c8t62e::before {
+    top: -16px;
+  }
+  ._1c8t62e:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._1c8t62e[data-state="closed"] {
+    opacity: 0;
+  }
+  ._1c8t62e[data-state="closed"] ~ ._1c8t62e {
+    transition-property: opacity, translate;
+  }
+  ._1c8t62e[data-state="open"] {
+    animation-name: _5opdti;
+  }
+  ._1c8t62e[data-swipe-direction="down"] {
+    --_1x7e3il: calc(100% + 24px);
+  }
+  ._1c8t62e[data-swipe-direction="left"] {
+    --tw566p: calc(-100% - 24px);
+  }
+  ._1c8t62e[data-swipe-direction="right"] {
+    --tw566p: calc(100% + 24px);
+  }
+  ._1c8t62e[data-swipe-direction="up"] {
+    --_1x7e3il: calc(-100% - 24px);
+  }
+  ._1c8t62e[data-swipe="end"] {
+    --_1q14cbt: var(--tw566p, 0);
+    --l050gq: var(--_1x7e3il, 0);
+    transition-property: opacity, translate;
+  }
+  ._1c8t62e[data-swipe="move"] {
+    --_1q14cbt: var(--radix-toast-swipe-move-x);
+    --l050gq: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] ._1c8t62e:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._1c8t62e[data-state="closed"] ~ ._1c8t62e {
+    --l050gq: var(--tgqpjg);
+  }
+  [data-position^="top"] ._1c8t62e:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._1c8t62e[data-state="closed"] ~ ._1c8t62e {
+    --l050gq: calc(-1 * var(--tgqpjg));
+  }
+  ._1quy8rv {
+    --_18nl25r: var(--ax-colors-fg-error-light);
+  }
+  .uofqqy {
+    --_18nl25r: var(--ax-colors-fg-information-light);
+  }
+  ._4ahg3u {
+    --_18nl25r: var(--ax-colors-fg-default-inverse);
+  }
+  ._1rczko0 {
+    --_18nl25r: var(--ax-colors-fg-success-light);
+  }
+  ._11x7emr {
+    --_18nl25r: var(--ax-colors-fg-warning-light);
+  }
+  ._1nr58r1 {
+    color: var(--_18nl25r);
+  }
+  ._17m2ssn a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,36 +1,36 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  ._1prf80q {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  ._858np9 {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._13vwpp0 {
+  ._1hmolxi {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .cpb3eb {
+  ._185awo4 {
     bottom: 0;
     left: 0;
   }
-  .m466dg {
+  .mg1lw4 {
     bottom: 0;
     right: 0;
   }
-  .aonpcc {
+  .ybk2is {
     left: 50%;
     margin-top: 40px;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1hp8gik {
+  ._1q99lzx {
     left: 0;
     margin-top: 40px;
     top: 0;
   }
-  .thc67o {
+  ._1iiexzb {
     margin-top: 40px;
     right: 0;
     top: 0;

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

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

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

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

package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-86-xoHSJ.css

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

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

@@ -1,35 +1,35 @@
-@layer optiaxiom.sxo7zf;
-@layer optiaxiom.sxo7zf {
-  .v8q7xu {
+@layer optiaxiom.frggve;
+@layer optiaxiom.frggve {
+  .m2pn9j {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, scale, transform;
     transition-timing-function: ease;
   }
-  .v8q7xu[data-transition-fade] {
+  .m2pn9j[data-transition-fade] {
     opacity: 0;
   }
-  .v8q7xu[data-transition-pop] {
+  .m2pn9j[data-transition-pop] {
     scale: 0.95;
   }
-  .v8q7xu[data-transition-translate][data-side="bottom"] {
+  .m2pn9j[data-transition-translate][data-side="bottom"] {
     transform: translateY(-8px);
   }
-  .v8q7xu[data-transition-translate][data-side="left"] {
+  .m2pn9j[data-transition-translate][data-side="left"] {
     transform: translateX(8px);
   }
-  .v8q7xu[data-transition-translate][data-side="right"] {
+  .m2pn9j[data-transition-translate][data-side="right"] {
     transform: translateX(-8px);
   }
-  .v8q7xu[data-transition-translate][data-side="top"] {
+  .m2pn9j[data-transition-translate][data-side="top"] {
     transform: translateY(8px);
   }
-  .s8hojj {
+  .acriwz {
     transition-duration: var(--ax-duration-sm);
   }
-  ._5lzvcc {
+  .wda5ng {
     transition-duration: var(--ax-duration-md);
   }
-  ._19dt6jl {
+  .qa5evf {
     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.sxo7zf";
-var reset = "optiaxiom._11bicz8";
+var components = "optiaxiom.frggve";
+var reset = "optiaxiom._1mz0s4u";
 var theme$1 = "optiaxiom.theme";
 //#endregion
 //#region src/vanilla-extract/recipeRuntime.ts