@spear-ai/spectral 1.0.0 → 1.0.1

package/dist/Skeleton.d.ts

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function Skeleton({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-export { Skeleton };
+export * from './components/Skeleton/Skeleton'
+export {}

package/dist/Skeleton.js

@@ -1,14 +1,9 @@
-"use client"
-import {
-  cn
-} from "./chunk-ZLENOYB4.js";
-
-// src/components/Skeleton/Skeleton.tsx
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "./twUtils-B9ArqCOv.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "skeleton", className: cn("bg-accent animate-pulse rounded-md", className), ...props });
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ o("div", { "data-slot": "skeleton", className: n("bg-accent animate-pulse rounded-md", t), ...e });
 }
 export {
-  Skeleton
+  s as Skeleton
 };

package/dist/Slider.d.ts

@@ -1,21 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import { ComponentProps } from 'react';
-
-type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {
-    className?: string;
-    defaultValue?: number[];
-    value?: number[];
-    min?: number;
-    max?: number;
-    step?: number;
-    minStepsBetweenThumbs?: number;
-    onValueChange?: (value: number[]) => void;
-    orientation?: 'horizontal' | 'vertical';
-    onValueCommit?: (value: number[]) => void;
-    disabled?: boolean;
-    name?: string;
-};
-declare function Slider({ className, defaultValue, value, min, max, step, minStepsBetweenThumbs, onValueChange, orientation, onValueCommit, disabled, name, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
-
-export { Slider, type SliderProps };
+export * from './components/Slider/Slider'
+export {}

package/dist/Slider.js

@@ -1,79 +1,563 @@
-"use client"
-import {
-  cn
-} from "./chunk-ZLENOYB4.js";
-
-// src/components/Slider/Slider.tsx
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Slider({
-  className,
-  defaultValue,
-  value,
-  min = 0,
-  max = 100,
-  step = 1,
-  minStepsBetweenThumbs = 1,
-  onValueChange,
-  orientation = "horizontal",
-  onValueCommit,
-  disabled,
-  name,
-  ...props
+import { jsx as b, jsxs as X } from "react/jsx-runtime";
+import * as d from "react";
+import _ from "react";
+import { u as me, b as G, a as E, e as j, g as Se, c as A, P as B } from "./index-C-ErIYr7.js";
+import { c as H } from "./twUtils-B9ArqCOv.js";
+function q(e, [t, o]) {
+  return Math.min(o, Math.max(t, e));
+}
+var he = d.createContext(void 0);
+function pe(e) {
+  const t = d.useContext(he);
+  return e || t || "ltr";
+}
+function ge(e) {
+  const t = d.useRef({ value: e, previous: e });
+  return d.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+function ve(e) {
+  const [t, o] = d.useState(void 0);
+  return me(() => {
+    if (e) {
+      o({ width: e.offsetWidth, height: e.offsetHeight });
+      const n = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const c = i[0];
+        let r, s;
+        if ("borderBoxSize" in c) {
+          const u = c.borderBoxSize, g = Array.isArray(u) ? u[0] : u;
+          r = g.inlineSize, s = g.blockSize;
+        } else
+          r = e.offsetWidth, s = e.offsetHeight;
+        o({ width: r, height: s });
+      });
+      return n.observe(e, { box: "border-box" }), () => n.unobserve(e);
+    } else
+      o(void 0);
+  }, [e]), t;
+}
+function be(e) {
+  const t = e + "CollectionProvider", [o, n] = G(t), [i, c] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), r = (f) => {
+    const { scope: l, children: m } = f, R = _.useRef(null), p = _.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ b(i, { scope: l, itemMap: p, collectionRef: R, children: m });
+  };
+  r.displayName = t;
+  const s = e + "CollectionSlot", u = j(s), g = _.forwardRef(
+    (f, l) => {
+      const { scope: m, children: R } = f, p = c(s, m), S = E(l, p.collectionRef);
+      return /* @__PURE__ */ b(u, { ref: S, children: R });
+    }
+  );
+  g.displayName = s;
+  const v = e + "CollectionItemSlot", a = "data-radix-collection-item", h = j(v), w = _.forwardRef(
+    (f, l) => {
+      const { scope: m, children: R, ...p } = f, S = _.useRef(null), C = E(l, S), P = c(v, m);
+      return _.useEffect(() => (P.itemMap.set(S, { ref: S, ...p }), () => void P.itemMap.delete(S))), /* @__PURE__ */ b(h, { [a]: "", ref: C, children: R });
+    }
+  );
+  w.displayName = v;
+  function x(f) {
+    const l = c(e + "CollectionConsumer", f);
+    return _.useCallback(() => {
+      const R = l.collectionRef.current;
+      if (!R) return [];
+      const p = Array.from(R.querySelectorAll(`[${a}]`));
+      return Array.from(l.itemMap.values()).sort(
+        (P, T) => p.indexOf(P.ref.current) - p.indexOf(T.ref.current)
+      );
+    }, [l.collectionRef, l.itemMap]);
+  }
+  return [
+    { Provider: r, Slot: g, ItemSlot: w },
+    x,
+    n
+  ];
+}
+var J = ["PageUp", "PageDown"], Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Z = {
+  "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", [L, we, Re] = be(z), [ee, Fe] = G(z, [
+  Re
+]), [xe, k] = ee(z), te = d.forwardRef(
+  (e, t) => {
+    const {
+      name: o,
+      min: n = 0,
+      max: i = 100,
+      step: c = 1,
+      orientation: r = "horizontal",
+      disabled: s = !1,
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: g = [n],
+      value: v,
+      onValueChange: a = () => {
+      },
+      onValueCommit: h = () => {
+      },
+      inverted: w = !1,
+      form: x,
+      ...f
+    } = e, l = d.useRef(/* @__PURE__ */ new Set()), m = d.useRef(0), p = r === "horizontal" ? ye : Ce, [S = [], C] = Se({
+      prop: v,
+      defaultProp: g,
+      onChange: (y) => {
+        [...l.current][m.current]?.focus(), a(y);
+      }
+    }), P = d.useRef(S);
+    function T(y) {
+      const M = _e(S, y);
+      N(y, M);
+    }
+    function ue(y) {
+      N(y, m.current);
+    }
+    function fe() {
+      const y = P.current[m.current];
+      S[m.current] !== y && h(S);
+    }
+    function N(y, M, { commit: V } = { commit: !1 }) {
+      const $ = Te(c), O = Ne(Math.round((y - n) / c) * c + n, $), K = q(O, [n, i]);
+      C((I = []) => {
+        const D = Me(I, K, M);
+        if (ze(D, u * c)) {
+          m.current = D.indexOf(K);
+          const W = String(D) !== String(I);
+          return W && V && h(D), W ? D : I;
+        } else
+          return I;
+      });
+    }
+    return /* @__PURE__ */ b(
+      xe,
+      {
+        scope: e.__scopeSlider,
+        name: o,
+        disabled: s,
+        min: n,
+        max: i,
+        valueIndexToChangeRef: m,
+        thumbs: l.current,
+        values: S,
+        orientation: r,
+        form: x,
+        children: /* @__PURE__ */ b(L.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ b(L.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ b(
+          p,
+          {
+            "aria-disabled": s,
+            "data-disabled": s ? "" : void 0,
+            ...f,
+            ref: t,
+            onPointerDown: A(f.onPointerDown, () => {
+              s || (P.current = S);
+            }),
+            min: n,
+            max: i,
+            inverted: w,
+            onSlideStart: s ? void 0 : T,
+            onSlideMove: s ? void 0 : ue,
+            onSlideEnd: s ? void 0 : fe,
+            onHomeKeyDown: () => !s && N(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !s && N(i, S.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: y, direction: M }) => {
+              if (!s) {
+                const O = J.includes(y.key) || y.shiftKey && Q.includes(y.key) ? 10 : 1, K = m.current, I = S[K], D = c * O * M;
+                N(I + D, K, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+te.displayName = z;
+var [oe, ne] = ee(z, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), ye = d.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      dir: i,
+      inverted: c,
+      onSlideStart: r,
+      onSlideMove: s,
+      onSlideEnd: u,
+      onStepKeyDown: g,
+      ...v
+    } = e, [a, h] = d.useState(null), w = E(t, (p) => h(p)), x = d.useRef(void 0), f = pe(i), l = f === "ltr", m = l && !c || !l && c;
+    function R(p) {
+      const S = x.current || a.getBoundingClientRect(), C = [0, S.width], T = Y(C, m ? [o, n] : [n, o]);
+      return x.current = S, T(p - S.left);
+    }
+    return /* @__PURE__ */ b(
+      oe,
+      {
+        scope: e.__scopeSlider,
+        startEdge: m ? "left" : "right",
+        endEdge: m ? "right" : "left",
+        direction: m ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ b(
+          re,
+          {
+            dir: f,
+            "data-orientation": "horizontal",
+            ...v,
+            ref: w,
+            style: {
+              ...v.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (p) => {
+              const S = R(p.clientX);
+              r?.(S);
+            },
+            onSlideMove: (p) => {
+              const S = R(p.clientX);
+              s?.(S);
+            },
+            onSlideEnd: () => {
+              x.current = void 0, u?.();
+            },
+            onStepKeyDown: (p) => {
+              const C = Z[m ? "from-left" : "from-right"].includes(p.key);
+              g?.({ event: p, direction: C ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Ce = d.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      inverted: i,
+      onSlideStart: c,
+      onSlideMove: r,
+      onSlideEnd: s,
+      onStepKeyDown: u,
+      ...g
+    } = e, v = d.useRef(null), a = E(t, v), h = d.useRef(void 0), w = !i;
+    function x(f) {
+      const l = h.current || v.current.getBoundingClientRect(), m = [0, l.height], p = Y(m, w ? [n, o] : [o, n]);
+      return h.current = l, p(f - l.top);
+    }
+    return /* @__PURE__ */ b(
+      oe,
+      {
+        scope: e.__scopeSlider,
+        startEdge: w ? "bottom" : "top",
+        endEdge: w ? "top" : "bottom",
+        size: "height",
+        direction: w ? 1 : -1,
+        children: /* @__PURE__ */ b(
+          re,
+          {
+            "data-orientation": "vertical",
+            ...g,
+            ref: a,
+            style: {
+              ...g.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (f) => {
+              const l = x(f.clientY);
+              c?.(l);
+            },
+            onSlideMove: (f) => {
+              const l = x(f.clientY);
+              r?.(l);
+            },
+            onSlideEnd: () => {
+              h.current = void 0, s?.();
+            },
+            onStepKeyDown: (f) => {
+              const m = Z[w ? "from-bottom" : "from-top"].includes(f.key);
+              u?.({ event: f, direction: m ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), re = d.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: o,
+      onSlideStart: n,
+      onSlideMove: i,
+      onSlideEnd: c,
+      onHomeKeyDown: r,
+      onEndKeyDown: s,
+      onStepKeyDown: u,
+      ...g
+    } = e, v = k(z, o);
+    return /* @__PURE__ */ b(
+      B.span,
+      {
+        ...g,
+        ref: t,
+        onKeyDown: A(e.onKeyDown, (a) => {
+          a.key === "Home" ? (r(a), a.preventDefault()) : a.key === "End" ? (s(a), a.preventDefault()) : J.concat(Q).includes(a.key) && (u(a), a.preventDefault());
+        }),
+        onPointerDown: A(e.onPointerDown, (a) => {
+          const h = a.target;
+          h.setPointerCapture(a.pointerId), a.preventDefault(), v.thumbs.has(h) ? h.focus() : n(a);
+        }),
+        onPointerMove: A(e.onPointerMove, (a) => {
+          a.target.hasPointerCapture(a.pointerId) && i(a);
+        }),
+        onPointerUp: A(e.onPointerUp, (a) => {
+          const h = a.target;
+          h.hasPointerCapture(a.pointerId) && (h.releasePointerCapture(a.pointerId), c(a));
+        })
+      }
+    );
+  }
+), ie = "SliderTrack", se = d.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, i = k(ie, o);
+    return /* @__PURE__ */ b(
+      B.span,
+      {
+        "data-disabled": i.disabled ? "" : void 0,
+        "data-orientation": i.orientation,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+se.displayName = ie;
+var U = "SliderRange", ae = d.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, i = k(U, o), c = ne(U, o), r = d.useRef(null), s = E(t, r), u = i.values.length, g = i.values.map(
+      (h) => de(h, i.min, i.max)
+    ), v = u > 1 ? Math.min(...g) : 0, a = 100 - Math.max(...g);
+    return /* @__PURE__ */ b(
+      B.span,
+      {
+        "data-orientation": i.orientation,
+        "data-disabled": i.disabled ? "" : void 0,
+        ...n,
+        ref: s,
+        style: {
+          ...e.style,
+          [c.startEdge]: v + "%",
+          [c.endEdge]: a + "%"
+        }
+      }
+    );
+  }
+);
+ae.displayName = U;
+var F = "SliderThumb", ce = d.forwardRef(
+  (e, t) => {
+    const o = we(e.__scopeSlider), [n, i] = d.useState(null), c = E(t, (s) => i(s)), r = d.useMemo(
+      () => n ? o().findIndex((s) => s.ref.current === n) : -1,
+      [o, n]
+    );
+    return /* @__PURE__ */ b(Pe, { ...e, ref: c, index: r });
+  }
+), Pe = d.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, index: n, name: i, ...c } = e, r = k(F, o), s = ne(F, o), [u, g] = d.useState(null), v = E(t, (R) => g(R)), a = u ? r.form || !!u.closest("form") : !0, h = ve(u), w = r.values[n], x = w === void 0 ? 0 : de(w, r.min, r.max), f = De(n, r.values.length), l = h?.[s.size], m = l ? Ie(l, x, s.direction) : 0;
+    return d.useEffect(() => {
+      if (u)
+        return r.thumbs.add(u), () => {
+          r.thumbs.delete(u);
+        };
+    }, [u, r.thumbs]), /* @__PURE__ */ X(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [s.startEdge]: `calc(${x}% + ${m}px)`
+        },
+        children: [
+          /* @__PURE__ */ b(L.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ b(
+            B.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || f,
+              "aria-valuemin": r.min,
+              "aria-valuenow": w,
+              "aria-valuemax": r.max,
+              "aria-orientation": r.orientation,
+              "data-orientation": r.orientation,
+              "data-disabled": r.disabled ? "" : void 0,
+              tabIndex: r.disabled ? void 0 : 0,
+              ...c,
+              ref: v,
+              style: w === void 0 ? { display: "none" } : e.style,
+              onFocus: A(e.onFocus, () => {
+                r.valueIndexToChangeRef.current = n;
+              })
+            }
+          ) }),
+          a && /* @__PURE__ */ b(
+            le,
+            {
+              name: i ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
+              form: r.form,
+              value: w
+            },
+            n
+          )
+        ]
+      }
+    );
+  }
+);
+ce.displayName = F;
+var Ee = "RadioBubbleInput", le = d.forwardRef(
+  ({ __scopeSlider: e, value: t, ...o }, n) => {
+    const i = d.useRef(null), c = E(i, n), r = ge(t);
+    return d.useEffect(() => {
+      const s = i.current;
+      if (!s) return;
+      const u = window.HTMLInputElement.prototype, v = Object.getOwnPropertyDescriptor(u, "value").set;
+      if (r !== t && v) {
+        const a = new Event("input", { bubbles: !0 });
+        v.call(s, t), s.dispatchEvent(a);
+      }
+    }, [r, t]), /* @__PURE__ */ b(
+      B.input,
+      {
+        style: { display: "none" },
+        ...o,
+        ref: c,
+        defaultValue: t
+      }
+    );
+  }
+);
+le.displayName = Ee;
+function Me(e = [], t, o) {
+  const n = [...e];
+  return n[o] = t, n.sort((i, c) => i - c);
+}
+function de(e, t, o) {
+  const c = 100 / (o - t) * (e - t);
+  return q(c, [0, 100]);
+}
+function De(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function _e(e, t) {
+  if (e.length === 1) return 0;
+  const o = e.map((i) => Math.abs(i - t)), n = Math.min(...o);
+  return o.indexOf(n);
+}
+function Ie(e, t, o) {
+  const n = e / 2, c = Y([0, 50], [0, n]);
+  return (n - c(t) * o) * o;
+}
+function Ae(e) {
+  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
+}
+function ze(e, t) {
+  if (t > 0) {
+    const o = Ae(e);
+    return Math.min(...o) >= t;
+  }
+  return !0;
+}
+function Y(e, t) {
+  return (o) => {
+    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 * (o - e[0]);
+  };
+}
+function Te(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Ne(e, t) {
+  const o = Math.pow(10, t);
+  return Math.round(e * o) / o;
+}
+var Ke = te, Be = se, ke = ae, Ve = ce;
+function Ye({
+  className: e,
+  defaultValue: t,
+  value: o,
+  min: n = 0,
+  max: i = 100,
+  step: c = 1,
+  minStepsBetweenThumbs: r = 1,
+  onValueChange: s,
+  orientation: u = "horizontal",
+  onValueCommit: g,
+  disabled: v,
+  name: a,
+  ...h
 }) {
-  const _values = value || defaultValue || [min];
-  return /* @__PURE__ */ jsxs(
-    SliderPrimitive.Root,
+  const w = o || t || [n];
+  return /* @__PURE__ */ X(
+    Ke,
     {
       "data-slot": "slider",
-      defaultValue,
-      value,
-      min,
-      max,
-      step,
-      minStepsBetweenThumbs,
-      onValueChange,
-      orientation,
-      onValueCommit,
-      disabled,
-      name,
-      className: cn(
+      defaultValue: t,
+      value: o,
+      min: n,
+      max: i,
+      step: c,
+      minStepsBetweenThumbs: r,
+      onValueChange: s,
+      orientation: u,
+      onValueCommit: g,
+      disabled: v,
+      name: a,
+      className: H(
         "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",
-        className
+        e
       ),
-      ...props,
+      ...h,
       children: [
-        /* @__PURE__ */ jsx(
-          SliderPrimitive.Track,
+        /* @__PURE__ */ b(
+          Be,
           {
             "data-slot": "slider-track",
-            className: cn(
+            className: H(
               "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"
             ),
-            children: /* @__PURE__ */ jsx(
-              SliderPrimitive.Range,
+            children: /* @__PURE__ */ b(
+              ke,
               {
                 "data-slot": "slider-range",
-                className: cn(
+                className: H(
                   "bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
                 )
               }
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
-          SliderPrimitive.Thumb,
+        Array.from({ length: w.length }, (x, f) => /* @__PURE__ */ b(
+          Ve,
           {
             "data-slot": "slider-thumb",
             className: "border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
           },
-          index
+          f
         ))
       ]
     }
   );
 }
 export {
-  Slider
+  Ye as Slider
 };