@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Tabs/tabsUtils.js

@@ -1,75 +1,67 @@
 import "react";
-const s = (e) => {
-  const n = {
-    left: 0,
-    top: 0,
-    width: 0,
-    height: 0,
-    orientation: "horizontal",
-    isEnclosed: !1
-  };
-  if (!e.current) return n;
-  const t = e.current.querySelector("[data-state='active']"), r = e.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal", o = e.current.closest(".enclosed") !== null;
-  if (!t) return { ...n, orientation: r, isEnclosed: o };
-  const a = t.getBoundingClientRect(), i = e.current.getBoundingClientRect();
-  return {
-    height: a.height,
-    isEnclosed: o,
-    left: a.left - i.left,
-    orientation: r,
-    top: a.top - i.top,
-    width: a.width
-  };
-}, u = (e) => e.orientation === "horizontal" ? {
-  left: `${e.left}px`,
-  width: `${e.width}px`
+//#region src/components/Tabs/tabsUtils.ts
+var e = (e) => {
+	let t = {
+		left: 0,
+		top: 0,
+		width: 0,
+		height: 0,
+		orientation: "horizontal",
+		isEnclosed: !1
+	};
+	if (!e.current) return t;
+	let n = e.current.querySelector("[data-state='active']"), r = e.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal", i = e.current.closest(".enclosed") !== null;
+	if (!n) return {
+		...t,
+		orientation: r,
+		isEnclosed: i
+	};
+	let a = n.getBoundingClientRect(), o = e.current.getBoundingClientRect();
+	return {
+		height: a.height,
+		isEnclosed: i,
+		left: a.left - o.left,
+		orientation: r,
+		top: a.top - o.top,
+		width: a.width
+	};
+}, t = (e) => e.orientation === "horizontal" ? {
+	left: `${e.left}px`,
+	width: `${e.width}px`
 } : {
-  height: `${e.height}px`,
-  top: `${e.top}px`
-}, d = (e, n) => {
-  let t = null;
-  const r = (...o) => {
-    t !== null && clearTimeout(t), t = setTimeout(() => {
-      e(...o);
-    }, n);
-  };
-  return r.cancel = () => {
-    t !== null && (clearTimeout(t), t = null);
-  }, r;
-}, f = () => {
-  if (typeof window > "u") return !1;
-  try {
-    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-  } catch {
-    return !1;
-  }
-}, h = (e = "tabs") => typeof crypto < "u" && crypto.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`, c = (e, n) => {
-  if (typeof e != "object" || e === null)
-    return console.warn(`Tabs: Tab at index ${n} must be an object, received: ${typeof e}`), !1;
-  const t = e;
-  return !("key" in t) || typeof t.key != "string" || t.key.length === 0 ? (console.warn(`Tabs: Tab at index ${n} must have a non-empty string 'key' property`), !1) : "label" in t ? "children" in t ? !0 : (console.warn(`Tabs: Tab at index ${n} must have a 'children' property`), !1) : (console.warn(`Tabs: Tab at index ${n} must have a 'label' property`), !1);
-}, p = (e) => {
-  if (!Array.isArray(e) || e.length === 0)
-    return console.warn("Tabs: tabValues must be a non-empty array"), !1;
-  const n = /* @__PURE__ */ new Set();
-  for (let t = 0; t < e.length; t += 1) {
-    const r = e[t];
-    if (!c(r, t))
-      return !1;
-    const o = r;
-    if (n.has(o.key))
-      return console.warn(`Tabs: Duplicate key found: '${o.key}' at index ${t}`), !1;
-    n.add(o.key);
-  }
-  return !0;
-}, y = (e) => e.map((n) => n.key), g = (e, n) => e.find((t) => t.key === n);
-export {
-  s as calculateIndicatorStyle,
-  d as debounce,
-  g as findTabByKey,
-  h as generateId,
-  u as getIndicatorPosition,
-  y as getTabKeys,
-  f as prefersReducedMotion,
-  p as validateTabValues
-};
+	height: `${e.height}px`,
+	top: `${e.top}px`
+}, n = (e, t) => {
+	let n = null, r = (...r) => {
+		n !== null && clearTimeout(n), n = setTimeout(() => {
+			e(...r);
+		}, t);
+	};
+	return r.cancel = () => {
+		n !== null && (clearTimeout(n), n = null);
+	}, r;
+}, r = () => {
+	if (typeof window > "u") return !1;
+	try {
+		return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	} catch {
+		return !1;
+	}
+}, i = (e = "tabs") => typeof crypto < "u" && crypto.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`, a = (e, t) => {
+	if (typeof e != "object" || !e) return console.warn(`Tabs: Tab at index ${t} must be an object, received: ${typeof e}`), !1;
+	let n = e;
+	return !("key" in n) || typeof n.key != "string" || n.key.length === 0 ? (console.warn(`Tabs: Tab at index ${t} must have a non-empty string 'key' property`), !1) : "label" in n ? "children" in n ? !0 : (console.warn(`Tabs: Tab at index ${t} must have a 'children' property`), !1) : (console.warn(`Tabs: Tab at index ${t} must have a 'label' property`), !1);
+}, o = (e) => {
+	if (!Array.isArray(e) || e.length === 0) return console.warn("Tabs: tabValues must be a non-empty array"), !1;
+	let t = /* @__PURE__ */ new Set();
+	for (let n = 0; n < e.length; n += 1) {
+		let r = e[n];
+		if (!a(r, n)) return !1;
+		let i = r;
+		if (t.has(i.key)) return console.warn(`Tabs: Duplicate key found: '${i.key}' at index ${n}`), !1;
+		t.add(i.key);
+	}
+	return !0;
+}, s = (e) => e.map((e) => e.key), c = (e, t) => e.find((e) => e.key === t);
+//#endregion
+export { e as calculateIndicatorStyle, n as debounce, c as findTabByKey, i as generateId, t as getIndicatorPosition, s as getTabKeys, r as prefersReducedMotion, o as validateTabValues };

package/dist/Tabs.d.ts

@@ -1,5 +1,5 @@
-import { TabsBase, TabsContent, TabsContentContainer, TabsList, TabsTrigger, TabsBaseProps } from './TabsBase';
 import { ReactNode } from 'react';
+import { TabsBase, TabsContent, TabsContentContainer, TabsList, TabsTrigger, TabsBaseProps } from './TabsBase';
 export interface TabValue {
     children: ReactNode;
     disabled?: boolean | undefined;

package/dist/Tabs.js

@@ -1,106 +1,76 @@
 import "./styles/main.css";
-import { jsx as a, jsxs as C } from "react/jsx-runtime";
-import { TabsBase as j, TabsList as E, TabsTrigger as K, TabsContentContainer as V, TabsContent as $ } from "./Tabs/TabsBase.js";
-import { validateTabValues as B, getTabKeys as I } from "./Tabs/tabsUtils.js";
-import { cn as s } from "./utils/twUtils.js";
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { getTabKeys as t, validateTabValues as n } from "./Tabs/tabsUtils.js";
+import { TabsBase as r, TabsContent as i, TabsContentContainer as a, TabsList as o, TabsTrigger as s } from "./Tabs/TabsBase.js";
 import "react";
-const F = ({
-  activationMode: p = "automatic",
-  ariaLabel: h,
-  className: m,
-  hideContent: y = !1,
-  loading: g = !1,
-  onBeforeChange: v,
-  onError: f,
-  onValueChange: x,
-  openOnLoad: c,
-  orientation: t = "horizontal",
-  rightSlot: w,
-  tabValues: T = [],
-  value: o,
-  variant: l = "default",
-  ...N
-}) => {
-  if (g)
-    return /* @__PURE__ */ a("div", { className: "text-text-secondary relative flex w-full flex-col p-4 text-center", role: "status", "aria-live": "polite", children: /* @__PURE__ */ a("p", { children: "Loading tabs…" }) });
-  const d = T.filter((e) => e.key !== void 0), n = o !== void 0;
-  if (!B(d)) {
-    const e = new Error("Invalid tabValues provided to Tabs component");
-    return f?.(e), /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col p-4 text-center text-gray-500", role: "alert", "aria-live": "polite", children: /* @__PURE__ */ a("p", { children: "No valid tabs provided" }) });
-  }
-  const r = I(d);
-  let b;
-  n && (r.includes(o) ? b = o : (console.warn(`Tabs: value '${o}' is not a valid tab key, falling back to first tab`), b = r[0]));
-  let i;
-  if (!n && (i = c ?? r[0], c && !r.includes(c) && (console.warn(`Tabs: openOnLoad value '${c}' is not a valid tab key`), i = r[0]), !i)) {
-    const e = new Error("No valid default tab available");
-    return f?.(e), /* @__PURE__ */ a("div", { className: "text-text-secondary relative flex w-full flex-col p-4 text-center", role: "alert", "aria-live": "polite", children: /* @__PURE__ */ a("p", { children: "Unable to render tabs" }) });
-  }
-  const k = async (e) => {
-    if (v && x) {
-      const z = n ? b ?? "" : i ?? "";
-      try {
-        if (await v(e, z) === !1) return;
-      } catch (u) {
-        f?.(u instanceof Error ? u : new Error("Before change callback failed"));
-        return;
-      }
-    }
-    x?.(e);
-  };
-  return /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col", children: /* @__PURE__ */ C(
-    j,
-    {
-      "aria-label": h,
-      className: s("relative w-full data-[orientation=vertical]:flex", l, m),
-      ...n ? { value: b } : { defaultValue: i },
-      orientation: t,
-      activationMode: p,
-      onValueChange: k,
-      ...N,
-      children: [
-        /* @__PURE__ */ a(
-          E,
-          {
-            className: s(
-              "inline-flex w-full items-center justify-between",
-              t === "horizontal" && l === "default" && "border-tabs-border border-b",
-              t === "vertical" && l === "default" && "border-tabs-border relative m-0 h-auto w-auto flex-col items-stretch border-r py-1",
-              t === "horizontal" && l === "enclosed" && "bg-tabs-group-bg relative rounded-lg border-0 p-1",
-              t === "vertical" && l === "enclosed" && "bg-tabs-group-bg w-auto flex-col rounded-lg border-0 p-1"
-            ),
-            rightSlot: w,
-            children: d.map((e) => /* @__PURE__ */ a(
-              K,
-              {
-                value: e.key,
-                disabled: e.disabled,
-                "aria-label": e["aria-label"],
-                "aria-describedby": e["aria-describedby"],
-                className: s(
-                  "relative font-semibold whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none",
-                  t === "horizontal" && l === "default" && "text-text-primary hover:text-accent hover:bg-tabs-bg--hover px-4 py-2",
-                  t === "vertical" && l === "default" && "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover flex h-10 items-center px-4 py-2",
-                  t === "horizontal" && l === "enclosed" && "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center px-4 py-2",
-                  t === "vertical" && l === "enclosed" && "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover z-1 px-4 py-2",
-                  "disabled:hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
-                ),
-                children: e.label
-              },
-              e.key
-            ))
-          }
-        ),
-        !y && /* @__PURE__ */ a(V, { className: s(t === "vertical" && "flex-1"), children: d.map((e) => /* @__PURE__ */ a($, { value: e.key, className: s("focus-visible:outline-accent text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2", t === "horizontal" && "pb-4", t === "vertical" && "px-4 py-2"), children: e.children }, e.key)) })
-      ]
-    }
-  ) });
-};
-export {
-  F as Tabs,
-  $ as TabsContent,
-  V as TabsContentContainer,
-  E as TabsList,
-  j as TabsRoot,
-  K as TabsTrigger
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+var u = ({ activationMode: u = "automatic", ariaLabel: d, className: f, hideContent: p = !1, loading: m = !1, onBeforeChange: h, onError: g, onValueChange: _, openOnLoad: v, orientation: y = "horizontal", rightSlot: b, tabValues: x = [], value: S, variant: C = "default", ...w }) => {
+	if (m) return /* @__PURE__ */ c("div", {
+		className: "p-4 relative flex w-full flex-col text-center text-text-secondary",
+		role: "status",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ c("p", { children: "Loading tabs…" })
+	});
+	let T = x.filter((e) => e.key !== void 0), E = S !== void 0;
+	if (!n(T)) return g?.(/* @__PURE__ */ Error("Invalid tabValues provided to Tabs component")), /* @__PURE__ */ c("div", {
+		className: "p-4 text-gray-500 relative flex w-full flex-col text-center",
+		role: "alert",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ c("p", { children: "No valid tabs provided" })
+	});
+	let D = t(T), O;
+	E && (D.includes(S) ? O = S : (console.warn(`Tabs: value '${S}' is not a valid tab key, falling back to first tab`), O = D[0]));
+	let k;
+	if (!E && (k = v ?? D[0], v && !D.includes(v) && (console.warn(`Tabs: openOnLoad value '${v}' is not a valid tab key`), k = D[0]), !k)) return g?.(/* @__PURE__ */ Error("No valid default tab available")), /* @__PURE__ */ c("div", {
+		className: "p-4 relative flex w-full flex-col text-center text-text-secondary",
+		role: "alert",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ c("p", { children: "Unable to render tabs" })
+	});
+	let A = async (e) => {
+		if (h && _) {
+			let t = E ? O ?? "" : k ?? "";
+			try {
+				if (await h(e, t) === !1) return;
+			} catch (e) {
+				g?.(e instanceof Error ? e : /* @__PURE__ */ Error("Before change callback failed"));
+				return;
+			}
+		}
+		_?.(e);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "relative flex w-full flex-col",
+		children: /* @__PURE__ */ l(r, {
+			"aria-label": d,
+			className: e("relative w-full data-[orientation=vertical]:flex", C, f),
+			...E ? { value: O } : { defaultValue: k },
+			orientation: y,
+			activationMode: u,
+			onValueChange: A,
+			...w,
+			children: [/* @__PURE__ */ c(o, {
+				className: e("inline-flex w-full items-center justify-between", y === "horizontal" && C === "default" && "border-b border-tabs-border", y === "vertical" && C === "default" && "m-0 py-1 relative h-auto w-auto flex-col items-stretch border-r border-tabs-border", y === "horizontal" && C === "enclosed" && "rounded-lg p-1 relative border-0 bg-tabs-group-bg", y === "vertical" && C === "enclosed" && "rounded-lg p-1 w-auto flex-col border-0 bg-tabs-group-bg"),
+				rightSlot: b,
+				children: T.map((t) => /* @__PURE__ */ c(s, {
+					value: t.key,
+					disabled: t.disabled,
+					"aria-label": t["aria-label"],
+					"aria-describedby": t["aria-describedby"],
+					className: e("font-semibold relative whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none", y === "horizontal" && C === "default" && "py-2 px-4 hover:bg-tabs-bg--hover text-text-primary hover:text-accent", y === "vertical" && C === "default" && "h-10 px-4 py-2 hover:bg-tabs-bg--hover flex items-center text-text-primary hover:text-accent data-[state=active]:text-accent", y === "horizontal" && C === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center text-text-primary hover:text-accent data-[state=active]:text-accent", y === "vertical" && C === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-1 text-text-primary hover:text-accent data-[state=active]:text-accent", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-text-primary"),
+					children: t.label
+				}, t.key))
+			}), !p && /* @__PURE__ */ c(a, {
+				className: e(y === "vertical" && "flex-1"),
+				children: T.map((t) => /* @__PURE__ */ c(i, {
+					value: t.key,
+					className: e("text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", y === "horizontal" && "pb-4", y === "vertical" && "py-2 px-4"),
+					children: t.children
+				}, t.key))
+			})]
+		})
+	});
 };
+//#endregion
+export { u as Tabs, i as TabsContent, a as TabsContentContainer, o as TabsList, r as TabsRoot, s as TabsTrigger };

package/dist/Textarea/TextareaUtils.js

@@ -1,47 +1,36 @@
 "use client";
-import { useCallback as i } from "react";
-const T = (t, a, s) => {
-  const n = t.target.value;
-  n.length <= a && s?.(n);
-}, V = (t, a, s, n) => {
-  const r = t.clipboardData.getData("text"), c = s || "", o = t.currentTarget, l = o.selectionStart || 0, u = o.selectionEnd || 0, e = c.substring(0, l), d = c.substring(u);
-  if ((e + r + d).length > a) {
-    t.preventDefault();
-    const g = u - l, h = a - c.length + g, p = r.substring(0, Math.max(0, h)), f = e + p + d;
-    n?.(f), setTimeout(() => {
-      const b = l + p.length;
-      o.setSelectionRange(b, b);
-    }, 0);
-  }
-}, P = ({ maxLength: t, value: a, onChange: s, onFocus: n, onBlur: r }) => {
-  const c = i(
-    (e) => {
-      n?.(e);
-    },
-    [n]
-  ), o = i(
-    (e) => {
-      r?.(e);
-    },
-    [r]
-  ), l = i(
-    (e) => {
-      T(e, t, s);
-    },
-    [t, s]
-  ), u = i(
-    (e) => {
-      V(e, t, a, s);
-    },
-    [a, t, s]
-  );
-  return {
-    handleFocus: c,
-    handleBlur: o,
-    handleChange: l,
-    handlePaste: u
-  };
-};
-export {
-  P as useTextarea
-};
+import { useCallback as e } from "react";
+//#region src/components/Textarea/TextareaUtils.tsx
+var t = (e, t, n) => {
+	let r = e.target.value;
+	r.length <= t && n?.(r);
+}, n = (e, t, n, r) => {
+	let i = e.clipboardData.getData("text"), a = n || "", o = e.currentTarget, s = o.selectionStart || 0, c = o.selectionEnd || 0, l = a.substring(0, s), u = a.substring(c);
+	if ((l + i + u).length > t) {
+		e.preventDefault();
+		let n = c - s, d = t - a.length + n, f = i.substring(0, Math.max(0, d)), p = l + f + u;
+		r?.(p), setTimeout(() => {
+			let e = s + f.length;
+			o.setSelectionRange(e, e);
+		}, 0);
+	}
+}, r = ({ maxLength: r, value: i, onChange: a, onFocus: o, onBlur: s }) => ({
+	handleFocus: e((e) => {
+		o?.(e);
+	}, [o]),
+	handleBlur: e((e) => {
+		s?.(e);
+	}, [s]),
+	handleChange: e((e) => {
+		t(e, r, a);
+	}, [r, a]),
+	handlePaste: e((e) => {
+		n(e, r, i, a);
+	}, [
+		i,
+		r,
+		a
+	])
+});
+//#endregion
+export { r as useTextarea };