@smwb/ui-react 2.0.0

package/dist/headless/components/inputs/slider/slider.js

@@ -0,0 +1,313 @@
+import { jsx as i, jsxs as Q } from "react/jsx-runtime";
+import b from "react";
+import Z from "clsx";
+import { useForkRef as we } from "../../../hooks/useForkRef.js";
+import { useSafeLayoutEffect as he } from "../../../hooks/useSafeLayoutEffect.js";
+import { useEventCallback as ee } from "../../../hooks/useEventCallback.js";
+import { toPercent as K, coordX as ge, coordY as _e, rescale as be } from "./utils.js";
+import { TextFieldWrapper as ye } from "../textField/textFieldWrapper.js";
+import { TextField as Le } from "../textField/textField.js";
+function ke(T, m, _, y) {
+  if (!T)
+    return [];
+  if (Array.isArray(T))
+    return T;
+  const A = y && y > 0 ? y : (_ - m) / 10, w = [];
+  for (let s = m; s <= _ + 1e-9; s += A)
+    w.push({ value: Math.round(s * 1e6) / 1e6 });
+  return w;
+}
+const Me = b.forwardRef(function(m, _) {
+  const {
+    defaultValue: y,
+    value: A,
+    onChange: w,
+    min: s = 0,
+    max: a = 100,
+    name: W,
+    disabled: c = !1,
+    className: te,
+    step: d,
+    label: re,
+    helperText: se,
+    error: ne,
+    size: j = "medium",
+    color: U = "primary",
+    orientation: H = "horizontal",
+    marks: O,
+    getAriaValueText: F,
+    "aria-label": z,
+    // consumed by the dispatcher / not valid DOM attributes — keep them off the span
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    range: ve,
+    variant: Ee,
+    valueField: ae,
+    withTicks: pe,
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    ...oe
+  } = m, g = H === "vertical", B = (e) => {
+    var t, n, o, N;
+    const r = Array.isArray(e) ? e : [s, a], p = Math.min((t = r[0]) != null ? t : s, (n = r[1]) != null ? n : a), l = Math.max((o = r[0]) != null ? o : s, (N = r[1]) != null ? N : a);
+    return [p, l];
+  }, h = A !== void 0, [ie, le] = b.useState(() => B(y)), u = h ? B(A) : ie, V = b.useRef(null), $ = we(_, V), R = b.useRef(0), D = b.useRef(!1), X = ke(O, s, a, d), v = (e) => {
+    var l;
+    const r = (l = V.current) == null ? void 0 : l.getBoundingClientRect();
+    if (!r)
+      return s;
+    if (g) {
+      const t = (typeof e.clientY == "number" ? e.clientY : _e(e)) - r.top;
+      return be(r.height - t, [0, r.height], [s, a], { step: d });
+    }
+    const p = (typeof e.clientX == "number" ? e.clientX : ge(e)) - r.left;
+    return be(p, [0, r.width], [s, a], { step: d });
+  }, ce = (e, r) => {
+    const p = Math.min(e[0], e[1]), l = Math.max(e[0], e[1]), t = [Math.max(s, p), Math.min(a, l)];
+    h || le(t), w == null || w(r, t, m);
+  }, k = (e, r) => {
+    const p = R.current, l = [u[0], u[1]];
+    l[p] = Math.max(s, Math.min(a, e)), ce(l, r);
+  }, Y = (e) => {
+    R.current = Math.abs(e - u[0]) <= Math.abs(e - u[1]) ? 0 : 1;
+  }, E = ee((e) => {
+    D.current && (e.preventDefault(), k(v(e), e));
+  }), f = ee(() => {
+    D.current = !1, document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", E), document.removeEventListener("touchend", f);
+  }), S = (e) => {
+    if (c || e.button !== 0)
+      return;
+    const r = v(e);
+    Y(r), D.current = !0, k(r, e), document.addEventListener("mousemove", E), document.addEventListener("mouseup", f);
+  }, P = (e) => {
+    if (c)
+      return;
+    const r = v(e);
+    Y(r), D.current = !0, k(r, e), document.addEventListener("touchmove", E), document.addEventListener("touchend", f);
+  };
+  he(() => {
+    const e = V.current;
+    if (e)
+      return e.addEventListener("touchstart", P), () => e.removeEventListener("touchstart", P);
+  });
+  const ue = (e) => (r) => {
+    if (c)
+      return;
+    const p = d && d > 0 ? d : 1;
+    let l = null;
+    r.key === "ArrowLeft" || r.key === "ArrowDown" ? l = u[e] - p : r.key === "ArrowRight" || r.key === "ArrowUp" ? l = u[e] + p : r.key === "Home" ? l = s : r.key === "End" && (l = a), l !== null && (r.preventDefault(), R.current = e, k(l, r));
+  }, q = Z(
+    "smwb-slider",
+    "smwb-slider--range",
+    te,
+    {
+      "smwb-slider--disabled": c,
+      "smwb-slider--vertical": g
+    },
+    j !== "medium" && `smwb-slider_size-${j}`,
+    U !== "primary" && `smwb-slider_color-${U}`
+  ), L = K(u[0], s, a), M = K(u[1], s, a), G = `${Math.min(L, M)}%`, I = `${Math.abs(M - L)}%`, me = g ? { bottom: `${L}%` } : { left: `${L}%` }, de = g ? { bottom: `${M}%` } : { left: `${M}%` }, x = g ? { bottom: G, height: I } : { left: G, width: I };
+  return /* @__PURE__ */ i(ye, { label: re, helperText: se, disabled: c, error: ne, fullWidth: !0, shrink: !0, children: /* @__PURE__ */ i("div", { className: "smwb-slider__container", children: /* @__PURE__ */ Q("span", { ref: $, onMouseDown: S, className: q, ...oe, children: [
+    X.length > 0 && /* @__PURE__ */ i("span", { className: "smwb-slider__marks", "aria-hidden": "true", children: X.map((e) => {
+      const r = `${K(e.value, s, a)}%`;
+      return /* @__PURE__ */ i("span", { className: "smwb-slider__mark", style: g ? { bottom: r } : { left: r }, children: e.label != null && /* @__PURE__ */ i("span", { className: "smwb-slider__mark-label", children: e.label }) }, e.value);
+    }) }),
+    /* @__PURE__ */ i("span", { className: "smwb-slider__rail" }),
+    /* @__PURE__ */ i("span", { className: "smwb-slider__track", style: x }),
+    [0, 1].map((e) => /* @__PURE__ */ i(
+      "span",
+      {
+        className: Z("smwb-slider__thumb", `smwb-slider__thumb--${e === 0 ? "start" : "end"}`),
+        style: e === 0 ? me : de,
+        children: /* @__PURE__ */ i(
+          "input",
+          {
+            "data-testid": `slider-input-${e}`,
+            className: "smwb-slider__input",
+            type: "range",
+            min: s,
+            max: a,
+            step: d,
+            name: W ? `${W}[${e}]` : void 0,
+            value: u[e],
+            disabled: c,
+            onChange: () => {
+            },
+            onKeyDown: ue(e),
+            tabIndex: c ? -1 : 0,
+            "aria-label": z ? `${z} ${e === 0 ? "minimum" : "maximum"}` : void 0,
+            "aria-orientation": H,
+            "aria-valuenow": u[e],
+            "aria-valuemin": e === 0 ? s : u[0],
+            "aria-valuemax": e === 0 ? u[1] : a,
+            "aria-valuetext": F ? F(u[e]) : void 0,
+            "aria-disabled": c || void 0
+          }
+        )
+      },
+      e
+    ))
+  ] }) }) });
+}), Ne = b.forwardRef(function(m, _) {
+  const {
+    defaultValue: y,
+    value: A,
+    onChange: w,
+    min: s = 0,
+    max: a = 100,
+    name: W,
+    disabled: c = !1,
+    className: te,
+    step: d,
+    variant: re = "continuous",
+    valueField: se,
+    withTicks: ne,
+    label: j,
+    helperText: U,
+    error: H,
+    size: O = "medium",
+    color: F = "primary",
+    orientation: z = "horizontal",
+    marks: ve,
+    // `range` is handled by the Slider dispatcher; destructured here to keep it off the DOM
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    range: Ee,
+    getAriaValueText: ae,
+    "aria-label": pe,
+    ...oe
+  } = m, g = typeof y == "number" ? y : void 0, B = typeof A == "number" ? A : void 0, h = z === "vertical", [ie, le] = b.useState(g != null ? g : s), [u, V] = b.useState(!1), [$, R] = b.useState(!1), [D, X] = b.useState(!1), v = b.useRef(null), ce = we(_, v), k = b.useRef(!1), Y = B !== void 0, E = re === "discrete", f = Y ? B : ie, S = (t, n) => {
+    t < s || t > a || (Y || le(t), w == null || w(n, t, m));
+  }, P = (t, n) => be(t, [0, n], [s, a], { step: d }), ue = (t) => {
+    if (c || t.button !== 0)
+      return;
+    k.current = !0;
+    const n = v.current, o = n == null ? void 0 : n.getBoundingClientRect();
+    if (o) {
+      const N = h ? o.height - (t.clientY - o.top) : t.clientX - o.left, C = P(N, h ? o.height : o.width);
+      $ || R(!0), S(C, t);
+    }
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", M);
+  }, q = (t) => {
+    var N;
+    if (c)
+      return;
+    k.current = !0;
+    const n = v.current, o = n == null ? void 0 : n.getBoundingClientRect();
+    if (o) {
+      const C = (N = t.changedTouches) == null ? void 0 : N[0], fe = h ? o.height - (C.clientY - o.top) : C.clientX - o.left, J = P(fe, h ? o.height : o.width);
+      $ || R(!0), S(J, t);
+    }
+    document.addEventListener("touchmove", L), document.addEventListener("touchend", M);
+  }, L = ee((t) => {
+    if (k.current) {
+      const n = v.current, o = n == null ? void 0 : n.getBoundingClientRect();
+      if (o) {
+        const N = ge(t), C = _e(t), fe = h ? o.height - (C - o.top) : N - o.left, J = P(fe, h ? o.height : o.width);
+        if ($ || R(!0), f === J)
+          return;
+        u || V(!0), S(J, t);
+      }
+    }
+  }), M = ee(() => {
+    k.current = !1, u && V(!1), $ && R(!1), G();
+  }), G = () => {
+    document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", M), document.removeEventListener("touchmove", L), document.removeEventListener("touchend", M);
+  }, I = (t) => {
+    !D || c || ((t.key === "ArrowLeft" || t.key === "ArrowDown") && S(f - (d || 1), t), (t.key === "ArrowRight" || t.key === "ArrowUp") && S(f + (d || 1), t));
+  }, me = () => {
+    X(!1), document.removeEventListener("keydown", I);
+  };
+  he(() => {
+    if (v.current)
+      return v.current.addEventListener("touchstart", q), () => {
+        var t;
+        (t = v.current) == null || t.removeEventListener("touchstart", q);
+      };
+  }), he(() => {
+    var t, n;
+    c && ((t = v.current) != null && t.contains(document.activeElement)) && ((n = document.activeElement) == null || n.blur());
+  }, [c]);
+  const de = Z(
+    "smwb-slider",
+    te,
+    {
+      "smwb-slider--disabled": c,
+      "smwb-slider--dragging": u,
+      "smwb-slider--discrete": E,
+      "smwb-slider--vertical": h
+    },
+    O !== "medium" && `smwb-slider_size-${O}`,
+    F !== "primary" && `smwb-slider_color-${F}`
+  ), x = `${K(f, s, a)}%`, e = h ? { height: x } : { width: x }, r = h ? { bottom: x } : { left: x }, p = () => Array(Math.round(a / (d || 1)) + 1).fill(1), l = ke(ve, s, a, d);
+  return /* @__PURE__ */ i(ye, { label: j, helperText: U, disabled: c, error: H, fullWidth: !0, shrink: !0, children: /* @__PURE__ */ Q("div", { className: "smwb-slider__container", children: [
+    /* @__PURE__ */ Q(
+      "span",
+      {
+        onKeyDown: I,
+        ref: ce,
+        onMouseDown: ue,
+        className: de,
+        tabIndex: c ? -1 : 0,
+        onFocus: () => X(!0),
+        onBlur: me,
+        ...oe,
+        children: [
+          ne && /* @__PURE__ */ i("span", { className: "smwb-slider__ticks", style: { gap: `${d}` }, children: p().map((t, n) => /* @__PURE__ */ i("span", { className: "smwb-slider__tick" }, n)) }),
+          l.length > 0 && /* @__PURE__ */ i("span", { className: "smwb-slider__marks", "aria-hidden": "true", children: l.map((t) => {
+            const n = `${K(t.value, s, a)}%`;
+            return /* @__PURE__ */ i("span", { className: "smwb-slider__mark", style: h ? { bottom: n } : { left: n }, children: t.label != null && /* @__PURE__ */ i("span", { className: "smwb-slider__mark-label", children: t.label }) }, t.value);
+          }) }),
+          /* @__PURE__ */ i("span", { className: "smwb-slider__rail" }),
+          /* @__PURE__ */ i("span", { className: "smwb-slider__track", style: e }),
+          /* @__PURE__ */ Q(
+            "span",
+            {
+              className: Z("smwb-slider__thumb", {
+                "smwb-slider__thumb--active": $,
+                "smwb-slider__thumb--discrete": E
+              }),
+              style: r,
+              children: [
+                E && /* @__PURE__ */ i("span", { className: "smwb-slider__thumb-tooltip", children: Math.round(f) }),
+                /* @__PURE__ */ i(
+                  "input",
+                  {
+                    "data-testid": "slider-input",
+                    className: "smwb-slider__input",
+                    type: "range",
+                    min: s,
+                    max: a,
+                    name: W,
+                    value: f,
+                    readOnly: !0,
+                    "aria-label": pe,
+                    "aria-orientation": z,
+                    "aria-valuenow": f,
+                    "aria-valuemin": s,
+                    "aria-valuemax": a,
+                    "aria-valuetext": ae ? ae(f) : void 0,
+                    "aria-disabled": c || void 0
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    se && E && /* @__PURE__ */ i(
+      Le,
+      {
+        type: "number",
+        value: f,
+        onChange: (t) => S(+t.target.value, t),
+        variant: "filled",
+        helperText: null
+      }
+    )
+  ] }) });
+}), Ce = b.forwardRef(function(m, _) {
+  return m.range === !0 || Array.isArray(m.value) || Array.isArray(m.defaultValue) ? /* @__PURE__ */ i(Me, { ref: _, ...m }) : /* @__PURE__ */ i(Ne, { ref: _, ...m });
+});
+export {
+  Ce as Slider
+};
+//# sourceMappingURL=slider.js.map

package/dist/headless/components/inputs/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: React.ReactNode;\n}\n\nexport interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"defaultValue\"> {\n  value?: SliderValue;\n  onChange?: (event: Event | React.SyntheticEvent, value: SliderValue, data: SliderProps) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  name?: string;\n  defaultValue?: SliderValue;\n  disabled?: boolean;\n  variant?: \"continuous\" | \"discrete\";\n  valueField?: boolean;\n  withTicks?: boolean;\n  label?: string;\n  helperText?: React.ReactNode;\n  error?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** Enables a two-thumb range slider (value becomes `[number, number]`). */\n  range?: boolean;\n  /** Slider direction. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels. */\n  marks?: boolean | SliderMark[];\n  /** Accessible label applied to the slider control. */\n  \"aria-label\"?: string;\n  /** Maps the numeric value to a human-readable string for assistive tech. */\n  getAriaValueText?: (value: number) => string;\n}\n\nfunction resolveMarks(\n  marks: boolean | SliderMark[] | undefined,\n  min: number,\n  max: number,\n  step?: number\n): SliderMark[] {\n  if (!marks) {\n    return [];\n  }\n  if (Array.isArray(marks)) {\n    return marks;\n  }\n  const s = step && step > 0 ? step : (max - min) / 10;\n  const result: SliderMark[] = [];\n  for (let v = min; v <= max + 1e-9; v += s) {\n    result.push({ value: Math.round(v * 1e6) / 1e6 });\n  }\n  return result;\n}\n\nconst RangeSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function RangeSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    // consumed by the dispatcher / not valid DOM attributes — keep them off the span\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    range,\n    variant,\n    valueField,\n    withTicks,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...rest\n  } = props;\n\n  const isVertical = orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [min, max];\n    const lo = Math.min(arr[0] ?? min, arr[1] ?? max);\n    const hi = Math.max(arr[0] ?? min, arr[1] ?? max);\n    return [lo, hi];\n  };\n\n  const isControlled = valueProp !== undefined;\n  const [valueState, setValueState] = React.useState<[number, number]>(() => normalize(defaultValue));\n  const value = isControlled ? normalize(valueProp) : valueState;\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const activeThumb = React.useRef<0 | 1>(0);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const markList = resolveMarks(marks, min, max, step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent) => {\n    const rect = containerRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return min;\n    }\n    if (isVertical) {\n      const y =\n        (typeof (event as MouseEvent).clientY === \"number\"\n          ? (event as MouseEvent).clientY\n          : coordY(event as React.MouseEvent)) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [min, max], { step });\n    }\n    const x =\n      (typeof (event as MouseEvent).clientX === \"number\"\n        ? (event as MouseEvent).clientX\n        : coordX(event as React.MouseEvent)) - rect.left;\n    return rescale(x, [0, rect.width], [min, max], { step });\n  };\n\n  const commit = (next: [number, number], event: Event | React.SyntheticEvent) => {\n    const lo = Math.min(next[0], next[1]);\n    const hi = Math.max(next[0], next[1]);\n    const clamped: [number, number] = [Math.max(min, lo), Math.min(max, hi)];\n    if (!isControlled) {\n      setValueState(clamped);\n    }\n    onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event | React.SyntheticEvent) => {\n    const idx = activeThumb.current;\n    const next: [number, number] = [value[0], value[1]];\n    next[idx] = Math.max(min, Math.min(max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number) => {\n    activeThumb.current = Math.abs(raw - value[0]) <= Math.abs(raw - value[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!isPressedRef.current) {\n      return;\n    }\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  });\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled || event.button !== 0) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStartNative = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  useSafeLayoutEffect(() => {\n    const el = containerRef.current;\n    if (!el) {\n      return;\n    }\n    el.addEventListener(\"touchstart\", onTouchStartNative);\n    return () => el.removeEventListener(\"touchstart\", onTouchStartNative);\n  });\n\n  const onThumbKeyDown = (idx: 0 | 1) => (event: React.KeyboardEvent) => {\n    if (disabled) {\n      return;\n    }\n    const delta = step && step > 0 ? step : 1;\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      next = value[idx] - delta;\n    } else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      next = value[idx] + delta;\n    } else if (event.key === \"Home\") {\n      next = min;\n    } else if (event.key === \"End\") {\n      next = max;\n    }\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb.current = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classNames = cn(\n    \"smwb-slider\",\n    \"smwb-slider--range\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const p0 = toPercent(value[0], min, max);\n  const p1 = toPercent(value[1], min, max);\n  const startPct = `${Math.min(p0, p1)}%`;\n  const spanPct = `${Math.abs(p1 - p0)}%`;\n  const mainStart = isVertical ? { bottom: `${p0}%` } : { left: `${p0}%` };\n  const mainEnd = isVertical ? { bottom: `${p1}%` } : { left: `${p1}%` };\n  const trackStyle = isVertical ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span ref={rootRef} onMouseDown={onMouseDown} className={classNames} {...rest}>\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          {([0, 1] as const).map((idx) => (\n            <span\n              key={idx}\n              className={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n              style={idx === 0 ? mainStart : mainEnd}\n            >\n              <input\n                data-testid={`slider-input-${idx}`}\n                className=\"smwb-slider__input\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={step}\n                name={name ? `${name}[${idx}]` : undefined}\n                value={value[idx]}\n                disabled={disabled}\n                onChange={() => undefined}\n                onKeyDown={onThumbKeyDown(idx)}\n                tabIndex={disabled ? -1 : 0}\n                aria-label={ariaLabel ? `${ariaLabel} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                aria-orientation={orientation}\n                aria-valuenow={value[idx]}\n                aria-valuemin={idx === 0 ? min : value[0]}\n                aria-valuemax={idx === 0 ? value[1] : max}\n                aria-valuetext={getAriaValueText ? getAriaValueText(value[idx]) : undefined}\n                aria-disabled={disabled || undefined}\n              />\n            </span>\n          ))}\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nconst SingleSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function SingleSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    variant = \"continuous\",\n    valueField,\n    withTicks,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    // `range` is handled by the Slider dispatcher; destructured here to keep it off the DOM\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    range,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n\n  const singleDefault = typeof defaultValue === \"number\" ? defaultValue : undefined;\n  const singleValueProp = typeof valueProp === \"number\" ? valueProp : undefined;\n  const isVertical = orientation === \"vertical\";\n\n  const [valueState, setValue] = React.useState<number>(singleDefault ?? min);\n  const [isDragging, setIsDragging] = React.useState<boolean>(false);\n  const [isActive, setIsActive] = React.useState<boolean>(false);\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const isControlled = singleValueProp !== undefined;\n  const isDiscrete = variant === \"discrete\";\n  const value = isControlled ? singleValueProp : valueState;\n\n  const updateValue = (value: number, event: Event | React.SyntheticEvent) => {\n    if (value < min || value > max) return;\n    if (!isControlled) {\n      setValue(value);\n    }\n    onChange?.(event, value, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number) => {\n    return rescale(absolute, [0, containerSize], [min, max], { step });\n  };\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.button !== 0) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const absolutePosition = isVertical ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const touch = event.changedTouches?.[0];\n      const absolutePosition = isVertical ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (isPressedRef.current) {\n      const element = containerRef.current;\n      const rect = element?.getBoundingClientRect();\n\n      if (rect) {\n        // TODO need clarification обработка разных событий разных типов 1 функцией\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientX = coordX(event);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientY = coordY(event);\n        const absolutePosition = isVertical ? rect.height - (clientY - rect.top) : clientX - rect.left;\n        const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n        if (!isActive) {\n          setIsActive(true);\n        }\n\n        if (value === newValue) {\n          return;\n        }\n\n        if (!isDragging) {\n          setIsDragging(true);\n        }\n\n        updateValue(newValue, event);\n      }\n    }\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n\n    if (isDragging) {\n      setIsDragging(false);\n    }\n\n    if (isActive) {\n      setIsActive(false);\n    }\n\n    removeListeners();\n  });\n\n  const removeListeners = () => {\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const handleArrowsControls = (e: React.KeyboardEvent) => {\n    if (!isFocused || disabled) return;\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n      updateValue(value - (step || 1), e);\n    }\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n      updateValue(value + (step || 1), e);\n    }\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n    document.removeEventListener(\"keydown\", handleArrowsControls as (e: unknown) => void);\n  };\n\n  useSafeLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.addEventListener(\"touchstart\", onTouchStart);\n\n      return () => {\n        containerRef.current?.removeEventListener(\"touchstart\", onTouchStart);\n      };\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (disabled && containerRef.current?.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement)?.blur();\n    }\n  }, [disabled]);\n\n  const classNames = cn(\n    \"smwb-slider\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--dragging\": isDragging,\n      \"smwb-slider--discrete\": isDiscrete,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const pct = `${toPercent(value, min, max)}%`;\n  const trackStyle = isVertical ? { height: pct } : { width: pct };\n  const thumbStyle = isVertical ? { bottom: pct } : { left: pct };\n\n  const getTicks = () => Array(Math.round(max / (step || 1)) + 1).fill(1) as number[];\n  const markList = resolveMarks(marks, min, max, step);\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrowsControls}\n          ref={rootRef}\n          onMouseDown={onMouseDown}\n          className={classNames}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          {withTicks && (\n            <span className=\"smwb-slider__ticks\" style={{ gap: `${step}` }}>\n              {getTicks().map((t, idx) => (\n                <span className=\"smwb-slider__tick\" key={idx} />\n              ))}\n            </span>\n          )}\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          <span\n            className={cn(\"smwb-slider__thumb\", {\n              \"smwb-slider__thumb--active\": isActive,\n              \"smwb-slider__thumb--discrete\": isDiscrete,\n            })}\n            style={thumbStyle}\n          >\n            {isDiscrete && <span className=\"smwb-slider__thumb-tooltip\">{Math.round(value)}</span>}\n            <input\n              data-testid=\"slider-input\"\n              className=\"smwb-slider__input\"\n              type=\"range\"\n              min={min}\n              max={max}\n              name={name}\n              value={value}\n              readOnly\n              aria-label={ariaLabel}\n              aria-orientation={orientation}\n              aria-valuenow={value}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuetext={getAriaValueText ? getAriaValueText(value) : undefined}\n              aria-disabled={disabled || undefined}\n            />\n          </span>\n        </span>\n        {valueField && isDiscrete && (\n          <TextField\n            type=\"number\"\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => updateValue(+e.target.value, e)}\n            variant=\"filled\"\n            helperText={null}\n          />\n        )}\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(props, ref) {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n\n  return isRangeMode ? <RangeSlider ref={ref} {...props} /> : <SingleSlider ref={ref} {...props} />;\n});\n"],"names":["resolveMarks","marks","min","max","step","s","result","v","RangeSlider","React","props","ref","defaultValue","valueProp","onChange","name","disabled","className","label","helperText","error","size","color","orientation","getAriaValueText","ariaLabel","range","variant","valueField","withTicks","rest","isVertical","normalize","arr","lo","_a","_b","hi","_c","_d","isControlled","valueState","setValueState","value","containerRef","rootRef","useForkRef","activeThumb","isPressedRef","markList","positionToValue","event","rect","y","coordY","rescale","x","coordX","commit","next","clamped","moveThumb","raw","idx","pickThumb","onMouseMove","useEventCallback","onMouseEnd","onMouseDown","onTouchStartNative","useSafeLayoutEffect","el","onThumbKeyDown","delta","classNames","cn","p0","toPercent","p1","startPct","spanPct","mainStart","mainEnd","trackStyle","jsx","TextFieldWrapper","m","mp","SingleSlider","singleDefault","singleValueProp","setValue","isDragging","setIsDragging","isActive","setIsActive","isFocused","setIsFocused","isDiscrete","updateValue","offsetToValue","absolute","containerSize","element","absolutePosition","newValue","onTouchStart","touch","clientX","clientY","removeListeners","handleArrowsControls","e","handleBlur","pct","thumbStyle","getTicks","jsxs","TextField","Slider"],"mappings":"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"}

package/dist/headless/components/inputs/slider/utils.js

@@ -0,0 +1,40 @@
+function s(n, c, t) {
+  return (n - c) / (t - c) * 100;
+}
+function f(n) {
+  return (`${n}`.split(".")[1] || "").length;
+}
+function o(n, c, t) {
+  return Math.max(c, Math.min(n, t));
+}
+function u(n, c = 1) {
+  const t = Math.pow(10, c);
+  return Math.round(n * t) / t;
+}
+function d(n, c, t, r) {
+  if (r == null || r <= 0)
+    return o(n, c, t);
+  const e = f(r), i = u(Math.round((n - c) / r) * r, e), a = u(Math.floor((t - c) / r) * r, e);
+  return c + o(i, 0, a);
+}
+function h(n, c, t, r = {}) {
+  const e = (n - c[0]) / (c[1] - c[0]) * (t[1] - t[0]) + t[0];
+  return d(e, t[0], t[1], r.step);
+}
+function l(n) {
+  return n instanceof MouseEvent ? n.clientX : n instanceof TouchEvent ? n.changedTouches[0].clientX : 0;
+}
+function M(n) {
+  return n instanceof MouseEvent ? n.clientY : n instanceof TouchEvent ? n.changedTouches[0].clientY : 0;
+}
+export {
+  o as clamp,
+  l as coordX,
+  M as coordY,
+  d as decimatedClamp,
+  f as precision,
+  u as precisionRound,
+  h as rescale,
+  s as toPercent
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/components/inputs/slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/slider/utils.ts"],"sourcesContent":["import React from \"react\";\n\nexport function toPercent(value: number, min: number, max: number) {\n  return ((value - min) / (max - min)) * 100;\n}\n\nexport function precision(number: number) {\n  return (`${number}`.split(\".\")[1] || \"\").length;\n}\n\nexport function clamp(value: number, min: number, max: number) {\n  return Math.max(min, Math.min(value, max));\n}\n\nexport function precisionRound(number: number, precision = 1) {\n  const factor = Math.pow(10, precision);\n\n  return Math.round(number * factor) / factor;\n}\n\nexport function decimatedClamp(val: number, min: number, max: number, step?: number) {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n\n  const prec = precision(step);\n  // Round value to nearest min + k1 * step\n  const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n  // Round range length _down_ to nearest min + k2 * step\n  const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n\n  return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(value: number, from: [number, number], to: [number, number], options: { step?: number } = {}) {\n  const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n\nexport function coordX(event: React.MouseEvent | React.TouchEvent): number {\n  if (event instanceof MouseEvent) {\n    return event.clientX;\n  }\n  if (event instanceof TouchEvent) {\n    return event.changedTouches[0].clientX;\n  }\n  return 0;\n}\n\nexport function coordY(event: React.MouseEvent | React.TouchEvent): number {\n  if (event instanceof MouseEvent) {\n    return event.clientY;\n  }\n  if (event instanceof TouchEvent) {\n    return event.changedTouches[0].clientY;\n  }\n  return 0;\n}\n"],"names":["toPercent","value","min","max","precision","number","clamp","precisionRound","factor","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","rescale","from","to","options","scaled","coordX","event","coordY"],"mappings":"AAEO,SAASA,EAAUC,GAAeC,GAAaC,GAAa;AACjE,UAASF,IAAQC,MAAQC,IAAMD,KAAQ;AACzC;AAEO,SAASE,EAAUC,GAAgB;AACxC,UAAQ,GAAGA,CAAM,GAAG,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI;AAC3C;AAEO,SAASC,EAAML,GAAeC,GAAaC,GAAa;AAC7D,SAAO,KAAK,IAAID,GAAK,KAAK,IAAID,GAAOE,CAAG,CAAC;AAC3C;AAEO,SAASI,EAAeF,GAAgBD,IAAY,GAAG;AAC5D,QAAMI,IAAS,KAAK,IAAI,IAAIJ,CAAS;AAErC,SAAO,KAAK,MAAMC,IAASG,CAAM,IAAIA;AACvC;AAEO,SAASC,EAAeC,GAAaR,GAAaC,GAAaQ,GAAe;AACnF,MAAIA,KAAQ,QAAQA,KAAQ;AAC1B,WAAOL,EAAMI,GAAKR,GAAKC,CAAG;AAG5B,QAAMS,IAAOR,EAAUO,CAAI,GAErBE,IAAkBN,EAAe,KAAK,OAAOG,IAAMR,KAAOS,CAAI,IAAIA,GAAMC,CAAI,GAE5EE,IAAiBP,EAAe,KAAK,OAAOJ,IAAMD,KAAOS,CAAI,IAAIA,GAAMC,CAAI;AAEjF,SAAOV,IAAMI,EAAMO,GAAiB,GAAGC,CAAc;AACvD;AAEO,SAASC,EAAQd,GAAee,GAAwBC,GAAsBC,IAA6B,CAAA,GAAI;AACpH,QAAMC,KAAWlB,IAAQe,EAAK,CAAC,MAAMA,EAAK,CAAC,IAAIA,EAAK,CAAC,MAAOC,EAAG,CAAC,IAAIA,EAAG,CAAC,KAAKA,EAAG,CAAC;AAEjF,SAAOR,EAAeU,GAAQF,EAAG,CAAC,GAAGA,EAAG,CAAC,GAAGC,EAAQ,IAAI;AAC1D;AAEO,SAASE,EAAOC,GAAoD;AACzE,SAAIA,aAAiB,aACZA,EAAM,UAEXA,aAAiB,aACZA,EAAM,eAAe,CAAC,EAAE,UAE1B;AACT;AAEO,SAASC,EAAOD,GAAoD;AACzE,SAAIA,aAAiB,aACZA,EAAM,UAEXA,aAAiB,aACZA,EAAM,eAAe,CAAC,EAAE,UAE1B;AACT;"}

package/dist/headless/components/inputs/textField/textField.js

@@ -0,0 +1,125 @@
+import { jsx as k } from "react/jsx-runtime";
+import t from "react";
+import C from "clsx";
+import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as K } from "../../../hooks/useForkRef.js";
+import { isFilled as Q } from "./utils.js";
+import { TextFieldWrapper as U } from "./textFieldWrapper.js";
+const ie = t.forwardRef(function(a, S) {
+  const {
+    label: F,
+    helperText: T,
+    variant: v = "outlined",
+    size: _ = "medium",
+    required: h,
+    className: y,
+    disabled: o,
+    value: l,
+    defaultValue: B,
+    onChange: u,
+    onFocus: f,
+    onBlur: c,
+    error: b,
+    name: D,
+    type: E = "text",
+    readOnly: N,
+    placeholder: q,
+    fullWidth: z,
+    id: w,
+    startAdornment: d,
+    endAdornment: R,
+    inline: m,
+    autoComplete: A,
+    inputMode: I,
+    ...M
+  } = a, [p, x] = t.useState(!1), [W, j] = t.useState(!1), { current: s } = t.useRef(l != null), n = t.useRef(null), H = K(S, n), L = (e) => {
+    if (o) {
+      e.stopPropagation();
+      return;
+    }
+    f == null || f(e), x(!0);
+  }, O = (e) => {
+    if (!s) {
+      const i = e.target || n.current;
+      r({
+        value: i.value
+      });
+    }
+    c == null || c(e, a), x(!1);
+  }, r = t.useCallback((e) => {
+    const i = !!Q(e);
+    j((g) => g === i ? g : i);
+  }, []), V = (e) => {
+    if (!s) {
+      const i = e.target || n.current;
+      r({
+        value: i.value
+      });
+    }
+    u == null || u(e, a);
+  }, $ = (e) => {
+    n.current && e.currentTarget === e.target && (e.preventDefault(), n.current.focus());
+  };
+  t.useEffect(() => {
+    o && p && x(!1);
+  }, [o, p]), t.useEffect(() => {
+    r(n.current);
+  }, [r]), J(() => {
+    s && r({ value: l });
+  }, [l, s, r]);
+  const G = C(
+    "smwb-text-field__input",
+    (!F || m) && "smwb-text-field__input--show-placeholder",
+    d && "smwb-text-field__input--adornment-start",
+    R && "smwb-text-field__input--adornment-end",
+    m && "smwb-text-field__input--inline"
+  );
+  return /* @__PURE__ */ k(
+    U,
+    {
+      label: F,
+      helperText: T,
+      variant: v,
+      disabled: o,
+      className: C(y, _ !== "medium" && `smwb-text-field_size-${_}`),
+      error: b,
+      fullWidth: z,
+      isFilledState: W,
+      isFocused: p,
+      htmlFor: w,
+      shrink: !!d,
+      onHolderMouseDown: $,
+      startAdornment: d,
+      endAdornment: R,
+      inline: m,
+      ...M,
+      children: /* @__PURE__ */ k(
+        "input",
+        {
+          type: E,
+          defaultValue: B,
+          name: D,
+          readOnly: N,
+          required: h,
+          "aria-invalid": b || void 0,
+          "aria-required": h || void 0,
+          placeholder: q,
+          disabled: o,
+          value: l,
+          className: G,
+          ref: H,
+          onChange: V,
+          onFocus: L,
+          onBlur: O,
+          id: w,
+          autoComplete: A,
+          inputMode: I
+        }
+      )
+    }
+  );
+});
+export {
+  ie as TextField
+};
+//# sourceMappingURL=textField.js.map

package/dist/headless/components/inputs/textField/textField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textField.js","sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\n\nexport interface TextFieldProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean;\n  value?: string | number;\n  className?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  id?: string;\n  inline?: boolean;\n  autoComplete?: string;\n}\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(props, ref) {\n  const {\n    label,\n    helperText,\n    variant = \"outlined\",\n    size = \"medium\",\n    required,\n    className,\n    disabled,\n    value,\n    defaultValue,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    name,\n    type = \"text\",\n    readOnly,\n    placeholder,\n    fullWidth,\n    id,\n    startAdornment,\n    endAdornment,\n    inline,\n    autoComplete,\n    inputMode,\n    ...rest\n  } = props;\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n  const [isFilledState, setIsFilledState] = React.useState<boolean>(false);\n\n  const { current: isControlled } = React.useRef<boolean>(value != null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const inputForkRef = useForkRef<HTMLInputElement>(ref, inputRef);\n\n  const onFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    onFocusProp?.(event);\n\n    setIsFocused(true);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onBlurProp?.(event, props);\n    setIsFocused(false);\n  };\n\n  const checkDirty = React.useCallback((obj: Parameters<typeof isFilled>[0]) => {\n    const filled = Boolean(isFilled(obj));\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  }, []);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onChangeProp?.(event, props);\n  };\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputRef.current.focus();\n    }\n  };\n\n  React.useEffect(() => {\n    if (disabled && isFocused) {\n      setIsFocused(false);\n    }\n  }, [disabled, isFocused]);\n\n  React.useEffect(() => {\n    checkDirty(inputRef.current);\n  }, [checkDirty]);\n\n  useSafeLayoutEffect(() => {\n    if (isControlled) {\n      checkDirty({ value });\n    }\n  }, [value, isControlled, checkDirty]);\n\n  const inputClasses = cn(\n    \"smwb-text-field__input\",\n    (!label || inline) && \"smwb-text-field__input--show-placeholder\",\n    startAdornment && \"smwb-text-field__input--adornment-start\",\n    endAdornment && \"smwb-text-field__input--adornment-end\",\n    inline && \"smwb-text-field__input--inline\"\n  );\n\n  return (\n    <TextFieldWrapper\n      label={label}\n      helperText={helperText}\n      variant={variant}\n      disabled={disabled}\n      className={cn(className, size !== \"medium\" && `smwb-text-field_size-${size}`)}\n      error={error}\n      fullWidth={fullWidth}\n      isFilledState={isFilledState}\n      isFocused={isFocused}\n      htmlFor={id}\n      shrink={Boolean(startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      inline={inline}\n      {...rest}\n    >\n      <input\n        type={type}\n        defaultValue={defaultValue}\n        name={name}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={error || undefined}\n        aria-required={required || undefined}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        className={inputClasses}\n        ref={inputForkRef}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={id}\n        autoComplete={autoComplete}\n        inputMode={inputMode}\n      />\n    </TextFieldWrapper>\n  );\n});\n"],"names":["TextField","React","props","ref","label","helperText","variant","size","required","className","disabled","value","defaultValue","onChangeProp","onFocusProp","onBlurProp","error","name","type","readOnly","placeholder","fullWidth","id","startAdornment","endAdornment","inline","autoComplete","inputMode","rest","isFocused","setIsFocused","isFilledState","setIsFilledState","isControlled","inputRef","inputForkRef","useForkRef","onFocus","event","onBlur","element","checkDirty","obj","filled","isFilled","prev","onChange","onHolderMouseDown","useSafeLayoutEffect","inputClasses","cn","jsx","TextFieldWrapper"],"mappings":"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"}

package/dist/headless/components/inputs/textField/textFieldAdornment.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "clsx";
+function i({
+  position: t,
+  variant: n,
+  children: e,
+  className: d,
+  disablePointerEvents: m,
+  inline: r
+}) {
+  const s = a(
+    "smwb-text-field__adornment",
+    d,
+    t === "start" && "smwb-text-field__adornment--start",
+    t === "end" && "smwb-text-field__adornment--end",
+    m && "smwb-text-field__adornment--disable-pointer",
+    !r && n === "filled" && "smwb-text-field__adornment--filled",
+    typeof e == "string" && "smwb-text-field__adornment--text"
+  );
+  return /* @__PURE__ */ o("span", { className: s, children: e });
+}
+export {
+  i as TextFieldAdornment
+};
+//# sourceMappingURL=textFieldAdornment.js.map

package/dist/headless/components/inputs/textField/textFieldAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldProps } from \"./textField\";\n\nexport interface TextFieldAdornmentProps extends Pick<JSX.IntrinsicElements[\"span\"], \"children\" | \"className\"> {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldProps[\"variant\"];\n  inline?: boolean;\n}\n\nexport function TextFieldAdornment({\n  position,\n  variant,\n  children,\n  className,\n  disablePointerEvents,\n  inline,\n}: TextFieldAdornmentProps) {\n  const classes = cn(\n    \"smwb-text-field__adornment\",\n    className,\n    position === \"start\" && \"smwb-text-field__adornment--start\",\n    position === \"end\" && \"smwb-text-field__adornment--end\",\n    disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n    !inline && variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n    typeof children === \"string\" && \"smwb-text-field__adornment--text\"\n  );\n\n  return <span className={classes}>{children}</span>;\n}\n"],"names":["TextFieldAdornment","position","variant","children","className","disablePointerEvents","inline","classes","cn","jsx"],"mappings":";;AAWO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,QAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAUC;AAAA,IACd;AAAA,IACAJ;AAAA,IACAH,MAAa,WAAW;AAAA,IACxBA,MAAa,SAAS;AAAA,IACtBI,KAAwB;AAAA,IACxB,CAACC,KAAUJ,MAAY,YAAY;AAAA,IACnC,OAAOC,KAAa,YAAY;AAAA,EAAA;AAGlC,SAAO,gBAAAM,EAAC,QAAA,EAAK,WAAWF,GAAU,UAAAJ,EAAA,CAAS;AAC7C;"}