@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Slider.js

@@ -1,562 +1,2 @@
-"use client";
-import "./styles/main.css";
-import { jsx as m, jsxs as X } from "react/jsx-runtime";
-import { Input as Q } from "./primitives/input.js";
-import * as p from "react";
-import { useMemo as Se, useState as Z, useEffect as ge, useCallback as U } from "react";
-import { c as te } from "./index-rKs9bXHr.js";
-import { e as ve, c as N, P as L, u as T, a as be } from "./index-Dc0No4pV.js";
-import { c as we, u as ye } from "./index-CKEI0pDv.js";
-import { u as xe } from "./index-BZPx6jYI.js";
-import { u as Re } from "./index-psiVrsnE.js";
-import { cn as ee } from "./utils/twUtils.js";
-var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], oe = {
-  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
-  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, z = "Slider", [G, De, Ee] = we(z), [ae] = be(z, [
-  Ee
-]), [Pe, $] = ae(z), ie = p.forwardRef(
-  (e, t) => {
-    const {
-      name: r,
-      min: n = 0,
-      max: s = 100,
-      step: c = 1,
-      orientation: o = "horizontal",
-      disabled: a = !1,
-      minStepsBetweenThumbs: d = 0,
-      defaultValue: h = [n],
-      value: w,
-      onValueChange: i = () => {
-      },
-      onValueCommit: f = () => {
-      },
-      inverted: y = !1,
-      form: b,
-      ...S
-    } = e, g = p.useRef(/* @__PURE__ */ new Set()), v = p.useRef(0), R = o === "horizontal" ? Ce : Me, [l = [], D] = ve({
-      prop: w,
-      defaultProp: h,
-      onChange: (x) => {
-        [...g.current][v.current]?.focus(), i(x);
-      }
-    }), I = p.useRef(l);
-    function k(x) {
-      const C = ke(l, x);
-      A(x, C);
-    }
-    function O(x) {
-      A(x, v.current);
-    }
-    function V() {
-      const x = I.current[v.current];
-      l[v.current] !== x && f(l);
-    }
-    function A(x, C, { commit: B } = { commit: !1 }) {
-      const F = ze(c), H = Be(Math.round((x - n) / c) * c + n, F), K = te(H, [n, s]);
-      D((M = []) => {
-        const u = Ae(M, K, C);
-        if (Te(u, d * c)) {
-          v.current = u.indexOf(K);
-          const E = String(u) !== String(M);
-          return E && B && f(u), E ? u : M;
-        } else
-          return M;
-      });
-    }
-    return /* @__PURE__ */ m(
-      Pe,
-      {
-        scope: e.__scopeSlider,
-        name: r,
-        disabled: a,
-        min: n,
-        max: s,
-        valueIndexToChangeRef: v,
-        thumbs: g.current,
-        values: l,
-        orientation: o,
-        form: b,
-        children: /* @__PURE__ */ m(G.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(G.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
-          R,
-          {
-            "aria-disabled": a,
-            "data-disabled": a ? "" : void 0,
-            ...S,
-            ref: t,
-            onPointerDown: N(S.onPointerDown, () => {
-              a || (I.current = l);
-            }),
-            min: n,
-            max: s,
-            inverted: y,
-            onSlideStart: a ? void 0 : k,
-            onSlideMove: a ? void 0 : O,
-            onSlideEnd: a ? void 0 : V,
-            onHomeKeyDown: () => !a && A(n, 0, { commit: !0 }),
-            onEndKeyDown: () => !a && A(s, l.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: x, direction: C }) => {
-              if (!a) {
-                const H = ne.includes(x.key) || x.shiftKey && re.includes(x.key) ? 10 : 1, K = v.current, M = l[K], u = c * H * C;
-                A(M + u, K, { commit: !0 });
-              }
-            }
-          }
-        ) }) })
-      }
-    );
-  }
-);
-ie.displayName = z;
-var [se, le] = ae(z, {
-  startEdge: "left",
-  endEdge: "right",
-  size: "width",
-  direction: 1
-}), Ce = p.forwardRef(
-  (e, t) => {
-    const {
-      min: r,
-      max: n,
-      dir: s,
-      inverted: c,
-      onSlideStart: o,
-      onSlideMove: a,
-      onSlideEnd: d,
-      onStepKeyDown: h,
-      ...w
-    } = e, [i, f] = p.useState(null), y = T(t, (R) => f(R)), b = p.useRef(void 0), S = ye(s), g = S === "ltr", v = g && !c || !g && c;
-    function _(R) {
-      const l = b.current || i.getBoundingClientRect(), D = [0, l.width], k = J(D, v ? [r, n] : [n, r]);
-      return b.current = l, k(R - l.left);
-    }
-    return /* @__PURE__ */ m(
-      se,
-      {
-        scope: e.__scopeSlider,
-        startEdge: v ? "left" : "right",
-        endEdge: v ? "right" : "left",
-        direction: v ? 1 : -1,
-        size: "width",
-        children: /* @__PURE__ */ m(
-          ce,
-          {
-            dir: S,
-            "data-orientation": "horizontal",
-            ...w,
-            ref: y,
-            style: {
-              ...w.style,
-              "--radix-slider-thumb-transform": "translateX(-50%)"
-            },
-            onSlideStart: (R) => {
-              const l = _(R.clientX);
-              o?.(l);
-            },
-            onSlideMove: (R) => {
-              const l = _(R.clientX);
-              a?.(l);
-            },
-            onSlideEnd: () => {
-              b.current = void 0, d?.();
-            },
-            onStepKeyDown: (R) => {
-              const D = oe[v ? "from-left" : "from-right"].includes(R.key);
-              h?.({ event: R, direction: D ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), Me = p.forwardRef(
-  (e, t) => {
-    const {
-      min: r,
-      max: n,
-      inverted: s,
-      onSlideStart: c,
-      onSlideMove: o,
-      onSlideEnd: a,
-      onStepKeyDown: d,
-      ...h
-    } = e, w = p.useRef(null), i = T(t, w), f = p.useRef(void 0), y = !s;
-    function b(S) {
-      const g = f.current || w.current.getBoundingClientRect(), v = [0, g.height], R = J(v, y ? [n, r] : [r, n]);
-      return f.current = g, R(S - g.top);
-    }
-    return /* @__PURE__ */ m(
-      se,
-      {
-        scope: e.__scopeSlider,
-        startEdge: y ? "bottom" : "top",
-        endEdge: y ? "top" : "bottom",
-        size: "height",
-        direction: y ? 1 : -1,
-        children: /* @__PURE__ */ m(
-          ce,
-          {
-            "data-orientation": "vertical",
-            ...h,
-            ref: i,
-            style: {
-              ...h.style,
-              "--radix-slider-thumb-transform": "translateY(50%)"
-            },
-            onSlideStart: (S) => {
-              const g = b(S.clientY);
-              c?.(g);
-            },
-            onSlideMove: (S) => {
-              const g = b(S.clientY);
-              o?.(g);
-            },
-            onSlideEnd: () => {
-              f.current = void 0, a?.();
-            },
-            onStepKeyDown: (S) => {
-              const v = oe[y ? "from-bottom" : "from-top"].includes(S.key);
-              d?.({ event: S, direction: v ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), ce = p.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSlider: r,
-      onSlideStart: n,
-      onSlideMove: s,
-      onSlideEnd: c,
-      onHomeKeyDown: o,
-      onEndKeyDown: a,
-      onStepKeyDown: d,
-      ...h
-    } = e, w = $(z, r);
-    return /* @__PURE__ */ m(
-      L.span,
-      {
-        ...h,
-        ref: t,
-        onKeyDown: N(e.onKeyDown, (i) => {
-          i.key === "Home" ? (o(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : ne.concat(re).includes(i.key) && (d(i), i.preventDefault());
-        }),
-        onPointerDown: N(e.onPointerDown, (i) => {
-          const f = i.target;
-          f.setPointerCapture(i.pointerId), i.preventDefault(), w.thumbs.has(f) ? f.focus() : n(i);
-        }),
-        onPointerMove: N(e.onPointerMove, (i) => {
-          i.target.hasPointerCapture(i.pointerId) && s(i);
-        }),
-        onPointerUp: N(e.onPointerUp, (i) => {
-          const f = i.target;
-          f.hasPointerCapture(i.pointerId) && (f.releasePointerCapture(i.pointerId), c(i));
-        })
-      }
-    );
-  }
-), de = "SliderTrack", ue = p.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, ...n } = e, s = $(de, r);
-    return /* @__PURE__ */ m(
-      L.span,
-      {
-        "data-disabled": s.disabled ? "" : void 0,
-        "data-orientation": s.orientation,
-        ...n,
-        ref: t
-      }
-    );
-  }
-);
-ue.displayName = de;
-var W = "SliderRange", fe = p.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, ...n } = e, s = $(W, r), c = le(W, r), o = p.useRef(null), a = T(t, o), d = s.values.length, h = s.values.map(
-      (f) => he(f, s.min, s.max)
-    ), w = d > 1 ? Math.min(...h) : 0, i = 100 - Math.max(...h);
-    return /* @__PURE__ */ m(
-      L.span,
-      {
-        "data-orientation": s.orientation,
-        "data-disabled": s.disabled ? "" : void 0,
-        ...n,
-        ref: a,
-        style: {
-          ...e.style,
-          [c.startEdge]: w + "%",
-          [c.endEdge]: i + "%"
-        }
-      }
-    );
-  }
-);
-fe.displayName = W;
-var q = "SliderThumb", me = p.forwardRef(
-  (e, t) => {
-    const r = De(e.__scopeSlider), [n, s] = p.useState(null), c = T(t, (a) => s(a)), o = p.useMemo(
-      () => n ? r().findIndex((a) => a.ref.current === n) : -1,
-      [r, n]
-    );
-    return /* @__PURE__ */ m(_e, { ...e, ref: c, index: o });
-  }
-), _e = p.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, index: n, name: s, ...c } = e, o = $(q, r), a = le(q, r), [d, h] = p.useState(null), w = T(t, (_) => h(_)), i = d ? o.form || !!d.closest("form") : !0, f = Re(d), y = o.values[n], b = y === void 0 ? 0 : he(y, o.min, o.max), S = Ke(n, o.values.length), g = f?.[a.size], v = g ? Ve(g, b, a.direction) : 0;
-    return p.useEffect(() => {
-      if (d)
-        return o.thumbs.add(d), () => {
-          o.thumbs.delete(d);
-        };
-    }, [d, o.thumbs]), /* @__PURE__ */ X(
-      "span",
-      {
-        style: {
-          transform: "var(--radix-slider-thumb-transform)",
-          position: "absolute",
-          [a.startEdge]: `calc(${b}% + ${v}px)`
-        },
-        children: [
-          /* @__PURE__ */ m(G.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
-            L.span,
-            {
-              role: "slider",
-              "aria-label": e["aria-label"] || S,
-              "aria-valuemin": o.min,
-              "aria-valuenow": y,
-              "aria-valuemax": o.max,
-              "aria-orientation": o.orientation,
-              "data-orientation": o.orientation,
-              "data-disabled": o.disabled ? "" : void 0,
-              tabIndex: o.disabled ? void 0 : 0,
-              ...c,
-              ref: w,
-              style: y === void 0 ? { display: "none" } : e.style,
-              onFocus: N(e.onFocus, () => {
-                o.valueIndexToChangeRef.current = n;
-              })
-            }
-          ) }),
-          i && /* @__PURE__ */ m(
-            pe,
-            {
-              name: s ?? (o.name ? o.name + (o.values.length > 1 ? "[]" : "") : void 0),
-              form: o.form,
-              value: y
-            },
-            n
-          )
-        ]
-      }
-    );
-  }
-);
-me.displayName = q;
-var Ie = "RadioBubbleInput", pe = p.forwardRef(
-  ({ __scopeSlider: e, value: t, ...r }, n) => {
-    const s = p.useRef(null), c = T(s, n), o = xe(t);
-    return p.useEffect(() => {
-      const a = s.current;
-      if (!a) return;
-      const d = window.HTMLInputElement.prototype, w = Object.getOwnPropertyDescriptor(d, "value").set;
-      if (o !== t && w) {
-        const i = new Event("input", { bubbles: !0 });
-        w.call(a, t), a.dispatchEvent(i);
-      }
-    }, [o, t]), /* @__PURE__ */ m(
-      L.input,
-      {
-        style: { display: "none" },
-        ...r,
-        ref: c,
-        defaultValue: t
-      }
-    );
-  }
-);
-pe.displayName = Ie;
-function Ae(e = [], t, r) {
-  const n = [...e];
-  return n[r] = t, n.sort((s, c) => s - c);
-}
-function he(e, t, r) {
-  const c = 100 / (r - t) * (e - t);
-  return te(c, [0, 100]);
-}
-function Ke(e, t) {
-  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
-}
-function ke(e, t) {
-  if (e.length === 1) return 0;
-  const r = e.map((s) => Math.abs(s - t)), n = Math.min(...r);
-  return r.indexOf(n);
-}
-function Ve(e, t, r) {
-  const n = e / 2, c = J([0, 50], [0, n]);
-  return (n - c(t) * r) * r;
-}
-function Ne(e) {
-  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
-}
-function Te(e, t) {
-  if (t > 0) {
-    const r = Ne(e);
-    return Math.min(...r) >= t;
-  }
-  return !0;
-}
-function J(e, t) {
-  return (r) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const n = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + n * (r - e[0]);
-  };
-}
-function ze(e) {
-  return (String(e).split(".")[1] || "").length;
-}
-function Be(e, t) {
-  const r = Math.pow(10, t);
-  return Math.round(e * r) / r;
-}
-var He = ie, Le = ue, Oe = fe, Fe = me;
-const Qe = ({ accessibleName: e, className: t, defaultValue: r, disabled: n, inputPosition: s, label: c, labelPosition: o, max: a = 100, min: d = 0, minStepsBetweenThumbs: h = 1, name: w, onValueChange: i, onValueCommit: f, orientation: y = "horizontal", step: b = 1, value: S }) => {
-  const g = S !== void 0, v = Se(
-    () => Array.isArray(S) ? S : Array.isArray(r) ? r : [d],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), [_, R] = Z(v), l = g ? S : _, [D, I] = Z(() => l.map(String));
-  ge(() => {
-    I(l.map(String));
-  }, [l]);
-  const k = U(
-    (u) => {
-      g || R(u), i?.(u);
-    },
-    [g, i]
-  ), O = U(
-    (u, E) => {
-      const P = [...D];
-      P[u] = E.target.value, I(P);
-    },
-    [D]
-  ), V = U(
-    (u) => {
-      const E = D[u];
-      if (E === "") {
-        I(l.map(String));
-        return;
-      }
-      let P = parseFloat(E);
-      if (isNaN(P)) {
-        I(l.map(String));
-        return;
-      }
-      P = Math.max(d, Math.min(a, P));
-      const Y = [...l];
-      if (u === 0 && l.length > 1) {
-        const j = l[1] - h * b;
-        P = Math.min(P, j);
-      } else if (u === 1) {
-        const j = l[0] + h * b;
-        P = Math.max(P, j);
-      }
-      Y[u] = P, k(Y), f?.(Y);
-    },
-    [D, l, d, a, b, h, k, f]
-  ), A = U(
-    (u, E) => {
-      E.key === "Enter" && (V(u), E.currentTarget.blur());
-    },
-    [V]
-  ), x = y === "vertical", C = o === "both", B = c && (o === "end" || o === "both"), F = s === "start" || s === "both", H = s === "both" && l.length > 1, K = ee("text-slider-label text-sm tabular-nums shrink-0", x ? "text-center" : ""), M = "w-10 h-fit px-1 shrink-0 text-center text-sm tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
-  return /* @__PURE__ */ X("div", { className: ee("flex items-center gap-3", x ? "flex-col" : "w-full", t), "data-testid": "spectral-slider-container", children: [
-    C && /* @__PURE__ */ m("span", { className: K, "data-slot": "slider-label", "data-testid": "spectral-slider-label-start", children: c?.({ values: l, min: d, max: a, position: "start" }) }),
-    F && /* @__PURE__ */ m(
-      Q,
-      {
-        "aria-label": e ? `${e} start value` : "Slider start value",
-        className: M,
-        "data-slot": "slider-input",
-        "data-testid": "spectral-slider-input-start",
-        disabled: n,
-        max: l.length > 1 ? l[1] - h * b : a,
-        min: d,
-        onBlur: () => V(0),
-        onChange: (u) => O(0, u),
-        onKeyDown: (u) => A(0, u),
-        step: b,
-        type: "number",
-        value: D[0] ?? ""
-      }
-    ),
-    /* @__PURE__ */ X(
-      He,
-      {
-        "aria-label": e,
-        "aria-valuemax": a,
-        "aria-valuemin": d,
-        "aria-valuenow": l[0],
-        className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        "data-slot": "slider",
-        "data-testid": "spectral-slider",
-        disabled: n,
-        max: a,
-        min: d,
-        minStepsBetweenThumbs: h,
-        name: w,
-        onValueChange: k,
-        onValueCommit: f,
-        orientation: y,
-        step: b,
-        value: l,
-        children: [
-          /* @__PURE__ */ m(
-            Le,
-            {
-              className: "bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
-              "data-slot": "slider-track",
-              "data-testid": "spectral-slider-track",
-              children: /* @__PURE__ */ m(Oe, { className: "bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", "data-slot": "slider-range", "data-testid": "spectral-slider-range" })
-            }
-          ),
-          Array.from({ length: l.length }, (u, E) => /* @__PURE__ */ m(
-            Fe,
-            {
-              className: "border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 block size-5 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-              "data-slot": "slider-thumb",
-              "data-testid": "spectral-slider-thumb"
-            },
-            E
-          ))
-        ]
-      }
-    ),
-    H && /* @__PURE__ */ m(
-      Q,
-      {
-        "aria-label": e ? `${e} end value` : "Slider end value",
-        className: M,
-        "data-slot": "slider-input",
-        "data-testid": "spectral-slider-input-end",
-        disabled: n,
-        max: a,
-        min: l[0] + h * b,
-        onBlur: () => V(1),
-        onChange: (u) => O(1, u),
-        onKeyDown: (u) => A(1, u),
-        step: b,
-        type: "number",
-        value: D[1] ?? ""
-      }
-    ),
-    B && /* @__PURE__ */ m("span", { className: K, "data-slot": "slider-label", "data-testid": "spectral-slider-label-end", children: c({ values: l, min: d, max: a, position: "end" }) })
-  ] });
-};
-export {
-  Qe as Slider
-};
+import { t as e } from "./Slider-BzzZT3Zm.js";
+export { e as Slider };

package/dist/SpectralProvider.js

@@ -1,7 +1,10 @@
 import "./styles/main.css";
-import { jsx as t, Fragment as a } from "react/jsx-runtime";
 import "react";
-const s = ({ children: r, className: e = "", isolated: o = !0 }) => o ? /* @__PURE__ */ t("div", { className: `spectral-root ${e}`, children: r }) : /* @__PURE__ */ t(a, { children: r });
-export {
-  s as SpectralProvider
-};
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/SpectralProvider/SpectralProvider.tsx
+var n = ({ children: n, className: r = "", isolated: i = !0 }) => i ? /* @__PURE__ */ t("div", {
+	className: `spectral-root ${r}`,
+	children: n
+}) : /* @__PURE__ */ t(e, { children: n });
+//#endregion
+export { n as SpectralProvider };