@jfrader/ui 0.5.0 → 0.6.0

package/dist/lightbox-gallery.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as LightboxGallery } from "./lightbox-gallery-D0YaSTut.js";

package/dist/link-unfurl-CReyIjyy.js

@@ -0,0 +1,695 @@
+'use client';
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
+import { t as o } from "./use-controlled-state-DpeVQZNR.js";
+import { t as s } from "./visually-hidden-DgVO3NaB.js";
+import { t as c } from "./renderable-DzcIj1Lo.js";
+import { t as l } from "./button-C6OV0C7J.js";
+import { t as ee } from "./input-control-B6HVBgwl.js";
+import { useEffect as u, useId as te, useLayoutEffect as ne, useMemo as d, useRef as f, useState as p } from "react";
+import { vars as m } from "@jfrader/tokens/vars";
+import { createElement as re } from "@emotion/react";
+import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { MotionConfig as ie, motion as ae, useReducedMotion as _ } from "motion/react";
+import { useMergeRefs as v } from "@floating-ui/react";
+//#region src/components/link-unfurl/link-unfurl.tsx
+var oe = {
+	send: "Send",
+	expand: "Expand",
+	collapse: "Collapse",
+	remove: "Remove",
+	retry: "Retry",
+	pending: "Loading preview",
+	noPreview: "No preview",
+	sent: "Message sent",
+	error: "Message not sent",
+	hint: "Enter sends, Shift+Enter adds a line, Alt+Enter opens or closes the preview at the cursor."
+}, y = [], se = "27.5rem", b = "1.91", x = "@container (max-width: 22.5rem)", ce = "@container (min-width: 35rem)", le = .4, S = {
+	type: "spring",
+	stiffness: 420,
+	damping: 38
+}, C = "1.4s", w = /^https?:\/\//i;
+function ue(e) {
+	if (w.test(e)) try {
+		let t = new URL(e);
+		if ((t.protocol === "http:" || t.protocol === "https:") && t.hostname !== "") return t.href;
+	} catch {
+		return;
+	}
+}
+function T(e) {
+	let t = [];
+	for (let n of e.matchAll(/\S+/g)) {
+		let e = ue(n[0]);
+		e !== void 0 && t.push({
+			url: n[0],
+			href: e,
+			start: n.index,
+			end: n.index + n[0].length
+		});
+	}
+	return t;
+}
+function E(e, t, n) {
+	let { seq: r } = e, i = e.links.filter((e) => e.id !== n.exclude), a = [], o = [], s = 0;
+	for (let e of T(t)) {
+		let t = i.findIndex((t, n) => n >= s && t.url === e.url);
+		if (t !== -1) {
+			a.push({
+				...i[t],
+				...e
+			}), s = t + 1;
+			continue;
+		}
+		if (e.end === n.caret) continue;
+		r += 1;
+		let c = {
+			...e,
+			id: `${n.prefix}link-${r}`,
+			requestId: n.request ? `${n.prefix}request-${r}` : null
+		};
+		a.push(c), n.request && o.push(c);
+	}
+	return {
+		state: {
+			text: t,
+			links: a,
+			seq: r
+		},
+		created: o
+	};
+}
+var D = ({ committed: e, ...t }) => t;
+function O(e, { start: t, end: n }) {
+	return /\s/.test(e[n] ?? "") ? e.slice(0, t) + e.slice(n + 1) : t > 0 && /\s/.test(e[t - 1] ?? "") ? e.slice(0, t - 1) + e.slice(n) : e.slice(0, t) + e.slice(n);
+}
+function de(e) {
+	return new URL(e).hostname;
+}
+var k = (e) => e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229;
+function A(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+function j(e) {
+	let { className: t, css: n, ...r } = e ?? {};
+	return {
+		className: t,
+		partCss: n,
+		attributes: r
+	};
+}
+var fe = t({
+	label: "link-unfurl",
+	display: "grid",
+	gap: m.space[3],
+	minInlineSize: 0,
+	containerType: "inline-size",
+	color: m.color.text,
+	fontFamily: m.font.sans,
+	fontSize: m.textSize.sm,
+	lineHeight: m.lineHeight.base
+}), pe = t({
+	fontWeight: m.fontWeight.medium,
+	justifySelf: "start"
+}), me = t({
+	minBlockSize: `calc(${m.space[8]} * 2.5)`,
+	paddingBlock: m.space[2],
+	paddingInline: m.space[3],
+	fontSize: m.textSize.md,
+	lineHeight: m.lineHeight.base,
+	resize: "vertical",
+	"&:read-only": { cursor: "progress" }
+}), he = t({
+	margin: 0,
+	color: m.color.textMuted
+}), ge = t({
+	display: "grid",
+	gap: m.space[2],
+	margin: 0,
+	padding: 0,
+	listStyle: "none",
+	justifyItems: "start",
+	[ce]: { gap: m.space[3] }
+}), _e = t({
+	boxSizing: "border-box",
+	inlineSize: "100%",
+	maxInlineSize: se,
+	minInlineSize: 0,
+	overflow: "clip",
+	backgroundColor: m.color.surfaceRaised,
+	border: `1px solid ${m.color.borderControl}`,
+	borderRadius: m.radius.lg,
+	boxShadow: m.shadow.raised,
+	[r]: { border: "1px solid CanvasText" }
+}), ve = t({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: m.space[2],
+	paddingBlock: m.space[2],
+	paddingInline: m.space[3],
+	touchAction: "pan-x",
+	"[data-state=\"open\"] > &": { cursor: "grab" },
+	[x]: { paddingInline: m.space[2] }
+}), ye = t({
+	flex: "none",
+	inlineSize: m.space[4],
+	blockSize: m.space[4],
+	borderRadius: m.radius.sm,
+	objectFit: "cover"
+}), be = t({
+	display: "grid",
+	flex: "1 1 12rem",
+	minInlineSize: 0
+}), M = e({ from: { opacity: 0 } }), N = t({
+	justifySelf: "start",
+	"&[data-resolved]": { animation: `${M} ${m.motion.duration.base} ${m.motion.easeStandard}` },
+	"[data-motion=\"none\"] &": { animation: "none" },
+	[i]: { animation: "none" },
+	color: m.color.accentText,
+	fontWeight: m.fontWeight.medium,
+	overflowWrap: "anywhere",
+	textDecoration: "none",
+	borderRadius: m.radius.sm,
+	"&:hover": { textDecoration: "underline" },
+	"&:focus-visible": n,
+	[r]: { textDecoration: "underline" }
+}), P = t({
+	color: m.color.textMuted,
+	overflowWrap: "anywhere"
+}), F = t({ color: m.color.dangerText }), xe = e({
+	from: { backgroundPosition: "100% 0" },
+	to: { backgroundPosition: "0 0" }
+}), Se = t({
+	color: m.color.textMuted,
+	backgroundImage: `linear-gradient(90deg, transparent 30%, ${m.color.accentSoft} 50%, transparent 70%)`,
+	backgroundSize: "300% 100%",
+	borderRadius: m.radius.sm,
+	animation: `${xe} ${C} linear infinite`,
+	"[data-offscreen] &, [data-motion=\"none\"] &": {
+		animationPlayState: "paused",
+		animationName: "none"
+	},
+	[i]: { animation: "none" },
+	[r]: { backgroundImage: "none" }
+}), Ce = t({
+	display: "flex",
+	flexWrap: "wrap",
+	gap: m.space[1],
+	marginInlineStart: "auto",
+	[x]: {
+		flexBasis: "100%",
+		marginInlineStart: 0
+	}
+}), I = t({ paddingInline: m.space[2] }), L = t({
+	display: "grid",
+	gap: m.space[2],
+	padding: m.space[3],
+	borderBlockStart: `1px solid ${m.color.border}`,
+	opacity: "calc(1 - var(--link-unfurl-fold, 0))",
+	"&[hidden]": { display: "none" },
+	[x]: { padding: m.space[2] },
+	[r]: { borderBlockStartColor: "CanvasText" }
+}), R = t({
+	aspectRatio: b,
+	inlineSize: "100%",
+	overflow: "hidden",
+	borderRadius: m.radius.md,
+	backgroundColor: m.color.surfaceHover
+}), z = t({
+	display: "block",
+	inlineSize: "100%",
+	blockSize: "100%",
+	objectFit: "cover",
+	opacity: 0,
+	transitionProperty: "opacity",
+	transitionDuration: m.motion.duration.slow,
+	transitionTimingFunction: m.motion.easeStandard,
+	"&[data-loaded]": { opacity: 1 },
+	"[data-motion=\"none\"] &": {
+		opacity: 1,
+		transitionDuration: "0s"
+	},
+	[i]: { transitionDuration: "0s" }
+}), we = t({
+	margin: 0,
+	color: m.color.textMuted,
+	overflowWrap: "anywhere"
+}), Te = t({
+	display: "flex",
+	flexWrap: "wrap",
+	gap: m.space[2]
+}), Ee = t({
+	whiteSpace: "normal",
+	blockSize: "auto",
+	minBlockSize: m.space[8]
+}), De = t({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: m.space[2]
+}), Oe = t({ marginInlineStart: "auto" }), ke = t({
+	margin: 0,
+	color: m.color.dangerText,
+	fontWeight: m.fontWeight.medium
+});
+function Ae({ link: e, status: t, record: n, open: r, animate: i, locked: a, labels: o, slotProps: s, onToggle: ee, onRetry: u, onRemove: ne }) {
+	let d = te(), m = `${d}-title`, ie = `${d}-body`, _ = f(null), v = f(null), [oe, y] = p(), [se, b] = p(), x = t === "ready" && n !== void 0, ce = x && n.title || e.url, C = x && n.site || de(e.href), w = x ? n.image : void 0, ue = w !== void 0 && w.src !== "" && w.src !== oe, T = j(s?.chip), E = j(s?.card), D = j(s?.title), O = j(s?.image), k = j(s?.controls), A = (e) => _.current?.style.setProperty("--link-unfurl-fold", String(e)), fe = (e) => {
+		let t = v.current;
+		v.current = null, A(0), e && t && t.progress >= le && ee();
+	}, pe = (e) => {
+		if (r && e.button === 0 && !e.target.closest("a, button")) {
+			try {
+				e.currentTarget.setPointerCapture(e.pointerId);
+			} catch {}
+			v.current = {
+				pointerId: e.pointerId,
+				startY: e.clientY,
+				height: _.current?.getBoundingClientRect().height || 1,
+				progress: 0
+			};
+		}
+	}, me = (e) => {
+		let t = v.current;
+		t && t.pointerId === e.pointerId && (t.progress = Math.min(1, Math.max(0, (t.startY - e.clientY) / t.height)), A(t.progress));
+	}, he = {
+		pending: /* @__PURE__ */ h("span", {
+			"data-ui": "link-unfurl-pending",
+			css: Se,
+			children: o.pending
+		}),
+		none: /* @__PURE__ */ h("span", {
+			css: P,
+			children: o.noPreview
+		}),
+		error: /* @__PURE__ */ h("span", {
+			css: F,
+			children: n?.error || o.noPreview
+		})
+	};
+	return /* @__PURE__ */ g(ae.div, {
+		...T.attributes,
+		layout: i,
+		transition: S,
+		"data-ui": "link-unfurl-item",
+		"data-status": t,
+		"data-state": r ? "open" : "closed",
+		"data-link-id": e.id,
+		className: T.className,
+		css: [_e, T.partCss],
+		children: [/* @__PURE__ */ g(ae.div, {
+			layout: i ? "position" : !1,
+			transition: S,
+			css: ve,
+			onPointerDown: pe,
+			onPointerMove: me,
+			onPointerUp: () => fe(!0),
+			onPointerCancel: () => fe(!1),
+			children: [
+				x && n.favicon ? /* @__PURE__ */ h("img", {
+					src: n.favicon,
+					alt: "",
+					css: ye
+				}) : null,
+				/* @__PURE__ */ g("span", {
+					css: be,
+					children: [
+						/* @__PURE__ */ re("a", {
+							...D.attributes,
+							key: x ? "ready" : "detected",
+							id: m,
+							href: e.href,
+							"data-ui": "link-unfurl-title",
+							"data-resolved": x || void 0,
+							className: D.className,
+							css: [N, D.partCss]
+						}, ce),
+						/* @__PURE__ */ h("span", {
+							css: P,
+							children: C
+						}),
+						he[t]
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					...k.attributes,
+					"data-ui": "link-unfurl-controls",
+					className: k.className,
+					css: [Ce, k.partCss],
+					children: [
+						x ? /* @__PURE__ */ h(l, {
+							size: "sm",
+							variant: "ghost",
+							css: I,
+							"aria-expanded": r,
+							"aria-controls": ie,
+							"aria-describedby": m,
+							onClick: ee,
+							children: r ? o.collapse : o.expand
+						}) : null,
+						t === "idle" || t === "error" ? /* @__PURE__ */ h(l, {
+							size: "sm",
+							variant: "ghost",
+							css: I,
+							"aria-describedby": m,
+							onClick: u,
+							children: o.retry
+						}) : null,
+						/* @__PURE__ */ h(l, {
+							size: "sm",
+							variant: "ghost",
+							tone: "danger",
+							css: I,
+							"aria-disabled": a || void 0,
+							"aria-describedby": m,
+							"data-link-action": "remove",
+							onClick: ne,
+							children: o.remove
+						})
+					]
+				})
+			]
+		}), x ? /* @__PURE__ */ g("div", {
+			...E.attributes,
+			ref: _,
+			id: ie,
+			"data-ui": "link-unfurl-card",
+			hidden: !r,
+			inert: !r,
+			className: E.className,
+			css: [L, E.partCss],
+			children: [w === void 0 ? null : /* @__PURE__ */ h("div", {
+				"data-ui": "link-unfurl-image-frame",
+				css: R,
+				children: ue ? /* @__PURE__ */ h("img", {
+					...O.attributes,
+					src: w.src,
+					alt: w.alt,
+					"data-loaded": se === w.src || void 0,
+					onLoad: (e) => {
+						O.attributes.onLoad?.(e), b(w.src);
+					},
+					onError: (e) => {
+						O.attributes.onError?.(e), y(w.src);
+					},
+					className: O.className,
+					css: [z, O.partCss]
+				}) : null
+			}), c(n.description) && n.description !== "" ? /* @__PURE__ */ h("p", {
+				css: we,
+				children: n.description
+			}) : null]
+		}) : null]
+	});
+}
+function B({ ref: e, label: t, value: n, defaultValue: r = "", onValueChange: i, previews: c = y, onPreviewRequest: m, expanded: re, defaultExpanded: ae = y, onExpandedChange: se, suggestions: b = y, onSend: x, labels: ce, locale: le, motion: S = "auto", slotProps: C, className: w, sx: ue, ...T }) {
+	let [_e, ve] = o(n, r, i), [ye, be] = o(re, ae, se), M = _e ?? "", N = ye ?? y, P = {
+		...oe,
+		...ce
+	}, F = te(), xe = `${F}-field`, Se = `${F}-label`, Ce = `${F}-hint`, I = `${F}-error`, L = f(null), R = f(null), z = j(C?.field), { ref: we, ...B } = z.attributes, je = v([L, we]), Me = _(), Ne = S === "auto" && !Me, [V, Pe] = p(() => E({
+		text: "",
+		links: [],
+		seq: 0
+	}, M, {
+		prefix: F,
+		caret: null,
+		request: !1
+	}).state), H = V;
+	if (V.text !== M) {
+		let { committed: e } = V;
+		H = e?.text === M ? {
+			...e,
+			seq: V.seq
+		} : E(V, M, {
+			prefix: F,
+			caret: null,
+			request: !1
+		}).state, Pe(H);
+	}
+	let { links: U } = H, W = (e) => e.requestId === null ? void 0 : c.find((t) => t.linkId === e.id && t.requestId === e.requestId), G = (e, t = W(e)) => e.requestId === null ? "idle" : t?.status ?? "pending", [K, Fe] = p(!1), [Ie, Le] = p(!1), [Re, q] = p(""), J = f(!1), ze = f(!1), Y = f(!0), X = f(/* @__PURE__ */ new Map()), Be = f(null), Z = d(() => new Intl.ListFormat(le, {
+		type: "unit",
+		style: "short"
+	}), [le]), Ve = (e) => {
+		let t = W(e);
+		return G(e, t) === "ready" && t?.title || e.url;
+	}, He = U.map((e) => `${e.id}:${G(e)}`).join("|"), [Ue, We] = p(He);
+	if (Ue !== He) {
+		let e = new Map(Ue.split("|").map((e) => e.split(/:(?=[^:]*$)/))), t = [...U].reverse().find((t) => {
+			let n = G(t);
+			return n !== "idle" && e.get(t.id) !== n;
+		});
+		if (t !== void 0) {
+			let e = W(t);
+			q({
+				pending: Z.format([P.pending, de(t.href)]),
+				ready: Ve(t),
+				none: Z.format([P.noPreview, t.url]),
+				error: Z.format([e?.error || P.noPreview, t.url])
+			}[G(t, e)]);
+		}
+		We(He);
+	}
+	let Ge = (e) => {
+		let t = new AbortController();
+		X.current.get(e.id)?.controller.abort(), X.current.set(e.id, {
+			requestId: e.requestId,
+			controller: t
+		}), m?.(e.url, {
+			linkId: e.id,
+			requestId: e.requestId,
+			signal: t.signal
+		});
+	}, Q = (e, t) => {
+		let n = E(H, e, {
+			...t,
+			prefix: F
+		});
+		Pe({
+			...n.state,
+			committed: D(H)
+		}), e !== M && (Le(!1), ve(e));
+		for (let e of n.created) Ge(e);
+	};
+	u(() => {
+		for (let [e, t] of X.current) U.find((t) => t.id === e)?.requestId !== t.requestId && (t.controller.abort(), X.current.delete(e));
+	}), u(() => {
+		Y.current = !0;
+		let e = X.current;
+		return () => {
+			Y.current = !1;
+			for (let t of e.values()) t.controller.abort();
+			e.clear();
+		};
+	}, []), ne(() => {
+		let e = Be.current;
+		if (Be.current = null, !e || U.some((t) => t.id === e.removed)) return;
+		let t = L.current?.ownerDocument;
+		if (!t || t.activeElement !== null && t.activeElement !== t.body) return;
+		let n = R.current;
+		(e.candidates.map((e) => n?.querySelector(`[data-link-id="${CSS.escape(e)}"] a`)).find(Boolean) ?? L.current)?.focus();
+	});
+	let Ke = U.length > 0;
+	u(() => {
+		let e = R.current;
+		if (!e || typeof IntersectionObserver > "u") return;
+		let t = new IntersectionObserver(([t]) => {
+			e.toggleAttribute("data-offscreen", t ? !t.isIntersecting : !1);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [Ke]);
+	let qe = (e) => {
+		let t = N.includes(e.id);
+		be(t ? N.filter((t) => t !== e.id) : [...N, e.id]), q(Z.format([t ? P.collapse : P.expand, Ve(e)]));
+	}, Je = (e) => {
+		let t = H.seq + 1, n = {
+			...e,
+			requestId: `${F}request-${t}`
+		};
+		Pe({
+			...D(H),
+			seq: t,
+			links: U.map((t) => t.id === e.id ? n : t)
+		}), Ge(n);
+	}, Ye = (e) => {
+		let t = U.indexOf(e);
+		Be.current = {
+			removed: e.id,
+			candidates: [...U.slice(t + 1), ...U.slice(0, t).reverse()].map((e) => e.id)
+		}, q(Z.format([P.remove, Ve(e)])), Q(O(M, e), {
+			caret: null,
+			request: !0,
+			exclude: e.id
+		});
+	}, Xe = x !== void 0 && M.trim() !== "" && !K, Ze = () => {
+		if (!Xe || J.current) return;
+		let e = {
+			text: M,
+			previews: U.map((e) => W(e)).filter((e) => e !== void 0)
+		}, t = () => {
+			J.current = !1, Y.current && (Fe(!1), q(P.sent), ve(""), be([]));
+		}, n = () => {
+			J.current = !1, Y.current && (Fe(!1), Le(!0));
+		};
+		Le(!1);
+		let r;
+		try {
+			r = x(e);
+		} catch {
+			n();
+			return;
+		}
+		typeof r?.then == "function" ? (J.current = !0, Fe(!0), r.then(t, n)) : t();
+	}, Qe = (e) => {
+		if (B.onKeyDown?.(e), !(e.defaultPrevented || e.key !== "Enter" || k(e))) {
+			if (e.altKey) {
+				e.preventDefault();
+				let t = e.currentTarget.selectionStart, n = [...U].reverse().find((e) => e.start <= t && t <= e.end);
+				n !== void 0 && G(n) === "ready" && qe(n);
+			} else e.shiftKey || e.ctrlKey || e.metaKey || x === void 0 || (e.preventDefault(), e.repeat || Ze());
+		}
+	}, $e = (e) => {
+		B.onPaste?.(e), ze.current = !0;
+	}, et = (e) => {
+		B.onBlur?.(e), K || Q(M, {
+			caret: null,
+			request: !0
+		});
+	}, tt = (e) => {
+		let t = L.current, n = t?.selectionStart ?? M.length, r = t?.selectionEnd ?? M.length, i = M.slice(0, n), a = M.slice(r), o = i === "" || /\s$/.test(i) ? "" : " ", s = /^\s/.test(a) ? "" : " ";
+		Q(`${i}${o}${e}${s}${a}`, {
+			caret: null,
+			request: !0
+		});
+	}, nt = j(C?.lane), $ = j(C?.send), rt = j(C?.status), it = j(C?.error);
+	return /* @__PURE__ */ h(ie, {
+		reducedMotion: S === "none" ? "always" : "user",
+		children: /* @__PURE__ */ h(a, {
+			className: w,
+			styles: fe,
+			sx: ue,
+			children: (n) => /* @__PURE__ */ g("div", {
+				...T,
+				ref: e,
+				"data-ui": "link-unfurl",
+				"data-motion": S,
+				className: n,
+				children: [
+					/* @__PURE__ */ h("label", {
+						id: Se,
+						htmlFor: xe,
+						css: pe,
+						children: t
+					}),
+					/* @__PURE__ */ h("textarea", {
+						rows: 3,
+						...B,
+						ref: je,
+						id: xe,
+						value: M,
+						readOnly: K,
+						"aria-labelledby": A(B["aria-labelledby"], B["aria-labelledby"] && Se),
+						"aria-describedby": A(B["aria-describedby"], Ce, Ie && I),
+						"data-ui": "link-unfurl-field",
+						className: z.className,
+						css: [
+							ee,
+							me,
+							z.partCss
+						],
+						onChange: (e) => {
+							B.onChange?.(e);
+							let t = ze.current;
+							ze.current = !1;
+							let n = e.currentTarget.selectionEnd;
+							Q(e.currentTarget.value, {
+								caret: t ? null : n,
+								request: !0
+							});
+						},
+						onKeyDown: Qe,
+						onPaste: $e,
+						onBlur: et
+					}),
+					/* @__PURE__ */ h("p", {
+						id: Ce,
+						css: he,
+						children: P.hint
+					}),
+					Ke ? /* @__PURE__ */ h("div", {
+						...nt.attributes,
+						ref: R,
+						"data-ui": "link-unfurl-lane",
+						className: nt.className,
+						css: [ge, nt.partCss],
+						children: U.map((e) => {
+							let t = W(e), n = G(e, t);
+							return /* @__PURE__ */ h(Ae, {
+								link: e,
+								status: n,
+								record: t,
+								open: n === "ready" && N.includes(e.id),
+								animate: Ne,
+								locked: K,
+								labels: P,
+								slotProps: C,
+								onToggle: () => qe(e),
+								onRetry: () => Je(e),
+								onRemove: () => Ye(e)
+							}, e.id);
+						})
+					}) : null,
+					b.length > 0 ? /* @__PURE__ */ h("div", {
+						"data-ui": "link-unfurl-suggestions",
+						css: Te,
+						children: b.map((e) => /* @__PURE__ */ h(l, {
+							size: "sm",
+							variant: "outline",
+							css: Ee,
+							"aria-disabled": K || void 0,
+							onClick: () => tt(e.url),
+							children: e.label
+						}, e.url))
+					}) : null,
+					/* @__PURE__ */ g("div", {
+						css: De,
+						children: [Ie ? /* @__PURE__ */ h("p", {
+							...it.attributes,
+							id: I,
+							role: "alert",
+							"data-ui": "link-unfurl-error",
+							className: it.className,
+							css: [ke, it.partCss],
+							children: P.error
+						}) : null, /* @__PURE__ */ h(l, {
+							...$.attributes,
+							tone: "accent",
+							loading: K,
+							disabled: !Xe && !K,
+							className: $.className,
+							css: [Oe, $.partCss],
+							onClick: (e) => {
+								$.attributes.onClick?.(e), e.defaultPrevented || Ze();
+							},
+							children: P.send
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						...rt.attributes,
+						role: "status",
+						"aria-live": "polite",
+						"aria-atomic": "true",
+						"data-ui": "link-unfurl-status",
+						className: rt.className,
+						css: [s, rt.partCss],
+						children: Re
+					})
+				]
+			})
+		})
+	});
+}
+B.displayName = "LinkUnfurl";
+//#endregion
+export { B as t };

package/dist/link-unfurl.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as LinkUnfurl } from "./link-unfurl-CReyIjyy.js";

package/dist/{listbox-style-WX-RASp1.js → listbox-style-DNOxAulu.js}

@@ -1,5 +1,5 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/listbox-style.ts
 var n = e({