welcome-ui 0.0.0-dev.1764250957701 → 0.0.0-dev.1764262668434

package/dist/Slider.css

@@ -1 +1 @@
-@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}}
+@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}}

package/dist/Slider.js

@@ -1,96 +1,95 @@
 "use client";
-import './Slider.css';
-import { jsxs as D, jsx as l, Fragment as se } from "react/jsx-runtime";
-import { forwardRef as Y, useState as $, useRef as C, useCallback as Z, useEffect as U, useId as ee } from "react";
+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 { 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-PAaZGbyz.js";
-const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162", fe = "_thick_6xzwz_171", pe = "_range_6xzwz_8", te = {
-  "slider-root": "_slider-root_6xzwz_2",
-  "range-root": "_range-root_6xzwz_8",
-  "input-wrapper": "_input-wrapper_6xzwz_14",
-  hint: ce,
-  "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: ue,
-  "output-visible": "_output-visible_6xzwz_157",
-  tooltip: de,
-  thick: fe,
-  "thick-label": "_thick-label_6xzwz_182",
-  "range-track": "_range-track_6xzwz_188",
-  range: pe,
-  "range-disabled": "_range-disabled_6xzwz_200"
+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",
+  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",
+  output: se,
+  "output-visible": "_output-visible_4d202_157",
+  tooltip: ce,
+  thick: ue,
+  "thick-label": "_thick-label_4d202_182",
+  "range-track": "_range-track_4d202_188",
+  range: de,
+  "range-disabled": "_range-disabled_4d202_200"
 }, X = 20, g = ne(te), P = ({
   min: d,
   step: _,
   toCompare: p,
-  value: y
+  value: k
 }) => {
-  let h = Math.min(y, p - 1 * _);
+  let h = Math.min(k, p - 1 * _);
   return h = Math.max(h, d), q(h, _);
 }, T = ({
   max: d,
   step: _,
   toCompare: p,
-  value: y
+  value: k
 }) => {
-  let h = Math.max(y, p + 1 * _);
+  let h = Math.max(k, p + 1 * _);
   return h = Math.min(h, d), q(h, _);
-}, ae = Y(
+}, fe = Y(
   ({
     borderSelectorColor: d,
     className: _,
     disabled: p,
-    hint: y,
+    hint: k,
     label: h,
     max: a,
     min: t,
-    onChange: w,
+    onChange: v,
     step: i = 1,
-    tooltip: b,
+    tooltip: M,
     type: m,
     value: f,
     values: B,
     ...W
   }, G) => {
-    const [o, k] = $(t), [s, I] = $(a), [R, z] = $(t), [v, x] = $(a), A = C(null), E = C(null), M = C(null), S = C(null), L = C(null), [K, j] = $(!1), [n, c] = $(!1), ie = (e) => {
+    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 r = P({
         min: t,
         step: i,
         toCompare: s,
         value: parseInt(e.target.value, 10)
       });
-      z(r), k(r), e.target.value = r.toString();
-    }, oe = (e) => {
+      N(r), V(r), e.target.value = r.toString();
+    }, le = (e) => {
       const r = T({
         max: a,
         step: i,
         toCompare: o,
         value: parseInt(e.target.value, 10)
       });
-      x(r), I(r), e.target.value = r.toString();
+      b(r), x(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 })), z(u), k(u), w({ 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 })), N(u), V(u), v({ 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 })), x(u), I(u), w({ 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 })), b(u), x(u), v({ max: u, min: o });
       }
-    }, V = Z(
+    }, I = Z(
       (e) => {
         const r = Math.round((e - t) / (a - t) * 100);
         return r < 0 ? 0 : r > 100 ? 100 : r;
@@ -99,37 +98,37 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
     );
     U(() => {
       if (E.current) {
-        const e = V(o), r = V(parseInt(E.current.value, 10));
-        M.current && (M.current.style.left = `${e}%`, M.current.style.width = `${r - e}%`);
+        const e = I(o), r = I(parseInt(E.current.value, 10));
+        $.current && ($.current.style.left = `${e}%`, $.current.style.width = `${r - e}%`);
       }
-    }, [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}%`), S.current) {
-          const u = V(o) / 100;
-          S.current.style.left = `calc(${u * 100}% + ${(0.5 - u) * X}px)`;
+    }, [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)`;
         }
         if (L.current) {
-          const u = V(s) / 100;
+          const u = I(s) / 100;
           L.current.style.left = `calc(${u * 100}% + ${(0.5 - u) * X}px)`;
         }
       }
-    }, [o, s, V]), U(() => {
+    }, [o, s, I]), U(() => {
       if (f) {
         if (!isNaN(f.min) && f.min !== o) {
           const e = P({ min: t, step: i, toCompare: s, value: f.min || t });
-          k(e), z(e);
+          V(e), N(e);
         }
         if (!isNaN(f.max) && f.max !== s) {
           const e = T({ max: a, step: i, toCompare: o, value: f.max || a });
-          I(e), x(e);
+          x(e), b(e);
         }
       }
     }, [f]);
     const J = ee();
-    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: [
+    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: [
         (m === "inline" || m === "fields") && (m === "fields" ? /* @__PURE__ */ l(
           O,
           {
@@ -141,13 +140,13 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                 min: t,
                 step: i,
                 toCompare: s,
-                value: R
+                value: K
               });
-              z(e), k(e), w({ max: s, min: e });
+              N(e), V(e), v({ max: s, min: e });
             },
             onChange: (e) => {
               let r = parseInt(e.target.value, 10);
-              isNaN(r) && (r = 0), z(r);
+              isNaN(r) && (r = 0), N(r);
             },
             onKeyDown: (e) => {
               if (e.key === "Enter") {
@@ -155,23 +154,23 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                   min: t,
                   step: i,
                   toCompare: s,
-                  value: R
+                  value: K
                 });
-                z(r), k(r), w({ max: s, min: r });
+                N(r), V(r), v({ max: s, min: r });
               }
             },
-            size: "md",
+            size: "sm",
             type: "number",
-            value: R.toString()
+            value: K.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: t })),
-        /* @__PURE__ */ D("div", { className: g("range-wrapper"), children: [
-          b ? /* @__PURE__ */ D(se, { children: [
+        /* @__PURE__ */ R("div", { className: g("range-wrapper"), children: [
+          M ? /* @__PURE__ */ R(ie, { children: [
             /* @__PURE__ */ l(
               "output",
               {
-                className: g("output", K && "output-visible"),
-                ref: S,
+                className: g("output", S && "output-visible"),
+                ref: C,
                 children: /* @__PURE__ */ l("div", { children: o })
               }
             ),
@@ -184,7 +183,7 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
               }
             )
           ] }) : null,
-          /* @__PURE__ */ D("div", { className: g("input-range-wrapper"), children: [
+          /* @__PURE__ */ R("div", { className: g("input-range-wrapper"), children: [
             /* @__PURE__ */ l(
               "input",
               {
@@ -198,15 +197,15 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                 id: `${J}-min`,
                 max: a,
                 min: t,
-                onChange: ie,
+                onChange: ae,
                 onKeyDown: (e) => Q(e, "min"),
                 onMouseDown: () => {
-                  b && K === !1 && j(!0);
+                  M && S === !1 && j(!0);
                 },
                 onMouseUp: () => {
-                  w({ max: s, min: o }), b && j(!1);
+                  v({ max: s, min: o }), M && j(!1);
                 },
-                ref: A,
+                ref: z,
                 step: i,
                 type: "range",
                 value: o
@@ -225,13 +224,13 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                 id: `${J}-max`,
                 max: a,
                 min: t,
-                onChange: oe,
+                onChange: le,
                 onKeyDown: (e) => Q(e, "max"),
                 onMouseDown: () => {
-                  b && n === !1 && c(!0);
+                  M && n === !1 && c(!0);
                 },
                 onMouseUp: () => {
-                  w({ max: s, min: o }), b && c(!1);
+                  v({ max: s, min: o }), M && c(!1);
                 },
                 ref: E,
                 step: i,
@@ -240,13 +239,13 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
               }
             ),
             /* @__PURE__ */ l("div", { className: g("range-track") }),
-            /* @__PURE__ */ l("div", { className: g("range", p && "range-disabled"), ref: M })
+            /* @__PURE__ */ l("div", { className: g("range", p && "range-disabled"), ref: $ })
           ] }),
           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: `${V(e)}%` },
+              style: { left: `${I(e)}%` },
               children: /* @__PURE__ */ l(H, { className: g("thick-label"), children: e })
             },
             `${e}-${r}`
@@ -263,13 +262,13 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                 max: a,
                 step: i,
                 toCompare: o,
-                value: v
+                value: y
               });
-              x(e), I(e), w({ max: e, min: o });
+              b(e), x(e), v({ max: e, min: o });
             },
             onChange: (e) => {
               let r = parseInt(e.target.value, 10);
-              isNaN(r) && (r = 0), x(r);
+              isNaN(r) && (r = 0), b(r);
             },
             onKeyDown: (e) => {
               if (e.key === "Enter") {
@@ -277,88 +276,86 @@ const ce = "_hint_6xzwz_20", ue = "_output_6xzwz_149", de = "_tooltip_6xzwz_162"
                   max: a,
                   step: i,
                   toCompare: o,
-                  value: v
+                  value: y
                 });
-                x(r), I(r), w({ max: r, min: o });
+                b(r), x(r), v({ max: r, min: o });
               }
             },
-            size: "md",
+            size: "sm",
             type: "number",
-            value: v.toString()
+            value: y.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: a }))
       ] }),
-      y ? /* @__PURE__ */ l(H, { className: g("hint"), children: y }) : null
+      k ? /* @__PURE__ */ l(H, { className: g("hint"), children: k }) : null
     ] });
   }
-);
-ae.displayName = "Slider.Range";
-const _e = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, y) => (d = q(d, y), d < _ ? _ : d > p ? p : d), N = ne(te), le = Y(
+), 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(
   ({
     borderSelectorColor: d,
     className: _,
     disabled: p,
-    hint: y,
+    hint: k,
     label: h,
     max: a,
     min: t,
-    onChange: w,
+    onChange: v,
     step: i = 1,
-    tooltip: b,
+    tooltip: M,
     type: m,
     value: f,
     values: B,
     ...W
   }, G) => {
-    const o = C(null), k = C(null), [s, I] = $(!1), [R, z] = $(F(f, t, a, i)), [v, x] = $(F(f, t, a, i)), A = (n) => {
-      n = q(n, i), x(n);
+    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);
     }, E = (n) => {
       n.preventDefault();
-      let c = v;
-      n.key === "ArrowRight" && (c = F(c + i, t, a, i)), n.key === "ArrowLeft" && (c = F(c - i, t, a, i)), x(c), z(c), w(c);
-    }, M = (n) => {
+      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 = parseInt(n.target.value, 10);
-      isNaN(c) && (c = 0), z(c);
-    }, S = () => {
-      const n = F(R, t, a, i);
-      z(n), x(n), w(n);
+      isNaN(c) && (c = 0), N(c);
+    }, C = () => {
+      const n = F(K, t, a, i);
+      N(n), b(n), v(n);
     }, L = (n) => {
-      n.key === "Enter" && S();
-    }, K = Z(
+      n.key === "Enter" && C();
+    }, S = Z(
       (n) => Math.round((n - t) / (a - t) * 100),
       [t, a]
     );
     U(() => {
-      if (o.current && (o.current.style.backgroundSize = `${K(v)}% 100%`), k.current) {
-        const n = K(v) / 100;
-        k.current.style.left = `calc(${n * 100}% + ${(0.5 - n) * _e}px)`;
+      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)`;
       }
-    }, [v, K]), U(() => {
-      !isNaN(f) && f !== v && f && (A(f), z(f));
+    }, [y, S]), U(() => {
+      !isNaN(f) && f !== y && f && (z(f), N(f));
     }, [f]);
     const j = ee();
-    return /* @__PURE__ */ D("div", { className: N("slider-root", _), ref: G, children: [
-      h ? /* @__PURE__ */ l(re, { as: "label", htmlFor: j, variant: "body-md", children: h }) : null,
-      /* @__PURE__ */ D("div", { className: N("input-wrapper"), children: [
+    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: [
         (m === "inline" || m === "left-field") && (m === "left-field" ? /* @__PURE__ */ l(
           O,
           {
             disabled: p,
             max: a,
             min: t,
-            onBlur: S,
-            onChange: M,
+            onBlur: C,
+            onChange: $,
             onKeyDown: L,
-            size: "md",
+            size: "sm",
             type: "number",
-            value: R.toString()
+            value: K.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: t })),
-        /* @__PURE__ */ D("div", { className: N("slider-wrapper"), children: [
+        /* @__PURE__ */ R("div", { className: w("slider-wrapper"), children: [
           /* @__PURE__ */ l(
             "input",
             {
-              className: N(
+              className: w(
                 "input-range",
                 "slider-input-range",
                 d && `border-selector-${d}`
@@ -370,29 +367,29 @@ const _e = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, y) => (d = q(d
               min: t,
               onChange: (n) => {
                 const c = parseInt(n.target.value, 10);
-                A(c), z(c);
+                z(c), N(c);
               },
               onKeyDown: E,
               onMouseDown: () => {
-                b && s === !1 && I(!0);
+                M && s === !1 && x(!0);
               },
               onMouseUp: () => {
-                w(v), b && I(!1);
+                v(y), M && x(!1);
               },
               ref: o,
               step: i,
               type: "range",
-              value: v,
+              value: y,
               ...W
             }
           ),
-          b ? /* @__PURE__ */ l("output", { className: N("output", s && "output-visible"), ref: k, children: /* @__PURE__ */ l("div", { className: N("tooltip"), children: v }) }) : null,
-          B ? /* @__PURE__ */ l("div", { className: N("thick-markers"), children: B.reduce((n, c) => n.includes(c) ? n : [...n, c], []).filter((n) => n >= t && n <= a).map((n, c) => /* @__PURE__ */ l(
+          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(
             "div",
             {
-              className: N("thick"),
-              style: { left: `${K(n)}%` },
-              children: /* @__PURE__ */ l(H, { className: N("thick-label"), children: n })
+              className: w("thick"),
+              style: { left: `${S(n)}%` },
+              children: /* @__PURE__ */ l(H, { className: w("thick-label"), children: n })
             },
             `${n}-${c}`
           )) }) : null
@@ -400,29 +397,27 @@ const _e = 20, q = (d, _) => Math.round(d / _) * _, F = (d, _, p, y) => (d = q(d
         (m === "inline" || m === "right-field") && (m === "right-field" ? /* @__PURE__ */ l(
           O,
           {
-            className: N("input-text"),
+            className: w("input-text"),
             disabled: p,
             max: a,
             min: t,
-            onBlur: S,
-            onChange: M,
+            onBlur: C,
+            onChange: $,
             onKeyDown: L,
-            size: "md",
+            size: "sm",
             type: "number",
-            value: R.toString()
+            value: K.toString()
           }
         ) : /* @__PURE__ */ l("div", { children: a }))
       ] }),
-      y ? /* @__PURE__ */ l(H, { className: N("hint"), children: y }) : null
+      k ? /* @__PURE__ */ l(H, { className: w("hint"), children: k }) : null
     ] });
   }
-);
-le.displayName = "Slider";
-const ye = Object.assign(le, { Range: ae });
+), ke = Object.assign(_e, { Range: fe });
 export {
-  ye as Slider,
-  le as SliderComponent,
+  ke as Slider,
+  _e as SliderComponent,
   F as ensureMinMax,
   q as round,
-  _e as thumbWidth
+  pe as thumbWidth
 };

package/dist/Swiper.css

@@ -1 +1 @@
-@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)}}
+@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)}}