@loopstack/loopstack-studio 0.21.0 → 0.21.1

package/dist/components/dynamic-form/FormElementHeader.js

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const FormElementHeader = (i) => {
 	let a = c(7), { title: o, description: s } = i;
 	if (!o && !s) return null;
@@ -15,6 +15,6 @@ const FormElementHeader = (i) => {
 		children: s
 	}), a[2] = s, a[3] = u);
 	let d;
-	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ jsxs(Fragment, { children: [l, u] }), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
+	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ jsxs(Fragment$1, { children: [l, u] }), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
 };
 export { FormElementHeader };

package/dist/components/dynamic-form/ObjectController.js

@@ -3,7 +3,7 @@ import { FormElement } from "./FormElement.js";
 import { useSortedPropertyNames } from "./hooks/useSortPropertyNames.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 const ObjectController = (o) => {
 	let s = c(23), { name: l, schema: u, ui: d, form: f, disabled: p, parentKey: m, viewOnly: h } = o, g = u, _ = d, v;
 	s[0] === g.properties ? v = s[1] : (v = g.properties ?? {}, s[0] = g.properties, s[1] = v);
@@ -27,6 +27,6 @@ const ObjectController = (o) => {
 		}, s[13] = p, s[14] = f, s[15] = b, s[16] = g.properties, s[17] = _?.properties, s[18] = S, s[19] = h, s[20] = e) : e = s[20], C = y.map(e), s[4] = p, s[5] = f, s[6] = b, s[7] = g.properties, s[8] = _?.properties, s[9] = y, s[10] = S, s[11] = h, s[12] = C;
 	} else C = s[12];
 	let w;
-	return s[21] === C ? w = s[22] : (w = /* @__PURE__ */ jsx(Fragment, { children: C }), s[21] = C, s[22] = w), w;
+	return s[21] === C ? w = s[22] : (w = /* @__PURE__ */ jsx(Fragment$1, { children: C }), s[21] = C, s[22] = w), w;
 };
 export { ObjectController };

package/dist/components/layout/MainLayout.js

@@ -1,6 +1,5 @@
 import PageBreadcrumbs_default from "../page/PageBreadcrumbs.js";
 import { c } from "react/compiler-runtime";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MainLayout_default = (i) => {
 	let a = c(10), { children: o, breadcrumbsData: s, headerMenu: l } = i, u;

package/dist/components/lists/ListView.js

@@ -3,83 +3,86 @@ import { c } from "react/compiler-runtime";
 import React, { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 var ListView_default = (t) => {
-	let n = c(58), { loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: l, deleteItem: u, onClick: d, handleNew: f, handleEdit: p, setPage: m, setRowsPerPage: h, setOrderBy: g, setOrder: _, setSearchTerm: ae, setFilters: oe, orderBy: v, order: y, searchTerm: se, filters: b, page: x, rowsPerPage: S, batchActions: C, batchDelete: w, enableBatchActions: ce, rowActions: T } = t, E = se === void 0 ? "" : se, D;
-	n[0] === C ? D = n[1] : (D = C === void 0 ? [] : C, n[0] = C, n[1] = D);
-	let O = D, k = ce === void 0 ? !0 : ce, A;
-	n[2] === T ? A = n[3] : (A = T === void 0 ? [] : T, n[2] = T, n[3] = A);
-	let j = A, M;
-	n[4] === s ? M = n[5] : (M = s.map(_temp), n[4] = s, n[5] = M);
+	let n = c(61), { loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: l, deleteItem: u, onClick: d, handleNew: f, handleEdit: p, setPage: m, setRowsPerPage: h, setOrderBy: g, setOrder: _, setSearchTerm: v, setFilters: ae, orderBy: oe, order: se, searchTerm: ce, filters: y, page: b, rowsPerPage: x, batchActions: S, batchDelete: C, enableBatchActions: le, rowActions: w, deleteConfirmTitle: T, deleteConfirmDescription: E, newButtonLabel: D } = t, O = ce === void 0 ? "" : ce, k;
+	n[0] === S ? k = n[1] : (k = S === void 0 ? [] : S, n[0] = S, n[1] = k);
+	let A = k, j = le === void 0 ? !0 : le, M;
+	n[2] === w ? M = n[3] : (M = w === void 0 ? [] : w, n[2] = w, n[3] = M);
 	let N = M, P;
-	n[6] === O ? P = n[7] : (P = O.map(_temp2), n[6] = O, n[7] = P);
-	let le = P, F;
-	n[8] === j ? F = n[9] : (F = j.map(_temp3), n[8] = j, n[9] = F);
-	let I = F, L;
-	n[10] === m ? L = n[11] : (L = (e) => {
-		m(e);
-	}, n[10] = m, n[11] = L);
+	n[4] === s ? P = n[5] : (P = s.map(_temp), n[4] = s, n[5] = P);
+	let F = P, I;
+	n[6] === A ? I = n[7] : (I = A.map(_temp2), n[6] = A, n[7] = I);
+	let ue = I, L;
+	n[8] === N ? L = n[9] : (L = N.map(_temp3), n[8] = N, n[9] = L);
 	let R = L, z;
-	n[12] !== m || n[13] !== h ? (z = (e) => {
-		h(e), m(0);
-	}, n[12] = m, n[13] = h, n[14] = z) : z = n[14];
+	n[10] === m ? z = n[11] : (z = (e) => {
+		m(e);
+	}, n[10] = m, n[11] = z);
 	let B = z, V;
-	n[15] !== _ || n[16] !== g ? (V = (e, ie) => {
-		g(e), _(ie);
-	}, n[15] = _, n[16] = g, n[17] = V) : V = n[17];
+	n[12] !== m || n[13] !== h ? (V = (e) => {
+		h(e), m(0);
+	}, n[12] = m, n[13] = h, n[14] = V) : V = n[14];
 	let H = V, U;
-	n[18] !== m || n[19] !== ae ? (U = (e) => {
-		ae(e), m(0);
-	}, n[18] = m, n[19] = ae, n[20] = U) : U = n[20];
+	n[15] !== _ || n[16] !== g ? (U = (e, ie) => {
+		g(e), _(ie);
+	}, n[15] = _, n[16] = g, n[17] = U) : U = n[17];
 	let W = U, G;
-	n[21] !== oe || n[22] !== m ? (G = (e) => {
-		oe(e), m(0);
-	}, n[21] = oe, n[22] = m, n[23] = G) : G = n[23];
+	n[18] !== m || n[19] !== v ? (G = (e) => {
+		v(e), m(0);
+	}, n[18] = m, n[19] = v, n[20] = G) : G = n[20];
 	let K = G, q;
-	n[24] === d ? q = n[25] : (q = (e) => {
-		d(e.id);
-	}, n[24] = d, n[25] = q);
+	n[21] !== ae || n[22] !== m ? (q = (e) => {
+		ae(e), m(0);
+	}, n[21] = ae, n[22] = m, n[23] = q) : q = n[23];
 	let J = q, Y;
-	n[26] === p ? Y = n[27] : (Y = (e) => {
-		p(e);
-	}, n[26] = p, n[27] = Y);
-	let X = Y, Z;
+	n[24] === d ? Y = n[25] : (Y = (e) => {
+		d?.(e.id);
+	}, n[24] = d, n[25] = Y);
+	let de = Y, X;
+	n[26] === p ? X = n[27] : (X = (e) => {
+		p?.(e);
+	}, n[26] = p, n[27] = X);
+	let fe = X, Z;
 	n[28] === u ? Z = n[29] : (Z = (e) => {
-		u(e);
+		u?.(e);
 	}, n[28] = u, n[29] = Z);
-	let ue = Z, Q;
-	n[30] === w ? Q = n[31] : (Q = async (e) => {
-		w && await w(e);
-	}, n[30] = w, n[31] = Q);
-	let de = Q, $;
-	return n[32] !== k || n[33] !== i || n[34] !== l || n[35] !== b || n[36] !== de || n[37] !== ue || n[38] !== X || n[39] !== K || n[40] !== f || n[41] !== R || n[42] !== B || n[43] !== J || n[44] !== W || n[45] !== H || n[46] !== a || n[47] !== r || n[48] !== y || n[49] !== v || n[50] !== x || n[51] !== S || n[52] !== E || n[53] !== o || n[54] !== le || n[55] !== N || n[56] !== I ? ($ = /* @__PURE__ */ jsx("div", {
+	let pe = Z, Q;
+	n[30] === C ? Q = n[31] : (Q = async (e) => {
+		C && await C(e);
+	}, n[30] = C, n[31] = Q);
+	let me = Q, he = d ? de : void 0, ge = p ? fe : void 0, _e = u ? pe : void 0, $;
+	return n[32] !== E || n[33] !== T || n[34] !== j || n[35] !== i || n[36] !== l || n[37] !== y || n[38] !== me || n[39] !== J || n[40] !== f || n[41] !== B || n[42] !== H || n[43] !== K || n[44] !== W || n[45] !== a || n[46] !== r || n[47] !== D || n[48] !== se || n[49] !== oe || n[50] !== b || n[51] !== x || n[52] !== O || n[53] !== he || n[54] !== ge || n[55] !== _e || n[56] !== o || n[57] !== ue || n[58] !== F || n[59] !== R ? ($ = /* @__PURE__ */ jsx("div", {
 		className: "w-full",
 		children: /* @__PURE__ */ jsx(DataTable, {
 			data: a,
-			columns: N,
+			columns: F,
 			totalItems: o,
 			loading: r,
 			error: i,
-			page: x,
-			pageSize: S,
-			onPageChange: R,
-			onPageSizeChange: B,
-			sortBy: v,
-			sortOrder: y,
-			onSortChange: H,
-			searchTerm: E,
-			onSearchChange: W,
-			filters: b,
+			page: b,
+			pageSize: x,
+			onPageChange: B,
+			onPageSizeChange: H,
+			sortBy: oe,
+			sortOrder: se,
+			onSortChange: W,
+			searchTerm: O,
+			onSearchChange: K,
+			filters: y,
 			filterConfig: l,
-			onFiltersChange: K,
-			onRowClick: J,
-			onEdit: X,
-			onDelete: ue,
+			onFiltersChange: J,
+			onRowClick: he,
+			onEdit: ge,
+			onDelete: _e,
 			onNew: f,
-			enableBatchActions: k,
-			batchActions: le,
-			onBatchDelete: de,
-			rowActions: I
+			newButtonLabel: D,
+			enableBatchActions: j,
+			batchActions: ue,
+			onBatchDelete: me,
+			rowActions: R,
+			deleteConfirmTitle: T,
+			deleteConfirmDescription: E
 		})
-	}), n[32] = k, n[33] = i, n[34] = l, n[35] = b, n[36] = de, n[37] = ue, n[38] = X, n[39] = K, n[40] = f, n[41] = R, n[42] = B, n[43] = J, n[44] = W, n[45] = H, n[46] = a, n[47] = r, n[48] = y, n[49] = v, n[50] = x, n[51] = S, n[52] = E, n[53] = o, n[54] = le, n[55] = N, n[56] = I, n[57] = $) : $ = n[57], $;
+	}), n[32] = E, n[33] = T, n[34] = j, n[35] = i, n[36] = l, n[37] = y, n[38] = me, n[39] = J, n[40] = f, n[41] = B, n[42] = H, n[43] = K, n[44] = W, n[45] = a, n[46] = r, n[47] = D, n[48] = se, n[49] = oe, n[50] = b, n[51] = x, n[52] = O, n[53] = he, n[54] = ge, n[55] = _e, n[56] = o, n[57] = ue, n[58] = F, n[59] = R, n[60] = $) : $ = n[60], $;
 };
 function _temp(e) {
 	return {

package/dist/components/loopstack-elements/link.js

@@ -0,0 +1,115 @@
+"use client";
+import { useStudio } from "../../providers/StudioProvider.js";
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, LinkIcon, icons } from "lucide-react";
+var EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", PIPELINE_HREF_PATTERN = /^\/pipelines\/([a-zA-Z0-9_-]+)$/, link_default = (m) => {
+	let h = c(53), { className: g, href: _, label: v, caption: y, icon: b, type: x, embed: S, defaultExpanded: C, iconClassName: w } = m, { router: T } = useStudio(), [E, D] = useState(C ?? !1), [O, k] = useState(0), A = b && icons[b] ? icons[b] : LinkIcon, j;
+	h[0] !== _ || h[1] !== v ? (j = v || (() => {
+		if (!_) return "";
+		try {
+			return new URL(_).hostname.replace("www.", "");
+		} catch {
+			return _;
+		}
+	})(), h[0] = _, h[1] = v, h[2] = j) : j = h[2];
+	let M = j, N = x === "success", P, F;
+	h[3] !== S || h[4] !== _ || h[5] !== T ? (P = _?.match(PIPELINE_HREF_PATTERN)?.[1] ?? null, F = S === !0 && P != null ? T.getEmbedPipeline(P) : null, h[3] = S, h[4] = _, h[5] = T, h[6] = P, h[7] = F) : (P = h[6], F = h[7]);
+	let I = F, L, R;
+	h[8] !== E || h[9] !== P ? (L = () => {
+		if (!P || !E) return;
+		let t = (t) => {
+			if (t.origin !== window.location.origin) return;
+			let f = t.data;
+			if (f?.type !== EMBED_RESIZE_MESSAGE_TYPE || f?.pipelineId !== P) return;
+			let p = f?.height;
+			typeof p == "number" && p > 0 && k(p);
+		};
+		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
+	}, R = [P, E], h[8] = E, h[9] = P, h[10] = L, h[11] = R) : (L = h[10], R = h[11]), useEffect(L, R);
+	let z;
+	h[12] === g ? z = h[13] : (z = cn("not-prose flex w-full flex-col rounded-md border bg-background", g), h[12] = g, h[13] = z);
+	let B = N ? "bg-green-50 text-green-600 border-green-200" : "text-muted-foreground bg-muted/50", V;
+	h[14] === B ? V = h[15] : (V = cn("flex size-8 shrink-0 items-center justify-center rounded-md border", B), h[14] = B, h[15] = V);
+	let H;
+	h[16] === w ? H = h[17] : (H = cn("size-4", w), h[16] = w, h[17] = H);
+	let U;
+	h[18] !== A || h[19] !== H ? (U = /* @__PURE__ */ jsx(A, { className: H }), h[18] = A, h[19] = H, h[20] = U) : U = h[20];
+	let W;
+	h[21] !== V || h[22] !== U ? (W = /* @__PURE__ */ jsx("div", {
+		className: V,
+		children: U
+	}), h[21] = V, h[22] = U, h[23] = W) : W = h[23];
+	let G;
+	h[24] === M ? G = h[25] : (G = /* @__PURE__ */ jsx("span", {
+		className: "truncate text-sm font-medium",
+		children: M
+	}), h[24] = M, h[25] = G);
+	let K;
+	h[26] !== y || h[27] !== _ ? (K = y ? /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground truncate text-xs",
+		children: y
+	}) : _ && /* @__PURE__ */ jsx("a", {
+		href: _,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-muted-foreground truncate text-xs hover:underline",
+		children: _
+	}), h[26] = y, h[27] = _, h[28] = K) : K = h[28];
+	let q;
+	h[29] !== G || h[30] !== K ? (q = /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 flex-1 flex-col",
+		children: [G, K]
+	}), h[29] = G, h[30] = K, h[31] = q) : q = h[31];
+	let J;
+	h[32] !== I || h[33] !== E ? (J = I && /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => D(_temp),
+		className: "text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-md transition-colors hover:bg-muted/50",
+		children: jsx(E ? ChevronUpIcon : ChevronDownIcon, { className: "size-4" })
+	}), h[32] = I, h[33] = E, h[34] = J) : J = h[34];
+	let Y;
+	h[35] === _ ? Y = h[36] : (Y = _ && /* @__PURE__ */ jsx("a", {
+		href: _,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-md transition-colors hover:bg-muted/50",
+		children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-4" })
+	}), h[35] = _, h[36] = Y);
+	let X;
+	h[37] !== J || h[38] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
+		className: "flex shrink-0 items-center gap-1",
+		children: [J, Y]
+	}), h[37] = J, h[38] = Y, h[39] = X) : X = h[39];
+	let Z;
+	h[40] !== W || h[41] !== q || h[42] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full items-center gap-3 p-3",
+		children: [
+			W,
+			q,
+			X
+		]
+	}), h[40] = W, h[41] = q, h[42] = X, h[43] = Z) : Z = h[43];
+	let Q;
+	h[44] !== M || h[45] !== I || h[46] !== E || h[47] !== O ? (Q = E && I && /* @__PURE__ */ jsx("div", {
+		className: "border-t",
+		children: /* @__PURE__ */ jsx("iframe", {
+			src: I,
+			className: "w-full overflow-hidden border-0",
+			style: { height: `${O}px` },
+			scrolling: "no",
+			title: M
+		})
+	}), h[44] = M, h[45] = I, h[46] = E, h[47] = O, h[48] = Q) : Q = h[48];
+	let $;
+	return h[49] !== Z || h[50] !== Q || h[51] !== z ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: z,
+		children: [Z, Q]
+	}), h[49] = Z, h[50] = Q, h[51] = z, h[52] = $) : $ = h[52], $;
+};
+function _temp(t) {
+	return !t;
+}
+export { link_default as default };

package/dist/components/ui/button-group.js

@@ -0,0 +1,13 @@
+import "../../lib/utils.js";
+import "./separator.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});

package/dist/components/ui/command.js

@@ -0,0 +1,7 @@
+"use client";
+import "../../lib/utils.js";
+import "./dialog.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "lucide-react";

package/dist/components/ui/context-menu.js

@@ -0,0 +1,63 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+function ContextMenu(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, {
+		"data-slot": "context-menu",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function ContextMenuTrigger(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, {
+		"data-slot": "context-menu-trigger",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function ContextMenuContent(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("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
+		"data-slot": "context-menu-content",
+		className: l,
+		...s
+	}) }), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function ContextMenuItem(i) {
+	let a = c(12), o, s, l, u;
+	a[0] === i ? (o = a[1], s = a[2], l = a[3], u = a[4]) : ({className: o, inset: s, variant: u, ...l} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u);
+	let d = u === void 0 ? "default" : u, f;
+	a[5] === o ? f = a[6] : (f = cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", o), a[5] = o, a[6] = f);
+	let p;
+	return a[7] !== s || a[8] !== l || a[9] !== f || a[10] !== d ? (p = /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
+		"data-slot": "context-menu-item",
+		"data-inset": s,
+		"data-variant": d,
+		className: f,
+		...l
+	}), a[7] = s, a[8] = l, a[9] = f, a[10] = d, a[11] = p) : p = a[11], p;
+}
+function ContextMenuSeparator(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("bg-border -mx-1 my-1 h-px", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
+		"data-slot": "context-menu-separator",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+export { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger };

package/dist/components/ui/hover-card.js

@@ -0,0 +1,6 @@
+"use client";
+import "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-hover-card";

package/dist/components/ui/input-group.js

@@ -0,0 +1,85 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import "./input.js";
+import { Textarea } from "./textarea.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+function InputGroup(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+var inputGroupAddonVariants = cva("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50", {
+	variants: { align: {
+		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+		"block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+		"block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function InputGroupAddon(r) {
+	let i = c(11), a, o, l;
+	i[0] === r ? (a = i[1], o = i[2], l = i[3]) : ({className: a, align: l, ...o} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = l);
+	let d = l === void 0 ? "inline-start" : l, f;
+	i[4] !== d || i[5] !== a ? (f = cn(inputGroupAddonVariants({ align: d }), a), i[4] = d, i[5] = a, i[6] = f) : f = i[6];
+	let p;
+	return i[7] !== d || i[8] !== o || i[9] !== f ? (p = /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": d,
+		className: f,
+		onClick: _temp,
+		...o
+	}), i[7] = d, i[8] = o, i[9] = f, i[10] = p) : p = i[10], p;
+}
+function _temp(e) {
+	e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+}
+var inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-center", {
+	variants: { size: {
+		xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+		sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function InputGroupButton(i) {
+	let a = c(15), o, s, l, u, f;
+	a[0] === i ? (o = a[1], s = a[2], l = a[3], u = a[4], f = a[5]) : ({className: o, type: l, variant: u, size: f, ...s} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u, a[5] = f);
+	let p = l === void 0 ? "button" : l, m = u === void 0 ? "ghost" : u, h = f === void 0 ? "xs" : f, g;
+	a[6] !== o || a[7] !== h ? (g = cn(inputGroupButtonVariants({ size: h }), o), a[6] = o, a[7] = h, a[8] = g) : g = a[8];
+	let _;
+	return a[9] !== s || a[10] !== h || a[11] !== g || a[12] !== p || a[13] !== m ? (_ = /* @__PURE__ */ jsx(Button, {
+		type: p,
+		"data-size": h,
+		variant: m,
+		className: g,
+		...s
+	}), a[9] = s, a[10] = h, a[11] = g, a[12] = p, a[13] = m, a[14] = _) : _ = a[14], _;
+}
+function InputGroupTextarea(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("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Textarea, {
+		"data-slot": "input-group-control",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea };

package/dist/components/ui/table.js

@@ -70,7 +70,7 @@ function TableHead(a) {
 	let o = c(8), s, l;
 	o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
 	let u;
-	o[3] === s ? u = o[4] : (u = cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
+	o[3] === s ? u = o[4] : (u = cn("text-muted-foreground h-10 px-4 py-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
 	let d;
 	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
@@ -82,7 +82,7 @@ function TableCell(a) {
 	let o = c(8), s, l;
 	o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
 	let u;
-	o[3] === s ? u = o[4] : (u = cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
+	o[3] === s ? u = o[4] : (u = cn("px-4 py-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
 	let d;
 	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("td", {
 		"data-slot": "table-cell",

package/dist/components/ui/tabs.js

@@ -0,0 +1,54 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+function Tabs(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("flex flex-col gap-2", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsList(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("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsTrigger(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("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsContent(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("flex-1 outline-none", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/ui-widgets/UiActions.js

@@ -0,0 +1,24 @@
+import UiWidget_default from "./UiWidget.js";
+import { c } from "react/compiler-runtime";
+import React, { Fragment } from "react";
+import { jsx } from "react/jsx-runtime";
+var UiActions_default = (i) => {
+	let a = c(13), { actions: o, availableTransitions: s, disabled: l, onSubmit: u, isLoading: d } = i, f;
+	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== d || a[4] !== u) {
+		let r;
+		a[6] !== s || a[7] !== l || a[8] !== d || a[9] !== u ? (r = (r, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
+			config: r,
+			onSubmit: (e) => {
+				u(r.transition, e);
+			},
+			disabled: l || r.transition === void 0 || !s.includes(r.transition),
+			isLoading: d
+		}) }, `ui-widget-${i}-${r.transition}`), a[6] = s, a[7] = l, a[8] = d, a[9] = u, a[10] = r) : r = a[10], f = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = d, a[4] = u, a[5] = f;
+	} else f = a[5];
+	let p;
+	return a[11] === f ? p = a[12] : (p = /* @__PURE__ */ jsx("div", {
+		className: "flex w-full flex-col items-end gap-4",
+		children: f
+	}), a[11] = f, a[12] = p), p;
+};
+export { UiActions_default as default };

package/dist/components/ui-widgets/UiWidget.js

@@ -0,0 +1,43 @@
+import AiPromptInput_default from "./widgets/AiPromptInput.js";
+import { ButtonFullWidth } from "./widgets/ButtonFullWidth.js";
+import { SubmitButton } from "./widgets/SubmitButton.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+var UiWidget_default = (o) => {
+	let s = c(18), { config: l, onSubmit: u, disabled: d, isLoading: f } = o;
+	switch (l.widget) {
+		case "prompt-input": {
+			let i;
+			return s[0] !== l.options || s[1] !== l.transition || s[2] !== d || s[3] !== u ? (i = /* @__PURE__ */ jsx(AiPromptInput_default, {
+				transition: l.transition,
+				disabled: d,
+				onSubmit: u,
+				ui: l.options
+			}), s[0] = l.options, s[1] = l.transition, s[2] = d, s[3] = u, s[4] = i) : i = s[4], i;
+		}
+		case "button": {
+			let e = l.options, i;
+			return s[5] !== l.transition || s[6] !== d || s[7] !== f || s[8] !== u || s[9] !== e ? (i = /* @__PURE__ */ jsx(SubmitButton, {
+				transition: l.transition,
+				ui: e,
+				disabled: d,
+				onClick: u,
+				isLoading: f
+			}), s[5] = l.transition, s[6] = d, s[7] = f, s[8] = u, s[9] = e, s[10] = i) : i = s[10], i;
+		}
+		case "button-full-w": {
+			let e = l.options, a;
+			return s[11] !== l.transition || s[12] !== d || s[13] !== f || s[14] !== u || s[15] !== e ? (a = /* @__PURE__ */ jsx(ButtonFullWidth, {
+				transition: l.transition,
+				ui: e,
+				disabled: d,
+				onClick: u,
+				isLoading: f
+			}), s[11] = l.transition, s[12] = d, s[13] = f, s[14] = u, s[15] = e, s[16] = a) : a = s[16], a;
+		}
+	}
+	let p;
+	return s[17] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(Fragment$1, {}), s[17] = p) : p = s[17], p;
+};
+export { UiWidget_default as default };