admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/components/composed/admin/index.js

@@ -1,42 +1,46 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-BGKY8UY0.js";
-import { n as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-6WYAMJwA.js";
-import { t as o } from "../../../_shared/smart-card-thLb85Ih.js";
-import { n as s } from "../../../_shared/switch-BBP3u1z5.js";
-import { C as c, T as l, w as u } from "../../../_shared/display-NBtWdAMl.js";
-import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-DAjqQhhj.js";
-import { n as v, t as y } from "../../../_shared/action-menu-CrOJ63Q9.js";
-import { forwardRef as b, useCallback as x, useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { ChevronRight as T, Copy as E, Lock as D, Pencil as O, Plus as k, Trash2 as A } from "lucide-react";
-import { toast as j } from "sonner";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { s as r } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as i } from "../../../_shared/icon-badge-dZQPvuas.js";
+import { t as a } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as o } from "../../../_shared/cards-CtBoSZG9.js";
+import { i as s, n as c, r as l, t as u } from "../../../_shared/alert-m-4s0Hqq.js";
+import { t as d } from "../../../_shared/input-CfnHBT--.js";
+import { t as f } from "../../../_shared/checkbox-Cbh5x6ad.js";
+import { J as p } from "../../../_shared/forms-qnwoUqxf.js";
+import { D as m, _ as h, g, h as _ } from "../../../_shared/display-B0wLVN8t.js";
+import { t as v } from "../../../_shared/copyable-Dopk9pEJ.js";
+import { c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../../../_shared/item-Xs-fgzaT.js";
+import { n as E, t as D } from "../../../_shared/action-menu-CNS-fwQr.js";
+import { forwardRef as O, useCallback as k, useMemo as ee, useState as A } from "react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { ChevronRight as P, Copy as F, KeyRound as I, Lock as L, Pencil as R, Plus as z, ShieldAlert as B, Trash2 as V } from "lucide-react";
+import { toast as H } from "sonner";
 //#region src/components/composed/admin/team-member/team-member.tsx
-function M({ members: e, className: n }) {
-	return /* @__PURE__ */ C(m, {
+function U({ members: e, className: n }) {
+	return /* @__PURE__ */ M(S, {
 		className: t("team-member--component", n),
-		children: e.map((e) => /* @__PURE__ */ w(g, { children: [
-			/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(i, {
+		children: e.map((e) => /* @__PURE__ */ N(w, { children: [
+			/* @__PURE__ */ M(y, { children: /* @__PURE__ */ M(i, {
 				tone: "primary",
 				solid: !0,
-				size: "md",
-				children: /* @__PURE__ */ C(r, {
+				size: "default",
+				children: /* @__PURE__ */ M(r, {
 					size: "xs",
 					weight: "semibold",
 					className: "text-inherit",
 					children: e.initials
 				})
 			}) }),
-			/* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(_, { children: e.name }), /* @__PURE__ */ C(f, {
+			/* @__PURE__ */ N(C, { children: [/* @__PURE__ */ M(T, { children: e.name }), /* @__PURE__ */ M(b, {
 				clamp: 1,
 				children: e.role
 			})] }),
-			/* @__PURE__ */ w(p, { children: [/* @__PURE__ */ C(a, {
+			/* @__PURE__ */ N(x, { children: [/* @__PURE__ */ M(a, {
 				variant: "secondary",
 				children: e.dept
-			}), /* @__PURE__ */ C(r, {
+			}), /* @__PURE__ */ M(r, {
 				size: "xs",
 				type: "secondary",
 				className: "shrink-0 tabular-nums",
@@ -45,10 +49,10 @@ function M({ members: e, className: n }) {
 		] }, e.name))
 	});
 }
-M.displayName = "TeamMemberRow";
+U.displayName = "TeamMemberRow";
 //#endregion
 //#region src/components/composed/admin/admin.strings.ts
-var N = {
+var W = {
 	statusInStock: "In Stock",
 	statusLowStock: "Low Stock",
 	statusCritical: "Critical",
@@ -56,86 +60,86 @@ var N = {
 	unitsAvailable: "units available",
 	reorderAtLabel: "Reorder at",
 	lastRestockedLabel: "Last restocked"
-}, P = {
+}, G = {
 	editRole: "Edit Role",
 	formatMemberCount: (e) => `${e} members`
 };
 //#endregion
 //#region src/components/composed/admin/role-permission/role-permission.tsx
-function F({ roleName: i, description: s, memberCount: c, sections: l, onEdit: u, className: d, strings: f }) {
-	let p = e(P, f);
-	return /* @__PURE__ */ w(o, {
+function K({ roleName: i, description: s, memberCount: c, sections: l, onEdit: u, className: d, strings: f }) {
+	let p = e(G, f);
+	return /* @__PURE__ */ N(o, {
 		title: i,
 		description: s,
-		headerEnd: c !== void 0 && /* @__PURE__ */ C(a, {
+		headerEnd: c !== void 0 && /* @__PURE__ */ M(a, {
 			variant: "info",
 			children: p.formatMemberCount(c)
 		}),
 		className: t("role-permission--component", d),
-		children: [/* @__PURE__ */ C("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "mt-5 space-y-4",
-			children: l.map((e) => /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(r, {
+			children: l.map((e) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M(r, {
 				size: "xs",
 				weight: "medium",
 				className: "uppercase tracking-wider text-muted-foreground",
 				children: e.name
-			}), /* @__PURE__ */ C("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "mt-2 flex flex-wrap gap-2",
-				children: e.permissions.map((e) => /* @__PURE__ */ w("div", {
+				children: e.permissions.map((e) => /* @__PURE__ */ N("div", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ C("span", { className: t("size-2.5 rounded-full", e.active ? "bg-success" : "bg-muted") }), /* @__PURE__ */ C(r, {
+					children: [/* @__PURE__ */ M("span", { className: t("size-2.5 rounded-full", e.active ? "bg-success" : "bg-muted") }), /* @__PURE__ */ M(r, {
 						size: "xs",
 						className: e.active ? "text-foreground" : "text-muted-foreground",
 						children: e.label
 					})]
 				}, e.label))
 			})] }, e.name))
-		}), !!u && /* @__PURE__ */ C(n, {
+		}), !!u && /* @__PURE__ */ M(n, {
 			variant: "secondary",
 			buttonStyle: "ghost",
-			icon: O,
+			icon: R,
 			className: "mt-5",
 			onClick: u,
 			children: p.editRole
 		})]
 	});
 }
-F.displayName = "RolePermissionCard";
+K.displayName = "RolePermissionCard";
 //#endregion
 //#region src/components/composed/admin/conversation-row/conversation-row.tsx
-function I({ conversations: e, className: n }) {
-	return /* @__PURE__ */ C(m, {
+function q({ conversations: e, className: n }) {
+	return /* @__PURE__ */ M(S, {
 		className: t("conversation-row--component", n),
-		children: e.map((e) => /* @__PURE__ */ w(g, {
+		children: e.map((e) => /* @__PURE__ */ N(w, {
 			className: "cursor-pointer",
 			children: [
-				/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(i, {
+				/* @__PURE__ */ M(y, { children: /* @__PURE__ */ M(i, {
 					tone: "primary",
-					size: "md",
-					children: /* @__PURE__ */ C(r, {
+					size: "default",
+					children: /* @__PURE__ */ M(r, {
 						size: "xs",
 						weight: "semibold",
 						className: "text-inherit",
 						children: e.initials
 					})
 				}) }),
-				/* @__PURE__ */ w(h, { children: [/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ N(C, { children: [/* @__PURE__ */ N("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ C(_, { children: e.name }), /* @__PURE__ */ C(r, {
+					children: [/* @__PURE__ */ M(T, { children: e.name }), /* @__PURE__ */ M(r, {
 						size: "xs",
 						type: "secondary",
 						className: "shrink-0 tabular-nums",
 						children: e.time
 					})]
-				}), /* @__PURE__ */ C(f, {
+				}), /* @__PURE__ */ M(b, {
 					clamp: 1,
 					children: e.preview
 				})] }),
-				!!e.unread && /* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(i, {
+				!!e.unread && /* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(i, {
 					tone: "primary",
 					solid: !0,
-					size: "xs",
-					children: /* @__PURE__ */ C(r, {
+					size: "small",
+					children: /* @__PURE__ */ M(r, {
 						size: "xxs",
 						weight: "bold",
 						className: "text-inherit tabular-nums",
@@ -146,102 +150,101 @@ function I({ conversations: e, className: n }) {
 		}, e.name))
 	});
 }
-I.displayName = "RecentConversationRow";
+q.displayName = "RecentConversationRow";
 //#endregion
 //#region src/components/composed/admin/settings-toggle/settings-toggle.tsx
-function L({ settings: e, values: n, onChange: r, className: i }) {
-	let [a, c] = S(() => {
+function J({ settings: e, values: n, onChange: r, className: i }) {
+	let [a, s] = A(() => {
 		let t = {};
 		for (let n of e) t[n.key] = n.defaultValue ?? !1;
 		return t;
-	}), l = r !== void 0, u = l && n ? n : a, v = (e, t) => {
-		l && r ? r(e, t) : c((n) => ({
+	}), c = r !== void 0, l = c && n ? n : a, u = (e, t) => {
+		c && r ? r(e, t) : s((n) => ({
 			...n,
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ C(o, {
+	return /* @__PURE__ */ M(o, {
 		className: t("settings-toggle--component", i),
-		children: /* @__PURE__ */ C(m, { children: e.map((e) => {
-			let t = e.icon, n = u[e.key] ?? !1;
-			return /* @__PURE__ */ w(g, { children: [
-				/* @__PURE__ */ C(d, {
+		children: /* @__PURE__ */ M(S, { children: e.map((e) => {
+			let t = e.icon, n = l[e.key] ?? !1;
+			return /* @__PURE__ */ N(w, { children: [
+				/* @__PURE__ */ M(y, {
 					variant: "icon",
 					className: "bg-muted text-muted-foreground rounded-full size-9",
-					children: /* @__PURE__ */ C(t, {})
+					children: /* @__PURE__ */ M(t, {})
 				}),
-				/* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(_, { children: e.name }), /* @__PURE__ */ C(f, { children: e.desc })] }),
-				/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(s, {
+				/* @__PURE__ */ N(C, { children: [/* @__PURE__ */ M(T, { children: e.name }), /* @__PURE__ */ M(b, { children: e.desc })] }),
+				/* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(p, {
 					"aria-label": e.name,
 					checked: n,
-					onCheckedChange: (t) => v(e.key, t)
+					onCheckedChange: (t) => u(e.key, t)
 				}) })
 			] }, e.key);
 		}) })
 	});
 }
-L.displayName = "SettingsToggleRow";
+J.displayName = "SettingsToggleRow";
 //#endregion
 //#region src/components/composed/admin/inventory-level/inventory-level.tsx
-function R({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l, lastRestocked: u, className: d, strings: m }) {
-	let v = e(N, m), y = Math.round(s / l * 100), b = s <= c, x = s <= c * .5, S = x ? "error" : b ? "warning" : "success", T = x ? v.statusCritical : b ? v.statusLowStock : v.statusInStock;
-	return /* @__PURE__ */ w(o, {
+function Y({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l, lastRestocked: u, className: d, strings: f }) {
+	let p = e(W, f), m = Math.round(s / l * 100), h = s <= c, g = s <= c * .5, _ = g ? "error" : h ? "warning" : "success", v = g ? p.statusCritical : h ? p.statusLowStock : p.statusInStock;
+	return /* @__PURE__ */ N(o, {
 		className: t("inventory-level--component", d),
 		children: [
-			/* @__PURE__ */ w(g, {
-				size: "xs",
-				className: "px-0",
-				children: [/* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(_, { children: n }), !!i && /* @__PURE__ */ w(f, {
+			/* @__PURE__ */ N(w, {
+				size: "small",
+				children: [/* @__PURE__ */ N(C, { children: [/* @__PURE__ */ M(T, { children: n }), !!i && /* @__PURE__ */ N(b, {
 					clamp: 1,
 					children: [
-						v.variantLabel,
+						p.variantLabel,
 						": ",
 						i
 					]
-				})] }), /* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(a, {
-					variant: S,
-					children: T
+				})] }), /* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(a, {
+					variant: _,
+					children: v
 				}) })]
 			}),
-			/* @__PURE__ */ C(r, {
+			/* @__PURE__ */ M(r, {
 				size: "xl",
 				weight: "semibold",
 				className: "tabular-nums tracking-tight",
 				children: s
 			}),
-			/* @__PURE__ */ C(r, {
+			/* @__PURE__ */ M(r, {
 				size: "xs",
 				type: "secondary",
-				children: v.unitsAvailable
+				children: p.unitsAvailable
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ N("div", {
 				className: "mt-4 space-y-2",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "h-1.5 overflow-hidden rounded-full bg-muted",
-					children: /* @__PURE__ */ C("div", {
-						className: t("h-full rounded-full transition-all", x ? "bg-destructive" : b ? "bg-warning" : "bg-success"),
-						style: { width: `${y}%` }
+					children: /* @__PURE__ */ M("div", {
+						className: t("h-full rounded-full transition-all", g ? "bg-destructive" : h ? "bg-warning" : "bg-success"),
+						style: { width: `${m}%` }
 					})
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ N(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
-							v.reorderAtLabel,
+							p.reorderAtLabel,
 							": ",
-							/* @__PURE__ */ C(r, {
+							/* @__PURE__ */ M(r, {
 								tag: "span",
 								weight: "medium",
 								className: "tabular-nums",
 								children: c
 							})
 						]
-					}), !!u && /* @__PURE__ */ w(r, {
+					}), !!u && /* @__PURE__ */ N(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
-							v.lastRestockedLabel,
+							p.lastRestockedLabel,
 							": ",
 							u
 						]
@@ -251,10 +254,10 @@ function R({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l,
 		]
 	});
 }
-R.displayName = "InventoryLevelCard";
+Y.displayName = "InventoryLevelCard";
 //#endregion
 //#region src/components/composed/admin/api-key-list/api-key-list.strings.ts
-var z = {
+var X = {
 	title: "API keys",
 	addAria: "Add API key",
 	rowMenuAria: "Key actions",
@@ -264,53 +267,53 @@ var z = {
 	copyToastSuccess: "Copied to clipboard",
 	copyToastError: "Failed to copy",
 	emptyMessage: "No keys yet."
-}, B = b(function({ items: i, defaultOpen: a = !0, open: s, onOpenChange: d, onAdd: f, onDelete: p, onCopy: m, title: h, className: g, strings: _ }, v) {
-	let y = e(z, _), b = s !== void 0, [E, D] = S(a), O = b ? s : E, A = x((e) => {
-		b || D(e), d?.(e);
-	}, [b, d]);
-	return /* @__PURE__ */ C(o, {
+}, Z = O(function({ items: i, defaultOpen: a = !0, open: s, onOpenChange: c, onAdd: l, onDelete: u, onCopy: d, title: f, className: p, strings: m }, v) {
+	let y = e(X, m), b = s !== void 0, [x, S] = A(a), C = b ? s : x, w = k((e) => {
+		b || S(e), c?.(e);
+	}, [b, c]);
+	return /* @__PURE__ */ M(o, {
 		ref: v,
-		className: t("api-key-list--component", g),
-		children: /* @__PURE__ */ w(c, {
-			open: O,
-			onOpenChange: A,
-			children: [/* @__PURE__ */ w("div", {
+		className: t("api-key-list--component", p),
+		children: /* @__PURE__ */ N(_, {
+			open: C,
+			onOpenChange: w,
+			children: [/* @__PURE__ */ N("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ C(l, {
+				children: [/* @__PURE__ */ M(h, {
 					asChild: !0,
-					children: /* @__PURE__ */ w(n, {
+					children: /* @__PURE__ */ N(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
-						size: "sm",
+						size: "default",
 						className: "h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left",
-						children: [/* @__PURE__ */ C(T, {
+						children: [/* @__PURE__ */ M(P, {
 							"aria-hidden": "true",
-							className: t("size-4 text-muted-foreground transition-transform", O && "rotate-90")
-						}), /* @__PURE__ */ C(r, {
+							className: t("size-4 text-muted-foreground transition-transform", C && "rotate-90")
+						}), /* @__PURE__ */ M(r, {
 							tag: "span",
 							weight: "semibold",
-							children: h ?? y.title
+							children: f ?? y.title
 						})]
 					})
-				}), !!f && /* @__PURE__ */ C(n, {
+				}), !!l && /* @__PURE__ */ M(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
-					onClick: f,
+					onClick: l,
 					"aria-label": y.addAria,
-					children: /* @__PURE__ */ C(k, { className: "size-4" })
+					children: /* @__PURE__ */ M(z, { className: "size-4" })
 				})]
-			}), /* @__PURE__ */ C(u, {
+			}), /* @__PURE__ */ M(g, {
 				className: "pt-3",
-				children: i.length === 0 ? /* @__PURE__ */ C(r, {
+				children: i.length === 0 ? /* @__PURE__ */ M(r, {
 					type: "secondary",
 					children: y.emptyMessage
-				}) : /* @__PURE__ */ C("div", {
+				}) : /* @__PURE__ */ M("div", {
 					className: "flex flex-col gap-2.5",
-					children: i.map((e) => /* @__PURE__ */ C(V, {
+					children: i.map((e) => /* @__PURE__ */ M(Q, {
 						item: e,
-						onDelete: p,
-						onCopy: m,
+						onDelete: u,
+						onCopy: d,
 						copyMenuLabel: y.copyMenuItem,
 						copiedMenuLabel: y.copiedMenuItem,
 						deleteMenuLabel: y.deleteMenuItem,
@@ -323,52 +326,52 @@ var z = {
 		})
 	});
 });
-B.displayName = "ApiKeyList";
-function V({ item: e, onDelete: t, onCopy: n, copyMenuLabel: a, copiedMenuLabel: o, deleteMenuLabel: s, rowMenuAria: c, copyToastSuccess: l, copyToastError: u }) {
-	let [f, m] = S(!1), _ = x(async () => {
+Z.displayName = "ApiKeyList";
+function Q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: a, copiedMenuLabel: o, deleteMenuLabel: s, rowMenuAria: c, copyToastSuccess: l, copyToastError: u }) {
+	let [d, f] = A(!1), p = k(async () => {
 		try {
-			await navigator.clipboard.writeText(e.value), m(!0), setTimeout(() => m(!1), 1500), j.success(l), n?.(e.id, e);
+			await navigator.clipboard.writeText(e.value), f(!0), setTimeout(() => f(!1), 1500), H.success(l), n?.(e.id, e);
 		} catch {
-			j.error(u);
+			H.error(u);
 		}
 	}, [
 		e,
 		n,
 		l,
 		u
-	]), b = e.displayValue ?? e.value;
-	return /* @__PURE__ */ w(g, {
-		size: "xs",
+	]), m = e.displayValue ?? e.value;
+	return /* @__PURE__ */ N(w, {
+		size: "small",
 		"data-slot": "api-key-row",
 		className: "flex-nowrap",
 		children: [
-			/* @__PURE__ */ C(d, {
+			/* @__PURE__ */ M(y, {
 				variant: "icon",
-				children: /* @__PURE__ */ C(i, {
-					size: "xs",
+				children: /* @__PURE__ */ M(i, {
+					size: "small",
 					shape: "square",
 					tone: "muted",
 					bordered: !0,
 					className: "text-success",
-					children: e.icon ?? /* @__PURE__ */ C(D, { className: "size-3.5" })
+					children: e.icon ?? /* @__PURE__ */ M(L, { className: "size-3.5" })
 				})
 			}),
-			/* @__PURE__ */ w(h, {
+			/* @__PURE__ */ N(C, {
 				className: "min-w-0 flex-row items-center gap-2.5",
-				children: [/* @__PURE__ */ C(r, {
+				children: [/* @__PURE__ */ M(r, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					className: "w-20 shrink-0 truncate sm:w-24",
 					children: e.name
-				}), /* @__PURE__ */ C("span", {
+				}), /* @__PURE__ */ M("span", {
 					className: "min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs",
-					children: b
+					children: m
 				})]
 			}),
-			/* @__PURE__ */ C(p, {
+			/* @__PURE__ */ M(x, {
 				className: "shrink-0",
-				children: /* @__PURE__ */ w(y, {
+				children: /* @__PURE__ */ N(D, {
 					srText: c,
 					align: "end",
 					closeOnSelect: !0,
@@ -376,16 +379,16 @@ function V({ item: e, onDelete: t, onCopy: n, copyMenuLabel: a, copiedMenuLabel:
 						buttonStyle: "ghost",
 						variant: "secondary"
 					},
-					children: [/* @__PURE__ */ C(v, {
-						label: f ? o : a,
-						icon: E,
+					children: [/* @__PURE__ */ M(E, {
+						label: d ? o : a,
+						icon: F,
 						onClick: () => {
-							_();
+							p();
 						},
 						disabled: e.disabled
-					}), !!t && /* @__PURE__ */ C(v, {
+					}), !!t && /* @__PURE__ */ M(E, {
 						label: s,
-						icon: A,
+						icon: V,
 						variant: "error",
 						disabled: e.disabled,
 						onClick: () => t(e.id, e)
@@ -395,8 +398,265 @@ function V({ item: e, onDelete: t, onCopy: n, copyMenuLabel: a, copiedMenuLabel:
 		]
 	});
 }
-V.displayName = "ApiKeyRow";
+Q.displayName = "ApiKeyRow";
+//#endregion
+//#region src/components/composed/admin/action-surfaces/index.tsx
+function $(e, t) {
+	if (!e) return null;
+	let { label: r, icon: i, variant: a = t, ...o } = e;
+	return /* @__PURE__ */ N(n, {
+		...o,
+		variant: a,
+		children: [!!i && /* @__PURE__ */ M(i, { className: "size-4" }), r]
+	});
+}
+function te({ icon: e, title: n, description: r, primaryAction: a, secondaryAction: o, actions: s, disabled: c = !1, className: l }) {
+	return /* @__PURE__ */ N(w, {
+		"data-component": "action-row",
+		"data-slot": "action-row",
+		className: t("action-row--component", c && "opacity-60", l),
+		children: [
+			!!e && /* @__PURE__ */ M(y, {
+				variant: "icon",
+				children: /* @__PURE__ */ M(i, {
+					icon: e,
+					tone: "muted",
+					shape: "square",
+					size: "default"
+				})
+			}),
+			/* @__PURE__ */ N(C, { children: [/* @__PURE__ */ M(T, { children: n }), !!r && /* @__PURE__ */ M(b, { children: r })] }),
+			/* @__PURE__ */ M(x, {
+				className: "flex-wrap justify-end",
+				children: s ?? /* @__PURE__ */ N(j, { children: [$(o, "secondary"), $(a, "primary")] })
+			})
+		]
+	});
+}
+function ne({ title: e, description: n, actions: r, children: i, rows: a, padding: s = "default", surface: c = "card", className: l, contentClassName: u }) {
+	return /* @__PURE__ */ N(o, {
+		"data-component": "action-list",
+		"data-slot": "action-list",
+		title: e,
+		description: n,
+		headerAction: r,
+		padding: s,
+		surface: c,
+		className: t("action-list--component", l),
+		contentClassName: t("action-list--content grid gap-2", u),
+		children: [a?.map((e, t) => /* @__PURE__ */ M(te, { ...e }, t)), i]
+	});
+}
+function re({ title: e, description: n, confirmation: a, action: s, icon: c = B, padding: d = "default", surface: f = "card", className: p }) {
+	return /* @__PURE__ */ N(o, {
+		"data-component": "sensitive-action-card",
+		"data-slot": "sensitive-action-card",
+		padding: d,
+		surface: f,
+		className: t("sensitive-action-card--component border-destructive/30", p),
+		contentClassName: "sensitive-action-card--content grid gap-3",
+		children: [/* @__PURE__ */ N("div", {
+			className: "flex min-w-0 items-start gap-3",
+			children: [
+				/* @__PURE__ */ M(i, {
+					icon: c,
+					tone: "destructive",
+					shape: "square",
+					size: "default"
+				}),
+				/* @__PURE__ */ N("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ M(r, {
+						weight: "semibold",
+						children: e
+					}), !!n && /* @__PURE__ */ M(r, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-0.5",
+						children: n
+					})]
+				}),
+				!!s && /* @__PURE__ */ M("div", {
+					className: "shrink-0",
+					children: s
+				})
+			]
+		}), !!a && /* @__PURE__ */ M(u, {
+			variant: "destructive",
+			role: "note",
+			className: "sensitive-action-card--confirmation",
+			children: /* @__PURE__ */ M(l, { children: a })
+		})]
+	});
+}
+var ie = {
+	title: "Secret created",
+	description: "Copy this value now. It may not be shown again.",
+	copySuccess: "Secret copied"
+};
+function ae({ value: n, displayValue: r, title: i, description: a, action: o, className: d, strings: f }) {
+	let p = e(ie, f);
+	return /* @__PURE__ */ N(u, {
+		"data-component": "copyable-secret-alert",
+		"data-slot": "copyable-secret-alert",
+		variant: "success",
+		className: t("copyable-secret-alert--component", d),
+		children: [
+			/* @__PURE__ */ M(I, { className: "size-4" }),
+			/* @__PURE__ */ M(s, { children: i ?? p.title }),
+			/* @__PURE__ */ M(l, { children: /* @__PURE__ */ N("span", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ M("span", { children: a ?? p.description }), /* @__PURE__ */ M(v, {
+					value: n,
+					displayValue: r ?? n,
+					mono: !0,
+					truncate: !0,
+					className: "copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1",
+					successMessage: p.copySuccess
+				})]
+			}) }),
+			!!o && /* @__PURE__ */ M(c, { children: o })
+		]
+	});
+}
+var oe = {
+	title: "API tokens",
+	description: "Create and revoke access tokens.",
+	nameLabel: "Token name",
+	namePlaceholder: "Production deploy key",
+	abilitiesLabel: "Abilities",
+	create: "Create token",
+	revokeAll: "Revoke all",
+	createdTitle: "Token created",
+	createdDescription: "Copy this token now. It will not be shown again."
+};
+function se({ tokens: i, abilities: a = [], createdToken: s, name: c, defaultName: l = "", onNameChange: u, selectedAbilities: p, defaultSelectedAbilities: h = [], onSelectedAbilitiesChange: g, onCreateToken: _, onRevokeToken: v, onRevokeAllTokens: y, onAfterMutate: b, onError: x, isCreating: S = !1, isRevokingAll: C = !1, disabled: w = !1, className: T, strings: E }) {
+	let D = e(oe, E), O = c !== void 0, j = p !== void 0, [P, F] = A(l), [I, L] = A([...h]), [R, B] = A(null), H = O ? c : P, U = ee(() => j ? [...p] : I, [
+		I,
+		j,
+		p
+	]), W = S || R === "create", G = C || R === "revoke-all", K = k((e) => {
+		O || F(e), u?.(e);
+	}, [O, u]), q = k((e) => {
+		j || L(e), g?.(e);
+	}, [j, g]), J = k((e, t) => {
+		q(t === !0 ? Array.from(new Set([...U, e])) : U.filter((t) => t !== e));
+	}, [U, q]), Y = k(async (e, t, n) => {
+		B(e);
+		try {
+			await t(), b?.({
+				type: e,
+				payload: n
+			});
+		} catch (t) {
+			x?.(t, { phase: e });
+		} finally {
+			B(null);
+		}
+	}, [b, x]), X = k(() => {
+		if (!_) return;
+		let e = {
+			name: H,
+			abilities: U
+		};
+		Y("create", () => _(e), e);
+	}, [
+		_,
+		U,
+		H,
+		Y
+	]), Q = k((e, t) => {
+		v && Y("revoke", () => v(e, t), t);
+	}, [v, Y]), $ = k(() => {
+		y && Y("revoke-all", y);
+	}, [y, Y]);
+	return /* @__PURE__ */ N(o, {
+		"data-component": "api-token-manager",
+		"data-slot": "api-token-manager",
+		title: D.title,
+		description: D.description,
+		headerAction: y ? /* @__PURE__ */ N(n, {
+			type: "button",
+			variant: "error",
+			buttonStyle: "outline",
+			loading: G,
+			disabled: w || i.length === 0,
+			onClick: $,
+			children: [/* @__PURE__ */ M(V, { className: "size-4" }), D.revokeAll]
+		}) : void 0,
+		className: t("api-token-manager--component", T),
+		contentClassName: "api-token-manager--content grid gap-4",
+		children: [
+			!!s && /* @__PURE__ */ M(ae, {
+				value: s.value,
+				displayValue: s.displayValue,
+				title: s.name ?? D.createdTitle,
+				description: D.createdDescription
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3",
+				children: [
+					/* @__PURE__ */ M(m, {
+						label: D.nameLabel,
+						children: /* @__PURE__ */ M(d, {
+							value: H,
+							placeholder: D.namePlaceholder,
+							onChange: (e) => K(e.currentTarget.value),
+							disabled: w || W
+						})
+					}),
+					a.length > 0 && /* @__PURE__ */ N("div", {
+						className: "api-token-manager--abilities grid gap-2",
+						children: [/* @__PURE__ */ M(r, {
+							size: "xs",
+							weight: "semibold",
+							children: D.abilitiesLabel
+						}), /* @__PURE__ */ M("div", {
+							className: "grid gap-2 sm:grid-cols-2",
+							children: a.map((e) => /* @__PURE__ */ N("label", {
+								className: "flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2",
+								children: [/* @__PURE__ */ M(f, {
+									checked: U.includes(e.id),
+									disabled: w || W || e.disabled,
+									onCheckedChange: (t) => J(e.id, t)
+								}), /* @__PURE__ */ N("span", {
+									className: "grid min-w-0 gap-0.5",
+									children: [/* @__PURE__ */ M(r, {
+										tag: "span",
+										weight: "medium",
+										children: e.label
+									}), !!e.description && /* @__PURE__ */ M(r, {
+										tag: "span",
+										size: "xs",
+										type: "secondary",
+										children: e.description
+									})]
+								})]
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ N(n, {
+							type: "button",
+							variant: "primary",
+							loading: W,
+							disabled: w || !_ || H.trim().length === 0,
+							onClick: X,
+							children: [/* @__PURE__ */ M(z, { className: "size-4" }), D.create]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ M(Z, {
+				items: i,
+				onDelete: v ? Q : void 0
+			})
+		]
+	});
+}
+se.displayName = "ApiTokenManager";
 //#endregion
-export { B as ApiKeyList, R as InventoryLevelCard, I as RecentConversationRow, F as RolePermissionCard, L as SettingsToggleRow, M as TeamMemberRow, z as defaultApiKeyListStrings };
+export { ne as ActionList, te as ActionRow, Z as ApiKeyList, se as ApiTokenManager, ae as CopyableSecretAlert, Y as InventoryLevelCard, q as RecentConversationRow, K as RolePermissionCard, re as SensitiveActionCard, J as SettingsToggleRow, U as TeamMemberRow, X as defaultApiKeyListStrings, oe as defaultApiTokenManagerStrings, ie as defaultCopyableSecretAlertStrings };
 
 //# sourceMappingURL=index.js.map