@spear-ai/spectral 1.9.1 → 1.10.0

package/dist/Switch/SwitchBase.js

@@ -1,99 +1,95 @@
 "use client";
 import "../styles/main.css";
-import { jsx as a, jsxs as L, Fragment as N } from "react/jsx-runtime";
-import { useControllableState as q } from "../hooks/useControllableState.js";
-import { Slot as v } from "../primitives/slot.js";
-import { createContext as K, useRef as M, useId as O, useEffect as V, useCallback as i, useContext as $ } from "react";
-const w = K(null), z = ({
-  asChild: u,
-  checked: d,
-  children: h,
-  className: l,
-  defaultChecked: t = !1,
-  disabled: n,
-  form: b,
-  id: C,
-  name: y,
-  onCheckedChange: x,
-  onClick: f,
-  onKeyDown: p,
-  ref: E,
-  required: S,
-  value: g = "on",
-  ...I
-}) => {
-  const m = M(null), P = O(), R = C ?? `swt-${P}`, [r, c] = q({
-    value: d,
-    defaultValue: t,
-    onChange: x
-  });
-  V(() => {
-    const e = m.current?.form ?? null;
-    if (!e) return;
-    const o = () => c(t);
-    return e.addEventListener("reset", o), () => e.removeEventListener("reset", o);
-  }, [t, c]);
-  const k = i((e) => {
-    const o = m.current;
-    if (!o) return;
-    o.checked = e;
-    const F = new Event("change", { bubbles: !0 });
-    o.dispatchEvent(F);
-  }, []), s = i(() => {
-    if (n) return;
-    const e = !r;
-    c(e), queueMicrotask(() => k(e));
-  }, [n, k, r, c]), T = i(
-    (e) => {
-      f?.(e), !e.defaultPrevented && s();
-    },
-    [f, s]
-  ), j = i(
-    (e) => {
-      p?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), s());
-    },
-    [p, s]
-  ), D = u ? v : "button";
-  return /* @__PURE__ */ a(w.Provider, { value: { checked: r, disabled: n }, children: /* @__PURE__ */ L(N, { children: [
-    /* @__PURE__ */ a(D, { "aria-checked": r, className: l, "data-disabled": n ?? void 0, "data-state": r ? "checked" : "unchecked", disabled: n, id: R, onClick: T, onKeyDown: j, ref: E, role: "switch", type: "button", ...I, children: h }),
-    /* @__PURE__ */ a(
-      "input",
-      {
-        "aria-hidden": "true",
-        checked: r,
-        disabled: n,
-        form: b,
-        name: y,
-        readOnly: !0,
-        ref: m,
-        required: S,
-        tabIndex: -1,
-        type: "checkbox",
-        value: g,
-        style: {
-          height: 0,
-          opacity: 0,
-          pointerEvents: "none",
-          position: "absolute",
-          width: 0
-        }
-      }
-    )
-  ] }) });
+import { Slot as e } from "../primitives/slot.js";
+import { useControllableState as t } from "../hooks/useControllableState.js";
+import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/Switch/SwitchBase.tsx
+var d = n(null), f = ({ asChild: n, checked: i, children: f, className: p, defaultChecked: m = !1, disabled: h, form: g, id: _, name: v, onCheckedChange: y, onClick: b, onKeyDown: x, ref: S, required: C, value: w = "on", ...T }) => {
+	let E = s(null), D = o(), O = _ ?? `swt-${D}`, [k, A] = t({
+		value: i,
+		defaultValue: m,
+		onChange: y
+	});
+	a(() => {
+		let e = E.current?.form ?? null;
+		if (!e) return;
+		let t = () => A(m);
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [m, A]);
+	let j = r((e) => {
+		let t = E.current;
+		if (!t) return;
+		t.checked = e;
+		let n = new Event("change", { bubbles: !0 });
+		t.dispatchEvent(n);
+	}, []), M = r(() => {
+		if (h) return;
+		let e = !k;
+		A(e), queueMicrotask(() => j(e));
+	}, [
+		h,
+		j,
+		k,
+		A
+	]), N = r((e) => {
+		b?.(e), !e.defaultPrevented && M();
+	}, [b, M]), P = r((e) => {
+		x?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), M());
+	}, [x, M]), F = n ? e : "button";
+	return /* @__PURE__ */ l(d.Provider, {
+		value: {
+			checked: k,
+			disabled: h
+		},
+		children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(F, {
+			"aria-checked": k,
+			className: p,
+			"data-disabled": h ?? void 0,
+			"data-state": k ? "checked" : "unchecked",
+			disabled: h,
+			id: O,
+			onClick: N,
+			onKeyDown: P,
+			ref: S,
+			role: "switch",
+			type: "button",
+			...T,
+			children: f
+		}), /* @__PURE__ */ l("input", {
+			"aria-hidden": "true",
+			checked: k,
+			disabled: h,
+			form: g,
+			name: v,
+			readOnly: !0,
+			ref: E,
+			required: C,
+			tabIndex: -1,
+			type: "checkbox",
+			value: w,
+			style: {
+				height: 0,
+				opacity: 0,
+				pointerEvents: "none",
+				position: "absolute",
+				width: 0
+			}
+		})] })
+	});
 };
-z.displayName = "Switch";
-const A = ({
-  asChild: u,
-  className: d,
-  ref: h,
-  ...l
-}) => {
-  const t = $(w);
-  if (!t) throw new Error("SwitchThumb must be used within Switch");
-  return /* @__PURE__ */ a(u ? v : "span", { className: d, "data-disabled": t.disabled ?? void 0, "data-state": t.checked ? "checked" : "unchecked", ref: h, ...l });
-};
-A.displayName = "SwitchThumb";
-export {
-  z as Switch,
-  A as SwitchThumb
+f.displayName = "Switch";
+var p = ({ asChild: t, className: n, ref: r, ...a }) => {
+	let o = i(d);
+	if (!o) throw Error("SwitchThumb must be used within Switch");
+	return /* @__PURE__ */ l(t ? e : "span", {
+		className: n,
+		"data-disabled": o.disabled ?? void 0,
+		"data-state": o.checked ? "checked" : "unchecked",
+		ref: r,
+		...a
+	});
 };
+p.displayName = "SwitchThumb";
+//#endregion
+export { f as Switch, p as SwitchThumb };

package/dist/Switch-CVzRJ-0n.js

@@ -0,0 +1,126 @@
+import "./styles/main.css";
+import { t as e } from "./twUtils-VNWgstKL.js";
+import { Label as t } from "./Label.js";
+import { Switch as n, SwitchThumb as r } from "./Switch/SwitchBase.js";
+import { createElement as i, forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var c = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), l = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), u = (e) => {
+	let t = l(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), f = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+}, p = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, m = a(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => i("svg", {
+	ref: l,
+	...p,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: d("lucide", a),
+	...!o && !f(c) && { "aria-hidden": "true" },
+	...c
+}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]])), h = (e, t) => {
+	let n = a(({ className: n, ...r }, a) => i(m, {
+		ref: a,
+		iconNode: t,
+		className: d(`lucide-${c(u(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = u(e), n;
+}, g = h("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), _ = h("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]), v = "bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none", y = ({ className: i, disabled: a, hideLabel: c = !1, id: l, labelPosition: u = "right", labelText: d, name: f, onChange: p, ref: m, required: h, value: y, variant: b, ...x }) => {
+	let S = b === "squared", C = b === "permanent-indicator";
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center",
+		"data-testid": "spectral-switch-container",
+		children: [
+			u === "left" && !c && /* @__PURE__ */ o(t, {
+				className: "mr-2",
+				"data-testid": "spectral-switch-label-left",
+				htmlFor: l,
+				children: d
+			}),
+			C ? /* @__PURE__ */ s("div", {
+				className: "h-7 text-sm font-medium relative inline-grid grid-cols-[1fr_1fr] items-center",
+				children: [
+					/* @__PURE__ */ o(n, {
+						"aria-required": h,
+						className: e("peer inset-0 w-14 focus-visible:ring-ring absolute inline-flex h-[inherit] items-center focus-visible:ring-offset-background data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50", "shadow-2xs cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", i),
+						"data-testid": "spectral-switch",
+						disabled: a,
+						id: l,
+						name: f,
+						onCheckedChange: p,
+						ref: m,
+						required: h,
+						value: y,
+						...x,
+						children: /* @__PURE__ */ o(r, { className: e(v, "size-6.5 shadow-xs relative z-10 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:-translate-x-[26px]") })
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "ml-0.5 min-w-8 peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible motion-reduce:transition-none motion-reduce:duration-0",
+						children: /* @__PURE__ */ o(_, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "min-w-8 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=checked]:text-background peer-data-[state=unchecked]:invisible motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full",
+						children: /* @__PURE__ */ o(g, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					})
+				]
+			}) : /* @__PURE__ */ o(n, {
+				"aria-required": h,
+				className: e(S ? "peer h-6 w-10 rounded-sm focus-visible:ring-black inline-flex shrink-0 items-center border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg [&_span]:rounded-[4px]" : "focus-visible:ring-ring peer h-6 w-10 shadow-2xs inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg", i),
+				"data-testid": "spectral-switch",
+				disabled: a,
+				id: l,
+				name: f,
+				onCheckedChange: p,
+				ref: m,
+				required: h,
+				value: y,
+				...x,
+				children: /* @__PURE__ */ o(r, { className: e(v, S ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
+			}),
+			u === "right" && !c && /* @__PURE__ */ o(t, {
+				className: "ml-2",
+				"data-testid": "spectral-switch-label-right",
+				htmlFor: l,
+				id: `${l}-label`,
+				children: d
+			}),
+			c && /* @__PURE__ */ o(t, {
+				className: "sr-only",
+				"data-testid": "spectral-switch-label-hidden",
+				htmlFor: l,
+				children: d
+			})
+		]
+	});
+};
+y.displayName = "Switch";
+//#endregion
+export { y as t };

package/dist/Switch.d.ts

@@ -1,5 +1,5 @@
-import { SwitchProps as SwitchBaseProps } from './SwitchBase';
 import { Ref } from 'react';
+import { SwitchProps as SwitchBaseProps } from './SwitchBase';
 export type SwitchProps = Omit<SwitchBaseProps, 'onCheckedChange'> & {
     hideLabel?: boolean;
     id: string;

package/dist/Switch.js

@@ -1,134 +1,2 @@
-"use client";
-import "./styles/main.css";
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import { Switch as k, SwitchThumb as x } from "./Switch/SwitchBase.js";
-import { Label as m } from "./Label.js";
-import { cn as u } from "./utils/twUtils.js";
-import { forwardRef as N, createElement as b } from "react";
-const A = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), _ = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, r, a) => a ? a.toUpperCase() : r.toLowerCase()
-), v = (t) => {
-  const e = _(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, y = (...t) => t.filter((e, r, a) => !!e && e.trim() !== "" && a.indexOf(e) === r).join(" ").trim(), $ = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-};
-var j = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-const S = N(
-  ({
-    color: t = "currentColor",
-    size: e = 24,
-    strokeWidth: r = 2,
-    absoluteStrokeWidth: a,
-    className: n = "",
-    children: i,
-    iconNode: d,
-    ...o
-  }, l) => b(
-    "svg",
-    {
-      ref: l,
-      ...j,
-      width: e,
-      height: e,
-      stroke: t,
-      strokeWidth: a ? Number(r) * 24 / Number(e) : r,
-      className: y("lucide", n),
-      ...!i && !$(o) && { "aria-hidden": "true" },
-      ...o
-    },
-    [
-      ...d.map(([c, h]) => b(c, h)),
-      ...Array.isArray(i) ? i : [i]
-    ]
-  )
-);
-const z = (t, e) => {
-  const r = N(
-    ({ className: a, ...n }, i) => b(S, {
-      ref: i,
-      iconNode: e,
-      className: y(
-        `lucide-${A(v(t))}`,
-        `lucide-${t}`,
-        a
-      ),
-      ...n
-    })
-  );
-  return r.displayName = v(t), r;
-};
-const I = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], L = z("check", I);
-const B = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], F = z("x", B), C = "bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none", P = ({ className: t, disabled: e, hideLabel: r = !1, id: a, labelPosition: n = "right", labelText: i, name: d, onChange: o, ref: l, required: c, value: h, variant: f, ...p }) => {
-  const g = f === "squared";
-  return /* @__PURE__ */ w("div", { className: "flex items-center", "data-testid": "spectral-switch-container", children: [
-    n === "left" && !r && /* @__PURE__ */ s(m, { className: "mr-2", "data-testid": "spectral-switch-label-left", htmlFor: a, children: i }),
-    f === "permanent-indicator" ? /* @__PURE__ */ w("div", { className: "relative inline-grid h-7 grid-cols-[1fr_1fr] items-center text-sm font-medium", children: [
-      /* @__PURE__ */ s(
-        k,
-        {
-          "aria-required": c,
-          className: u(
-            "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50 focus-visible:ring-ring focus-visible:ring-offset-background absolute inset-0 inline-flex h-[inherit] w-14 items-center",
-            "cursor-pointer rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            t
-          ),
-          "data-testid": "spectral-switch",
-          disabled: e,
-          id: a,
-          name: d,
-          onCheckedChange: o,
-          ref: l,
-          required: c,
-          value: h,
-          ...p,
-          children: /* @__PURE__ */ s(x, { className: u(C, "relative z-10 size-6.5 shadow-xs duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:-translate-x-[26px]") })
-        }
-      ),
-      /* @__PURE__ */ s("span", { className: "pointer-events-none relative ml-0.5 flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible peer-data-[state=unchecked]:translate-x-6 motion-reduce:translate-x-0 motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=unchecked]:rtl:-translate-x-6", children: /* @__PURE__ */ s(F, { "aria-hidden": "true", className: "size-4" }) }),
-      /* @__PURE__ */ s("span", { className: "peer-data-[state=checked]:text-background pointer-events-none relative flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=unchecked]:invisible motion-reduce:translate-x-0 motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full", children: /* @__PURE__ */ s(L, { "aria-hidden": "true", className: "size-4" }) })
-    ] }) : /* @__PURE__ */ s(
-      k,
-      {
-        "aria-required": c,
-        className: u(
-          g ? "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 items-center rounded-sm border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-black disabled:cursor-not-allowed disabled:opacity-50 [&_span]:rounded-[4px]" : "focus-visible:ring-ring focus-visible:ring-offset-background peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          t
-        ),
-        "data-testid": "spectral-switch",
-        disabled: e,
-        id: a,
-        name: d,
-        onCheckedChange: o,
-        ref: l,
-        required: c,
-        value: h,
-        ...p,
-        children: /* @__PURE__ */ s(x, { className: u(C, g ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
-      }
-    ),
-    n === "right" && !r && /* @__PURE__ */ s(m, { className: "ml-2", "data-testid": "spectral-switch-label-right", htmlFor: a, id: `${a}-label`, children: i }),
-    r && /* @__PURE__ */ s(m, { className: "sr-only", "data-testid": "spectral-switch-label-hidden", htmlFor: a, children: i })
-  ] });
-};
-P.displayName = "Switch";
-export {
-  P as Switch
-};
+import { t as e } from "./Switch-CVzRJ-0n.js";
+export { e as Switch };