@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Accordion-CDXdSAST.js

@@ -0,0 +1,363 @@
+import "./styles/main.css";
+import { ChevronDownIcon as e } from "./Icons/ChevronDownIcon.js";
+import { useAccordionAutoScroll as t } from "./hooks/useAccordionAutoScroll.js";
+import { a as n, d as r, i, l as a, r as o, t as s } from "./dist-7HRQ5IKN.js";
+import { n as c, t as l } from "./dist-CGzgmYB9.js";
+import { t as u } from "./dist-Bft31cJh.js";
+import { t as d } from "./dist-Dtvmk11N.js";
+import { t as f } from "./twUtils-VNWgstKL.js";
+import * as p from "react";
+import m, { Children as h, cloneElement as g, createContext as _, isValidElement as v, useCallback as y, useContext as b, useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_@types+react-dom@19.2.3_@types+react@19.2.14__@types_f33eb5e944edcffc4be9ac071951afef/node_modules/@radix-ui/react-collapsible/dist/index.mjs
+var w = "Collapsible", [ee, T] = r(w), [te, E] = ee(w), D = p.forwardRef((e, t) => {
+	let { __scopeCollapsible: n, open: r, defaultOpen: i, disabled: a, onOpenChange: c, ...l } = e, [u, f] = o({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: c,
+		caller: w
+	});
+	return /* @__PURE__ */ S(te, {
+		scope: n,
+		disabled: a,
+		contentId: d(),
+		open: u,
+		onOpenToggle: p.useCallback(() => f((e) => !e), [f]),
+		children: /* @__PURE__ */ S(s.div, {
+			"data-state": M(u),
+			"data-disabled": a ? "" : void 0,
+			...l,
+			ref: t
+		})
+	});
+});
+D.displayName = w;
+var O = "CollapsibleTrigger", k = p.forwardRef((e, t) => {
+	let { __scopeCollapsible: r, ...i } = e, a = E(O, r);
+	return /* @__PURE__ */ S(s.button, {
+		type: "button",
+		"aria-controls": a.contentId,
+		"aria-expanded": a.open || !1,
+		"data-state": M(a.open),
+		"data-disabled": a.disabled ? "" : void 0,
+		disabled: a.disabled,
+		...i,
+		ref: t,
+		onClick: n(e.onClick, a.onOpenToggle)
+	});
+});
+k.displayName = O;
+var A = "CollapsibleContent", j = p.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = E(A, e.__scopeCollapsible);
+	return /* @__PURE__ */ S(u, {
+		present: n || i.open,
+		children: ({ present: e }) => /* @__PURE__ */ S(ne, {
+			...r,
+			ref: t,
+			present: e
+		})
+	});
+});
+j.displayName = A;
+var ne = p.forwardRef((e, t) => {
+	let { __scopeCollapsible: n, present: r, children: o, ...c } = e, l = E(A, n), [u, d] = p.useState(r), f = p.useRef(null), m = a(t, f), h = p.useRef(0), g = h.current, _ = p.useRef(0), v = _.current, y = l.open || u, b = p.useRef(y), x = p.useRef(void 0);
+	return p.useEffect(() => {
+		let e = requestAnimationFrame(() => b.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), i(() => {
+		let e = f.current;
+		if (e) {
+			x.current = x.current || {
+				transitionDuration: e.style.transitionDuration,
+				animationName: e.style.animationName
+			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
+			let t = e.getBoundingClientRect();
+			h.current = t.height, _.current = t.width, b.current || (e.style.transitionDuration = x.current.transitionDuration, e.style.animationName = x.current.animationName), d(r);
+		}
+	}, [l.open, r]), /* @__PURE__ */ S(s.div, {
+		"data-state": M(l.open),
+		"data-disabled": l.disabled ? "" : void 0,
+		id: l.contentId,
+		hidden: !y,
+		...c,
+		ref: m,
+		style: {
+			"--radix-collapsible-content-height": g ? `${g}px` : void 0,
+			"--radix-collapsible-content-width": v ? `${v}px` : void 0,
+			...e.style
+		},
+		children: y && o
+	});
+});
+function M(e) {
+	return e ? "open" : "closed";
+}
+var re = D, ie = k, ae = j, N = "Accordion", oe = [
+	"Home",
+	"End",
+	"ArrowDown",
+	"ArrowUp",
+	"ArrowLeft",
+	"ArrowRight"
+], [P, se, ce] = c(N), [F, le] = r(N, [ce, T]), I = T(), L = m.forwardRef((e, t) => {
+	let { type: n, ...r } = e, i = r, a = r;
+	return /* @__PURE__ */ S(P.Provider, {
+		scope: e.__scopeAccordion,
+		children: n === "multiple" ? /* @__PURE__ */ S(pe, {
+			...a,
+			ref: t
+		}) : /* @__PURE__ */ S(fe, {
+			...i,
+			ref: t
+		})
+	});
+});
+L.displayName = N;
+var [R, ue] = F(N), [z, de] = F(N, { collapsible: !1 }), fe = m.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, collapsible: a = !1, ...s } = e, [c, l] = o({
+		prop: n,
+		defaultProp: r ?? "",
+		onChange: i,
+		caller: N
+	});
+	return /* @__PURE__ */ S(R, {
+		scope: e.__scopeAccordion,
+		value: m.useMemo(() => c ? [c] : [], [c]),
+		onItemOpen: l,
+		onItemClose: m.useCallback(() => a && l(""), [a, l]),
+		children: /* @__PURE__ */ S(z, {
+			scope: e.__scopeAccordion,
+			collapsible: a,
+			children: /* @__PURE__ */ S(V, {
+				...s,
+				ref: t
+			})
+		})
+	});
+}), pe = m.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, ...a } = e, [s, c] = o({
+		prop: n,
+		defaultProp: r ?? [],
+		onChange: i,
+		caller: N
+	}), l = m.useCallback((e) => c((t = []) => [...t, e]), [c]), u = m.useCallback((e) => c((t = []) => t.filter((t) => t !== e)), [c]);
+	return /* @__PURE__ */ S(R, {
+		scope: e.__scopeAccordion,
+		value: s,
+		onItemOpen: l,
+		onItemClose: u,
+		children: /* @__PURE__ */ S(z, {
+			scope: e.__scopeAccordion,
+			collapsible: !0,
+			children: /* @__PURE__ */ S(V, {
+				...a,
+				ref: t
+			})
+		})
+	});
+}), [me, B] = F(N), V = m.forwardRef((e, t) => {
+	let { __scopeAccordion: r, disabled: i, dir: o, orientation: c = "vertical", ...u } = e, d = a(m.useRef(null), t), f = se(r), p = l(o) === "ltr", h = n(e.onKeyDown, (e) => {
+		if (!oe.includes(e.key)) return;
+		let t = e.target, n = f().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
+		if (r === -1) return;
+		e.preventDefault();
+		let a = r, o = i - 1, s = () => {
+			a = r + 1, a > o && (a = 0);
+		}, l = () => {
+			a = r - 1, a < 0 && (a = o);
+		};
+		switch (e.key) {
+			case "Home":
+				a = 0;
+				break;
+			case "End":
+				a = o;
+				break;
+			case "ArrowRight":
+				c === "horizontal" && (p ? s() : l());
+				break;
+			case "ArrowDown":
+				c === "vertical" && s();
+				break;
+			case "ArrowLeft":
+				c === "horizontal" && (p ? l() : s());
+				break;
+			case "ArrowUp":
+				c === "vertical" && l();
+				break;
+		}
+		n[a % i].ref.current?.focus();
+	});
+	return /* @__PURE__ */ S(me, {
+		scope: r,
+		disabled: i,
+		direction: o,
+		orientation: c,
+		children: /* @__PURE__ */ S(P.Slot, {
+			scope: r,
+			children: /* @__PURE__ */ S(s.div, {
+				...u,
+				"data-orientation": c,
+				ref: d,
+				onKeyDown: i ? void 0 : h
+			})
+		})
+	});
+}), H = "AccordionItem", [he, U] = F(H), W = m.forwardRef((e, t) => {
+	let { __scopeAccordion: n, value: r, ...i } = e, a = B(H, n), o = ue(H, n), s = I(n), c = d(), l = r && o.value.includes(r) || !1, u = a.disabled || e.disabled;
+	return /* @__PURE__ */ S(he, {
+		scope: n,
+		open: l,
+		disabled: u,
+		triggerId: c,
+		children: /* @__PURE__ */ S(re, {
+			"data-orientation": a.orientation,
+			"data-state": _e(l),
+			...s,
+			...i,
+			ref: t,
+			disabled: u,
+			open: l,
+			onOpenChange: (e) => {
+				e ? o.onItemOpen(r) : o.onItemClose(r);
+			}
+		})
+	});
+});
+W.displayName = H;
+var G = "AccordionHeader", K = m.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(G, n);
+	return /* @__PURE__ */ S(s.h3, {
+		"data-orientation": i.orientation,
+		"data-state": _e(a.open),
+		"data-disabled": a.disabled ? "" : void 0,
+		...r,
+		ref: t
+	});
+});
+K.displayName = G;
+var q = "AccordionTrigger", J = m.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(q, n), o = de(q, n), s = I(n);
+	return /* @__PURE__ */ S(P.ItemSlot, {
+		scope: n,
+		children: /* @__PURE__ */ S(ie, {
+			"aria-disabled": a.open && !o.collapsible || void 0,
+			"data-orientation": i.orientation,
+			id: a.triggerId,
+			...s,
+			...r,
+			ref: t
+		})
+	});
+});
+J.displayName = q;
+var Y = "AccordionContent", ge = m.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(Y, n), o = I(n);
+	return /* @__PURE__ */ S(ae, {
+		role: "region",
+		"aria-labelledby": a.triggerId,
+		"data-orientation": i.orientation,
+		...o,
+		...r,
+		ref: t,
+		style: {
+			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+			...e.style
+		}
+	});
+});
+ge.displayName = Y;
+function _e(e) {
+	return e ? "open" : "closed";
+}
+var ve = L, ye = W, be = K, xe = J, Se = ge, Ce = {
+	default: "shadow-none",
+	contained: "rounded-md border border-level-four",
+	separated: "rounded-none space-y-2"
+}, we = {
+	default: "w-full py-4",
+	contained: "not-last:border-b border-level-four p-4",
+	separated: "border border-level-four rounded-md p-4"
+}, Te = _({ variant: "default" }), X = ({ className: e, ref: t, variant: n = "default", ...r }) => {
+	let { autoScroll: i = "never", scrollPadding: a = -20, children: o, ...s } = r, c = {
+		autoScroll: i,
+		scrollPadding: a
+	}, l = {
+		...s,
+		ref: t
+	};
+	return /* @__PURE__ */ S(Te.Provider, {
+		value: { variant: n },
+		children: /* @__PURE__ */ S(ve, {
+			...l,
+			className: f("accordion-wrapper flex flex-col", Ce[n], e),
+			"data-auto-scroll": i,
+			"data-scroll-options": JSON.stringify(c),
+			"data-scroll-padding": a,
+			"data-slot": "accordion",
+			"data-testid": "spectral-accordion",
+			...r.type === "single" ? { collapsible: !0 } : {},
+			children: h.map(o, (e) => v(e) ? g(e, { variant: n }) : e)
+		})
+	});
+};
+X.displayName = "Accordion";
+var Z = ({ className: e, ref: t, ...n }) => {
+	let { variant: r = "default" } = b(Te);
+	return /* @__PURE__ */ S(ye, {
+		className: f("w-full", we[r], e),
+		"data-slot": "accordion-item",
+		"data-testid": "spectral-accordion-item",
+		ref: t,
+		...n
+	});
+};
+Z.displayName = "AccordionItem";
+var Q = ({ ref: n, className: r, title: i, subtitle: a, ...o }) => {
+	let s = x(null), c = t(s), l = y((e) => {
+		typeof n == "function" ? n(e) : n && (n.current = e), s.current = e;
+	}, [n]);
+	return /* @__PURE__ */ S(be, {
+		className: "m-0 flex",
+		children: /* @__PURE__ */ C(xe, {
+			className: f("text-sm font-normal flex flex-1 items-center justify-between text-text-primary transition-all hover:no-underline", "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", r),
+			"data-slot": "accordion-trigger",
+			"data-testid": "spectral-accordion-trigger",
+			onClick: c,
+			ref: l,
+			...o,
+			children: [/* @__PURE__ */ C("div", {
+				className: "space-y-0.5 flex w-full flex-col text-start",
+				children: [/* @__PURE__ */ S("div", {
+					className: "text-base font-medium text-text-primary",
+					children: i
+				}), a && /* @__PURE__ */ S("div", {
+					className: "text-sm font-normal text-text-secondary",
+					children: a
+				})]
+			}), /* @__PURE__ */ S(e, { className: "shrink-0 transition-transform duration-200" })]
+		})
+	});
+};
+Q.displayName = "AccordionTrigger";
+var $ = ({ ref: e, className: t, children: n, ...r }) => /* @__PURE__ */ S(Se, {
+	className: f("pt-4 text-sm overflow-hidden motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down", t),
+	"data-slot": "accordion-content",
+	"data-testid": "spectral-accordion-content",
+	ref: e,
+	...r,
+	children: /* @__PURE__ */ S("div", {
+		className: "px-1 pb-4 pt-0",
+		"data-slot": "accordion-content-inner",
+		children: n
+	})
+});
+$.displayName = "AccordionContent";
+var Ee = Object.assign(X, {
+	Content: $,
+	Item: Z,
+	Trigger: Q
+});
+//#endregion
+export { Q as i, $ as n, Z as r, Ee as t };