welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/Slider.css

@@ -1 +1 @@
-@layer components{._slider-root_4d202_2{display:flex;flex-direction:column;position:relative;width:100%}._range-root_4d202_8{width:100%;display:flex;flex-direction:column;position:relative}._input-wrapper_4d202_14{align-items:center;display:flex;gap:var(--spacing-sm);--inputTextWrapperWidth: 72px}._hint_4d202_20{margin-top:0}._slider-wrapper_4d202_23{display:flex;flex-direction:column;flex-grow:1;height:1.25rem;position:relative}._range-wrapper_4d202_30{position:relative;flex-grow:1}._tick-markers_4d202_34{height:24px;margin-left:10px;margin-right:10px;margin-top:5px;position:relative}._input-range-wrapper_4d202_41{height:1.25rem;padding-bottom:var(--spacing-sm);position:relative;padding-top:var(--spacing-sm);width:100%;--inputTextWrapperWidth: 72px}._input-range_4d202_41{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--spacing-xs);margin:auto 0}._input-range_4d202_41::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-90);border:var(--border-width-md) solid var(--color-neutral-10);border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem;transform:scale(1);border:var(--border-width-md) solid var(--borderColor, var(--color-neutral-10));transition:background-color var(--duration-medium),border-color var(--duration-medium),transform .1s ease-in-out}._input-range_4d202_41::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-90);border:var(--border-width-md) solid var(--color-neutral-10);border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem;transform:scale(1);border:var(--border-width-md) solid var(--borderColor, var(--color-neutral-10));transition:background-color var(--duration-medium),border-color var(--duration-medium),transform .1s ease-in-out}._input-range_4d202_41:active,._input-range_4d202_41:focus-visible{outline:none}._input-range_4d202_41:active::-webkit-slider-thumb,._input-range_4d202_41:focus-visible::-webkit-slider-thumb{transform:scale(1.2);outline:var(--border-width-md) solid var(--color-yellow-40)}._input-range_4d202_41:active::-moz-range-thumb,._input-range_4d202_41:focus-visible::-moz-range-thumb{transform:scale(1.2);outline:var(--border-width-md) solid var(--color-yellow-40)}._input-range_4d202_41:disabled{background-image:linear-gradient(var(--color-beige-60),var(--color-beige-60));cursor:not-allowed}._input-range_4d202_41:disabled::-webkit-slider-thumb{background-color:var(--color-beige-60);cursor:not-allowed}._input-range_4d202_41:disabled::-moz-range-thumb{background-color:var(--color-beige-60);cursor:not-allowed}._input-range_4d202_41:disabled:active::-webkit-slider-thumb{transform:none;outline:none}._input-range_4d202_41:disabled:active::-moz-range-thumb{transform:none;outline:none}._border-selector-secondary-blue_4d202_110{--borderColor: var(--color-secondary-blue)}._border-selector-secondary-green_4d202_113{--borderColor: var(--color-secondary-green)}._border-selector-secondary-orange_4d202_116{--borderColor: var(--color-secondary-orange)}._border-selector-secondary-pink_4d202_119{--borderColor: var(--color-secondary-pink)}._border-selector-secondary-teal_4d202_122{--borderColor: var(--color-secondary-teal)}._border-selector-secondary-violet_4d202_125{--borderColor: var(--color-secondary-violet)}._slider-input-range_4d202_128{background-color:var(--color-beige-40);background-image:linear-gradient(var(--color-yellow-40),var(--color-yellow-40));cursor:pointer;background-repeat:no-repeat;border-radius:0}._range-input-range_4d202_135{pointer-events:none;position:absolute;outline:none;z-index:1}._range-input-range_4d202_135::-webkit-slider-thumb{pointer-events:all;position:relative}._range-input-range_4d202_135::-moz-range-thumb{pointer-events:all;position:relative}._output_4d202_149{opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out;position:absolute;text-align:center;transform:translate(-50%,calc(-100% + -var(--spacing-xs)))}._output-visible_4d202_157{opacity:100;visibility:visible;transform:translate(-50%,calc(-100% + -var(--spacing-sm)))}._tooltip_4d202_162{background-color:var(--color-neutral-90);border:var(--border-width-sm) solid var(--color-neutral-70);color:var(--color-neutral-10);flex:1 1 auto;margin:auto;min-width:var(--spacing-xxs);padding:var(--spacing-xs) var(--spacing-sm)}._thick_4d202_171{position:absolute;flex-direction:column}._thick_4d202_171:before{content:"";position:absolute;background-color:var(--color-neutral-30);height:6px;width:1px}._thick-label_4d202_182{position:absolute;top:0;transform:translate(-50%,50%);white-space:nowrap}._range-track_4d202_188{position:absolute;width:100%;height:var(--spacing-xs);background-color:var(--color-beige-40)}._range_4d202_8{position:absolute;width:100%;height:var(--spacing-xs);background-color:var(--color-yellow-40)}._range-disabled_4d202_200{background-image:linear-gradient(var(--color-beige-60),var(--color-beige-60));cursor:not-allowed}}
+@layer components{._slider-root_6xzwz_2{display:flex;flex-direction:column;position:relative;width:100%}._range-root_6xzwz_8{width:100%;display:flex;flex-direction:column;position:relative}._input-wrapper_6xzwz_14{align-items:center;display:flex;gap:var(--border-radius-md);--inputTextWrapperWidth: 72px}._hint_6xzwz_20{margin-top:0}._slider-wrapper_6xzwz_23{display:flex;flex-direction:column;flex-grow:1;height:1.25rem;position:relative}._range-wrapper_6xzwz_30{position:relative;flex-grow:1}._tick-markers_6xzwz_34{height:24px;margin-left:10px;margin-right:10px;margin-top:5px;position:relative}._input-range-wrapper_6xzwz_41{height:1.25rem;padding-bottom:var(--border-radius-md);position:relative;padding-top:var(--border-radius-md);width:100%;--inputTextWrapperWidth: 72px}._input-range_6xzwz_41{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--border-radius-sm);margin:auto 0}._input-range_6xzwz_41::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background-neutral-primary-fixed);border:var(--border-width-sm) solid var(--color-background-neutral-inverse-fixed);border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem;transform:scale(1);border:var(--border-width-sm) solid var(--borderColor, var(--color-background-neutral-inverse-fixed));transition:background-color var(--duration-medium),border-color var(--duration-medium),transform .1s ease-in-out}._input-range_6xzwz_41::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background-neutral-primary-fixed);border:var(--border-width-sm) solid var(--color-background-neutral-inverse-fixed);border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem;transform:scale(1);border:var(--border-width-sm) solid var(--borderColor, var(--color-background-neutral-inverse-fixed));transition:background-color var(--duration-medium),border-color var(--duration-medium),transform .1s ease-in-out}._input-range_6xzwz_41:active,._input-range_6xzwz_41:focus-visible{outline:none}._input-range_6xzwz_41:active::-webkit-slider-thumb,._input-range_6xzwz_41:focus-visible::-webkit-slider-thumb{transform:scale(1.2);outline:var(--border-width-sm) solid var(--color-background-brand-primary)}._input-range_6xzwz_41:active::-moz-range-thumb,._input-range_6xzwz_41:focus-visible::-moz-range-thumb{transform:scale(1.2);outline:var(--border-width-sm) solid var(--color-background-brand-primary)}._input-range_6xzwz_41:disabled{background-image:linear-gradient(var(--color-border-warm-primary),var(--color-border-warm-primary));cursor:not-allowed}._input-range_6xzwz_41:disabled::-webkit-slider-thumb{background-color:var(--color-border-warm-primary);cursor:not-allowed}._input-range_6xzwz_41:disabled::-moz-range-thumb{background-color:var(--color-border-warm-primary);cursor:not-allowed}._input-range_6xzwz_41:disabled:active::-webkit-slider-thumb{transform:none;outline:none}._input-range_6xzwz_41:disabled:active::-moz-range-thumb{transform:none;outline:none}._border-selector-secondary-blue_6xzwz_110{--borderColor: var(--color-background-accent-blue-primary)}._border-selector-secondary-green_6xzwz_113{--borderColor: var(--color-background-accent-green-primary)}._border-selector-secondary-orange_6xzwz_116{--borderColor: var(--color-background-accent-orange-primary)}._border-selector-secondary-pink_6xzwz_119{--borderColor: var(--color-background-accent-pink-primary)}._border-selector-secondary-teal_6xzwz_122{--borderColor: var(--color-background-accent-teal-primary)}._border-selector-secondary-violet_6xzwz_125{--borderColor: var(--color-background-accent-violet-primary)}._slider-input-range_6xzwz_128{background-color:var(--color-background-warm-stronger);background-image:linear-gradient(var(--color-background-brand-primary),var(--color-background-brand-primary));cursor:pointer;background-repeat:no-repeat;border-radius:0}._range-input-range_6xzwz_135{pointer-events:none;position:absolute;outline:none;z-index:1}._range-input-range_6xzwz_135::-webkit-slider-thumb{pointer-events:all;position:relative}._range-input-range_6xzwz_135::-moz-range-thumb{pointer-events:all;position:relative}._output_6xzwz_149{opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out;position:absolute;text-align:center;transform:translate(-50%,calc(-100% + -var(--border-radius-sm)))}._output-visible_6xzwz_157{opacity:100;visibility:visible;transform:translate(-50%,calc(-100% + -var(--border-radius-md)))}._tooltip_6xzwz_162{background-color:var(--color-background-neutral-primary-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-tertiary);color:var(--color-background-neutral-inverse-fixed);flex:1 1 auto;margin:auto;min-width:var(--border-radius-xs);padding:var(--border-radius-sm) var(--border-radius-md)}._thick_6xzwz_171{position:absolute;flex-direction:column}._thick_6xzwz_171:before{content:"";position:absolute;background-color:var(--color-background-neutral-subtlest);height:6px;width:1px}._thick-label_6xzwz_182{position:absolute;top:0;transform:translate(-50%,50%);white-space:nowrap}._range-track_6xzwz_188{position:absolute;width:100%;height:var(--border-radius-sm);background-color:var(--color-background-warm-stronger)}._range_6xzwz_8{position:absolute;width:100%;height:var(--border-radius-sm);background-color:var(--color-background-brand-primary)}._range-disabled_6xzwz_200{background-image:linear-gradient(var(--color-border-warm-primary),var(--color-border-warm-primary));cursor:not-allowed}}

package/dist/Slider.js

@@ -1,77 +1,77 @@
 "use client";
-import { jsxs as R, jsx as l, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as Y, useState as D, useRef as A, useCallback as Z, useEffect as U, useId as ee } from "react";
+import { jsxs as D, jsx as l, Fragment as ie } from "react/jsx-runtime";
+import { forwardRef as Y, useState as $, useRef as S, useCallback as Z, useEffect as U, useId as ee } from "react";
 import { Hint as H } from "./Hint.js";
 import { InputText as O } from "./InputText.js";
 import { Text as re } from "./Text.js";
 import { c as ne } from "./index-CdiHdiVB.js";
-const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162", ue = "_thick_4d202_171", de = "_range_4d202_8", te = {
-  "slider-root": "_slider-root_4d202_2",
-  "range-root": "_range-root_4d202_8",
-  "input-wrapper": "_input-wrapper_4d202_14",
+const oe = "_hint_6xzwz_20", se = "_output_6xzwz_149", ce = "_tooltip_6xzwz_162", ue = "_thick_6xzwz_171", de = "_range_6xzwz_8", te = {
+  "slider-root": "_slider-root_6xzwz_2",
+  "range-root": "_range-root_6xzwz_8",
+  "input-wrapper": "_input-wrapper_6xzwz_14",
   hint: oe,
-  "slider-wrapper": "_slider-wrapper_4d202_23",
-  "range-wrapper": "_range-wrapper_4d202_30",
-  "tick-markers": "_tick-markers_4d202_34",
-  "input-range-wrapper": "_input-range-wrapper_4d202_41",
-  "input-range": "_input-range_4d202_41",
-  "border-selector-secondary-blue": "_border-selector-secondary-blue_4d202_110",
-  "border-selector-secondary-green": "_border-selector-secondary-green_4d202_113",
-  "border-selector-secondary-orange": "_border-selector-secondary-orange_4d202_116",
-  "border-selector-secondary-pink": "_border-selector-secondary-pink_4d202_119",
-  "border-selector-secondary-teal": "_border-selector-secondary-teal_4d202_122",
-  "border-selector-secondary-violet": "_border-selector-secondary-violet_4d202_125",
-  "slider-input-range": "_slider-input-range_4d202_128",
-  "range-input-range": "_range-input-range_4d202_135",
+  "slider-wrapper": "_slider-wrapper_6xzwz_23",
+  "range-wrapper": "_range-wrapper_6xzwz_30",
+  "tick-markers": "_tick-markers_6xzwz_34",
+  "input-range-wrapper": "_input-range-wrapper_6xzwz_41",
+  "input-range": "_input-range_6xzwz_41",
+  "border-selector-secondary-blue": "_border-selector-secondary-blue_6xzwz_110",
+  "border-selector-secondary-green": "_border-selector-secondary-green_6xzwz_113",
+  "border-selector-secondary-orange": "_border-selector-secondary-orange_6xzwz_116",
+  "border-selector-secondary-pink": "_border-selector-secondary-pink_6xzwz_119",
+  "border-selector-secondary-teal": "_border-selector-secondary-teal_6xzwz_122",
+  "border-selector-secondary-violet": "_border-selector-secondary-violet_6xzwz_125",
+  "slider-input-range": "_slider-input-range_6xzwz_128",
+  "range-input-range": "_range-input-range_6xzwz_135",
   output: se,
-  "output-visible": "_output-visible_4d202_157",
+  "output-visible": "_output-visible_6xzwz_157",
   tooltip: ce,
   thick: ue,
-  "thick-label": "_thick-label_4d202_182",
-  "range-track": "_range-track_4d202_188",
+  "thick-label": "_thick-label_6xzwz_182",
+  "range-track": "_range-track_6xzwz_188",
   range: de,
-  "range-disabled": "_range-disabled_4d202_200"
+  "range-disabled": "_range-disabled_6xzwz_200"
 }, X = 20, g = ne(te), P = ({
   min: d,
   step: _,
   toCompare: p,
-  value: k
+  value: x
 }) => {
-  let h = Math.min(k, p - 1 * _);
+  let h = Math.min(x, p - 1 * _);
   return h = Math.max(h, d), q(h, _);
 }, T = ({
   max: d,
   step: _,
   toCompare: p,
-  value: k
+  value: x
 }) => {
-  let h = Math.max(k, p + 1 * _);
+  let h = Math.max(x, p + 1 * _);
   return h = Math.min(h, d), q(h, _);
 }, fe = Y(
   ({
     borderSelectorColor: d,
     className: _,
     disabled: p,
-    hint: k,
+    hint: x,
     label: h,
     max: a,
     min: t,
-    onChange: v,
+    onChange: w,
     step: i = 1,
-    tooltip: M,
+    tooltip: b,
     type: m,
     value: f,
     values: B,
     ...W
   }, G) => {
-    const [o, V] = D(t), [s, x] = D(a), [K, N] = D(t), [y, b] = D(a), z = A(null), E = A(null), $ = A(null), C = A(null), L = A(null), [S, j] = D(!1), [n, c] = D(!1), ae = (e) => {
+    const [o, k] = $(t), [s, I] = $(a), [R, z] = $(t), [v, N] = $(a), A = S(null), E = S(null), M = S(null), K = S(null), L = S(null), [C, j] = $(!1), [n, c] = $(!1), ae = (e) => {
       const r = P({
         min: t,
         step: i,
         toCompare: s,
         value: parseInt(e.target.value, 10)
       });
-      N(r), V(r), e.target.value = r.toString();
+      z(r), k(r), e.target.value = r.toString();
     }, le = (e) => {
       const r = T({
         max: a,
@@ -79,17 +79,17 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
         toCompare: o,
         value: parseInt(e.target.value, 10)
       });
-      b(r), x(r), e.target.value = r.toString();
+      N(r), I(r), e.target.value = r.toString();
     }, Q = (e, r) => {
       if (e.preventDefault(), r === "min") {
         let u = o;
-        e.key === "ArrowRight" && (u = P({ min: t, step: i, toCompare: s, value: u + i })), e.key === "ArrowLeft" && (u = P({ min: t, step: i, toCompare: s, value: u - i })), N(u), V(u), v({ max: s, min: u });
+        e.key === "ArrowRight" && (u = P({ min: t, step: i, toCompare: s, value: u + i })), e.key === "ArrowLeft" && (u = P({ min: t, step: i, toCompare: s, value: u - i })), z(u), k(u), w({ max: s, min: u });
       }
       if (r === "max") {
         let u = s;
-        e.key === "ArrowRight" && (u = T({ max: a, step: i, toCompare: o, value: u + i })), e.key === "ArrowLeft" && (u = T({ max: a, step: i, toCompare: o, value: u - i })), b(u), x(u), v({ max: u, min: o });
+        e.key === "ArrowRight" && (u = T({ max: a, step: i, toCompare: o, value: u + i })), e.key === "ArrowLeft" && (u = T({ max: a, step: i, toCompare: o, value: u - i })), N(u), I(u), w({ max: u, min: o });
       }
-    }, I = Z(
+    }, V = Z(
       (e) => {
         const r = Math.round((e - t) / (a - t) * 100);
         return r < 0 ? 0 : r > 100 ? 100 : r;
@@ -98,37 +98,37 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
     );
     U(() => {
       if (E.current) {
-        const e = I(o), r = I(parseInt(E.current.value, 10));
-        $.current && ($.current.style.left = `${e}%`, $.current.style.width = `${r - e}%`);
+        const e = V(o), r = V(parseInt(E.current.value, 10));
+        M.current && (M.current.style.left = `${e}%`, M.current.style.width = `${r - e}%`);
       }
-    }, [o, I]), U(() => {
-      if (z.current) {
-        const e = I(parseInt(z.current.value, 10)), r = I(s);
-        if ($.current && ($.current.style.width = `${r - e}%`), C.current) {
-          const u = I(o) / 100;
-          C.current.style.left = `calc(${u * 100}% + ${(0.5 - u) * X}px)`;
+    }, [o, V]), U(() => {
+      if (A.current) {
+        const e = V(parseInt(A.current.value, 10)), r = V(s);
+        if (M.current && (M.current.style.width = `${r - e}%`), K.current) {
+          const u = V(o) / 100;
+          K.current.style.left = `calc(${u * 100}% + ${(0.5 - u) * X}px)`;
         }
         if (L.current) {
-          const u = I(s) / 100;
+          const u = V(s) / 100;
           L.current.style.left = `calc(${u * 100}% + ${(0.5 - u) * X}px)`;
         }
       }
-    }, [o, s, I]), U(() => {
+    }, [o, s, V]), U(() => {
       if (f) {
         if (!isNaN(f.min) && f.min !== o) {
           const e = P({ min: t, step: i, toCompare: s, value: f.min || t });
-          V(e), N(e);
+          k(e), z(e);
         }
         if (!isNaN(f.max) && f.max !== s) {
           const e = T({ max: a, step: i, toCompare: o, value: f.max || a });
-          x(e), b(e);
+          I(e), N(e);
         }
       }
     }, [f]);
     const J = ee();
-    return /* @__PURE__ */ R("div", { className: g("range-root", _), ref: G, children: [
-      h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: `${J}-min`, variant: "sm", children: h }) : null,
-      /* @__PURE__ */ R("div", { className: g("input-wrapper"), children: [
+    return /* @__PURE__ */ D("div", { className: g("range-root", _), ref: G, children: [
+      h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: `${J}-min`, variant: "body-md", children: h }) : null,
+      /* @__PURE__ */ D("div", { className: g("input-wrapper"), children: [
         (m === "inline" || m === "fields") && (m === "fields" ? /* @__PURE__ */ l(
           O,
           {
@@ -140,13 +140,13 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                 min: t,
                 step: i,
                 toCompare: s,
-                value: K
+                value: R
               });
-              N(e), V(e), v({ max: s, min: e });
+              z(e), k(e), w({ max: s, min: e });
             },
             onChange: (e) => {
               let r = parseInt(e.target.value, 10);
-              isNaN(r) && (r = 0), N(r);
+              isNaN(r) && (r = 0), z(r);
             },
             onKeyDown: (e) => {
               if (e.key === "Enter") {
@@ -154,23 +154,23 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                   min: t,
                   step: i,
                   toCompare: s,
-                  value: K
+                  value: R
                 });
-                N(r), V(r), v({ max: s, min: r });
+                z(r), k(r), w({ max: s, min: r });
               }
             },
-            size: "sm",
+            size: "md",
             type: "number",
-            value: K.toString()
+            value: R.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: t })),
-        /* @__PURE__ */ R("div", { className: g("range-wrapper"), children: [
-          M ? /* @__PURE__ */ R(ie, { children: [
+        /* @__PURE__ */ D("div", { className: g("range-wrapper"), children: [
+          b ? /* @__PURE__ */ D(ie, { children: [
             /* @__PURE__ */ l(
               "output",
               {
-                className: g("output", S && "output-visible"),
-                ref: C,
+                className: g("output", C && "output-visible"),
+                ref: K,
                 children: /* @__PURE__ */ l("div", { children: o })
               }
             ),
@@ -183,7 +183,7 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
               }
             )
           ] }) : null,
-          /* @__PURE__ */ R("div", { className: g("input-range-wrapper"), children: [
+          /* @__PURE__ */ D("div", { className: g("input-range-wrapper"), children: [
             /* @__PURE__ */ l(
               "input",
               {
@@ -200,12 +200,12 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                 onChange: ae,
                 onKeyDown: (e) => Q(e, "min"),
                 onMouseDown: () => {
-                  M && S === !1 && j(!0);
+                  b && C === !1 && j(!0);
                 },
                 onMouseUp: () => {
-                  v({ max: s, min: o }), M && j(!1);
+                  w({ max: s, min: o }), b && j(!1);
                 },
-                ref: z,
+                ref: A,
                 step: i,
                 type: "range",
                 value: o
@@ -227,10 +227,10 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                 onChange: le,
                 onKeyDown: (e) => Q(e, "max"),
                 onMouseDown: () => {
-                  M && n === !1 && c(!0);
+                  b && n === !1 && c(!0);
                 },
                 onMouseUp: () => {
-                  v({ max: s, min: o }), M && c(!1);
+                  w({ max: s, min: o }), b && c(!1);
                 },
                 ref: E,
                 step: i,
@@ -239,13 +239,13 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
               }
             ),
             /* @__PURE__ */ l("div", { className: g("range-track") }),
-            /* @__PURE__ */ l("div", { className: g("range", p && "range-disabled"), ref: $ })
+            /* @__PURE__ */ l("div", { className: g("range", p && "range-disabled"), ref: M })
           ] }),
           B ? /* @__PURE__ */ l("div", { className: g("thicks-markers"), children: B.reduce((e, r) => e.includes(r) ? e : [...e, r], []).filter((e) => e >= t && e <= a).map((e, r) => /* @__PURE__ */ l(
             "div",
             {
               className: g("thick"),
-              style: { left: `${I(e)}%` },
+              style: { left: `${V(e)}%` },
               children: /* @__PURE__ */ l(H, { className: g("thick-label"), children: e })
             },
             `${e}-${r}`
@@ -262,13 +262,13 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                 max: a,
                 step: i,
                 toCompare: o,
-                value: y
+                value: v
               });
-              b(e), x(e), v({ max: e, min: o });
+              N(e), I(e), w({ max: e, min: o });
             },
             onChange: (e) => {
               let r = parseInt(e.target.value, 10);
-              isNaN(r) && (r = 0), b(r);
+              isNaN(r) && (r = 0), N(r);
             },
             onKeyDown: (e) => {
               if (e.key === "Enter") {
@@ -276,86 +276,86 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
                   max: a,
                   step: i,
                   toCompare: o,
-                  value: y
+                  value: v
                 });
-                b(r), x(r), v({ max: r, min: o });
+                N(r), I(r), w({ max: r, min: o });
               }
             },
-            size: "sm",
+            size: "md",
             type: "number",
-            value: y.toString()
+            value: v.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: a }))
       ] }),
-      k ? /* @__PURE__ */ l(H, { className: g("hint"), children: k }) : null
+      x ? /* @__PURE__ */ l(H, { className: g("hint"), children: x }) : null
     ] });
   }
-), pe = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, k) => (d = q(d, k), d < _ ? _ : d > p ? p : d), w = ne(te), _e = Y(
+), pe = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, x) => (d = q(d, x), d < _ ? _ : d > p ? p : d), y = ne(te), _e = Y(
   ({
     borderSelectorColor: d,
     className: _,
     disabled: p,
-    hint: k,
+    hint: x,
     label: h,
     max: a,
     min: t,
-    onChange: v,
+    onChange: w,
     step: i = 1,
-    tooltip: M,
+    tooltip: b,
     type: m,
     value: f,
     values: B,
     ...W
   }, G) => {
-    const o = A(null), V = A(null), [s, x] = D(!1), [K, N] = D(F(f, t, a, i)), [y, b] = D(F(f, t, a, i)), z = (n) => {
-      n = q(n, i), b(n);
+    const o = S(null), k = S(null), [s, I] = $(!1), [R, z] = $(F(f, t, a, i)), [v, N] = $(F(f, t, a, i)), A = (n) => {
+      n = q(n, i), N(n);
     }, E = (n) => {
       n.preventDefault();
-      let c = y;
-      n.key === "ArrowRight" && (c = F(c + i, t, a, i)), n.key === "ArrowLeft" && (c = F(c - i, t, a, i)), b(c), N(c), v(c);
-    }, $ = (n) => {
+      let c = v;
+      n.key === "ArrowRight" && (c = F(c + i, t, a, i)), n.key === "ArrowLeft" && (c = F(c - i, t, a, i)), N(c), z(c), w(c);
+    }, M = (n) => {
       let c = parseInt(n.target.value, 10);
-      isNaN(c) && (c = 0), N(c);
-    }, C = () => {
-      const n = F(K, t, a, i);
-      N(n), b(n), v(n);
+      isNaN(c) && (c = 0), z(c);
+    }, K = () => {
+      const n = F(R, t, a, i);
+      z(n), N(n), w(n);
     }, L = (n) => {
-      n.key === "Enter" && C();
-    }, S = Z(
+      n.key === "Enter" && K();
+    }, C = Z(
       (n) => Math.round((n - t) / (a - t) * 100),
       [t, a]
     );
     U(() => {
-      if (o.current && (o.current.style.backgroundSize = `${S(y)}% 100%`), V.current) {
-        const n = S(y) / 100;
-        V.current.style.left = `calc(${n * 100}% + ${(0.5 - n) * pe}px)`;
+      if (o.current && (o.current.style.backgroundSize = `${C(v)}% 100%`), k.current) {
+        const n = C(v) / 100;
+        k.current.style.left = `calc(${n * 100}% + ${(0.5 - n) * pe}px)`;
       }
-    }, [y, S]), U(() => {
-      !isNaN(f) && f !== y && f && (z(f), N(f));
+    }, [v, C]), U(() => {
+      !isNaN(f) && f !== v && f && (A(f), z(f));
     }, [f]);
     const j = ee();
-    return /* @__PURE__ */ R("div", { className: w("slider-root", _), ref: G, children: [
-      h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: j, variant: "sm", children: h }) : null,
-      /* @__PURE__ */ R("div", { className: w("input-wrapper"), children: [
+    return /* @__PURE__ */ D("div", { className: y("slider-root", _), ref: G, children: [
+      h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: j, variant: "body-md", children: h }) : null,
+      /* @__PURE__ */ D("div", { className: y("input-wrapper"), children: [
         (m === "inline" || m === "left-field") && (m === "left-field" ? /* @__PURE__ */ l(
           O,
           {
             disabled: p,
             max: a,
             min: t,
-            onBlur: C,
-            onChange: $,
+            onBlur: K,
+            onChange: M,
             onKeyDown: L,
-            size: "sm",
+            size: "md",
             type: "number",
-            value: K.toString()
+            value: R.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: t })),
-        /* @__PURE__ */ R("div", { className: w("slider-wrapper"), children: [
+        /* @__PURE__ */ D("div", { className: y("slider-wrapper"), children: [
           /* @__PURE__ */ l(
             "input",
             {
-              className: w(
+              className: y(
                 "input-range",
                 "slider-input-range",
                 d && `border-selector-${d}`
@@ -367,29 +367,29 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
               min: t,
               onChange: (n) => {
                 const c = parseInt(n.target.value, 10);
-                z(c), N(c);
+                A(c), z(c);
               },
               onKeyDown: E,
               onMouseDown: () => {
-                M && s === !1 && x(!0);
+                b && s === !1 && I(!0);
               },
               onMouseUp: () => {
-                v(y), M && x(!1);
+                w(v), b && I(!1);
               },
               ref: o,
               step: i,
               type: "range",
-              value: y,
+              value: v,
               ...W
             }
           ),
-          M ? /* @__PURE__ */ l("output", { className: w("output", s && "output-visible"), ref: V, children: /* @__PURE__ */ l("div", { className: w("tooltip"), children: y }) }) : null,
-          B ? /* @__PURE__ */ l("div", { className: w("thick-markers"), children: B.reduce((n, c) => n.includes(c) ? n : [...n, c], []).filter((n) => n >= t && n <= a).map((n, c) => /* @__PURE__ */ l(
+          b ? /* @__PURE__ */ l("output", { className: y("output", s && "output-visible"), ref: k, children: /* @__PURE__ */ l("div", { className: y("tooltip"), children: v }) }) : null,
+          B ? /* @__PURE__ */ l("div", { className: y("thick-markers"), children: B.reduce((n, c) => n.includes(c) ? n : [...n, c], []).filter((n) => n >= t && n <= a).map((n, c) => /* @__PURE__ */ l(
             "div",
             {
-              className: w("thick"),
-              style: { left: `${S(n)}%` },
-              children: /* @__PURE__ */ l(H, { className: w("thick-label"), children: n })
+              className: y("thick"),
+              style: { left: `${C(n)}%` },
+              children: /* @__PURE__ */ l(H, { className: y("thick-label"), children: n })
             },
             `${n}-${c}`
           )) }) : null
@@ -397,25 +397,25 @@ const oe = "_hint_4d202_20", se = "_output_4d202_149", ce = "_tooltip_4d202_162"
         (m === "inline" || m === "right-field") && (m === "right-field" ? /* @__PURE__ */ l(
           O,
           {
-            className: w("input-text"),
+            className: y("input-text"),
             disabled: p,
             max: a,
             min: t,
-            onBlur: C,
-            onChange: $,
+            onBlur: K,
+            onChange: M,
             onKeyDown: L,
-            size: "sm",
+            size: "md",
             type: "number",
-            value: K.toString()
+            value: R.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: a }))
       ] }),
-      k ? /* @__PURE__ */ l(H, { className: w("hint"), children: k }) : null
+      x ? /* @__PURE__ */ l(H, { className: y("hint"), children: x }) : null
     ] });
   }
-), ke = Object.assign(_e, { Range: fe });
+), xe = Object.assign(_e, { Range: fe });
 export {
-  ke as Slider,
+  xe as Slider,
   _e as SliderComponent,
   F as ensureMinMax,
   q as round,

package/dist/Stepper.css

@@ -0,0 +1 @@
+@layer components{._root_1wnun_2{display:flex;align-items:center;overflow-x:auto;border-style:solid;transition-property:border-color,box-shadow;transition-timing-function:ease-in-out;gap:var(--components-dimensions-stepper-gap-content);padding-block:var(--components-dimensions-stepper-padding-block);padding-inline:var(--components-dimensions-stepper-padding-inline);border-width:var(--components-dimensions-stepper-border-width-default);border-radius:var(--components-dimensions-stepper-border-radius);border-color:var(--stepperBorderColor, var(--components-colors-stepper-color-border-default));background-color:var(--components-colors-stepper-color-background);transition-duration:var(--duration-fast);box-shadow:var(--stepperBoxShadow, var(--elevation-10))}._root_1wnun_2 svg{width:var(--components-dimensions-stepper-size-icon);height:var(--components-dimensions-stepper-size-icon)}._root_1wnun_2:hover{--stepperBorderColor: var(--components-colors-stepper-color-border-hover);--stepperBoxShadow: var(--elevation-20)}._separator_1wnun_28{color:var(--components-colors-stepper-color-icon-default)}._item_1wnun_31{display:flex;align-items:center;transition-property:background-color,border-color,color;transition-timing-function:ease-in-out;gap:var(--components-dimensions-stepper-step-gap-content);padding-block:var(--components-dimensions-stepper-step-padding-block);padding-inline:var(--components-dimensions-stepper-step-padding-inline);border-width:var(--components-dimensions-stepper-step-border-width-active);border-radius:var(--components-dimensions-stepper-step-border-radius);transition-duration:var(--duration-medium);background-color:var(--stepperItemBackgroundColor, var(--components-colors-stepper-step-color-background-unchecked-default));border-color:var(--stepperItemBorderColor, transparent);color:var(--stepperItemColor, var(--components-colors-stepper-step-color-text-unchecked-default))}._item_1wnun_31 svg{width:var(--components-dimensions-stepper-step-size-icon);height:var(--components-dimensions-stepper-step-size-icon);color:var(--stepperItemIconColor, var(--components-colors-stepper-step-color-icon-unchecked-default))}._item_1wnun_31[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBorderColor: var(--components-colors-stepper-step-color-border-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default )}._item_1wnun_31[aria-current=true] svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-default)}._item_1wnun_31._clickable_1wnun_64{cursor:pointer}._item_1wnun_31._clickable_1wnun_64:hover{--stepperItemColor: var(--components-colors-stepper-step-color-text-unchecked-hover);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover )}._item_1wnun_31._clickable_1wnun_64:hover:not(._completed_1wnun_73) svg{--stepperItemIconColor: var( --components-colors-stepper-step-color-icon-unchecked-hover )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]{--stepperItemColor: var(--components-colors-stepper-step-color-text-checked-default);--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-default );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-default )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]:hover{--stepperItemBackgroundColor: var( --components-colors-stepper-step-color-background-checked-hover );--stepperItemBorderColor: var( --components-colors-stepper-step-color-border-checked-hover )}._item_1wnun_31._clickable_1wnun_64[aria-current=true]:not(._completed_1wnun_73) svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-checked-hover)}._item_1wnun_31._completed_1wnun_73 svg{--stepperItemIconColor: var(--components-colors-stepper-step-color-icon-success)}}

package/dist/Stepper.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Icon as n } from "./Icon.js";
+import { c as p } from "./index-CdiHdiVB.js";
+import { Text as _ } from "./Text.js";
+const u = "_root_1wnun_2", f = "_separator_1wnun_28", d = "_item_1wnun_31", b = "_clickable_1wnun_64", k = "_completed_1wnun_73", w = {
+  root: u,
+  separator: f,
+  item: d,
+  clickable: b,
+  completed: k
+};
+function g({
+  icon: t,
+  isCompleted: r,
+  isOpen: o
+}) {
+  return t || (r ? /* @__PURE__ */ e(n, { name: "check-circle" }) : o ? /* @__PURE__ */ e(n, { name: "folder-open" }) : /* @__PURE__ */ e(n, { name: "folder" }));
+}
+const c = p(w), x = m(
+  ({ children: t, className: r }, o) => /* @__PURE__ */ e("ol", { className: c("root", r), ref: o, children: t })
+), h = () => /* @__PURE__ */ e("div", { className: c("separator"), children: /* @__PURE__ */ e(n, { name: "angle-right-b", size: "lg" }) }), I = ({ children: t, icon: r, isCompleted: o, isOpen: a, onClick: s }) => {
+  const l = g({ icon: r, isCompleted: o, isOpen: a });
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      "aria-current": a,
+      className: c("item", !!s && "clickable", o && "completed"),
+      onClick: s,
+      children: [
+        l,
+        /* @__PURE__ */ e(_, { variant: "label-md", children: t })
+      ]
+    }
+  );
+}, B = Object.assign(x, {
+  Item: I,
+  Separator: h
+});
+export {
+  B as Stepper
+};

package/dist/Swiper.css

@@ -1 +1 @@
-@layer components{._root_136s1_3{overflow-y:hidden;position:relative;width:100%;height:100%}._dark_136s1_9 ._bullet_136s1_9{--bulletBackgroundColor: var(--color-neutral-50)}._dark_136s1_9 ._bullet-active_136s1_12{--bulletBackgroundColor: var(--color-brand-90)}._container_136s1_15{scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin:0;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:0}._container_136s1_15::-webkit-scrollbar{display:none}._container_136s1_15>[aria-roledescription=slide][aria-hidden=true]{pointer-events:none}._container_136s1_15>*{list-style-type:none;margin-right:var(--spaceBetween);min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile);flex:1}._container_136s1_15>*:last-child{margin-right:0}@media (min-width: 480px){._container-mobile_136s1_44>*{min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile)}._container-mobile_136s1_44>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 736px){._container-tablet_136s1_53>*{min-width:var(--slideWidthTablet);max-width:var(--slideWidthTablet)}._container-tablet_136s1_53>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 980px){._container-desktop_136s1_62>*{min-width:var(--slideWidthDesktop);max-width:var(--slideWidthDesktop);scroll-snap-align:unset}._container-desktop_136s1_62>*:nth-of-type(n+1){scroll-snap-align:start}._container-desktop_136s1_62>*:not(:nth-of-type(n+1)){scroll-snap-align:unset}}@media (min-width: 1280px){._container-full-width_136s1_75>*{min-width:var(--slideWithDesktopFullWidth);max-width:var(--slideWithDesktopFullWidth)}}._arrow_136s1_80{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:none;z-index:-1}._arrow_136s1_80[aria-disabled=true]{display:none;z-index:-1}._arrow-left_136s1_91{left:10px}._arrow-right_136s1_94{right:10px}._arrow-mobile_136s1_97{display:flex;z-index:1}@media (min-width: 736px){._arrow_136s1_80{display:none;z-index:-1}._arrow-desktop_136s1_106{display:flex;z-index:1}}._arrow-background_136s1_111{background-color:var(--color-neutral-10)}._arrow-background_136s1_111:hover{background-color:var(--color-neutral-40)}._pagination_136s1_117{justify-content:center;position:absolute;bottom:0;width:100%;padding:var(--spacing-md);display:none;z-index:-1}._pagination-mobile_136s1_126{display:flex;z-index:1}@media (min-width: 736px){._pagination_136s1_117{display:none;z-index:-1}._pagination-desktop_136s1_135{display:flex;z-index:1}}._bullet_136s1_9{background-color:var(--bulletBackgroundColor, var(--color-beige-40));border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 var(--spacing-xxs);width:10px}._bullet_136s1_9:hover{--bulletBackgroundColor: var(--color-neutral-50)}._bullet-active_136s1_12{--bulletBackgroundColor: var(--color-brand-40)}}
+@layer components{._root_1uvp8_3{overflow-y:hidden;position:relative;width:100%;height:100%}._dark_1uvp8_9 ._bullet_1uvp8_9{--bulletBackgroundColor: var(--color-icon-neutral-subtlest)}._dark_1uvp8_9 ._bullet-active_1uvp8_12{--bulletBackgroundColor: var(--color-icon-brand-primary)}._container_1uvp8_15{scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin:0;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:0}._container_1uvp8_15::-webkit-scrollbar{display:none}._container_1uvp8_15>[aria-roledescription=slide][aria-hidden=true]{pointer-events:none}._container_1uvp8_15>*{list-style-type:none;margin-right:var(--spaceBetween);min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile);flex:1}._container_1uvp8_15>*:last-child{margin-right:0}@media (min-width: 480px){._container-mobile_1uvp8_44>*{min-width:var(--slideWidthMobile);max-width:var(--slideWidthMobile)}._container-mobile_1uvp8_44>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 736px){._container-tablet_1uvp8_53>*{min-width:var(--slideWidthTablet);max-width:var(--slideWidthTablet)}._container-tablet_1uvp8_53>*:nth-of-type(n+1){scroll-snap-align:start}}@media (min-width: 980px){._container-desktop_1uvp8_62>*{min-width:var(--slideWidthDesktop);max-width:var(--slideWidthDesktop);scroll-snap-align:unset}._container-desktop_1uvp8_62>*:nth-of-type(n+1){scroll-snap-align:start}._container-desktop_1uvp8_62>*:not(:nth-of-type(n+1)){scroll-snap-align:unset}}@media (min-width: 1280px){._container-full-width_1uvp8_75>*{min-width:var(--slideWithDesktopFullWidth);max-width:var(--slideWithDesktopFullWidth)}}._arrow_1uvp8_80{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:none;z-index:-1}._arrow_1uvp8_80[aria-disabled=true]{display:none;z-index:-1}._arrow-left_1uvp8_91{left:10px}._arrow-right_1uvp8_94{right:10px}._arrow-mobile_1uvp8_97{display:flex;z-index:1}@media (min-width: 736px){._arrow_1uvp8_80{display:none;z-index:-1}._arrow-desktop_1uvp8_106{display:flex;z-index:1}}._arrow-background_1uvp8_111{background-color:var(--color-background-neutral-inverse-fixed)}._arrow-background_1uvp8_111:hover{background-color:var(--color-background-neutral-subtle)}._pagination_1uvp8_117{justify-content:center;position:absolute;bottom:0;width:100%;padding:var(--border-radius-lg);display:none;z-index:-1}._pagination-mobile_1uvp8_126{display:flex;z-index:1}@media (min-width: 736px){._pagination_1uvp8_117{display:none;z-index:-1}._pagination-desktop_1uvp8_135{display:flex;z-index:1}}._bullet_1uvp8_9{background-color:var(--bulletBackgroundColor, var(--color-background-warm-stronger));border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 var(--border-radius-xs);width:10px}._bullet_1uvp8_9:hover{--bulletBackgroundColor: var(--color-icon-neutral-subtlest)}._bullet-active_1uvp8_12{--bulletBackgroundColor: var(--color-background-brand-primary)}}