@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Dialog.js

@@ -1,76 +1,76 @@
 import "./styles/main.css";
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { CloseIcon as m } from "./Icons/CloseIcon.js";
-import { R as p, C as i, a as f, D as u, O as x, P as b, T as h, b as v } from "./index-pBCLb6Gr.js";
-import { cn as e } from "./utils/twUtils.js";
+import { CloseIcon as e } from "./Icons/CloseIcon.js";
+import { t } from "./twUtils-VNWgstKL.js";
+import { n } from "./es2015-YHaMV-St.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-B9tup-4O.js";
 import "react";
-import { R as y } from "./index-6oYKCvIn.js";
-const j = ({
-  isOpen: t,
-  modal: a = !1,
-  ...s
-}) => /* @__PURE__ */ o(p, { open: t, modal: a, "data-slot": "dialog", "data-testid": "spectral-dialog", ...s }), O = ({ ...t }) => /* @__PURE__ */ o(v, { asChild: !0, "data-testid": "spectral-dialog-trigger", ...t }), D = ({ ...t }) => /* @__PURE__ */ o(b, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...t }), P = ({ ...t }) => /* @__PURE__ */ o(i, { asChild: !0, "data-slot": "dialog-close", "data-testid": "spectral-dialog-close", ...t }), C = ({ className: t, ...a }) => /* @__PURE__ */ o(
-  x,
-  {
-    className: e("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0", t),
-    "data-slot": "dialog-overlay",
-    "data-testid": "spectral-dialog-overlay",
-    ...a
-  }
-), _ = ({
-  children: t,
-  className: a,
-  dialogOverlay: s = !0,
-  onEscapeKeyDown: d,
-  onInteractOutside: r,
-  onPointerDownOutside: n,
-  showCloseButton: c = !0,
-  ...g
-}) => /* @__PURE__ */ l(D, { "data-slot": "dialog-portal", "data-testid": "spectral-dialog-portal", children: [
-  s && /* @__PURE__ */ o(C, {}),
-  /* @__PURE__ */ l(
-    f,
-    {
-      className: e(
-        "bg-dialog-bg fixed top-[50%] left-[50%] z-50 flex max-h-[90vh] w-full max-w-xl -translate-x-1/2 -translate-y-1/2 flex-col gap-4 overflow-y-auto overscroll-contain rounded-lg p-6 shadow-lg has-[[data-slot=dialog-footer]]:pb-0",
-        "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:zoom-in-100! motion-safe:data-[state=open]:slide-in-from-bottom-20 motion-safe:data-[state=open]:duration-600",
-        "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95",
-        y.classNames.fullWidth,
-        a
-      ),
-      "data-slot": "dialog-content",
-      "data-testid": "spectral-dialog-content",
-      onEscapeKeyDown: d,
-      onInteractOutside: r,
-      onPointerDownOutside: n,
-      ...g,
-      children: [
-        t,
-        c && /* @__PURE__ */ l(
-          i,
-          {
-            className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
-            "data-slot": "dialog-close",
-            "data-testid": "spectral-dialog-close",
-            children: [
-              /* @__PURE__ */ o(m, { size: 16 }),
-              /* @__PURE__ */ o("span", { className: "sr-only", children: "Close dialog" })
-            ]
-          }
-        )
-      ]
-    }
-  )
-] }), F = ({ className: t, ...a }) => /* @__PURE__ */ o("div", { className: e("flex flex-col gap-2 text-center sm:text-left", t), "data-slot": "dialog-header", "data-testid": "spectral-dialog-header", ...a }), H = ({ className: t, ...a }) => /* @__PURE__ */ o("div", { className: e("bg-dialog-bg/85 sticky bottom-0 z-10 -mx-6 flex flex-col-reverse gap-2 px-6 py-4 sm:flex-row sm:justify-end", t), "data-slot": "dialog-footer", "data-testid": "spectral-dialog-footer", ...a }), I = ({ className: t, ...a }) => /* @__PURE__ */ o(h, { className: e("text-2xl leading-none font-semibold", t), "data-slot": "dialog-title", "data-testid": "spectral-dialog-title", ...a }), S = ({ className: t, ...a }) => /* @__PURE__ */ o(u, { className: e("text-muted-foreground text-sm", t), "data-slot": "dialog-description", "data-testid": "spectral-dialog-description", ...a });
-export {
-  j as Dialog,
-  P as DialogClose,
-  _ as DialogContent,
-  S as DialogDescription,
-  H as DialogFooter,
-  F as DialogHeader,
-  C as DialogOverlay,
-  D as DialogPortal,
-  I as DialogTitle,
-  O as DialogTrigger
-};
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/Dialog/Dialog.tsx
+var p = ({ isOpen: e, modal: t = !1, ...n }) => /* @__PURE__ */ d(s, {
+	open: e,
+	modal: t,
+	"data-slot": "dialog",
+	"data-testid": "spectral-dialog",
+	...n
+}), m = ({ ...e }) => /* @__PURE__ */ d(i, {
+	asChild: !0,
+	"data-testid": "spectral-dialog-trigger",
+	...e
+}), h = ({ ...e }) => /* @__PURE__ */ d(r, {
+	"data-slot": "dialog-portal",
+	"data-testid": "dialog-portal",
+	...e
+}), g = ({ ...e }) => /* @__PURE__ */ d(u, {
+	asChild: !0,
+	"data-slot": "dialog-close",
+	"data-testid": "spectral-dialog-close",
+	...e
+}), _ = ({ className: e, ...n }) => /* @__PURE__ */ d(a, {
+	className: t("inset-0 bg-black/50 backdrop-blur-sm fixed z-50", "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0", e),
+	"data-slot": "dialog-overlay",
+	"data-testid": "spectral-dialog-overlay",
+	...n
+}), v = ({ children: r, className: i, dialogOverlay: a = !0, onEscapeKeyDown: s, onInteractOutside: c, onPointerDownOutside: l, showCloseButton: p = !0, ...m }) => /* @__PURE__ */ f(h, {
+	"data-slot": "dialog-portal",
+	"data-testid": "spectral-dialog-portal",
+	children: [a && /* @__PURE__ */ d(_, {}), /* @__PURE__ */ f(o, {
+		className: t("max-w-xl gap-4 rounded-lg p-6 shadow-lg has-[[data-slot=dialog-footer]]:pb-0 fixed top-[50%] left-[50%] z-50 flex max-h-[90vh] w-full -translate-x-1/2 -translate-y-1/2 flex-col overflow-y-auto overscroll-contain bg-dialog-bg", "motion-safe:data-[state=open]:duration-600 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:slide-in-from-bottom-20 motion-safe:data-[state=open]:zoom-in-100!", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95", n.classNames.fullWidth, i),
+		"data-slot": "dialog-content",
+		"data-testid": "spectral-dialog-content",
+		onEscapeKeyDown: s,
+		onInteractOutside: c,
+		onPointerDownOutside: l,
+		...m,
+		children: [r, p && /* @__PURE__ */ f(u, {
+			className: "focus:ring-ring data-[state=open]:text-muted-foreground top-4 right-4 rounded-xs absolute opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:shrink-0",
+			"data-slot": "dialog-close",
+			"data-testid": "spectral-dialog-close",
+			children: [/* @__PURE__ */ d(e, { size: 16 }), /* @__PURE__ */ d("span", {
+				className: "sr-only",
+				children: "Close dialog"
+			})]
+		})]
+	})]
+}), y = ({ className: e, ...n }) => /* @__PURE__ */ d("div", {
+	className: t("gap-2 sm:text-left flex flex-col text-center", e),
+	"data-slot": "dialog-header",
+	"data-testid": "spectral-dialog-header",
+	...n
+}), b = ({ className: e, ...n }) => /* @__PURE__ */ d("div", {
+	className: t("gap-2 sm:flex-row sm:justify-end bottom-0 py-4 px-6 -mx-6 sticky z-10 flex flex-col-reverse bg-dialog-bg/85", e),
+	"data-slot": "dialog-footer",
+	"data-testid": "spectral-dialog-footer",
+	...n
+}), x = ({ className: e, ...n }) => /* @__PURE__ */ d(l, {
+	className: t("text-2xl font-semibold leading-none", e),
+	"data-slot": "dialog-title",
+	"data-testid": "spectral-dialog-title",
+	...n
+}), S = ({ className: e, ...n }) => /* @__PURE__ */ d(c, {
+	className: t("text-muted-foreground text-sm", e),
+	"data-slot": "dialog-description",
+	"data-testid": "spectral-dialog-description",
+	...n
+});
+//#endregion
+export { p as Dialog, g as DialogClose, v as DialogContent, S as DialogDescription, b as DialogFooter, y as DialogHeader, _ as DialogOverlay, h as DialogPortal, x as DialogTitle, m as DialogTrigger };

package/dist/Drawer.js

@@ -1,39 +1,69 @@
 import "./styles/main.css";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { SpectralProvider as f } from "./SpectralProvider.js";
-import { D as e } from "./index-Bm1RbF6w.js";
-const u = ({ children: l, defaultOpen: d = !1, description: i, direction: o = "right", dismissible: c = !0, modal: n = !0, onOpenChange: p, open: x, size: r = "380px", title: h, trigger: m }) => {
-  const a = "font-sans! fixed", w = {
-    left: {
-      className: `${a} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
-      style: { width: r }
-    },
-    right: {
-      className: `${a} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
-      style: { width: r }
-    },
-    top: {
-      className: `${a} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
-      style: { height: r }
-    },
-    bottom: {
-      className: `${a} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
-      style: { height: r }
-    }
-  }, { className: g, style: b } = w[o];
-  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ s(e.Root, { "data-testid": "spectral-drawer", defaultOpen: d, direction: o, dismissible: c, modal: n, onOpenChange: p, open: x, children: [
-    /* @__PURE__ */ t(e.Trigger, { asChild: !0, "data-testid": "spectral-drawer-trigger", children: m }),
-    /* @__PURE__ */ s(e.Portal, { children: [
-      /* @__PURE__ */ t(e.Overlay, { className: "fixed inset-0 bg-transparent", "data-testid": "spectral-drawer-overlay" }),
-      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col overscroll-contain outline-none **:box-border ${g}`, style: b, "data-testid": "spectral-drawer-content", children: /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ t(e.Close, {}),
-        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", "data-testid": "spectral-drawer-title", children: h }),
-        /* @__PURE__ */ t(e.Description, { className: "text-text-secondary! mb-2 px-3 text-xs! uppercase", "data-testid": "spectral-drawer-description", children: i }),
-        /* @__PURE__ */ t("div", { className: "w-auto min-w-0 overflow-hidden overscroll-contain px-3 py-2 *:box-border *:min-w-0", "data-testid": "spectral-drawer-body", children: l })
-      ] }) })
-    ] })
-  ] }) });
-};
-export {
-  u as Drawer
+import { SpectralProvider as e } from "./SpectralProvider.js";
+import { t } from "./dist-3Af8168y.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Drawer/Drawer.tsx
+var i = ({ children: i, defaultOpen: a = !1, description: o, direction: s = "right", dismissible: c = !0, modal: l = !0, onOpenChange: u, open: d, size: f = "380px", title: p, trigger: m }) => {
+	let h = "font-sans! fixed", g = typeof p == "string" && p.trim().length > 0, _ = typeof o == "string" && o.trim().length > 0, { className: v, style: y } = {
+		left: {
+			className: `${h} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
+			style: { width: f }
+		},
+		right: {
+			className: `${h} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
+			style: { width: f }
+		},
+		top: {
+			className: `${h} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
+			style: { height: f }
+		},
+		bottom: {
+			className: `${h} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
+			style: { height: f }
+		}
+	}[s];
+	return /* @__PURE__ */ n(e, { children: /* @__PURE__ */ r(t.Root, {
+		"data-testid": "spectral-drawer",
+		defaultOpen: a,
+		direction: s,
+		dismissible: c,
+		modal: l,
+		onOpenChange: u,
+		open: d,
+		children: [/* @__PURE__ */ n(t.Trigger, {
+			asChild: !0,
+			"data-testid": "spectral-drawer-trigger",
+			children: m
+		}), /* @__PURE__ */ r(t.Portal, { children: [/* @__PURE__ */ n(t.Overlay, {
+			className: "inset-0 fixed bg-transparent",
+			"data-testid": "spectral-drawer-overlay"
+		}), /* @__PURE__ */ n(t.Content, {
+			asChild: !0,
+			"aria-label": !g && !_ ? "Drawer" : void 0,
+			className: `z-10 flex flex-col overscroll-contain bg-drawer-bg outline-none **:box-border ${v}`,
+			style: y,
+			"data-testid": "spectral-drawer-content",
+			children: /* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n(t.Close, {}),
+				g && /* @__PURE__ */ n(t.Title, {
+					className: "px-3 pt-4 text-lg font-medium text-text-primary",
+					"data-testid": "spectral-drawer-title",
+					children: p
+				}),
+				_ && /* @__PURE__ */ n(t.Description, {
+					className: "mb-2 px-3 text-xs! text-text-secondary! uppercase",
+					"data-testid": "spectral-drawer-description",
+					children: o
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "py-2 px-3 min-w-0 *:min-w-0 w-auto overflow-hidden overscroll-contain *:box-border",
+					"data-testid": "spectral-drawer-body",
+					children: i
+				})
+			] })
+		})] })]
+	}) });
 };
+//#endregion
+export { i as Drawer };

package/dist/HoverCard-CYDsIiVK.js

@@ -0,0 +1,201 @@
+import "./styles/main.css";
+import { a as e, d as t, l as n, r, t as i } from "./dist-7HRQ5IKN.js";
+import { t as a } from "./dist-Bft31cJh.js";
+import { t as o } from "./twUtils-VNWgstKL.js";
+import { n as s, t as c } from "./dist-B2k1iWFp.js";
+import { a as l, i as u, n as d, r as f, t as p } from "./dist-C0Hifjgh.js";
+import * as m from "react";
+import { createContext as h, useContext as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@radix-ui+react-hover-card@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_48a8f709df6a4f554450dfcef07ef602/node_modules/@radix-ui/react-hover-card/dist/index.mjs
+var v, y = "HoverCard", [b, x] = t(y, [l]), S = l(), [C, w] = b(y), T = (e) => {
+	let { __scopeHoverCard: t, children: n, open: i, defaultOpen: a, onOpenChange: o, openDelay: s = 700, closeDelay: c = 300 } = e, l = S(t), d = m.useRef(0), f = m.useRef(0), p = m.useRef(!1), h = m.useRef(!1), [g, v] = r({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: o,
+		caller: y
+	}), b = m.useCallback(() => {
+		clearTimeout(f.current), d.current = window.setTimeout(() => v(!0), s);
+	}, [s, v]), x = m.useCallback(() => {
+		clearTimeout(d.current), !p.current && !h.current && (f.current = window.setTimeout(() => v(!1), c));
+	}, [c, v]), w = m.useCallback(() => v(!1), [v]);
+	return m.useEffect(() => () => {
+		clearTimeout(d.current), clearTimeout(f.current);
+	}, []), /* @__PURE__ */ _(C, {
+		scope: t,
+		open: g,
+		onOpenChange: v,
+		onOpen: b,
+		onClose: x,
+		onDismiss: w,
+		hasSelectionRef: p,
+		isPointerDownOnContentRef: h,
+		children: /* @__PURE__ */ _(u, {
+			...l,
+			children: n
+		})
+	});
+};
+T.displayName = y;
+var E = "HoverCardTrigger", D = m.forwardRef((t, n) => {
+	let { __scopeHoverCard: r, ...a } = t, o = w(E, r);
+	return /* @__PURE__ */ _(p, {
+		asChild: !0,
+		...S(r),
+		children: /* @__PURE__ */ _(i.a, {
+			"data-state": o.open ? "open" : "closed",
+			...a,
+			ref: n,
+			onPointerEnter: e(t.onPointerEnter, L(o.onOpen)),
+			onPointerLeave: e(t.onPointerLeave, L(o.onClose)),
+			onFocus: e(t.onFocus, o.onOpen),
+			onBlur: e(t.onBlur, o.onClose),
+			onTouchStart: e(t.onTouchStart, (e) => e.preventDefault())
+		})
+	});
+});
+D.displayName = E;
+var O = "HoverCardPortal", [k, A] = b(O, { forceMount: void 0 }), j = (e) => {
+	let { __scopeHoverCard: t, forceMount: n, children: r, container: i } = e, o = w(O, t);
+	return /* @__PURE__ */ _(k, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ _(a, {
+			present: n || o.open,
+			children: /* @__PURE__ */ _(c, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+j.displayName = O;
+var M = "HoverCardContent", N = m.forwardRef((t, n) => {
+	let r = A(M, t.__scopeHoverCard), { forceMount: i = r.forceMount, ...o } = t, s = w(M, t.__scopeHoverCard);
+	return /* @__PURE__ */ _(a, {
+		present: i || s.open,
+		children: /* @__PURE__ */ _(P, {
+			"data-state": s.open ? "open" : "closed",
+			...o,
+			onPointerEnter: e(t.onPointerEnter, L(s.onOpen)),
+			onPointerLeave: e(t.onPointerLeave, L(s.onClose)),
+			ref: n
+		})
+	});
+});
+N.displayName = M;
+var P = m.forwardRef((t, r) => {
+	let { __scopeHoverCard: i, onEscapeKeyDown: a, onPointerDownOutside: o, onFocusOutside: c, onInteractOutside: l, ...u } = t, d = w(M, i), p = S(i), h = m.useRef(null), g = n(r, h), [y, b] = m.useState(!1);
+	return m.useEffect(() => {
+		if (y) {
+			let e = document.body;
+			return v = e.style.userSelect || e.style.webkitUserSelect, e.style.userSelect = "none", e.style.webkitUserSelect = "none", () => {
+				e.style.userSelect = v, e.style.webkitUserSelect = v;
+			};
+		}
+	}, [y]), m.useEffect(() => {
+		if (h.current) {
+			let e = () => {
+				b(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+					document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
+				});
+			};
+			return document.addEventListener("pointerup", e), () => {
+				document.removeEventListener("pointerup", e), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !1;
+			};
+		}
+	}, [d.isPointerDownOnContentRef, d.hasSelectionRef]), m.useEffect(() => {
+		h.current && R(h.current).forEach((e) => e.setAttribute("tabindex", "-1"));
+	}), /* @__PURE__ */ _(s, {
+		asChild: !0,
+		disableOutsidePointerEvents: !1,
+		onInteractOutside: l,
+		onEscapeKeyDown: a,
+		onPointerDownOutside: o,
+		onFocusOutside: e(c, (e) => {
+			e.preventDefault();
+		}),
+		onDismiss: d.onDismiss,
+		children: /* @__PURE__ */ _(f, {
+			...p,
+			...u,
+			onPointerDown: e(u.onPointerDown, (e) => {
+				e.currentTarget.contains(e.target) && b(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
+			}),
+			ref: g,
+			style: {
+				...u.style,
+				userSelect: y ? "text" : void 0,
+				WebkitUserSelect: y ? "text" : void 0,
+				"--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+				"--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+				"--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+				"--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+				"--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+			}
+		})
+	});
+}), F = "HoverCardArrow", I = m.forwardRef((e, t) => {
+	let { __scopeHoverCard: n, ...r } = e;
+	return /* @__PURE__ */ _(d, {
+		...S(n),
+		...r,
+		ref: t
+	});
+});
+I.displayName = F;
+function L(e) {
+	return (t) => t.pointerType === "touch" ? void 0 : e();
+}
+function R(e) {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}
+var z = T, B = D, V = j, H = N, U = h({}), W = ({ align: e, alignOffset: t, collisionBoundary: n, collisionPadding: r, side: i, sideOffset: a, width: o, ...s }) => /* @__PURE__ */ _(U.Provider, {
+	value: {
+		side: i,
+		sideOffset: a,
+		align: e,
+		alignOffset: t,
+		collisionBoundary: n,
+		collisionPadding: r,
+		width: o
+	},
+	children: /* @__PURE__ */ _(z, {
+		"data-slot": "hover-card",
+		"data-testid": "spectral-hover-card",
+		...s
+	})
+});
+W.displayName = "HoverCard";
+var G = ({ className: e, ...t }) => /* @__PURE__ */ _(B, {
+	className: o("font-base", e),
+	"data-slot": "hover-card-trigger",
+	"data-testid": "spectral-hover-card-trigger",
+	...t
+});
+G.displayName = "HoverCardTrigger";
+var K = ({ align: e, alignOffset: t, className: n, collisionBoundary: r, collisionPadding: i, side: a, sideOffset: s, width: c, ...l }) => {
+	let u = g(U), d = e ?? u.align ?? "center", f = s ?? u.sideOffset ?? 4, p = a ?? u.side ?? "bottom", m = c ?? u.width ?? 380, h = t ?? u.alignOffset, v = r ?? u.collisionBoundary, y = i ?? u.collisionPadding;
+	return /* @__PURE__ */ _(V, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ _(H, {
+			align: d,
+			alignOffset: h,
+			className: o("rounded-lg shadow-lg p-5 z-50 origin-[--radix-hover-card-content-transform-origin] bg-popover-bg text-text-primary outline-none motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", n),
+			collisionBoundary: v,
+			collisionPadding: y,
+			"data-slot": "hover-card-content",
+			"data-testid": "spectral-hover-card-content",
+			side: p,
+			sideOffset: f,
+			style: { width: typeof m == "number" ? `${m}px` : m === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content" },
+			...l
+		})
+	});
+};
+K.displayName = "HoverCardContent";
+//#endregion
+export { K as n, G as r, W as t };

package/dist/HoverCard.d.ts

@@ -5,7 +5,7 @@ type Side = 'top' | 'right' | 'bottom' | 'left';
 interface HoverCardContentProps {
     align?: Align;
     alignOffset?: number;
-    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionBoundary?: Element | null | (Element | null)[];
     collisionPadding?: number | Partial<Record<Side, number>>;
     side?: Side;
     sideOffset?: number;