@loopstack/loopstack-studio 0.25.0 → 0.25.1

package/dist/components/ai-elements/reasoning.js

@@ -1,124 +1,86 @@
 "use client";
-import { cn } from "../../lib/utils.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
-import { _r } from "../../node_modules/streamdown/dist/chunk-RLXIAIE6.js";
+import { cn as e } from "../../lib/utils.js";
+import { Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r } from "../ui/collapsible.js";
+import { Qs as i } from "../../node_modules/streamdown/dist/chunk-BO2N2NFS.js";
 import "../../node_modules/streamdown/dist/index.js";
-import { Shimmer } from "./shimmer.js";
-import { c } from "react/compiler-runtime";
-import { createContext, memo, useContext, useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { BrainIcon, ChevronDownIcon } from "lucide-react";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-var ReasoningContext = createContext(null), useReasoning = () => {
-	let t = useContext(ReasoningContext);
-	if (!t) throw Error("Reasoning components must be used within Reasoning");
-	return t;
-}, AUTO_CLOSE_DELAY = 1e3, MS_IN_S = 1e3;
-const Reasoning = memo((o) => {
-	let s = c(45), l, u, d, f, p, g, _, v;
-	s[0] === o ? (l = s[1], u = s[2], d = s[3], f = s[4], p = s[5], g = s[6], _ = s[7], v = s[8]) : ({className: u, isStreaming: _, open: p, defaultOpen: v, onOpenChange: f, duration: d, children: l, ...g} = o, s[0] = o, s[1] = l, s[2] = u, s[3] = d, s[4] = f, s[5] = p, s[6] = g, s[7] = _, s[8] = v);
-	let y = _ === void 0 ? !1 : _, S = v === void 0 ? !0 : v, C;
-	s[9] !== S || s[10] !== f || s[11] !== p ? (C = {
-		prop: p,
-		defaultProp: S,
-		onChange: f
-	}, s[9] = S, s[10] = f, s[11] = p, s[12] = C) : C = s[12];
-	let [w, T] = useControllableState(C), E;
-	s[13] === d ? E = s[14] : (E = {
-		prop: d,
+import { Shimmer as a } from "./shimmer.js";
+import { createContext as o, memo as s, useContext as c, useEffect as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { BrainIcon as m, ChevronDownIcon as h } from "lucide-react";
+import { useControllableState as g } from "@radix-ui/react-use-controllable-state";
+//#region src/components/ai-elements/reasoning.tsx
+var _ = o(null), v = () => {
+	let e = c(_);
+	if (!e) throw Error("Reasoning components must be used within Reasoning");
+	return e;
+}, y = 1e3, b = 1e3, x = s(({ className: n, isStreaming: r = !1, open: i, defaultOpen: a = !0, onOpenChange: o, duration: s, children: c, ...d }) => {
+	let [p, m] = g({
+		prop: i,
+		defaultProp: a,
+		onChange: o
+	}), [h, v] = g({
+		prop: s,
 		defaultProp: void 0
-	}, s[13] = d, s[14] = E);
-	let [D, O] = useControllableState(E), [k, A] = useState(!1), [j, M] = useState(null), N, P;
-	s[15] !== y || s[16] !== O || s[17] !== j ? (N = () => {
-		y ? j === null && M(Date.now()) : j !== null && (O(Math.ceil((Date.now() - j) / MS_IN_S)), M(null));
-	}, P = [
-		y,
-		j,
-		O
-	], s[15] = y, s[16] = O, s[17] = j, s[18] = N, s[19] = P) : (N = s[18], P = s[19]), useEffect(N, P);
-	let F, I;
-	s[20] !== S || s[21] !== k || s[22] !== w || s[23] !== y || s[24] !== T ? (F = () => {
-		if (S && !y && w && !k) {
-			let t = setTimeout(() => {
-				T(!1), A(!0);
-			}, AUTO_CLOSE_DELAY);
-			return () => clearTimeout(t);
+	}), [x, S] = u(!1), [C, w] = u(null);
+	return l(() => {
+		r ? C === null && w(Date.now()) : C !== null && (v(Math.ceil((Date.now() - C) / b)), w(null));
+	}, [
+		r,
+		C,
+		v
+	]), l(() => {
+		if (a && !r && p && !x) {
+			let e = setTimeout(() => {
+				m(!1), S(!0);
+			}, y);
+			return () => clearTimeout(e);
 		}
-	}, I = [
-		y,
-		w,
-		S,
-		T,
-		k
-	], s[20] = S, s[21] = k, s[22] = w, s[23] = y, s[24] = T, s[25] = F, s[26] = I) : (F = s[25], I = s[26]), useEffect(F, I);
-	let L;
-	s[27] === T ? L = s[28] : (L = (t) => {
-		T(t);
-	}, s[27] = T, s[28] = L);
-	let R = L, z;
-	s[29] !== D || s[30] !== w || s[31] !== y || s[32] !== T ? (z = {
-		isStreaming: y,
-		isOpen: w,
-		setIsOpen: T,
-		duration: D
-	}, s[29] = D, s[30] = w, s[31] = y, s[32] = T, s[33] = z) : z = s[33];
-	let B;
-	s[34] === u ? B = s[35] : (B = cn("not-prose mb-4", u), s[34] = u, s[35] = B);
-	let V;
-	s[36] !== l || s[37] !== R || s[38] !== w || s[39] !== g || s[40] !== B ? (V = /* @__PURE__ */ jsx(Collapsible, {
-		className: B,
-		onOpenChange: R,
-		open: w,
-		...g,
-		children: l
-	}), s[36] = l, s[37] = R, s[38] = w, s[39] = g, s[40] = B, s[41] = V) : V = s[41];
-	let H;
-	return s[42] !== z || s[43] !== V ? (H = /* @__PURE__ */ jsx(ReasoningContext.Provider, {
-		value: z,
-		children: V
-	}), s[42] = z, s[43] = V, s[44] = H) : H = s[44], H;
-});
-var getThinkingMessage = (t, a) => t || a === 0 ? /* @__PURE__ */ jsx(Shimmer, {
+	}, [
+		r,
+		p,
+		a,
+		m,
+		x
+	]), /* @__PURE__ */ f(_.Provider, {
+		value: {
+			isStreaming: r,
+			isOpen: p,
+			setIsOpen: m,
+			duration: h
+		},
+		children: /* @__PURE__ */ f(t, {
+			className: e("not-prose mb-4", n),
+			onOpenChange: (e) => {
+				m(e);
+			},
+			open: p,
+			...d,
+			children: c
+		})
+	});
+}), S = (e, t) => e || t === 0 ? /* @__PURE__ */ f(a, {
 	duration: 1,
 	children: "Thinking..."
-}) : a === void 0 ? /* @__PURE__ */ jsx("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ jsxs("p", { children: [
+}) : t === void 0 ? /* @__PURE__ */ f("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ p("p", { children: [
 	"Thought for ",
-	a,
+	t,
 	" seconds"
-] });
-const ReasoningTrigger = memo((a) => {
-	let o = c(15), l, u, d;
-	o[0] === a ? (l = o[1], u = o[2], d = o[3]) : ({className: u, children: l, ...d} = a, o[0] = a, o[1] = l, o[2] = u, o[3] = d);
-	let { isStreaming: f, isOpen: p, duration: m } = useReasoning(), h;
-	o[4] === u ? h = o[5] : (h = cn("text-muted-foreground hover:text-foreground flex w-full items-center gap-2 text-sm transition-colors", u), o[4] = u, o[5] = h);
-	let b;
-	o[6] !== l || o[7] !== m || o[8] !== p || o[9] !== f ? (b = l ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(BrainIcon, { className: "size-4" }),
-		getThinkingMessage(f, m),
-		/* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4 transition-transform", p ? "rotate-180" : "rotate-0") })
-	] }), o[6] = l, o[7] = m, o[8] = p, o[9] = f, o[10] = b) : b = o[10];
-	let x;
-	return o[11] !== d || o[12] !== h || o[13] !== b ? (x = /* @__PURE__ */ jsx(CollapsibleTrigger, {
-		className: h,
-		...d,
-		children: b
-	}), o[11] = d, o[12] = h, o[13] = b, o[14] = x) : x = o[14], x;
-}), ReasoningContent = memo((a) => {
-	let s = c(13), u, d, f;
-	s[0] === a ? (u = s[1], d = s[2], f = s[3]) : ({className: d, children: u, ...f} = a, s[0] = a, s[1] = u, s[2] = d, s[3] = f);
-	let p;
-	s[4] === d ? p = s[5] : (p = cn("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", d), s[4] = d, s[5] = p);
-	let m;
-	s[6] !== u || s[7] !== f ? (m = /* @__PURE__ */ jsx(_r, {
-		...f,
-		children: u
-	}), s[6] = u, s[7] = f, s[8] = m) : m = s[8];
-	let h;
-	return s[9] !== f || s[10] !== p || s[11] !== m ? (h = /* @__PURE__ */ jsx(CollapsibleContent, {
-		className: p,
-		...f,
-		children: m
-	}), s[9] = f, s[10] = p, s[11] = m, s[12] = h) : h = s[12], h;
-});
-Reasoning.displayName = "Reasoning", ReasoningTrigger.displayName = "ReasoningTrigger", ReasoningContent.displayName = "ReasoningContent";
-export { Reasoning, ReasoningContent, ReasoningTrigger };
+] }), C = s(({ className: t, children: n, ...i }) => {
+	let { isStreaming: a, isOpen: o, duration: s } = v();
+	return /* @__PURE__ */ f(r, {
+		className: e("text-muted-foreground hover:text-foreground flex w-full items-center gap-2 text-sm transition-colors", t),
+		...i,
+		children: n ?? /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f(m, { className: "size-4" }),
+			S(a, s),
+			/* @__PURE__ */ f(h, { className: e("size-4 transition-transform", o ? "rotate-180" : "rotate-0") })
+		] })
+	});
+}), w = s(({ className: t, children: r, ...a }) => /* @__PURE__ */ f(n, {
+	className: e("mt-4 text-sm", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", t),
+	...a,
+	children: /* @__PURE__ */ f(i, { children: r })
+}));
+x.displayName = "Reasoning", C.displayName = "ReasoningTrigger", w.displayName = "ReasoningContent";
+//#endregion
+export { x as Reasoning, w as ReasoningContent, C as ReasoningTrigger };

package/dist/components/ai-elements/shimmer.js

@@ -1,37 +1,25 @@
 "use client";
-import { cn } from "../../lib/utils.js";
-import { motion } from "../../node_modules/motion/dist/es/react.js";
-import { c } from "react/compiler-runtime";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-const Shimmer = memo((i) => {
-	let a = c(16), { children: o, as: s, className: l, duration: u, spread: d } = i, f = s === void 0 ? "p" : s, p = u === void 0 ? 2 : u, m = d === void 0 ? 2 : d, h;
-	a[0] === f ? h = a[1] : (h = motion.create(f), a[0] = f, a[1] = h);
-	let g = h, _ = (o?.length ?? 0) * m, v;
-	a[2] === Symbol.for("react.memo_cache_sentinel") ? (v = { backgroundPosition: "0% center" }, a[2] = v) : v = a[2];
-	let y;
-	a[3] === l ? y = a[4] : (y = cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[background-repeat:no-repeat,padding-box] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))]", l), a[3] = l, a[4] = y);
-	let b;
-	a[5] === Symbol.for("react.memo_cache_sentinel") ? (b = { backgroundPosition: "100% center" }, a[5] = b) : b = a[5];
-	let x = `${_}px`, S;
-	a[6] === x ? S = a[7] : (S = {
-		"--spread": x,
-		backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
-	}, a[6] = x, a[7] = S);
-	let C = S, w;
-	a[8] === p ? w = a[9] : (w = {
-		repeat: Infinity,
-		duration: p,
-		ease: "linear"
-	}, a[8] = p, a[9] = w);
-	let T;
-	return a[10] !== g || a[11] !== o || a[12] !== C || a[13] !== w || a[14] !== y ? (T = /* @__PURE__ */ jsx(g, {
-		animate: v,
-		className: y,
-		initial: b,
-		style: C,
-		transition: w,
-		children: o
-	}), a[10] = g, a[11] = o, a[12] = C, a[13] = w, a[14] = y, a[15] = T) : T = a[15], T;
+import { cn as e } from "../../lib/utils.js";
+import { motion as t } from "../../node_modules/motion/dist/es/react.js";
+import { memo as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var a = n(({ children: n, as: a = "p", className: o, duration: s = 2, spread: c = 2 }) => {
+	let l = t.create(a), u = r(() => (n?.length ?? 0) * c, [n, c]);
+	return /* @__PURE__ */ i(l, {
+		animate: { backgroundPosition: "0% center" },
+		className: e("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[background-repeat:no-repeat,padding-box] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))]", o),
+		initial: { backgroundPosition: "100% center" },
+		style: {
+			"--spread": `${u}px`,
+			backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+		},
+		transition: {
+			repeat: Infinity,
+			duration: s,
+			ease: "linear"
+		},
+		children: n
+	});
 });
-export { Shimmer };
+//#endregion
+export { a as Shimmer };

package/dist/components/ai-elements/sources.js

@@ -1,65 +1,36 @@
 "use client";
-import { cn } from "../../lib/utils.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BookIcon, ChevronDownIcon } from "lucide-react";
-const Sources = (i) => {
-	let a = c(8), o, s;
-	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
-	let l;
-	a[3] === o ? l = a[4] : (l = cn("not-prose text-primary mb-4 text-xs", o), a[3] = o, a[4] = l);
-	let u;
-	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Collapsible, {
-		className: l,
-		...s
-	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
-}, SourcesTrigger = (r) => {
-	let i = c(14), l, d, f, p;
-	i[0] === r ? (l = i[1], d = i[2], f = i[3], p = i[4]) : ({className: d, count: f, children: l, ...p} = r, i[0] = r, i[1] = l, i[2] = d, i[3] = f, i[4] = p);
-	let m;
-	i[5] === d ? m = i[6] : (m = cn("flex items-center gap-2", d), i[5] = d, i[6] = m);
-	let h;
-	i[7] !== l || i[8] !== f ? (h = l ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", {
+import { cn as e } from "../../lib/utils.js";
+import { Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r } from "../ui/collapsible.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { BookIcon as s, ChevronDownIcon as c } from "lucide-react";
+//#region src/components/ai-elements/sources.tsx
+var l = ({ className: n, ...r }) => /* @__PURE__ */ a(t, {
+	className: e("not-prose text-primary mb-4 text-xs", n),
+	...r
+}), u = ({ className: t, count: n, children: s, ...l }) => /* @__PURE__ */ a(r, {
+	className: e("flex items-center gap-2", t),
+	...l,
+	children: s ?? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("p", {
 		className: "font-medium",
 		children: [
 			"Used ",
-			f,
+			n,
 			" sources"
 		]
-	}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" })] }), i[7] = l, i[8] = f, i[9] = h) : h = i[9];
-	let g;
-	return i[10] !== p || i[11] !== m || i[12] !== h ? (g = /* @__PURE__ */ jsx(CollapsibleTrigger, {
-		className: m,
-		...p,
-		children: h
-	}), i[10] = p, i[11] = m, i[12] = h, i[13] = g) : g = i[13], g;
-}, SourcesContent = (r) => {
-	let a = c(8), o, s;
-	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
-	let l;
-	a[3] === o ? l = a[4] : (l = cn("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", o), a[3] = o, a[4] = l);
-	let u;
-	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(CollapsibleContent, {
-		className: l,
-		...s
-	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
-}, Source = (e) => {
-	let r = c(12), i, a, u, d;
-	r[0] === e ? (i = r[1], a = r[2], u = r[3], d = r[4]) : ({href: a, title: d, children: i, ...u} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = u, r[4] = d);
-	let f;
-	r[5] !== i || r[6] !== d ? (f = i ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BookIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+	}), /* @__PURE__ */ a(c, { className: "h-4 w-4" })] })
+}), d = ({ className: t, ...r }) => /* @__PURE__ */ a(n, {
+	className: e("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", t),
+	...r
+}), f = ({ href: e, title: t, children: n, ...r }) => /* @__PURE__ */ a("a", {
+	className: "flex items-center gap-2",
+	href: e,
+	rel: "noreferrer",
+	target: "_blank",
+	...r,
+	children: n ?? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(s, { className: "h-4 w-4" }), /* @__PURE__ */ a("span", {
 		className: "block font-medium",
-		children: d
-	})] }), r[5] = i, r[6] = d, r[7] = f) : f = r[7];
-	let p;
-	return r[8] !== a || r[9] !== u || r[10] !== f ? (p = /* @__PURE__ */ jsx("a", {
-		className: "flex items-center gap-2",
-		href: a,
-		rel: "noreferrer",
-		target: "_blank",
-		...u,
-		children: f
-	}), r[8] = a, r[9] = u, r[10] = f, r[11] = p) : p = r[11], p;
-};
-export { Source, Sources, SourcesContent, SourcesTrigger };
+		children: t
+	})] })
+});
+//#endregion
+export { f as Source, l as Sources, d as SourcesContent, u as SourcesTrigger };

package/dist/components/data-table/ConfirmDialog.js

@@ -1,30 +1,14 @@
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ConfirmDialog_default = (f) => {
-	let p = c(23), { isOpen: m, onOpenChange: h, title: g, description: _, onConfirm: v, confirmText: y, cancelText: b, variant: x } = f, S = y === void 0 ? "Confirm" : y, C = b === void 0 ? "Cancel" : b, w = x === void 0 ? "default" : x, T;
-	p[0] === g ? T = p[1] : (T = /* @__PURE__ */ jsx(AlertDialogTitle, { children: g }), p[0] = g, p[1] = T);
-	let E;
-	p[2] === _ ? E = p[3] : (E = /* @__PURE__ */ jsx(AlertDialogDescription, { children: _ }), p[2] = _, p[3] = E);
-	let D;
-	p[4] !== T || p[5] !== E ? (D = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [T, E] }), p[4] = T, p[5] = E, p[6] = D) : D = p[6];
-	let O;
-	p[7] === C ? O = p[8] : (O = /* @__PURE__ */ jsx(AlertDialogCancel, { children: C }), p[7] = C, p[8] = O);
-	let k = w === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90 text-white" : "", A;
-	p[9] !== S || p[10] !== v || p[11] !== k ? (A = /* @__PURE__ */ jsx(AlertDialogAction, {
-		onClick: v,
-		className: k,
-		children: S
-	}), p[9] = S, p[10] = v, p[11] = k, p[12] = A) : A = p[12];
-	let j;
-	p[13] !== O || p[14] !== A ? (j = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [O, A] }), p[13] = O, p[14] = A, p[15] = j) : j = p[15];
-	let M;
-	p[16] !== j || p[17] !== D ? (M = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [D, j] }), p[16] = j, p[17] = D, p[18] = M) : M = p[18];
-	let N;
-	return p[19] !== m || p[20] !== h || p[21] !== M ? (N = /* @__PURE__ */ jsx(AlertDialog, {
-		open: m,
-		onOpenChange: h,
-		children: M
-	}), p[19] = m, p[20] = h, p[21] = M, p[22] = N) : N = p[22], N;
-};
-export { ConfirmDialog_default as default };
+import { AlertDialog as e, AlertDialogAction as t, AlertDialogCancel as n, AlertDialogContent as r, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as o, AlertDialogTitle as s } from "../ui/alert-dialog.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/data-table/ConfirmDialog.tsx
+var u = ({ isOpen: u, onOpenChange: d, title: f, description: p, onConfirm: m, confirmText: h = "Confirm", cancelText: g = "Cancel", variant: _ = "default" }) => /* @__PURE__ */ c(e, {
+	open: u,
+	onOpenChange: d,
+	children: /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(s, { children: f }), /* @__PURE__ */ c(i, { children: p })] }), /* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(n, { children: g }), /* @__PURE__ */ c(t, {
+		onClick: m,
+		className: _ === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90 text-white" : "",
+		children: h
+	})] })] })
+});
+//#endregion
+export { u as default };