@superxd-studio/adptr 0.5.0

package/ai-sdk/index.js

@@ -0,0 +1,96 @@
+import { n as e } from "../chunks/core-BCqVRLUy.js";
+import { DefaultChatTransport as t, readUIMessageStream as n } from "ai";
+//#region src/reusable/ai-sdk/index.ts
+function r(e) {
+	let t = e.metadata?.aiSdk;
+	return {
+		id: e.id,
+		role: e.role,
+		metadata: {
+			provider: t?.metadata,
+			superxdFiles: e.files ?? []
+		},
+		parts: [
+			...e.text ? [{
+				type: "text",
+				text: e.text
+			}] : [],
+			...(e.files ?? []).map((e) => ({
+				type: "file",
+				mediaType: e.mediaType,
+				filename: e.name,
+				url: e.url
+			})),
+			...(t?.parts ?? []).filter((e) => e.type !== "text" && e.type !== "file")
+		]
+	};
+}
+function i(i) {
+	let a = i.chatId ?? globalThis.crypto.randomUUID(), o = new t({
+		api: i.endpoint,
+		headers: async () => new Headers(await i.headers?.()),
+		credentials: i.credentials ?? "same-origin",
+		fetch: i.fetch
+	});
+	return {
+		capabilities: {
+			send: !0,
+			cancel: !0,
+			retry: i.retry ?? !0,
+			attachments: !0,
+			...i.conversationActions ? {
+				edit: !0,
+				regenerate: !0,
+				branches: !0
+			} : {}
+		},
+		async *run(t, i) {
+			let s = await o.sendMessages({
+				trigger: "submit-message",
+				chatId: a,
+				messageId: t.messages.at(-1)?.id,
+				messages: t.messages.map(r),
+				abortSignal: i,
+				body: { requestId: t.requestId }
+			}), c = !1, l = !1, u = s.pipeThrough(new TransformStream({ transform(e, t) {
+				if (JSON.stringify(e).length > 2e5) throw Error("SDK part too large");
+				if (e.type.startsWith("tool-")) throw Error("Tool capabilities are not supported by this slice");
+				e.type === "finish" && (c = !0), e.type === "abort" && (l = !0), t.enqueue(e);
+			} })), d = "";
+			try {
+				for await (let e of n({
+					stream: u,
+					terminateOnError: !0
+				})) {
+					if (i.aborted) return;
+					let t = e.parts.filter((e) => e.type === "text").map((e) => e.text).join("");
+					if (t.length > 1e5) throw Error("Response too large");
+					t !== d && (yield t.startsWith(d) ? {
+						type: "text",
+						text: t.slice(d.length)
+					} : {
+						type: "replace-text",
+						text: t
+					}, d = t);
+					let n = { aiSdk: {
+						metadata: e.metadata,
+						parts: e.parts
+					} };
+					if (JSON.stringify(n).length > 2e5) throw Error("Metadata too large");
+					yield {
+						type: "metadata",
+						metadata: n
+					};
+				}
+				if (i.aborted) return;
+				if (!c || l) throw new e();
+				yield { type: "finish" };
+			} catch (t) {
+				if (i.aborted) return;
+				throw t instanceof TypeError ? new e() : t;
+			}
+		}
+	};
+}
+//#endregion
+export { i as createAiSdkChatAdapter };

package/assistant-ui/index.js

@@ -0,0 +1,139 @@
+"use client";
+import { i as e, n as t } from "../chunks/core-BCqVRLUy.js";
+import { useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { AssistantRuntimeProvider as i, useAui as a, useAuiState as o, useLocalRuntime as s } from "@assistant-ui/react";
+//#region src/reusable/assistant-ui/index.tsx
+function c({ adapter: a, children: o }) {
+	let c = n(() => ({ async *run({ messages: n, abortSignal: r }) {
+		let i = "", o = {};
+		try {
+			for await (let t of a.run({
+				requestId: globalThis.crypto.randomUUID(),
+				messages: n.map((t) => ({
+					id: t.id,
+					role: t.role === "user" ? "user" : "assistant",
+					text: t.content.filter((e) => e.type === "text").map((e) => e.text).join(""),
+					metadata: t.metadata.custom,
+					files: Array.isArray(t.metadata.custom.superxdFiles) ? t.metadata.custom.superxdFiles.map(e) : void 0
+				}))
+			}, r)) {
+				if (t.type === "error") throw Error("Response failed");
+				if (t.type === "finish") return;
+				if (t.type === "metadata" ? o = t.metadata : i = t.type === "replace-text" ? t.text : i + t.text, i.length > 1e5) throw Error("Response too large");
+				yield {
+					content: [{
+						type: "text",
+						text: i
+					}],
+					metadata: { custom: { ...o } }
+				};
+			}
+			if (!r.aborted) throw Error("Response interrupted");
+		} catch (e) {
+			throw e instanceof t ? Error("Response interrupted", { cause: e }) : e;
+		}
+	} }), [a]), u = s(c);
+	return /* @__PURE__ */ r(i, {
+		runtime: u,
+		children: /* @__PURE__ */ r(l, {
+			adapter: a,
+			children: o
+		})
+	});
+}
+function l({ adapter: t, children: n }) {
+	let r = a().thread, i = o((e) => e.thread), s = i.messages.at(-1), c = s?.role === "assistant" && s.status.type === "incomplete" && typeof s.status.error == "object" && s.status.error !== null && "message" in s.status.error && s.status.error.message === "Response interrupted", l = i.isRunning ? s?.content.some((e) => e.type === "text" && e.text) ? "streaming" : "waiting" : s?.role === "assistant" ? s.status.type === "incomplete" ? s.status.reason === "cancelled" ? "cancelled" : c ? "interrupted" : "error" : "complete" : "idle";
+	return n({
+		snapshot: {
+			status: l,
+			capabilities: t.capabilities,
+			branches: Object.fromEntries(i.messages.flatMap((e) => {
+				let t = r.message({ id: e.id }).getState();
+				return t.branchCount > 1 ? [[e.id, {
+					index: t.branchNumber - 1,
+					count: t.branchCount
+				}]] : [];
+			})),
+			messages: i.messages.map((t) => ({
+				id: t.id,
+				role: t.role === "user" ? "user" : "assistant",
+				text: t.content.filter((e) => e.type === "text").map((e) => e.text).join(""),
+				metadata: t.metadata.custom,
+				files: Array.isArray(t.metadata.custom.superxdFiles) ? t.metadata.custom.superxdFiles.map(e) : void 0
+			}))
+		},
+		actions: {
+			send(n, i = []) {
+				if (r.getState().isRunning || r.getState().messages.length >= 98 || !t.capabilities.send || !n.trim() && !i.length || i.length > 0 && !t.capabilities.attachments || i.length > 4 || n.length > 2e4) return !1;
+				let a;
+				try {
+					a = i.map(e);
+				} catch {
+					return !1;
+				}
+				return a.length ? r.append({
+					role: "user",
+					content: [...n ? [{
+						type: "text",
+						text: n
+					}] : [], ...a.map((e) => ({
+						type: "file",
+						data: e.url,
+						mimeType: e.mediaType,
+						filename: e.name,
+						sourceType: "url"
+					}))],
+					metadata: { custom: { superxdFiles: a } }
+				}) : r.append(n), !0;
+			},
+			cancel() {
+				t.capabilities.cancel && r.cancelRun();
+			},
+			retry() {
+				if (r.getState().isRunning || !t.capabilities.retry || ![
+					"error",
+					"interrupted",
+					"cancelled"
+				].includes(l)) return !1;
+				let e = [...i.messages].reverse().find((e) => e.role === "user");
+				return e ? (r.startRun({ parentId: e.id }), !0) : !1;
+			},
+			edit(n, a) {
+				if (r.getState().isRunning || !r.getState().messages.some((e) => e.id === n)) return !1;
+				let o = r.message({ id: n }).getState(), s = Array.isArray(o.metadata.custom.superxdFiles) ? o.metadata.custom.superxdFiles.map(e) : [], c = o.content.filter((e) => e.type === "text").map((e) => e.text).join("");
+				return r.getState().isRunning || !t.capabilities.send || !t.capabilities.edit || o.role !== "user" || !i.messages.some((e) => e.id === n) || a.length > 2e4 || !a.trim() && !s.length || a === c || o.branchCount >= 20 ? !1 : (r.append({
+					role: "user",
+					parentId: o.parentId,
+					sourceId: o.id,
+					content: [...a ? [{
+						type: "text",
+						text: a
+					}] : [], ...s.map((e) => ({
+						type: "file",
+						data: e.url,
+						mimeType: e.mediaType,
+						filename: e.name,
+						sourceType: "url"
+					}))],
+					metadata: { custom: {
+						...o.metadata.custom,
+						superxdFiles: s
+					} }
+				}), !0);
+			},
+			regenerate(e) {
+				if (r.getState().isRunning || !r.getState().messages.some((t) => t.id === e)) return !1;
+				let n = r.message({ id: e }).getState();
+				return r.getState().isRunning || !t.capabilities.send || !t.capabilities.regenerate || n.role !== "assistant" || n.branchCount >= 20 || !i.messages.some((t) => t.id === e) ? !1 : (r.message({ id: e }).reload(), !0);
+			},
+			selectBranch(e, n) {
+				if (r.getState().isRunning || !r.getState().messages.some((t) => t.id === e)) return !1;
+				let a = r.message({ id: e }).getState();
+				return r.getState().isRunning || !t.capabilities.branches || !i.messages.some((t) => t.id === e) || (n === "previous" ? a.branchNumber <= 1 : a.branchNumber >= a.branchCount) ? !1 : (r.message({ id: e }).switchToBranch({ position: n }), !0);
+			}
+		}
+	});
+}
+//#endregion
+export { c as AssistantChat };

package/chunks/callout-DKMHSnjc.js

@@ -0,0 +1,342 @@
+import { Button as e, Link as t, composeRenderProps as n } from "react-aria-components";
+import { clsx as r } from "clsx";
+import { extendTailwindMerge as i } from "tailwind-merge";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/lib/cn.ts
+var c = i({ extend: {
+	theme: {
+		radius: [
+			"control",
+			"cell",
+			"surface",
+			"pill"
+		],
+		shadow: [
+			"control",
+			"popover",
+			"dialog"
+		],
+		ease: ["standard", "exit"],
+		animate: [
+			"fade-in",
+			"rise-in",
+			"slide-in",
+			"dialog-in",
+			"pulse-soft"
+		]
+	},
+	classGroups: { "type-role": [
+		"type-title",
+		"type-heading",
+		"type-body",
+		"type-label",
+		"type-caption"
+	] }
+} });
+function l(...e) {
+	return c(r(e));
+}
+//#endregion
+//#region src/components/icons.tsx
+function u(e, t) {
+	function n({ className: e, ...n }) {
+		return /* @__PURE__ */ o("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": "true",
+			focusable: "false",
+			className: l("size-4 shrink-0 [stroke-width:var(--icon-stroke)]", e),
+			...n,
+			children: t
+		});
+	}
+	return n.displayName = `Icon${e}`, n;
+}
+var d = u("Clock", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+	cx: "12",
+	cy: "12",
+	r: "10"
+}), /* @__PURE__ */ o("path", { d: "M12 6v6l4 2" })] }));
+u("Video", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }), /* @__PURE__ */ o("rect", {
+	x: "2",
+	y: "6",
+	width: "14",
+	height: "12",
+	rx: "2"
+})] })), u("Globe", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ o("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+	/* @__PURE__ */ o("path", { d: "M2 12h20" })
+] }));
+var f = u("Calendar", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("path", { d: "M8 2v4" }),
+	/* @__PURE__ */ o("path", { d: "M16 2v4" }),
+	/* @__PURE__ */ o("rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "4",
+		rx: "2"
+	}),
+	/* @__PURE__ */ o("path", { d: "M3 10h18" })
+] }));
+u("CalendarPlus", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("path", { d: "M8 2v4" }),
+	/* @__PURE__ */ o("path", { d: "M16 2v4" }),
+	/* @__PURE__ */ o("path", { d: "M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" }),
+	/* @__PURE__ */ o("path", { d: "M3 10h18" }),
+	/* @__PURE__ */ o("path", { d: "M16 19h6" }),
+	/* @__PURE__ */ o("path", { d: "M19 16v6" })
+] })), u("Grid", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2"
+	}),
+	/* @__PURE__ */ o("path", { d: "M3 9h18" }),
+	/* @__PURE__ */ o("path", { d: "M3 15h18" }),
+	/* @__PURE__ */ o("path", { d: "M9 3v18" }),
+	/* @__PURE__ */ o("path", { d: "M15 3v18" })
+] })), u("Columns", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2"
+	}),
+	/* @__PURE__ */ o("path", { d: "M9 3v18" }),
+	/* @__PURE__ */ o("path", { d: "M15 3v18" })
+] }));
+var p = u("ChevronLeft", /* @__PURE__ */ o("path", { d: "m15 18-6-6 6-6" })), m = u("ChevronRight", /* @__PURE__ */ o("path", { d: "m9 18 6-6-6-6" })), h = u("ChevronDown", /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" })), g = u("ArrowUp", /* @__PURE__ */ o("path", { d: "m5 12 7-7 7 7M12 5v14" }));
+u("Download", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ o("path", { d: "m7 10 5 5 5-5M12 15V3" })] }));
+var _ = u("ArrowDown", /* @__PURE__ */ o("path", { d: "m5 12 7 7 7-7M12 5v14" })), v = u("Square", /* @__PURE__ */ o("rect", {
+	x: "6",
+	y: "6",
+	width: "12",
+	height: "12",
+	rx: "2"
+})), y = u("Copy", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("rect", {
+	x: "9",
+	y: "9",
+	width: "13",
+	height: "13",
+	rx: "2"
+}), /* @__PURE__ */ o("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })), b = u("Edit", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L9 17l-4 1 1-4Z" }), /* @__PURE__ */ o("path", { d: "m15 5 3 3" })] })), x = u("Check", /* @__PURE__ */ o("path", { d: "M20 6 9 17l-5-5" })), S = u("X", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M18 6 6 18" }), /* @__PURE__ */ o("path", { d: "m6 6 12 12" })] })), C = u("Paperclip", /* @__PURE__ */ o("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.9-9.9a4 4 0 0 1 5.66 5.66l-9.9 9.9a2 2 0 0 1-2.83-2.83l9.2-9.19" })), w = u("File", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }), /* @__PURE__ */ o("path", { d: "M14 2v6h6M8 13h8M8 17h5" })] }));
+u("ArrowLeft", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ o("path", { d: "M19 12H5" })] }));
+var T = u("Info", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ o("path", { d: "M12 16v-4" }),
+	/* @__PURE__ */ o("path", { d: "M12 8h.01" })
+] })), E = u("Alert", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+	/* @__PURE__ */ o("path", { d: "M12 9v4" }),
+	/* @__PURE__ */ o("path", { d: "M12 17h.01" })
+] })), D = u("CircleCheck", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+	cx: "12",
+	cy: "12",
+	r: "10"
+}), /* @__PURE__ */ o("path", { d: "m9 12 2 2 4-4" })] })), O = u("CircleAlert", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ o("path", { d: "M12 8v4" }),
+	/* @__PURE__ */ o("path", { d: "M12 16h.01" })
+] }));
+u("Hourglass", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("path", { d: "M5 22h14" }),
+	/* @__PURE__ */ o("path", { d: "M5 2h14" }),
+	/* @__PURE__ */ o("path", { d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22" }),
+	/* @__PURE__ */ o("path", { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2" })
+] }));
+var k = u("MapPin", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), /* @__PURE__ */ o("circle", {
+	cx: "12",
+	cy: "10",
+	r: "3"
+})] })), A = u("Search", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("circle", {
+	cx: "11",
+	cy: "11",
+	r: "8"
+}), /* @__PURE__ */ o("path", { d: "m21 21-4.3-4.3" })] })), j = u("Rotate", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ o("path", { d: "M3 3v5h5" })] })), M = u("User", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ o("circle", {
+	cx: "12",
+	cy: "7",
+	r: "4"
+})] }));
+u("Mail", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("rect", {
+	width: "20",
+	height: "16",
+	x: "2",
+	y: "4",
+	rx: "2"
+}), /* @__PURE__ */ o("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })] })), u("Plus", /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", { d: "M5 12h14" }), /* @__PURE__ */ o("path", { d: "M12 5v14" })] }));
+var N = u("Sun", /* @__PURE__ */ s(a, { children: [
+	/* @__PURE__ */ o("circle", {
+		cx: "12",
+		cy: "12",
+		r: "4"
+	}),
+	/* @__PURE__ */ o("path", { d: "M12 2v2" }),
+	/* @__PURE__ */ o("path", { d: "M12 20v2" }),
+	/* @__PURE__ */ o("path", { d: "m4.93 4.93 1.41 1.41" }),
+	/* @__PURE__ */ o("path", { d: "m17.66 17.66 1.41 1.41" }),
+	/* @__PURE__ */ o("path", { d: "M2 12h2" }),
+	/* @__PURE__ */ o("path", { d: "M20 12h2" }),
+	/* @__PURE__ */ o("path", { d: "m6.34 17.66-1.41 1.41" }),
+	/* @__PURE__ */ o("path", { d: "m19.07 4.93-1.41 1.41" })
+] })), P = u("Moon", /* @__PURE__ */ o("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }));
+//#endregion
+//#region src/components/spinner.tsx
+function F({ className: e }) {
+	return /* @__PURE__ */ o("svg", {
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		focusable: "false",
+		className: l("size-4 shrink-0", e),
+		children: /* @__PURE__ */ s("g", {
+			fill: "currentColor",
+			className: "loader-dots",
+			children: [
+				/* @__PURE__ */ o("circle", {
+					cx: "4",
+					cy: "12",
+					r: "2.5"
+				}),
+				/* @__PURE__ */ o("circle", {
+					cx: "12",
+					cy: "12",
+					r: "2.5"
+				}),
+				/* @__PURE__ */ o("circle", {
+					cx: "20",
+					cy: "12",
+					r: "2.5"
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/button.tsx
+var I = "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-control type-label outline-none press data-focus-visible:focus-ring data-disabled:cursor-not-allowed data-disabled:opacity-50 data-done:border-done! data-done:bg-done! data-done:text-on-done! data-done:shadow-none!", L = {
+	primary: "bg-brand text-on-brand shadow-control data-hovered:bg-brand-emphasis data-pressed:bg-brand-emphasis",
+	secondary: "border border-line bg-surface text-fg-emphasis shadow-control data-hovered:border-line-emphasis data-hovered:bg-surface-muted data-pressed:bg-surface-subtle",
+	ghost: "text-fg-emphasis data-hovered:bg-surface-subtle data-pressed:bg-surface-emphasis",
+	destructive: "bg-destructive text-on-destructive shadow-control data-hovered:bg-destructive/90 data-pressed:bg-destructive/85"
+}, R = {
+	sm: "h-control-sm px-control-sm-x",
+	md: "h-control-md px-control-md-x",
+	lg: "h-control-lg px-control-lg-x",
+	"icon-sm": "size-control-sm",
+	"icon-md": "size-control-md"
+};
+function z({ variant: e = "secondary", size: t = "md", className: n } = {}) {
+	return l(I, L[e], R[t], n);
+}
+function B({ variant: t = "secondary", size: r = "md", pendingLabel: i, isDone: c = !1, doneLabel: l, className: u, children: d, ...f }) {
+	return /* @__PURE__ */ o(e, {
+		...f,
+		"data-done": c || void 0,
+		className: n(u, (e) => z({
+			variant: t,
+			size: r,
+			className: e
+		})),
+		children: n(d, (e, { isPending: t }) => c && !t ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+			className: "invisible inline-flex items-center gap-2",
+			children: e
+		}), /* @__PURE__ */ s("span", {
+			className: "absolute inset-0 flex animate-reveal-in items-center justify-center gap-2",
+			children: [/* @__PURE__ */ o(x, {}), l ?? e]
+		})] }) : t ? i ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(F, {}), i] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+			className: "invisible inline-flex items-center gap-2",
+			children: e
+		}), /* @__PURE__ */ o("span", {
+			className: "absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ o(F, {})
+		})] }) : e)
+	});
+}
+function V({ variant: e = "secondary", size: r = "md", className: i, ...a }) {
+	return /* @__PURE__ */ o(t, {
+		...a,
+		className: n(i, (t) => z({
+			variant: e,
+			size: r,
+			className: t
+		}))
+	});
+}
+function H({ className: e, ...r }) {
+	return /* @__PURE__ */ o(t, {
+		...r,
+		className: n(e, (e) => l("cursor-pointer rounded-[2px] font-medium text-fg-emphasis underline decoration-line-emphasis underline-offset-[3px] transition-colors duration-(--duration-fast) outline-none data-focus-visible:focus-ring data-hovered:decoration-fg-emphasis", e))
+	});
+}
+//#endregion
+//#region src/components/callout.tsx
+var U = {
+	neutral: {
+		box: "border-line-subtle bg-surface-muted text-fg",
+		icon: /* @__PURE__ */ o(T, { className: "text-fg-subtle" })
+	},
+	info: {
+		box: "border-info-line bg-info-subtle text-info",
+		icon: /* @__PURE__ */ o(T, {})
+	},
+	success: {
+		box: "border-success-line bg-success-subtle text-success",
+		icon: /* @__PURE__ */ o(D, {})
+	},
+	attention: {
+		box: "border-attention-line bg-attention-subtle text-attention",
+		icon: /* @__PURE__ */ o(E, {})
+	},
+	error: {
+		box: "border-error-line bg-error-subtle text-error",
+		icon: /* @__PURE__ */ o(O, {})
+	}
+};
+function W({ tone: e = "neutral", title: t, children: n, actions: r, icon: i, live: a, className: c }) {
+	let u = U[e];
+	return /* @__PURE__ */ s("div", {
+		role: a === "assertive" ? "alert" : a === "polite" ? "status" : void 0,
+		className: l("flex gap-2.5 rounded-control border px-control-md-x py-control-y type-body", u.box, c),
+		children: [i === null ? null : /* @__PURE__ */ o("span", {
+			className: "mt-0.5 flex",
+			children: i ?? u.icon
+		}), /* @__PURE__ */ s("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children: [
+				t ? /* @__PURE__ */ o("p", {
+					className: "font-medium",
+					children: t
+				}) : null,
+				n ? /* @__PURE__ */ o("div", {
+					className: "text-pretty",
+					children: n
+				}) : null,
+				r ? /* @__PURE__ */ o("div", {
+					className: "mt-1.5 flex flex-wrap gap-2",
+					children: r
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { A as C, S as D, M as E, l as O, j as S, N as T, b as _, z as a, P as b, g as c, h as d, p as f, y as g, d as h, H as i, f as l, O as m, B as n, F as o, m as p, V as r, _ as s, W as t, x as u, w as v, v as w, C as x, k as y };