@spear-ai/spectral 1.4.3 → 1.4.5

package/dist/Slider/SliderBase.js

@@ -1,256 +0,0 @@
-"use client";
-import "../styles/main.css";
-import { jsx as k, jsxs as Q } from "react/jsx-runtime";
-import { Slot as P } from "../primitives/slot.js";
-import { createContext as W, forwardRef as E, useEffect as Z, useRef as G, useState as B, useCallback as A, useContext as F, createRef as _ } from "react";
-function x(...r) {
-  return r.filter(Boolean).join(" ");
-}
-function I(r, i, e) {
-  return Math.min(e, Math.max(i, r));
-}
-function U(r, i, e) {
-  const a = Math.round((r - e) / i), l = e + a * i;
-  return Number(l.toFixed(10));
-}
-function L(r, i, e) {
-  return (r - i) * 100 / (e - i);
-}
-function tt(r, i, e) {
-  return i + r / 100 * (e - i);
-}
-function et(r, i) {
-  let e = 0, a = 1 / 0;
-  for (let l = 0; l < r.length; l += 1) {
-    const n = Math.abs(r[l] - i);
-    n < a && (a = n, e = l);
-  }
-  return e;
-}
-function nt(r) {
-  const { value: i, defaultValue: e, onChange: a } = r, [l, n] = B(e), s = Array.isArray(i), t = s ? i : l, o = A(
-    (u) => {
-      const d = typeof u == "function" ? u(t) : u;
-      s || n(d), a?.(d);
-    },
-    [s, a, t]
-  );
-  return [t, o];
-}
-const z = W(null), rt = E(
-  ({ asChild: r, className: i, value: e, defaultValue: a, onValueChange: l, onValueCommit: n, min: s = 0, max: t = 100, step: o = 1, minStepsBetweenThumbs: u = 0, orientation: d = "horizontal", dir: S = "ltr", disabled: b = !1, name: h, form: N, required: T, children: V, ...$ }, c) => {
-    const [m, p] = nt({
-      value: e,
-      defaultValue: a && a.length > 0 ? a : [s],
-      onChange: l
-    });
-    Z(() => {
-      p((g) => X(g, { min: s, max: t, step: o, minStepsBetweenThumbs: u }));
-    }, [s, t, o, u]);
-    const v = G(null), f = G([]), [y, C] = B(null), w = A(
-      (g, R) => {
-        const D = X(g, { min: s, max: t, step: o, minStepsBetweenThumbs: u });
-        p(D), R?.commit && n?.(D);
-      },
-      [t, s, u, n, p, o]
-    ), K = A(
-      (g, R, D) => {
-        const j = [...m];
-        j[g] = R, w(j, D);
-      },
-      [w, m]
-    ), M = {
-      values: m,
-      setValues: w,
-      min: s,
-      max: t,
-      step: o,
-      minStepsBetweenThumbs: u,
-      orientation: d,
-      dir: S,
-      disabled: b,
-      trackRef: v,
-      thumbsRef: f,
-      activeIndex: y,
-      setActiveIndex: C,
-      updateAtIndex: K
-    }, J = r ? P : "div", O = c;
-    return /* @__PURE__ */ k(z.Provider, { value: M, children: /* @__PURE__ */ Q(J, { ref: O, role: "presentation", "data-orientation": d, "data-disabled": b ? "" : void 0, className: x("relative touch-none select-none", d === "horizontal" ? "h-6 w-full" : "h-full w-6", i), ...$, children: [
-      h && M.values.map((g, R) => /* @__PURE__ */ k(
-        "input",
-        {
-          type: "hidden",
-          name: M.values.length > 1 ? `${h}[]` : h,
-          value: String(g),
-          form: N,
-          required: T && R === 0,
-          "aria-hidden": "true"
-        },
-        R
-      )),
-      V
-    ] }) });
-  }
-);
-rt.displayName = "SliderBase";
-function X(r, i) {
-  const { min: e, max: a, step: l, minStepsBetweenThumbs: n } = i, s = r.map((o) => I(U(o, l, e), e, a));
-  if (s.sort((o, u) => o - u), s.length <= 1 || n <= 0) return s;
-  const t = l * n;
-  for (let o = 1; o < s.length; o += 1)
-    s[o] - s[o - 1] < t && (s[o] = I(s[o - 1] + t, e, a));
-  return s;
-}
-const ot = E(({ asChild: r, className: i, onPointerDown: e, ...a }, l) => {
-  const n = F(z);
-  if (!n) throw new Error("SliderTrack must be used within Slider");
-  const s = r ? P : "div", t = (u) => {
-    n.trackRef.current = u, typeof l == "function" ? l(u) : l && "current" in l && (l.current = u);
-  }, o = A(
-    (u) => {
-      if (e?.(u), u.defaultPrevented || n.disabled) return;
-      const d = n.trackRef.current;
-      if (!d) return;
-      d.setPointerCapture?.(u.pointerId), u.preventDefault();
-      const S = d.getBoundingClientRect(), b = Y(u.clientX, u.clientY, S, n), h = et(n.values, b);
-      n.setActiveIndex(h), n.updateAtIndex(h, b), H(h, n);
-    },
-    [n, e]
-  );
-  return /* @__PURE__ */ k(
-    s,
-    {
-      ref: t,
-      "data-orientation": n.orientation,
-      className: x("bg-secondary relative grow rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i),
-      style: { touchAction: "none" },
-      onPointerDown: o,
-      ...a
-    }
-  );
-});
-ot.displayName = "SliderTrack";
-const it = E(({ asChild: r, className: i, style: e, ...a }, l) => {
-  const n = F(z);
-  if (!n) throw new Error("SliderRange must be used within Slider");
-  const s = r ? P : "div", t = L(n.values[0], n.min, n.max), o = L(n.values[n.values.length - 1], n.min, n.max), u = n.orientation === "horizontal" ? { left: `${t}%`, width: `${o - t}%` } : { bottom: `${t}%`, height: `${o - t}%` };
-  return /* @__PURE__ */ k(s, { ref: l, "data-orientation": n.orientation, className: x("bg-primary absolute rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i), style: { ...u, ...e }, ...a });
-});
-it.displayName = "SliderRange";
-const at = E(({ asChild: r, className: i, index: e, onKeyDown: a, onPointerDown: l, ...n }, s) => {
-  const t = F(z);
-  if (!t) throw new Error("SliderThumb must be used within Slider");
-  const [o] = B(() => {
-    const c = typeof e == "number" ? e : t.thumbsRef.current.length;
-    return t.thumbsRef.current[c] || (t.thumbsRef.current[c] = _()), c;
-  }), u = t.values[o] ?? t.values[t.values.length - 1], d = L(u, t.min, t.max), S = r ? P : "button", b = (c) => {
-    t.thumbsRef.current[o].current = c, typeof s == "function" ? s(c) : s && "current" in s && (s.current = c);
-  }, N = (t.activeIndex === null || t.activeIndex === o) && !t.disabled ? 0 : -1, T = A(
-    (c) => {
-      if (a?.(c), c.defaultPrevented || t.disabled) return;
-      const m = Math.max(t.step * 10, t.step), p = (w) => w === "inc" ? 1 : -1, v = (w) => st(o, w, t), f = c.key;
-      if (f === "Home") {
-        c.preventDefault(), t.updateAtIndex(o, t.min, { commit: !0 });
-        return;
-      }
-      if (f === "End") {
-        c.preventDefault(), t.updateAtIndex(o, t.max, { commit: !0 });
-        return;
-      }
-      const y = t.orientation === "horizontal", C = t.dir === "rtl";
-      if (f === "ArrowRight" && y) {
-        c.preventDefault(), v(t.step * (C ? -1 : 1));
-        return;
-      }
-      if (f === "ArrowLeft" && y) {
-        c.preventDefault(), v(t.step * (C ? 1 : -1));
-        return;
-      }
-      if (f === "ArrowUp" && !y) {
-        c.preventDefault(), v(t.step);
-        return;
-      }
-      if (f === "ArrowDown" && !y) {
-        c.preventDefault(), v(-t.step);
-        return;
-      }
-      if (f === "PageUp") {
-        c.preventDefault(), v(p("inc") * m);
-        return;
-      }
-      if (f === "PageDown") {
-        c.preventDefault(), v(p("dec") * m);
-        return;
-      }
-    },
-    [t, o, a]
-  ), V = A(
-    (c) => {
-      if (l?.(c), c.defaultPrevented || t.disabled) return;
-      const m = t.trackRef.current, p = t.thumbsRef.current[o].current;
-      !m || !p || (p.setPointerCapture?.(c.pointerId), c.preventDefault(), t.setActiveIndex(o), H(o, t));
-    },
-    [t, o, l]
-  ), $ = t.orientation === "horizontal" ? { left: `${d}%`, transform: "translate(-50%, -50%)" } : { bottom: `${d}%`, transform: "translate(-50%, 50%)" };
-  return /* @__PURE__ */ k(
-    S,
-    {
-      ref: b,
-      role: "slider",
-      tabIndex: N,
-      "aria-valuemin": t.min,
-      "aria-valuemax": t.max,
-      "aria-valuenow": u,
-      "aria-orientation": t.orientation,
-      "aria-disabled": t.disabled || void 0,
-      "data-orientation": t.orientation,
-      "data-disabled": t.disabled ? "" : void 0,
-      className: x("absolute grid place-items-center rounded-full shadow", "border-input border outline-none", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2", "h-5 w-5", i),
-      style: {
-        ...$,
-        ...t.orientation === "horizontal" ? { top: "50%" } : { left: "50%" },
-        touchAction: "none"
-      },
-      onKeyDown: T,
-      onPointerDown: V,
-      ...n
-    }
-  );
-});
-at.displayName = "SliderThumb";
-function Y(r, i, e, a) {
-  let l;
-  if (a.orientation === "horizontal") {
-    const o = I(r - e.left, 0, e.width) / e.width * 100;
-    l = a.dir === "rtl" ? 100 - o : o;
-  } else
-    l = 100 - I(i - e.top, 0, e.height) / e.height * 100;
-  const n = tt(l, a.min, a.max), s = U(n, a.step, a.min);
-  return I(s, a.min, a.max);
-}
-function q(r, i, e) {
-  const a = e.step * e.minStepsBetweenThumbs, l = r > 0 ? e.values[r - 1] : e.min, n = r < e.values.length - 1 ? e.values[r + 1] : e.max, s = l + (r > 0 ? a : 0), t = n - (r < e.values.length - 1 ? a : 0);
-  return I(i, s, t);
-}
-function st(r, i, e) {
-  const a = e.values[r], l = q(r, U(a + i, e.step, e.min), e);
-  e.updateAtIndex(r, l, { commit: !0 });
-}
-function H(r, i) {
-  const e = i.trackRef.current;
-  if (!e) return;
-  const a = () => e.getBoundingClientRect(), l = (s) => {
-    if (i.disabled) return;
-    const t = Y(s.clientX, s.clientY, a(), i), o = q(r, t, i);
-    i.updateAtIndex(r, o);
-  }, n = () => {
-    i.setActiveIndex(null), window.removeEventListener("pointermove", l, !0), window.removeEventListener("pointerup", n, !0);
-  };
-  window.addEventListener("pointermove", l, !0), window.addEventListener("pointerup", n, !0);
-}
-export {
-  rt as SliderBase,
-  it as SliderRange,
-  at as SliderThumb,
-  ot as SliderTrack
-};

package/dist/Tooltip/TooltipBase.d.ts

@@ -1,51 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-type Side = 'top' | 'right' | 'bottom' | 'left';
-type Align = 'start' | 'center' | 'end';
-export type TooltipProviderProps = {
-    children: ReactNode;
-    delayDuration?: number;
-    disableHoverableContent?: boolean;
-    skipDelayDuration?: number;
-};
-export declare const TooltipProviderBase: import('react').ForwardRefExoticComponent<TooltipProviderProps & import('react').RefAttributes<HTMLElement>>;
-export type TooltipRootProps = {
-    align?: Align;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    children: ReactNode;
-    defaultOpen?: boolean;
-    delayDuration?: number;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    side?: Side;
-    sideOffset?: number;
-};
-export declare const TooltipRootBase: ({ align, alignOffset, avoidCollisions, children, defaultOpen, delayDuration, onOpenChange, open: openProp, side, sideOffset }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
-export type TooltipTriggerProps = ComponentPropsWithoutRef<'button'> & {
-    asChild?: boolean;
-};
-export declare const TooltipTriggerBase: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean;
-} & import('react').RefAttributes<HTMLElement>>;
-export type TooltipContentProps = ComponentPropsWithoutRef<'div'> & {
-    arrowPadding?: number;
-    container?: Element | DocumentFragment | null | undefined;
-    forceMount?: boolean;
-    variant?: 'default' | 'outline';
-};
-export declare const TooltipContentBase: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    arrowPadding?: number;
-    container?: Element | DocumentFragment | null | undefined;
-    forceMount?: boolean;
-    variant?: "default" | "outline";
-} & import('react').RefAttributes<HTMLDivElement>>;
-export type TooltipArrowProps = ComponentPropsWithoutRef<'div'> & {
-    height?: number;
-    width?: number;
-};
-export declare const TooltipArrowBase: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    height?: number;
-    width?: number;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=TooltipBase.d.ts.map

package/dist/Tooltip/TooltipBase.js

@@ -1,186 +0,0 @@
-"use client";
-import "../styles/main.css";
-import { jsx as D } from "react/jsx-runtime";
-import { createForwardedRef as N } from "../utils/createForwardRef.js";
-import { cn as z } from "../utils/twUtils.js";
-import { createContext as X, forwardRef as L, useMemo as Y, useRef as E, useEffect as k, useCallback as g, useState as I, useContext as M, useId as A } from "react";
-import { createPortal as S } from "react-dom";
-const F = X(null), V = L(function({ children: a, delayDuration: d = 700, disableHoverableContent: l = !1, skipDelayDuration: p = 300 }) {
-  const c = Y(() => ({ delayDuration: d, skipDelayDuration: p, disableHoverableContent: l }), [d, p, l]);
-  return /* @__PURE__ */ D(F.Provider, { value: c, children: a });
-}), K = X(null), Z = ({ align: u = "center", alignOffset: a = 0, avoidCollisions: d = !0, children: l, defaultOpen: p, delayDuration: c, onOpenChange: f, open: v, side: h = "top", sideOffset: t = 0 }) => {
-  const r = M(F) ?? {
-    delayDuration: 700,
-    skipDelayDuration: 300,
-    disableHoverableContent: !1
-  }, w = {
-    ...r,
-    delayDuration: c ?? r.delayDuration
-  }, [e, o] = I(!!p), i = typeof v == "boolean", m = i ? v : e, y = g(
-    (x) => {
-      i || o(x), f?.(x);
-    },
-    [i, f]
-  ), T = E(null), b = A(), C = Y(
-    () => ({
-      arrowPadding: 4,
-      contentId: b,
-      open: m,
-      options: { side: h, align: u, sideOffset: t, alignOffset: a, avoidCollisions: d },
-      provider: w,
-      setOpen: y,
-      triggerRef: T
-    }),
-    [m, y, h, u, t, a, d, w]
-  );
-  return /* @__PURE__ */ D(K.Provider, { value: C, children: l });
-}, _ = L(function({ asChild: a, onPointerEnter: d, onPointerLeave: l, onFocus: p, onBlur: c, onKeyDown: f, ...v }, h) {
-  const t = H(), { provider: r } = t, w = N(t.triggerRef, h), e = E(null), o = E(null), i = E(0), m = () => {
-    e.current && window.clearTimeout(e.current), o.current && window.clearTimeout(o.current), e.current = null, o.current = null;
-  };
-  k(() => () => m(), []);
-  const y = g(() => {
-    const O = Date.now() - i.current < r.skipDelayDuration ? 0 : r.delayDuration;
-    e.current = window.setTimeout(() => t.setOpen(!0), O);
-  }, [r.skipDelayDuration, r.delayDuration, t.setOpen]), T = g(() => {
-    m(), t.setOpen(!1), i.current = Date.now();
-  }, [t.setOpen]), b = g(
-    (s) => {
-      d?.(s), (s.pointerType === "mouse" || s.pointerType === "pen") && y();
-    },
-    [d, y]
-  ), C = g(
-    (s) => {
-      l?.(s), (s.pointerType === "mouse" || s.pointerType === "pen") && (o.current = window.setTimeout(() => t.setOpen(!1), 0));
-    },
-    [l, t.setOpen]
-  ), x = g(
-    (s) => {
-      p?.(s), y();
-    },
-    [p, y]
-  ), B = g(
-    (s) => {
-      c?.(s), T();
-    },
-    [c, T]
-  ), P = g(
-    (s) => {
-      f?.(s), s.key === "Escape" && T();
-    },
-    [f, T]
-  );
-  return /* @__PURE__ */ D(a ? "span" : "button", { "aria-describedby": t.open ? t.contentId : void 0, onBlur: B, onFocus: x, onKeyDown: P, onPointerEnter: b, onPointerLeave: C, ref: w, ...v });
-}), tt = L(function({ arrowPadding: a = 4, children: d, className: l, container: p, forceMount: c, onPointerEnter: f, onPointerLeave: v, style: h, variant: t = "default", ...r }, w) {
-  const e = H(), [o, i] = I(null), [m, y] = I(null), T = g(
-    (n) => {
-      i(n), typeof w == "function" ? w(n) : w && "current" in w && (w.current = n);
-    },
-    [w]
-  ), b = g(() => {
-    if (!e.triggerRef.current || !o) return;
-    const n = j(e.triggerRef.current, o, { ...e.options, arrowPadding: a });
-    y(n);
-  }, [o, e.triggerRef, e.options, a]);
-  k(() => {
-    if (!e.open) return;
-    b();
-    const n = () => b();
-    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
-      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [e.open, b]), k(() => {
-    if (!e.open) return;
-    const n = (s) => {
-      s instanceof KeyboardEvent && s.key === "Escape" && e.setOpen(!1);
-    };
-    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-  }, [e.open, e.setOpen]);
-  const C = g(
-    (n) => {
-      f?.(n), e.provider.disableHoverableContent || e.setOpen(!0);
-    },
-    [f, e.provider.disableHoverableContent, e.setOpen]
-  ), x = g(
-    (n) => {
-      v?.(n), e.provider.disableHoverableContent || e.setOpen(!1);
-    },
-    [v, e.provider.disableHoverableContent, e.setOpen]
-  ), B = e.open || c ? /* @__PURE__ */ D(
-    "div",
-    {
-      className: l,
-      "data-state": e.open ? "open" : "closed",
-      "data-testid": "spectral-tooltip-content",
-      "data-variant": t,
-      id: e.contentId,
-      onPointerEnter: C,
-      onPointerLeave: x,
-      ref: T,
-      role: "tooltip",
-      style: {
-        position: "fixed",
-        left: m?.x ?? -9999,
-        top: m?.y ?? -9999,
-        transformOrigin: m ? $(m.placing) : void 0,
-        ...h
-      },
-      ...r,
-      children: d
-    }
-  ) : null, P = typeof document < "u" ? p ?? document.body : null;
-  return P ? S(B, P) : null;
-}), et = L(function({ width: a = 16, height: d = 16, className: l, style: p, ...c }, f) {
-  const v = H();
-  return /* @__PURE__ */ D(
-    "div",
-    {
-      "aria-hidden": !0,
-      className: z("pointer-events-none", l),
-      "data-arrow": !0,
-      "data-testid": "spectral-tooltip-arrow",
-      "data-side": v.options.side,
-      ref: f,
-      style: {
-        width: a,
-        height: d,
-        ...p
-      },
-      ...c
-    }
-  );
-});
-function H() {
-  const u = M(K);
-  if (!u) throw new Error("Tooltip components must be used within <Tooltip>");
-  return u;
-}
-const U = {
-  bottom: "top center",
-  left: "center right",
-  right: "center left",
-  top: "bottom center"
-};
-function $(u) {
-  return U[u];
-}
-function R(u, a, d) {
-  return Math.max(a, Math.min(d, u));
-}
-function j(u, a, d) {
-  const { side: l, align: p, sideOffset: c, alignOffset: f, avoidCollisions: v, arrowPadding: h } = d, t = u.getBoundingClientRect(), r = a.getBoundingClientRect(), w = window.innerWidth, e = window.innerHeight;
-  let o = 0, i = 0;
-  const m = t.left + t.width / 2 - r.width / 2, y = t.left, T = t.right - r.width, b = t.top + t.height / 2 - r.height / 2, C = t.top, x = t.bottom - r.height, B = p === "start" ? y : p === "end" ? T : m, P = p === "start" ? C : p === "end" ? x : b;
-  l === "top" ? (o = B + f, i = t.top - r.height - c) : l === "bottom" ? (o = B + f, i = t.bottom + c) : l === "left" ? (o = t.left - r.width - c, i = P + f) : (o = t.right + c, i = P + f);
-  let n = l;
-  v && (l === "top" && i < 0 ? (n = "bottom", i = t.bottom + c) : l === "bottom" && i + r.height > e ? (n = "top", i = t.top - r.height - c) : l === "left" && o < 0 ? (n = "right", o = t.right + c) : l === "right" && o + r.width > w && (n = "left", o = t.left - r.width - c));
-  let s = t.left + t.width / 2, O = t.top + t.height / 2;
-  return n === "top" && (O = i + r.height, s = R(t.left + t.width / 2, o + h, o + r.width - h)), n === "bottom" && (O = i, s = R(t.left + t.width / 2, o + h, o + r.width - h)), n === "left" && (s = o + r.width, O = R(t.top + t.height / 2, i + h, i + r.height - h)), n === "right" && (s = o, O = R(t.top + t.height / 2, i + h, i + r.height - h)), a.style.setProperty("--arrow-x", `${s - o}px`), a.style.setProperty("--arrow-y", `${O - i}px`), a.dataset.side = n, { x: o, y: i, placing: n, arrowX: s, arrowY: O };
-}
-export {
-  et as TooltipArrowBase,
-  tt as TooltipContentBase,
-  V as TooltipProviderBase,
-  Z as TooltipRootBase,
-  _ as TooltipTriggerBase
-};