themelia-react-ui 2.0.0 → 2.0.1

package/dist/blocks/admin.js

@@ -1,22 +1,26 @@
 "use client";
-import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-Cospvlj1.js";
-import { a as n, s as r } from "../typography-CAr3dQhX.js";
-import { t as i } from "../button-BS3KDg00.js";
-import { r as a, t as o } from "../structure-hzCW-XsV.js";
-import { h as s, m as c, p as l, v as u } from "../smart-card-Bek-TwUp.js";
-import { n as d } from "../action-menu-BTpyPWJ2.js";
-import { m as f } from "../primitives-BHrwQXFC.js";
-import { t as p } from "../icon-badge-DKlaKXoo.js";
-import { t as m } from "../badge-0tATj-tW.js";
-import { t as h } from "../input-DhQdBnV3.js";
-import { t as g } from "../copyable-DDjTeW_j.js";
-import { t as _ } from "../form-field-VZRULhUK.js";
-import { t as v } from "../checkbox-B7ygNTYp.js";
-import { n as y } from "../display-DrdvPwF0.js";
-import { n as b, r as x, t as S } from "../collapsible-oMUGM4tr.js";
-import { c as C, n as w, o as T, r as E, t as D } from "../item-xzh8Df65.js";
-import { forwardRef as O, useCallback as k, useMemo as A, useState as j } from "react";
+import { m as e } from "../ui-provider-1D_NSYzO.js";
+import { useStrings as t } from "../lib/strings.js";
+import { t as n } from "../utils-l5LpDw2z.js";
+import { n as r } from "../buttons-SbIcm1HJ.js";
+import { a as i, s as a } from "../typography-DTRkE9zL.js";
+import { a as o, i as s } from "../text.styles-g4He6UIW.js";
+import { r as c, t as l } from "../structure-DC2dygdA.js";
+import { r as u } from "../tone-recipes-CPoExcTE.js";
+import { h as d, m as f, p, v as m } from "../smart-card-lFKxn5Hu.js";
+import { n as h } from "../action-menu-TzCoSlwL.js";
+import { m as g } from "../primitives-B-CkiEMU.js";
+import { t as _ } from "../icon-badge-CAuKupo9.js";
+import { t as v } from "../badge-MrKVNzW9.js";
+import { t as y } from "../input-DWhBBBww.js";
+import { t as b } from "../copyable-B3Gwgdqc.js";
+import { t as ee } from "../form-field-DUt4UxSV.js";
+import { s as te } from "../choice-inputs-t6w3ATNz.js";
+import { t as ne } from "../checkbox-DhB6K0bK.js";
+import { n as re } from "../display-DsQTVzMz.js";
+import { n as x, r as S, t as C } from "../collapsible-D8AEGU1-.js";
+import { c as w, n as T, o as E, r as D, t as O } from "../item-DEmDiTlD.js";
+import { forwardRef as k, useCallback as A, useMemo as ie, useState as j } from "react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
 import { Check as P, ChevronRight as F, Copy as I, KeyRound as L, Minus as R, Plus as z, Trash2 as B } from "lucide-react";
 import { toast as V } from "sonner";
@@ -29,44 +33,44 @@ var H = {
 };
 //#endregion
 //#region src/components/blocks/admin/role-permission/role-permission.tsx
-function U({ roleName: a, description: s, memberCount: c, sections: l, onEdit: u, className: d, strings: f }) {
-	let p = e(H, f);
-	return /* @__PURE__ */ N(o, {
+function U({ roleName: e, description: o, memberCount: s, sections: c, onEdit: u, className: d, strings: f }) {
+	let p = t(H, f);
+	return /* @__PURE__ */ N(l, {
 		gap: "2xl",
 		"data-component": "role-permission",
 		"data-slot": "role-permission",
-		className: t("role-permission--component", d),
+		className: n("role-permission--component", d),
 		children: [
-			/* @__PURE__ */ N(o, {
+			/* @__PURE__ */ N(l, {
 				gap: "normal",
 				className: "role-permission--header",
-				children: [/* @__PURE__ */ N(o, {
+				children: [/* @__PURE__ */ N(l, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "sm",
-					children: [/* @__PURE__ */ M(r, {
+					children: [/* @__PURE__ */ M(a, {
 						weight: "semibold",
-						children: a
-					}), c !== void 0 && /* @__PURE__ */ M(m, { children: p.formatMemberCount(c) })]
-				}), !!s && /* @__PURE__ */ M(r, {
+						children: e
+					}), s !== void 0 && /* @__PURE__ */ M(v, { children: p.formatMemberCount(s) })]
+				}), !!o && /* @__PURE__ */ M(a, {
 					size: "xs",
 					type: "secondary",
-					children: s
+					children: o
 				})]
 			}),
-			/* @__PURE__ */ M(o, {
+			/* @__PURE__ */ M(l, {
 				gap: "xl",
-				children: l.map((e) => /* @__PURE__ */ N(o, {
+				children: c.map((e) => /* @__PURE__ */ N(l, {
 					gap: "md",
-					children: [/* @__PURE__ */ M(n, { children: e.name }), /* @__PURE__ */ M("div", {
+					children: [/* @__PURE__ */ M(i, { children: e.name }), /* @__PURE__ */ M("div", {
 						className: "flex flex-wrap gap-space-md",
 						children: e.permissions.map((e) => /* @__PURE__ */ N("div", {
 							className: "flex items-center gap-space-sm",
 							children: [/* @__PURE__ */ M("span", {
 								role: "img",
 								"aria-label": `${e.label}: ${e.active ? p.permissionAllowed : p.permissionDenied}`,
-								className: t("inline-flex size-icon-sm shrink-0", e.active ? "text-success" : "text-muted-foreground"),
+								className: n("inline-flex size-icon-sm shrink-0", e.active ? "text-success" : "text-muted-foreground"),
 								children: e.active ? /* @__PURE__ */ M(P, {
 									className: "size-full",
 									"aria-hidden": !0
@@ -74,7 +78,7 @@ function U({ roleName: a, description: s, memberCount: c, sections: l, onEdit: u
 									className: "size-full",
 									"aria-hidden": !0
 								})
-							}), /* @__PURE__ */ M(r, {
+							}), /* @__PURE__ */ M(a, {
 								className: e.active ? "text-foreground" : "text-muted-foreground",
 								children: e.label
 							})]
@@ -84,7 +88,7 @@ function U({ roleName: a, description: s, memberCount: c, sections: l, onEdit: u
 			}),
 			!!u && /* @__PURE__ */ M("div", {
 				className: "role-permission--actions",
-				children: /* @__PURE__ */ M(i, {
+				children: /* @__PURE__ */ M(r, {
 					tone: "neutral",
 					buttonStyle: "outline",
 					size: "sm",
@@ -108,23 +112,23 @@ var W = {
 	copyToastSuccess: "Copied to clipboard",
 	copyToastError: "Failed to copy",
 	emptyMessage: "No keys yet."
-}, G = O(function({ items: n, defaultOpen: a = !0, open: o, onOpenChange: s, onAdd: c, onDelete: l, onCopy: u, title: d, className: f, strings: p }, m) {
-	let h = e(W, p), g = o !== void 0, [_, v] = j(a), y = g ? o : _, C = k((e) => {
+}, G = "sm", K = k(function({ items: e, defaultOpen: i = !0, open: o, onOpenChange: s, onAdd: c, onDelete: l, onCopy: u, title: d, className: f, strings: p }, m) {
+	let h = t(W, p), g = o !== void 0, [_, v] = j(i), y = g ? o : _, b = A((e) => {
 		g || v(e), s?.(e);
 	}, [g, s]);
 	return /* @__PURE__ */ M("div", {
 		ref: m,
 		"data-component": "api-key-list",
 		"data-slot": "api-key-list",
-		className: t("api-key-list--component @container/api-key-list min-w-0", f),
-		children: /* @__PURE__ */ N(S, {
+		className: n("api-key-list--component @container/api-key-list min-w-0", f),
+		children: /* @__PURE__ */ N(C, {
 			open: y,
-			onOpenChange: C,
+			onOpenChange: b,
 			children: [/* @__PURE__ */ N("div", {
 				className: "flex items-center gap-space-md",
-				children: [/* @__PURE__ */ M(x, {
+				children: [/* @__PURE__ */ M(S, {
 					asChild: !0,
-					children: /* @__PURE__ */ N(i, {
+					children: /* @__PURE__ */ N(r, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
@@ -132,31 +136,31 @@ var W = {
 						className: "h-action flex-1 justify-start gap-space-md rounded-inner px-0 py-0 text-left",
 						children: [/* @__PURE__ */ M(F, {
 							"aria-hidden": "true",
-							className: t("size-icon text-muted-foreground transition-transform", y && "rotate-90")
-						}), /* @__PURE__ */ M(r, {
+							className: n("size-icon text-muted-foreground transition-transform", y && "rotate-90")
+						}), /* @__PURE__ */ M(a, {
 							tag: "span",
 							weight: "semibold",
 							children: d ?? h.title
 						})]
 					})
-				}), !!c && /* @__PURE__ */ M(i, {
+				}), !!c && /* @__PURE__ */ M(r, {
 					tone: "secondary",
 					buttonStyle: "ghost",
-					size: "sm",
+					size: G,
 					iconOnly: !0,
 					onClick: c,
 					"aria-label": h.addAria,
 					children: /* @__PURE__ */ M(z, { className: "size-icon" })
 				})]
-			}), /* @__PURE__ */ M(b, {
+			}), /* @__PURE__ */ M(x, {
 				className: "pt-space-lg",
-				children: n.length === 0 ? /* @__PURE__ */ M(r, {
+				children: e.length === 0 ? /* @__PURE__ */ M(a, {
 					type: "secondary",
 					children: h.emptyMessage
-				}) : /* @__PURE__ */ M(T, {
+				}) : /* @__PURE__ */ M(E, {
 					role: "list",
 					className: "gap-0",
-					children: n.map((e) => /* @__PURE__ */ M(K, {
+					children: e.map((e) => /* @__PURE__ */ M(q, {
 						item: e,
 						onDelete: l,
 						onCopy: u,
@@ -172,11 +176,11 @@ var W = {
 		})
 	});
 });
-G.displayName = "ApiKeyList";
-function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel: a, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
-	let [u, m] = j(!1), h = k(async () => {
+K.displayName = "ApiKeyList";
+function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel: i, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
+	let [u, d] = j(!1), f = A(async () => {
 		try {
-			await navigator.clipboard.writeText(e.value), m(!0), setTimeout(() => m(!1), 1500), V.success(c), n?.(e.id, e);
+			await navigator.clipboard.writeText(e.value), d(!0), setTimeout(() => d(!1), 1500), V.success(c), n?.(e.id, e);
 		} catch {
 			V.error(l);
 		}
@@ -185,12 +189,12 @@ function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel:
 		n,
 		c,
 		l
-	]), g = e.displayValue ?? e.value, _ = [...e.copyable === !1 ? [] : [{
+	]), p = e.displayValue ?? e.value, m = [...e.copyable === !1 ? [] : [{
 		id: "copy",
-		label: u ? a : i,
+		label: u ? i : r,
 		icon: I,
 		onClick: () => {
-			h();
+			f();
 		},
 		disabled: e.disabled
 	}], ...t ? [{
@@ -201,15 +205,15 @@ function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel:
 		disabled: e.disabled,
 		onClick: () => t(e.id, e)
 	}] : []];
-	return /* @__PURE__ */ N(D, {
+	return /* @__PURE__ */ N(O, {
 		size: "sm",
 		role: "listitem",
 		"data-slot": "api-key-row",
 		className: "flex-nowrap",
 		children: [
-			!!e.icon && /* @__PURE__ */ M(C, {
+			!!e.icon && /* @__PURE__ */ M(w, {
 				variant: "icon",
-				children: /* @__PURE__ */ M(p, {
+				children: /* @__PURE__ */ M(_, {
 					size: "sm",
 					shape: "square",
 					tone: "neutral",
@@ -217,124 +221,119 @@ function K({ item: e, onDelete: t, onCopy: n, copyMenuLabel: i, copiedMenuLabel:
 					children: e.icon
 				})
 			}),
-			/* @__PURE__ */ N(E, {
+			/* @__PURE__ */ N(D, {
 				className: "min-w-0 flex-row items-center gap-space-md",
-				children: [/* @__PURE__ */ M(r, {
+				children: [/* @__PURE__ */ M(a, {
 					tag: "span",
 					weight: "medium",
 					className: "w-20 shrink-0 truncate @md/api-key-list:w-24",
 					children: e.name
-				}), /* @__PURE__ */ M(f, {
+				}), /* @__PURE__ */ M(g, {
 					className: "min-w-0 flex-1 truncate rounded-inner bg-muted px-space-md py-space-xs",
-					children: g
+					children: p
 				})]
 			}),
-			/* @__PURE__ */ M(w, {
+			/* @__PURE__ */ M(T, {
 				className: "shrink-0",
-				children: /* @__PURE__ */ M(d, {
-					actions: _,
+				children: /* @__PURE__ */ M(h, {
+					actions: m,
 					srText: s,
 					align: "end",
 					closeOnSelect: !0,
-					buttonProps: {
-						buttonStyle: "ghost",
-						tone: "secondary",
-						size: "sm",
-						className: "size-action-sm"
-					}
+					buttonProps: { size: G }
 				})
 			})
 		]
 	});
 }
-K.displayName = "ApiKeyRow";
+q.displayName = "ApiKeyRow";
 //#endregion
 //#region src/components/blocks/admin/action-surfaces/index.tsx
-function q({ title: e, description: n, confirmation: i, action: a, icon: s, padding: c = "md", surface: l = "card", className: u }) {
-	return /* @__PURE__ */ M(y, {
+function J({ title: e, description: t, confirmation: r, action: i, icon: o, padding: s = "md", surface: c = "card", className: d }) {
+	return /* @__PURE__ */ M(re, {
 		"data-component": "sensitive-action-card",
 		"data-slot": "sensitive-action-card",
-		padding: c,
-		surface: l,
-		className: t("sensitive-action-card--component border-destructive/30", u),
+		padding: s,
+		surface: c,
+		className: n("sensitive-action-card--component", u.destructive.edge, d),
 		contentClassName: "sensitive-action-card--content grid gap-space-lg",
-		children: /* @__PURE__ */ N(o, {
+		children: /* @__PURE__ */ N(l, {
 			direction: "horizontal",
 			align: "start",
 			gap: "lg",
 			className: "min-w-0",
 			children: [
-				!!s && /* @__PURE__ */ M(p, {
-					icon: s,
+				!!o && /* @__PURE__ */ M(_, {
+					icon: o,
 					tone: "destructive",
 					shape: "square",
 					size: "md"
 				}),
-				/* @__PURE__ */ N(o, {
+				/* @__PURE__ */ N(l, {
 					gap: "normal",
 					className: "min-w-0 flex-1",
 					children: [
-						/* @__PURE__ */ M(r, {
+						/* @__PURE__ */ M(a, {
 							weight: "semibold",
 							children: e
 						}),
-						!!n && /* @__PURE__ */ M(r, {
+						!!t && /* @__PURE__ */ M(a, {
 							type: "secondary",
-							children: n
+							children: t
 						}),
-						!!i && /* @__PURE__ */ M(r, {
+						!!r && /* @__PURE__ */ M(a, {
 							tag: "div",
 							type: "secondary",
 							role: "note",
 							className: "sensitive-action-card--confirmation",
-							children: i
+							children: r
 						})
 					]
 				}),
-				!!a && /* @__PURE__ */ M("div", {
+				!!i && /* @__PURE__ */ M("div", {
 					className: "shrink-0",
-					children: a
+					children: i
 				})
 			]
 		})
 	});
 }
-var J = {
+var Y = {
 	title: "Secret created",
 	description: "Copy this value now. It may not be shown again.",
 	copySuccess: "Secret copied"
 };
-function Y({ value: n, displayValue: i, title: a, description: d, action: f, className: p, strings: m }) {
-	let h = e(J, m);
-	return /* @__PURE__ */ N(l, {
+function X({ value: e, displayValue: r, title: i, description: o, action: s, className: c, strings: u }) {
+	let h = t(Y, u);
+	return /* @__PURE__ */ N(p, {
 		"data-component": "copyable-secret-alert",
 		"data-slot": "copyable-secret-alert",
 		tone: "success",
-		className: t("copyable-secret-alert--component", p),
+		className: n("copyable-secret-alert--component", c),
 		children: [
 			/* @__PURE__ */ M(L, { className: "size-icon" }),
-			/* @__PURE__ */ M(u, { children: a ?? h.title }),
-			/* @__PURE__ */ M(s, { children: /* @__PURE__ */ N(o, {
+			/* @__PURE__ */ M(m, { children: i ?? h.title }),
+			/* @__PURE__ */ M(d, { children: /* @__PURE__ */ N(l, {
 				render: /* @__PURE__ */ M("span", {}),
 				gap: "md",
-				children: [/* @__PURE__ */ M(r, {
+				children: [/* @__PURE__ */ M(a, {
 					tag: "span",
 					type: "secondary",
-					children: d ?? h.description
-				}), /* @__PURE__ */ M(g, {
-					value: n,
-					displayValue: i ?? n,
+					children: o ?? h.description
+				}), /* @__PURE__ */ M(b, {
+					value: e,
+					displayValue: r ?? e,
 					mono: !0,
 					truncate: !0,
 					className: "copyable-secret-alert--value max-w-full rounded-inner bg-background px-space-md py-space-xs",
 					strings: { success: h.copySuccess }
 				})]
 			}) }),
-			!!f && /* @__PURE__ */ M(c, { children: f })
+			!!s && /* @__PURE__ */ M(f, { children: s })
 		]
 	});
 }
-var X = {
+var Z = {
 	title: "API tokens",
 	description: "Create and revoke access tokens.",
 	nameLabel: "Token name",
@@ -345,20 +344,20 @@ var X = {
 	createdTitle: "Token created",
 	createdDescription: "Copy this token now. It will not be shown again."
 };
-function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName: d = "", onNameChange: f, selectedAbilities: p, defaultSelectedAbilities: m = [], onSelectedAbilitiesChange: g, onCreateToken: b, onRevokeToken: x, onRevokeAllTokens: S, onAfterMutate: C, onError: w, creating: T = !1, revokingAll: E = !1, disabled: D = !1, className: O, strings: P }) {
-	let F = e(X, P), I = u !== void 0, L = p !== void 0, [R, B] = j(d), [V, H] = j([...m]), [U, W] = j(null), K = I ? u : R, q = A(() => L ? [...p] : V, [
-		V,
-		L,
-		p
-	]), J = T || U === "create", Z = E || U === "revoke-all", ee = k((e) => {
-		I || B(e), f?.(e);
-	}, [I, f]), Q = k((e) => {
-		L || H(e), g?.(e);
-	}, [L, g]), te = k((e, t) => {
-		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...q, e])) : q.filter((t) => t !== e);
-		Q(n);
-	}, [q, Q]), $ = k(async (e, t, n) => {
-		W(e);
+function Q({ tokens: u, abilities: d = [], createdToken: f, name: p, defaultName: m = "", onNameChange: h, selectedAbilities: g, defaultSelectedAbilities: _ = [], onSelectedAbilitiesChange: v, onCreateToken: b, onRevokeToken: x, onRevokeAllTokens: S, onAfterMutate: C, onError: w, creating: T = !1, revokingAll: E = !1, disabled: D = !1, className: O, strings: k }) {
+	let P = t(Z, k), { defaultTextSize: F } = e(), I = n(te, o[F ?? "sm"], s.normal), L = p !== void 0, R = g !== void 0, [B, V] = j(m), [H, U] = j([..._]), [W, G] = j(null), q = L ? p : B, J = ie(() => R ? [...g] : H, [
+		H,
+		R,
+		g
+	]), Y = T || W === "create", Q = E || W === "revoke-all", ae = A((e) => {
+		L || V(e), h?.(e);
+	}, [L, h]), oe = A((e) => {
+		R || U(e), v?.(e);
+	}, [R, v]), se = A((e, t) => {
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...J, e])) : J.filter((t) => t !== e);
+		oe(n);
+	}, [J, oe]), $ = A(async (e, t, n) => {
+		G(e);
 		try {
 			await t(), C?.({
 				type: e,
@@ -367,87 +366,90 @@ function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName
 		} catch (t) {
 			w?.(t, { phase: e });
 		} finally {
-			W(null);
+			G(null);
 		}
-	}, [C, w]), ne = k(() => {
+	}, [C, w]), ce = A(() => {
 		if (!b) return;
 		let e = {
-			name: K,
-			abilities: q
+			name: q,
+			abilities: J
 		};
 		$("create", () => b(e), e);
 	}, [
 		b,
+		J,
 		q,
-		K,
 		$
-	]), re = k((e, t) => {
+	]), le = A((e, t) => {
 		x && $("revoke", () => x(e, t), t);
-	}, [x, $]), ie = k(() => {
+	}, [x, $]), ue = A(() => {
 		S && $("revoke-all", S);
 	}, [S, $]);
-	return /* @__PURE__ */ N(y, {
+	return /* @__PURE__ */ N(re, {
 		"data-component": "api-token-manager",
 		"data-slot": "api-token-manager",
-		title: F.title,
-		description: F.description,
-		headerAction: S ? /* @__PURE__ */ M(i, {
+		title: P.title,
+		description: P.description,
+		headerAction: S ? /* @__PURE__ */ M(r, {
 			type: "button",
 			tone: "destructive",
 			buttonStyle: "outline",
-			loading: Z,
-			disabled: D || s.length === 0,
-			onClick: ie,
-			children: F.revokeAll
+			loading: Q,
+			disabled: D || u.length === 0,
+			onClick: ue,
+			children: P.revokeAll
 		}) : void 0,
-		className: t("api-token-manager--component", O),
-		children: [/* @__PURE__ */ N(o, {
+		className: n("api-token-manager--component", O),
+		children: [/* @__PURE__ */ N(l, {
 			gap: "xl",
 			className: "api-token-manager--content",
-			children: [!!l && /* @__PURE__ */ M(Y, {
-				value: l.value,
-				displayValue: l.displayValue,
-				title: l.name ?? F.createdTitle,
-				description: F.createdDescription
+			children: [!!f && /* @__PURE__ */ M(X, {
+				value: f.value,
+				displayValue: f.displayValue,
+				title: f.name ?? P.createdTitle,
+				description: P.createdDescription
 			}), /* @__PURE__ */ M("div", {
 				className: "api-token-manager--form",
-				children: /* @__PURE__ */ N(o, {
+				children: /* @__PURE__ */ N(l, {
 					gap: "lg",
 					children: [
-						/* @__PURE__ */ M(_, {
-							label: F.nameLabel,
-							children: /* @__PURE__ */ M(h, {
-								value: K,
-								placeholder: F.namePlaceholder,
-								onChange: (e) => ee(e.currentTarget.value),
-								disabled: D || J
+						/* @__PURE__ */ M(ee, {
+							label: P.nameLabel,
+							children: /* @__PURE__ */ M(y, {
+								value: q,
+								placeholder: P.namePlaceholder,
+								onChange: (e) => ae(e.currentTarget.value),
+								disabled: D || Y
 							})
 						}),
-						c.length > 0 && /* @__PURE__ */ N(o, {
+						d.length > 0 && /* @__PURE__ */ N(l, {
 							gap: "md",
 							className: "api-token-manager--abilities",
-							children: [/* @__PURE__ */ M(n, { children: F.abilitiesLabel }), /* @__PURE__ */ M(a, {
+							children: [/* @__PURE__ */ M(i, { children: P.abilitiesLabel }), /* @__PURE__ */ M(c, {
 								columns: {
 									base: 1,
 									sm: 2
 								},
 								gap: "md",
-								children: c.map((e) => {
-									let t = q.includes(e.id);
+								children: d.map((e) => {
+									let t = J.includes(e.id);
 									return /* @__PURE__ */ N("label", {
-										className: "flex min-w-0 items-start gap-space-md rounded-radius border border-border/70 bg-background px-row-x py-row-y",
-										children: [/* @__PURE__ */ M(v, {
-											checked: t,
-											disabled: D || J || e.disabled,
-											onCheckedChange: (t) => te(e.id, t)
-										}), /* @__PURE__ */ N(o, {
+										className: "flex min-w-0 items-start gap-space-md rounded-radius border border-border bg-background px-row-x py-row-y",
+										children: [/* @__PURE__ */ M("span", {
+											className: I,
+											children: /* @__PURE__ */ M(ne, {
+												checked: t,
+												disabled: D || Y || e.disabled,
+												onCheckedChange: (t) => se(e.id, t)
+											})
+										}), /* @__PURE__ */ N(l, {
 											render: /* @__PURE__ */ M("span", {}),
 											gap: "dense",
-											children: [/* @__PURE__ */ M(r, {
+											children: [/* @__PURE__ */ M(a, {
 												tag: "span",
 												weight: "medium",
 												children: e.label
-											}), !!e.description && /* @__PURE__ */ M(r, {
+											}), !!e.description && /* @__PURE__ */ M(a, {
 												tag: "span",
 												size: "xs",
 												type: "secondary",
@@ -458,30 +460,30 @@ function Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName
 								})
 							})]
 						}),
-						/* @__PURE__ */ M(o, {
+						/* @__PURE__ */ M(l, {
 							direction: "horizontal",
 							gap: "none",
 							justify: "end",
-							children: /* @__PURE__ */ N(i, {
+							children: /* @__PURE__ */ N(r, {
 								type: "button",
 								tone: "primary",
-								loading: J,
-								disabled: D || !b || K.trim().length === 0,
-								onClick: ne,
-								children: [/* @__PURE__ */ M(z, { className: "size-icon" }), F.create]
+								loading: Y,
+								disabled: D || !b || q.trim().length === 0,
+								onClick: ce,
+								children: [/* @__PURE__ */ M(z, { className: "size-icon" }), P.create]
 							})
 						})
 					]
 				})
 			})]
-		}), /* @__PURE__ */ M(G, {
-			items: s,
-			onDelete: x ? re : void 0
+		}), /* @__PURE__ */ M(K, {
+			items: u,
+			onDelete: x ? le : void 0
 		})]
 	});
 }
-Z.displayName = "ApiTokenManager";
+Q.displayName = "ApiTokenManager";
 //#endregion
-export { G as ApiKeyList, Z as ApiTokenManager, Y as CopyableSecretAlert, U as RolePermission, q as SensitiveActionCard, W as defaultApiKeyListStrings, X as defaultApiTokenManagerStrings, J as defaultCopyableSecretAlertStrings };
+export { K as ApiKeyList, Q as ApiTokenManager, X as CopyableSecretAlert, U as RolePermission, J as SensitiveActionCard, W as defaultApiKeyListStrings, Z as defaultApiTokenManagerStrings, Y as defaultCopyableSecretAlertStrings };
 
 //# sourceMappingURL=admin.js.map