@optiaxiom/react 1.9.17 → 1.9.19

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

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

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

@@ -0,0 +1,45 @@
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .n8rb20 {
+    --_1chso20: var(--ax-colors-bg-tertiary);
+  }
+  ._191opyp {
+    background-color: var(--_1chso20);
+    position: relative;
+  }
+  ._18gu0fp {
+    background-color: var(--ax-colors-bg-default);
+    height: var(--qfg9ox);
+    transform: translateX(-10px);
+    width: var(--qfg9ox);
+  }
+  .cy9qzu:active ._18gu0fp {
+    width: calc(var(--qfg9ox) * 1.25);
+  }
+  .cy9qzu:active:has(._1hk4lgm:checked) ._18gu0fp {
+    margin-left: calc(var(--qfg9ox) * -0.25);
+  }
+  .cy9qzu:active:has(._1hk4lgm:not(:checked)) ._18gu0fp {
+    margin-right: calc(var(--qfg9ox) * -0.25);
+  }
+  .cy9qzu:has(._1hk4lgm:checked) ._18gu0fp {
+    transform: translateX(10px);
+  }
+  .cy9qzu:has(._1hk4lgm:disabled) ._18gu0fp {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .cy9qzu:has(._1hk4lgm:not(:disabled)) ._18gu0fp {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  .a1ncnv {
+    --qfg9ox: var(--ax-size-2xs);
+  }
+  .pl3ggx {
+    --qfg9ox: var(--ax-size-xs);
+  }
+  @media (hover: hover) {
+    .n8rb20:has(._1hk4lgm:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1chso20: var(--ax-colors-bg-tertiary-hovered);
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  ._1s6iq3h {
+    caption-side: bottom;
+  }
+  ._1w4o47j {
+    height: 1px;
+  }
+  .c0t4ex {
+    isolation: isolate;
+  }
+  ._1o4978s {
+    position: relative;
+  }
+  ._1o4978s:focus-visible {
+    outline: none;
+  }
+}

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

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

package/dist/{esm/assets/src/table/TableCell.css.ts.vanilla-CnGtGc7a.css → cjs/assets/src/table/TableCell.css.ts.vanilla-D_IzblEV.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1tvg4y9 {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  ._45h76g {
     vertical-align: top;
     word-break: break-word;
   }
-  ._1ee8wr3:not(:first-child) ._1tvg4y9 {
+  .vl8l53:not(:first-child) ._45h76g {
     border-top-width: 1px;
   }
-  .s9y3x1 {
+  ._1iquwrr {
     position: relative;
   }
-  .thwu2y {
+  ._1axbc4r {
     position: sticky;
     z-index: 10;
   }

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

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

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

@@ -1,16 +1,16 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  .mjeacr {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .rykmxx {
     text-align: start;
   }
-  ._1bj2d0w {
+  ._90x3o9 {
     position: relative;
   }
-  ._1d8aysn {
+  .ww7cdd {
     position: sticky;
     z-index: 10;
   }
-  .u2h0a9 {
+  ._8csygm {
     box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
   }
 }

package/dist/{esm/assets/src/table/TableRow.css.ts.vanilla-BNH2hy-q.css → cjs/assets/src/table/TableRow.css.ts.vanilla-DzMGQgJe.css}

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

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

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

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

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

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

@@ -1,37 +1,37 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1ddmyi1 {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  ._1lhvqpv {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1ddmyi1:focus-visible {
+  ._1lhvqpv:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1ddmyi1[data-disabled] {
+  ._1lhvqpv[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1ddmyi1[data-orientation="horizontal"] {
+  ._1lhvqpv[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._1ddmyi1[data-orientation="vertical"] {
+  ._1lhvqpv[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._1ddmyi1[data-state="active"] {
+  ._1lhvqpv[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._1m9n83m:active .ag0aim {
+  .z5i844:active .b9irai {
     background-color: var(--ax-colors-bg-secondary);
   }
   @media (hover: hover) {
-    ._1ddmyi1:hover:not([data-state="active"]) {
+    ._1lhvqpv: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-93h-2qm4.css → cjs/assets/src/text/Text.css.ts.vanilla-dYp4fwPW.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  .qg4ihe {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  ._1iobh5p {
     text-overflow: ellipsis;
   }
-  .jjadiw {
+  .fnqwod {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1ahw58q {
+  ._1ghk0f5 {
     -webkit-line-clamp: 1;
   }
-  ._1ctwmxs {
+  .yqq74h {
     -webkit-line-clamp: 2;
   }
-  ._1ox1osp {
+  .f5iisc {
     -webkit-line-clamp: 3;
   }
-  .sy8que {
+  ._1659fj8 {
     -webkit-line-clamp: 4;
   }
 }

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

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

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

@@ -0,0 +1,44 @@
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .s6mfs0 {
+    max-height: calc(16px + var(--_142rdlo) * 22px);
+  }
+  ._17osmkm {
+    --_142rdlo: 1;
+  }
+  .s54bsd {
+    --_142rdlo: 2;
+  }
+  ._1e42jj8 {
+    --_142rdlo: 3;
+  }
+  .jlww34 {
+    --_142rdlo: 4;
+  }
+  .wmsxiu {
+    --_142rdlo: 5;
+  }
+  ._1413272 {
+    resize: vertical;
+  }
+  ._1413272::after {
+    content: "";
+    bottom: 0;
+    display: block;
+    height: 16px;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    width: 16px;
+  }
+  ._5novau {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._1edkbdn {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1wa07aa {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,104 @@
+@keyframes _6r6zeu {
+  from {
+    opacity: 0;
+    translate: 
+    var(--_1cnqb28, 0)
+    var(--_1nrpwcg, 0)
+  ;
+  }
+}
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .k0brr0 {
+    --d5wc31: 0;
+    --_1hcmrt: 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(--d5wc31) var(--_1hcmrt);
+  }
+  .k0brr0::after {
+    bottom: -16px;
+  }
+  .k0brr0::after, .k0brr0::before {
+    content: "";
+    height: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  .k0brr0::before {
+    top: -16px;
+  }
+  .k0brr0:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .k0brr0[data-state="closed"] {
+    opacity: 0;
+  }
+  .k0brr0[data-state="closed"] ~ .k0brr0 {
+    transition-property: opacity, translate;
+  }
+  .k0brr0[data-state="open"] {
+    animation-name: _6r6zeu;
+  }
+  .k0brr0[data-swipe-direction="down"] {
+    --_1nrpwcg: calc(100% + 24px);
+  }
+  .k0brr0[data-swipe-direction="left"] {
+    --_1cnqb28: calc(-100% - 24px);
+  }
+  .k0brr0[data-swipe-direction="right"] {
+    --_1cnqb28: calc(100% + 24px);
+  }
+  .k0brr0[data-swipe-direction="up"] {
+    --_1nrpwcg: calc(-100% - 24px);
+  }
+  .k0brr0[data-swipe="end"] {
+    --d5wc31: var(--_1cnqb28, 0);
+    --_1hcmrt: var(--_1nrpwcg, 0);
+    transition-property: opacity, translate;
+  }
+  .k0brr0[data-swipe="move"] {
+    --d5wc31: var(--radix-toast-swipe-move-x);
+    --_1hcmrt: var(--radix-toast-swipe-move-y);
+  }
+  [data-position^="bottom"] .k0brr0:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .k0brr0[data-state="closed"] ~ .k0brr0 {
+    --_1hcmrt: var(--_12uuf60);
+  }
+  [data-position^="top"] .k0brr0:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .k0brr0[data-state="closed"] ~ .k0brr0 {
+    --_1hcmrt: calc(-1 * var(--_12uuf60));
+  }
+  .aq0xbp {
+    --_15pj5y8: var(--ax-colors-fg-error-light);
+  }
+  .m89i85 {
+    --_15pj5y8: var(--ax-colors-fg-information-light);
+  }
+  ._19s2rah {
+    --_15pj5y8: var(--ax-colors-fg-default-inverse);
+  }
+  ._2a6fjv {
+    --_15pj5y8: var(--ax-colors-fg-success-light);
+  }
+  ._1pmtdev {
+    --_15pj5y8: var(--ax-colors-fg-warning-light);
+  }
+  .fjbfvm {
+    color: var(--_15pj5y8);
+  }
+  .mv1nad a {
+    color: var(--ax-colors-fg-link-inverse);
+    text-decoration: underline;
+  }
+}

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

@@ -1,36 +1,36 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1v14rkl {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .poepic {
     outline: none;
     pointer-events: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._814d36 {
+  .s2ayo5 {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  .yunk2v {
+  .b7om0q {
     bottom: 0;
     left: 0;
   }
-  ._3yxewd {
+  ._8l7yl5 {
     bottom: 0;
     right: 0;
   }
-  ._1niim43 {
+  ._1dfkdoe {
     left: 50%;
     margin-top: 40px;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1ojahg5 {
+  ._707t53 {
     left: 0;
     margin-top: 40px;
     top: 0;
   }
-  ._1rdxvmf {
+  ._1rby6vg {
     margin-top: 40px;
     right: 0;
     top: 0;

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

@@ -0,0 +1,25 @@
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  ._1eh12z1 {
+    --_1chso20: var(--ax-colors-border-control);
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  ._1eh12z1:has(._1jqlgvn:is(:checked, [type=checkbox]:indeterminate)) {
+    --_1chso20: var(--ax-colors-bg-accent);
+  }
+  ._1eh12z1:has(._1jqlgvn:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1eh12z1:not(:has(._1jqlgvn:disabled)) {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    ._1eh12z1:has(._1jqlgvn:not(:disabled):is(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1chso20: var(--ax-colors-bg-accent-hovered);
+    }
+    ._1eh12z1:has(._1jqlgvn:not(:disabled):not(:checked, [type=checkbox]:indeterminate)):hover {
+      --_1chso20: var(--ax-colors-border-control-hovered);
+    }
+  }
+}

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

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

package/dist/{esm/assets/src/transition/Transition.css.ts.vanilla-DXOiDYrm.css → cjs/assets/src/transition/Transition.css.ts.vanilla-BDBOMo3F.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1k3e8xb {
+@layer optiaxiom._1qll070;
+@layer optiaxiom._1qll070 {
+  .gvfa0e {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, scale, transform;
     transition-timing-function: ease;
   }
-  ._1k3e8xb[data-transition-fade] {
+  .gvfa0e[data-transition-fade] {
     opacity: 0;
   }
-  ._1k3e8xb[data-transition-pop] {
+  .gvfa0e[data-transition-pop] {
     scale: 0.95;
   }
-  ._1k3e8xb[data-transition-translate][data-side="bottom"] {
+  .gvfa0e[data-transition-translate][data-side="bottom"] {
     transform: translateY(-8px);
   }
-  ._1k3e8xb[data-transition-translate][data-side="left"] {
+  .gvfa0e[data-transition-translate][data-side="left"] {
     transform: translateX(8px);
   }
-  ._1k3e8xb[data-transition-translate][data-side="right"] {
+  .gvfa0e[data-transition-translate][data-side="right"] {
     transform: translateX(-8px);
   }
-  ._1k3e8xb[data-transition-translate][data-side="top"] {
+  .gvfa0e[data-transition-translate][data-side="top"] {
     transform: translateY(8px);
   }
-  .yu3kpm {
+  ._1t0xwr1 {
     transition-duration: var(--ax-duration-sm);
   }
-  ._1rsrcb8 {
+  ._1dikrrd {
     transition-duration: var(--ax-duration-md);
   }
-  ._1vzq91n {
+  .zh16e1 {
     transition-duration: var(--ax-duration-lg);
   }
 }

package/dist/cjs/css-runtime.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var globals = require('@optiaxiom/globals');
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom._1qll070';
+var reset = 'optiaxiom.n203m7';
+var theme = 'optiaxiom.theme';
+
+var layers_css = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  axiom: axiom,
+  base: base,
+  components: components,
+  reset: reset,
+  theme: theme
+});
+
+const recipeRuntime = ({
+  base = {},
+  variants,
+  variantsCompounded = []
+}) => {
+  return (props, className) => {
+    const selections = props ?? {};
+    const classNames = className ? [className] : [];
+    const sprinkleProps = {};
+    function process(rule) {
+      for (const item of Array.isArray(rule) ? rule : [rule]) {
+        if (typeof item === "string") {
+          classNames.push(item);
+        } else {
+          for (const [name, value] of Object.entries(item)) {
+            sprinkleProps[name] = value;
+          }
+        }
+      }
+    }
+    process(base);
+    for (const variantName in variants) {
+      if (selections[variantName] === null || selections[variantName] === void 0) {
+        continue;
+      }
+      const variant = variants[variantName];
+      const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
+      if (String(selection) in variant) {
+        process(variant[selection]);
+      }
+    }
+    for (const { style, variants: variants2 } of variantsCompounded) {
+      if (!shouldApplyCompound(variants2, selections)) {
+        continue;
+      }
+      process(style);
+    }
+    return {
+      ...sprinkleProps,
+      className: classNames.join(" ")
+    };
+  };
+};
+const shouldApplyCompound = (compoundCheck, selections) => {
+  for (const key of Object.keys(compoundCheck)) {
+    if (compoundCheck[key] !== void 0 && selections[key] !== void 0 && !(Array.isArray(compoundCheck[key]) ? compoundCheck[key] : [compoundCheck[key]]).includes(selections[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () { return globals.theme; }
+});
+Object.defineProperty(exports, "tokens", {
+  enumerable: true,
+  get: function () { return globals.tokens; }
+});
+exports.layers = layers_css;
+exports.recipe = recipeRuntime;