themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/base/table.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../table-DnlAJ-xR.js";
+export { s as Table, r as TableBody, a as TableCaption, n as TableCell, e as TableFooter, i as TableHead, o as TableHeader, t as TableRow };

package/dist/base/text-inputs.js

@@ -0,0 +1,4 @@
+"use client";
+import { n as e, t } from "../input-DMorJiTI.js";
+import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../text-inputs-BhOcedTo.js";
+export { t as Input, n as InputGroup, c as InputGroupAddon, u as InputGroupButton, r as InputGroupInput, o as InputGroupText, f as InputGroupTextarea, l as PasswordInput, d as SlugField, i as Textarea, e as defaultInputStrings, a as defaultPasswordInputStrings, s as slugifyValue };

package/dist/base/toaster.js

@@ -0,0 +1,102 @@
+"use client";
+import { f as e } from "../ui-provider-CftIB6TY.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { jsx as n } from "react/jsx-runtime";
+import { CircleCheckIcon as r, InfoIcon as i, Loader2Icon as a, OctagonXIcon as o, TriangleAlertIcon as s } from "lucide-react";
+import { Toaster as c } from "sonner";
+//#region src/components/ui/sonner.tsx
+var l = ({ theme: e = "system", ...t }) => /* @__PURE__ */ n(c, {
+	theme: e,
+	className: "toaster group",
+	icons: {
+		success: /* @__PURE__ */ n(r, { className: "size-4" }),
+		info: /* @__PURE__ */ n(i, { className: "size-4" }),
+		warning: /* @__PURE__ */ n(s, { className: "size-4" }),
+		error: /* @__PURE__ */ n(o, { className: "size-4" }),
+		loading: /* @__PURE__ */ n(a, { className: "size-4 animate-spin" })
+	},
+	style: {
+		"--normal-bg": "var(--popover)",
+		"--normal-text": "var(--popover-foreground)",
+		"--normal-border": "var(--border)",
+		"--border-radius": "var(--radius)"
+	},
+	toastOptions: { classNames: { toast: "cn-toast" } },
+	...t
+}), u = {
+	toast: "toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius-md !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--spacing-action-sm)+var(--spacing-space-lg))] !text-inverse-foreground !shadow-lg",
+	title: "toaster--title text-sm font-medium leading-snug text-current",
+	description: "toaster--description !text-inverse-muted text-xs leading-snug",
+	icon: "toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted",
+	closeButton: "toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100",
+	actionButton: "toaster--action-button !h-action-sm !rounded-radius-md !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background",
+	cancelButton: "toaster--cancel-button !h-action-sm !rounded-radius-md !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground",
+	success: "toaster--success",
+	info: "toaster--info",
+	warning: "toaster--warning",
+	error: "toaster--error",
+	loading: "toaster--loading",
+	default: "toaster--default",
+	content: "toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere"
+}, d = {
+	success: /* @__PURE__ */ n(r, { className: "size-icon-lg text-success" }),
+	info: /* @__PURE__ */ n(i, { className: "size-icon-lg text-info" }),
+	warning: /* @__PURE__ */ n(s, { className: "size-icon-lg text-warning" }),
+	error: /* @__PURE__ */ n(o, { className: "size-icon-lg text-destructive" }),
+	loading: /* @__PURE__ */ n(a, { className: "size-icon-lg animate-spin text-inverse-muted" })
+}, f = {
+	"--normal-bg": "var(--inverse-background)",
+	"--normal-text": "var(--inverse-foreground)",
+	"--normal-border": "var(--inverse-border)",
+	"--border-radius": "var(--radius-md)",
+	"--width": "min(92vw, 24rem)"
+};
+function p(e) {
+	return {
+		toast: t(u.toast, e?.toast),
+		title: t(u.title, e?.title),
+		description: t(u.description, e?.description),
+		icon: t(u.icon, e?.icon),
+		closeButton: t(u.closeButton, e?.closeButton),
+		actionButton: t(u.actionButton, e?.actionButton),
+		cancelButton: t(u.cancelButton, e?.cancelButton),
+		success: t(u.success, e?.success),
+		info: t(u.info, e?.info),
+		warning: t(u.warning, e?.warning),
+		error: t(u.error, e?.error),
+		loading: t(u.loading, e?.loading),
+		default: t(u.default, e?.default),
+		loader: e?.loader,
+		content: t(u.content, e?.content)
+	};
+}
+function m({ duration: r, position: i, theme: a, closeButton: o, richColors: s, visibleToasts: c, toastOptions: u, icons: m, className: h, style: g, ..._ }) {
+	let { duration: v, position: y, theme: b, closeButton: x, richColors: S, visibleToasts: C } = e(), w = {
+		...u,
+		classNames: p(u?.classNames)
+	};
+	return /* @__PURE__ */ n(l, {
+		..._,
+		className: t("toaster group toaster--component", h),
+		duration: r ?? v,
+		position: i ?? y,
+		theme: a ?? b ?? "dark",
+		closeButton: o ?? x,
+		richColors: s ?? S,
+		visibleToasts: c ?? C,
+		toastOptions: w,
+		icons: {
+			...d,
+			...m
+		},
+		style: {
+			...f,
+			...g
+		}
+	});
+}
+m.displayName = "Toaster";
+//#endregion
+export { m as Toaster };
+
+//# sourceMappingURL=toaster.js.map

package/dist/base/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","Toaster$1","Toaster$2","props","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","DEFAULT_TOAST_CLASS_NAMES","DEFAULT_TOAST_ICONS","DEFAULT_TOAST_STYLE","mergeToastClassNames","cn","overrides","Toaster","durationProp","positionProp","themeProp","closeButtonProp","richColorsProp","visibleToastsProp","resolvedToastOptions","toastOptions","className","duration","position","theme","closeButton","richColors","visibleToasts","icons","style"],"sources":["../../src/components/ui/sonner.tsx","../../src/components/base/toaster/toaster.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nconst Toaster = ({ theme = \"system\", ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","/**\n * Toaster — base wrapper around the shadcn `ui/sonner` `<Toaster>` that\n * applies library-wide defaults from `<UIProvider>`:\n *\n *   - `toast.duration` → default lifetime in ms\n *   - `toast.position` → default screen position\n *   - `toast.theme` / `toast.closeButton` / `toast.visibleToasts`\n *     / `toast.richColors` → Sonner display defaults\n *\n * Per-mount props on this component still win over the store, so a single\n * `<Toaster duration={10_000} />` continues to override the global default.\n */\nimport {\n\tCircleCheckIcon,\n\tInfoIcon,\n\tLoader2Icon,\n\tOctagonXIcon,\n\tTriangleAlertIcon,\n} from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport type { ToastClassnames, ToasterProps } from 'sonner';\n\nimport { Toaster as PrimitiveToaster } from '../../ui/sonner';\nimport { useToastConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type { ToasterProps };\n\ntype ToastIcons = NonNullable<ToasterProps['icons']>;\n\nconst DEFAULT_TOAST_CLASS_NAMES = {\n\ttoast:\n\t\t'toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius-md !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--spacing-action-sm)+var(--spacing-space-lg))] !text-inverse-foreground !shadow-lg',\n\ttitle: 'toaster--title text-sm font-medium leading-snug text-current',\n\tdescription: 'toaster--description !text-inverse-muted text-xs leading-snug',\n\ticon:\n\t\t'toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted',\n\tcloseButton:\n\t\t'toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100',\n\tactionButton:\n\t\t'toaster--action-button !h-action-sm !rounded-radius-md !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background',\n\tcancelButton:\n\t\t'toaster--cancel-button !h-action-sm !rounded-radius-md !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground',\n\tsuccess: 'toaster--success',\n\tinfo: 'toaster--info',\n\twarning: 'toaster--warning',\n\terror: 'toaster--error',\n\tloading: 'toaster--loading',\n\tdefault: 'toaster--default',\n\tcontent: 'toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere',\n} satisfies ToastClassnames;\n\nconst DEFAULT_TOAST_ICONS = {\n\tsuccess: <CircleCheckIcon className=\"size-icon-lg text-success\" />,\n\tinfo: <InfoIcon className=\"size-icon-lg text-info\" />,\n\twarning: <TriangleAlertIcon className=\"size-icon-lg text-warning\" />,\n\terror: <OctagonXIcon className=\"size-icon-lg text-destructive\" />,\n\tloading: <Loader2Icon className=\"size-icon-lg animate-spin text-inverse-muted\" />,\n} satisfies ToastIcons;\n\nconst DEFAULT_TOAST_STYLE = {\n\t'--normal-bg': 'var(--inverse-background)',\n\t'--normal-text': 'var(--inverse-foreground)',\n\t'--normal-border': 'var(--inverse-border)',\n\t'--border-radius': 'var(--radius-md)',\n\t'--width': 'min(92vw, 24rem)',\n} as CSSProperties;\n\nfunction mergeToastClassNames(overrides?: ToastClassnames): ToastClassnames {\n\treturn {\n\t\ttoast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, overrides?.toast),\n\t\ttitle: cn(DEFAULT_TOAST_CLASS_NAMES.title, overrides?.title),\n\t\tdescription: cn(DEFAULT_TOAST_CLASS_NAMES.description, overrides?.description),\n\t\ticon: cn(DEFAULT_TOAST_CLASS_NAMES.icon, overrides?.icon),\n\t\tcloseButton: cn(DEFAULT_TOAST_CLASS_NAMES.closeButton, overrides?.closeButton),\n\t\tactionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, overrides?.actionButton),\n\t\tcancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, overrides?.cancelButton),\n\t\tsuccess: cn(DEFAULT_TOAST_CLASS_NAMES.success, overrides?.success),\n\t\tinfo: cn(DEFAULT_TOAST_CLASS_NAMES.info, overrides?.info),\n\t\twarning: cn(DEFAULT_TOAST_CLASS_NAMES.warning, overrides?.warning),\n\t\terror: cn(DEFAULT_TOAST_CLASS_NAMES.error, overrides?.error),\n\t\tloading: cn(DEFAULT_TOAST_CLASS_NAMES.loading, overrides?.loading),\n\t\tdefault: cn(DEFAULT_TOAST_CLASS_NAMES.default, overrides?.default),\n\t\tloader: overrides?.loader,\n\t\tcontent: cn(DEFAULT_TOAST_CLASS_NAMES.content, overrides?.content),\n\t};\n}\n\nexport function Toaster({\n\tduration: durationProp,\n\tposition: positionProp,\n\ttheme: themeProp,\n\tcloseButton: closeButtonProp,\n\trichColors: richColorsProp,\n\tvisibleToasts: visibleToastsProp,\n\ttoastOptions,\n\ticons,\n\tclassName,\n\tstyle,\n\t...props\n}: ToasterProps) {\n\tconst {\n\t\tduration,\n\t\tposition,\n\t\ttheme,\n\t\tcloseButton,\n\t\trichColors,\n\t\tvisibleToasts,\n\t} = useToastConfig();\n\n\tconst resolvedToastOptions: ToasterProps['toastOptions'] = {\n\t\t...toastOptions,\n\t\tclassNames: mergeToastClassNames(toastOptions?.classNames),\n\t};\n\n\treturn (\n\t\t<PrimitiveToaster\n\t\t\t{...props}\n\t\t\tclassName={cn('toaster group toaster--component', className)}\n\t\t\tduration={durationProp ?? duration}\n\t\t\tposition={positionProp ?? position}\n\t\t\ttheme={themeProp ?? theme ?? 'dark'}\n\t\t\tcloseButton={closeButtonProp ?? closeButton}\n\t\t\trichColors={richColorsProp ?? richColors}\n\t\t\tvisibleToasts={visibleToastsProp ?? visibleToasts}\n\t\t\ttoastOptions={resolvedToastOptions}\n\t\t\ticons={{ ...DEFAULT_TOAST_ICONS, ...icons }}\n\t\t\tstyle={{ ...DEFAULT_TOAST_STYLE, ...style } as CSSProperties}\n\t\t/>\n\t);\n}\n\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}

package/dist/base/tree.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../tree-COD9BGdU.js";
+export { e as Tree };

package/dist/base/upload-queue.js

@@ -0,0 +1,3 @@
+"use client";
+import { i as e, n as t, r as n, t as r } from "../upload-queue-xRJ3qDmd.js";
+export { n as UploadProgressList, r as UploadTray, e as defaultUploadProgressListStrings, t as defaultUploadTrayStrings };

package/dist/base/upload.js

@@ -0,0 +1,5 @@
+"use client";
+import { n as e, t } from "../media-gallery-Ca4YmvBi.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-xRJ3qDmd.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-DIzw1dx1.js";
+export { p as AvatarUpload, n as Dropzone, c as FileUpload, f as ImageUpload, t as MediaGallery, o as UploadProgressList, s as UploadTray, u as defaultAvatarUploadStrings, a as defaultDropzoneStrings, d as defaultFileUploadStrings, l as defaultImageUploadStrings, e as defaultMediaGalleryStrings, r as defaultUploadProgressListStrings, i as defaultUploadTrayStrings };

package/dist/base/value-inputs.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../value-inputs-Co1fu-xv.js";
+export { a as COUNTRY_PREFIX_MAP, n as ColorInput, s as DEFAULT_COUNTRY_PREFIXES, c as DateTimeInput, t as PhoneInput, i as SliderField, l as TagsInput, e as defaultColorInputStrings, r as defaultPhoneInputStrings, o as defaultSliderStrings };

package/dist/blocks/admin.js

@@ -0,0 +1,478 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { n } from "../buttons-Co6GavvM.js";
+import { a as r, r as i } from "../typography-Cv8MT-82.js";
+import { r as a, t as o } from "../structure-BvW4vG4H.js";
+import { _ as s, f as c, m as l, p as u } from "../smart-card-B5FcKODh.js";
+import { n as d } from "../action-menu-Cx3SdfbN.js";
+import { m as f } from "../primitives-DKPOGVpj.js";
+import { t as p } from "../icon-badge-Dv0RYQwj.js";
+import { t as m } from "../badge-BZXZT9wd.js";
+import { t as h } from "../input-DMorJiTI.js";
+import { t as g } from "../copyable-B7SBXJMr.js";
+import { n as _ } from "../display-ByI5tkqy.js";
+import { n as v, r as y, t as b } from "../collapsible-DsnktFNv.js";
+import { t as x } from "../form-field-C6W-y2hR.js";
+import { c as S } from "../choice-inputs-CavA-SGV.js";
+import { c as C, n as w, r as T, t as E } from "../item-pJ0GsOiJ.js";
+import { forwardRef as D, useCallback as O, useMemo as ee, useState as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Check as M, ChevronRight as te, Copy as N, KeyRound as P, Lock as F, Minus as I, Pencil as L, Plus as R, ShieldAlert as z, Trash2 as B } from "lucide-react";
+import { toast as V } from "sonner";
+//#region src/components/blocks/admin/admin.strings.ts
+var H = {
+	editRole: "Edit Role",
+	permissionAllowed: "Allowed",
+	permissionDenied: "Not allowed",
+	formatMemberCount: (e) => `${e} members`
+};
+//#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__ */ j("div", {
+		"data-component": "role-permission",
+		"data-slot": "role-permission",
+		className: t("role-permission--component", d),
+		children: [
+			/* @__PURE__ */ j(o, {
+				direction: "horizontal",
+				gap: "md",
+				align: "start",
+				justify: "between",
+				className: "role-permission--header",
+				children: [/* @__PURE__ */ j(o, {
+					gap: "normal",
+					className: "flex-1",
+					children: [/* @__PURE__ */ A(r, {
+						weight: "semibold",
+						children: a
+					}), !!s && /* @__PURE__ */ A(r, {
+						size: "xs",
+						type: "secondary",
+						children: s
+					})]
+				}), c !== void 0 && /* @__PURE__ */ A(m, {
+					tone: "info",
+					children: p.formatMemberCount(c)
+				})]
+			}),
+			/* @__PURE__ */ A(o, {
+				gap: "xl",
+				className: "mt-space-2xl",
+				children: l.map((e) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A(i, { children: e.name }), /* @__PURE__ */ A("div", {
+					className: "mt-space-md flex flex-wrap gap-space-md",
+					children: e.permissions.map((e) => /* @__PURE__ */ j("div", {
+						className: "flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ A("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"),
+							children: e.active ? /* @__PURE__ */ A(M, {
+								className: "size-full",
+								"aria-hidden": !0
+							}) : /* @__PURE__ */ A(I, {
+								className: "size-full",
+								"aria-hidden": !0
+							})
+						}), /* @__PURE__ */ A(r, {
+							className: e.active ? "text-foreground" : "text-muted-foreground",
+							children: e.label
+						})]
+					}, e.label))
+				})] }, e.name))
+			}),
+			!!u && /* @__PURE__ */ A(n, {
+				tone: "secondary",
+				buttonStyle: "ghost",
+				icon: L,
+				className: "mt-5",
+				onClick: u,
+				children: p.editRole
+			})
+		]
+	});
+}
+U.displayName = "RolePermission";
+//#endregion
+//#region src/components/blocks/admin/api-key-list/api-key-list.strings.ts
+var W = {
+	title: "API keys",
+	addAria: "Add API key",
+	rowMenuAria: "Key actions",
+	copyMenuItem: "Copy key",
+	copiedMenuItem: "Copied",
+	deleteMenuItem: "Delete",
+	copyToastSuccess: "Copied to clipboard",
+	copyToastError: "Failed to copy",
+	emptyMessage: "No keys yet."
+}, G = D(function({ items: i, defaultOpen: a = !0, open: s, onOpenChange: c, onAdd: l, onDelete: u, onCopy: d, title: f, className: p, strings: m }, h) {
+	let g = e(W, m), _ = s !== void 0, [x, S] = k(a), C = _ ? s : x, w = O((e) => {
+		_ || S(e), c?.(e);
+	}, [_, c]);
+	return /* @__PURE__ */ A("div", {
+		ref: h,
+		"data-component": "api-key-list",
+		"data-slot": "api-key-list",
+		className: t("api-key-list--component @container/api-key-list min-w-0", p),
+		children: /* @__PURE__ */ j(b, {
+			open: C,
+			onOpenChange: w,
+			children: [/* @__PURE__ */ j("div", {
+				className: "flex items-center gap-space-md",
+				children: [/* @__PURE__ */ A(y, {
+					asChild: !0,
+					children: /* @__PURE__ */ j(n, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "md",
+						className: "h-action flex-1 justify-start gap-space-md rounded-radius px-0 py-0 text-left",
+						children: [/* @__PURE__ */ A(te, {
+							"aria-hidden": "true",
+							className: t("size-icon text-muted-foreground transition-transform", C && "rotate-90")
+						}), /* @__PURE__ */ A(r, {
+							tag: "span",
+							weight: "semibold",
+							children: f ?? g.title
+						})]
+					})
+				}), !!l && /* @__PURE__ */ A(n, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					onClick: l,
+					"aria-label": g.addAria,
+					children: /* @__PURE__ */ A(R, { className: "size-icon" })
+				})]
+			}), /* @__PURE__ */ A(v, {
+				className: "pt-3",
+				children: i.length === 0 ? /* @__PURE__ */ A(r, {
+					type: "secondary",
+					children: g.emptyMessage
+				}) : /* @__PURE__ */ A(o, {
+					gap: "lg",
+					children: i.map((e) => /* @__PURE__ */ A(K, {
+						item: e,
+						onDelete: u,
+						onCopy: d,
+						copyMenuLabel: g.copyMenuItem,
+						copiedMenuLabel: g.copiedMenuItem,
+						deleteMenuLabel: g.deleteMenuItem,
+						rowMenuAria: g.rowMenuAria,
+						copyToastSuccess: g.copyToastSuccess,
+						copyToastError: g.copyToastError
+					}, e.id))
+				})
+			})]
+		})
+	});
+});
+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] = k(!1), h = O(async () => {
+		try {
+			await navigator.clipboard.writeText(e.value), m(!0), setTimeout(() => m(!1), 1500), V.success(c), n?.(e.id, e);
+		} catch {
+			V.error(l);
+		}
+	}, [
+		e,
+		n,
+		c,
+		l
+	]), g = e.displayValue ?? e.value, _ = [...e.copyable === !1 ? [] : [{
+		id: "copy",
+		label: u ? a : i,
+		icon: N,
+		onClick: () => {
+			h();
+		},
+		disabled: e.disabled
+	}], ...t ? [{
+		id: "delete",
+		label: o,
+		icon: B,
+		tone: "destructive",
+		disabled: e.disabled,
+		onClick: () => t(e.id, e)
+	}] : []];
+	return /* @__PURE__ */ j(E, {
+		size: "sm",
+		"data-slot": "api-key-row",
+		className: "flex-nowrap",
+		children: [
+			/* @__PURE__ */ A(C, {
+				variant: "icon",
+				children: /* @__PURE__ */ A(p, {
+					size: "sm",
+					shape: "square",
+					tone: "neutral",
+					bordered: !0,
+					className: "text-success",
+					children: e.icon ?? /* @__PURE__ */ A(F, { className: "size-icon-md" })
+				})
+			}),
+			/* @__PURE__ */ j(T, {
+				className: "min-w-0 flex-row items-center gap-2.5",
+				children: [/* @__PURE__ */ A(r, {
+					tag: "span",
+					weight: "medium",
+					className: "w-20 shrink-0 truncate @md/api-key-list:w-24",
+					children: e.name
+				}), /* @__PURE__ */ A(f, {
+					className: "min-w-0 flex-1 truncate rounded-radius-sm bg-muted px-2 py-1",
+					children: g
+				})]
+			}),
+			/* @__PURE__ */ A(w, {
+				className: "shrink-0",
+				children: /* @__PURE__ */ A(d, {
+					actions: _,
+					srText: s,
+					align: "end",
+					closeOnSelect: !0,
+					buttonProps: {
+						buttonStyle: "ghost",
+						tone: "secondary"
+					}
+				})
+			})
+		]
+	});
+}
+K.displayName = "ApiKeyRow";
+//#endregion
+//#region src/components/blocks/admin/action-surfaces/index.tsx
+function q({ title: e, description: n, confirmation: i, action: a, icon: s = z, padding: u = "md", surface: d = "card", className: f }) {
+	return /* @__PURE__ */ j(_, {
+		"data-component": "sensitive-action-card",
+		"data-slot": "sensitive-action-card",
+		padding: u,
+		surface: d,
+		className: t("sensitive-action-card--component border-destructive/30", f),
+		contentClassName: "sensitive-action-card--content grid gap-space-lg",
+		children: [/* @__PURE__ */ j(o, {
+			direction: "horizontal",
+			align: "start",
+			gap: "lg",
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ A(p, {
+					icon: s,
+					tone: "destructive",
+					shape: "square",
+					size: "md"
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ A(r, {
+						weight: "semibold",
+						children: e
+					}), !!n && /* @__PURE__ */ A(r, {
+						type: "secondary",
+						className: "mt-0.5",
+						children: n
+					})]
+				}),
+				!!a && /* @__PURE__ */ A("div", {
+					className: "shrink-0",
+					children: a
+				})
+			]
+		}), !!i && /* @__PURE__ */ A(c, {
+			tone: "destructive",
+			role: "note",
+			className: "sensitive-action-card--confirmation",
+			children: /* @__PURE__ */ A(l, { children: i })
+		})]
+	});
+}
+var J = {
+	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__ */ j(c, {
+		"data-component": "copyable-secret-alert",
+		"data-slot": "copyable-secret-alert",
+		tone: "success",
+		className: t("copyable-secret-alert--component", p),
+		children: [
+			/* @__PURE__ */ A(P, { className: "size-icon" }),
+			/* @__PURE__ */ A(s, { children: a ?? h.title }),
+			/* @__PURE__ */ A(l, { children: /* @__PURE__ */ j(o, {
+				render: /* @__PURE__ */ A("span", {}),
+				gap: "md",
+				children: [/* @__PURE__ */ A(r, {
+					tag: "span",
+					type: "secondary",
+					children: d ?? h.description
+				}), /* @__PURE__ */ A(g, {
+					value: n,
+					displayValue: i ?? n,
+					mono: !0,
+					truncate: !0,
+					className: "copyable-secret-alert--value max-w-full rounded-radius-md bg-background px-2 py-1",
+					strings: { success: h.copySuccess }
+				})]
+			}) }),
+			!!f && /* @__PURE__ */ A(u, { children: f })
+		]
+	});
+}
+var X = {
+	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 Z({ tokens: s, abilities: c = [], createdToken: l, name: u, defaultName: d = "", onNameChange: f, selectedAbilities: p, defaultSelectedAbilities: m = [], onSelectedAbilitiesChange: g, onCreateToken: v, onRevokeToken: y, onRevokeAllTokens: b, onAfterMutate: C, onError: w, creating: T = !1, revokingAll: E = !1, disabled: D = !1, className: M, strings: te }) {
+	let N = e(X, te), P = u !== void 0, F = p !== void 0, [I, L] = k(d), [z, V] = k([...m]), [H, U] = k(null), W = P ? u : I, K = ee(() => F ? [...p] : z, [
+		z,
+		F,
+		p
+	]), q = T || H === "create", J = E || H === "revoke-all", Z = O((e) => {
+		P || L(e), f?.(e);
+	}, [P, f]), Q = O((e) => {
+		F || V(e), g?.(e);
+	}, [F, g]), ne = O((e, t) => {
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...K, e])) : K.filter((t) => t !== e);
+		Q(n);
+	}, [K, Q]), $ = O(async (e, t, n) => {
+		U(e);
+		try {
+			await t(), C?.({
+				type: e,
+				payload: n
+			});
+		} catch (t) {
+			w?.(t, { phase: e });
+		} finally {
+			U(null);
+		}
+	}, [C, w]), re = O(() => {
+		if (!v) return;
+		let e = {
+			name: W,
+			abilities: K
+		};
+		$("create", () => v(e), e);
+	}, [
+		v,
+		K,
+		W,
+		$
+	]), ie = O((e, t) => {
+		y && $("revoke", () => y(e, t), t);
+	}, [y, $]), ae = O(() => {
+		b && $("revoke-all", b);
+	}, [b, $]);
+	return /* @__PURE__ */ j(_, {
+		"data-component": "api-token-manager",
+		"data-slot": "api-token-manager",
+		title: N.title,
+		description: N.description,
+		headerAction: b ? /* @__PURE__ */ j(n, {
+			type: "button",
+			tone: "destructive",
+			buttonStyle: "outline",
+			loading: J,
+			disabled: D || s.length === 0,
+			onClick: ae,
+			children: [/* @__PURE__ */ A(B, { className: "size-icon" }), N.revokeAll]
+		}) : void 0,
+		className: t("api-token-manager--component", M),
+		children: [/* @__PURE__ */ j(o, {
+			gap: "xl",
+			className: "api-token-manager--content",
+			children: [!!l && /* @__PURE__ */ A(Y, {
+				value: l.value,
+				displayValue: l.displayValue,
+				title: l.name ?? N.createdTitle,
+				description: N.createdDescription
+			}), /* @__PURE__ */ A("div", {
+				className: "api-token-manager--form rounded-radius border border-border/70 bg-muted/20 p-surface",
+				children: /* @__PURE__ */ j(o, {
+					gap: "lg",
+					children: [
+						/* @__PURE__ */ A(x, {
+							label: N.nameLabel,
+							children: /* @__PURE__ */ A(h, {
+								value: W,
+								placeholder: N.namePlaceholder,
+								onChange: (e) => Z(e.currentTarget.value),
+								disabled: D || q
+							})
+						}),
+						c.length > 0 && /* @__PURE__ */ j(o, {
+							gap: "md",
+							className: "api-token-manager--abilities",
+							children: [/* @__PURE__ */ A(i, { children: N.abilitiesLabel }), /* @__PURE__ */ A(a, {
+								columns: {
+									base: 1,
+									sm: 2
+								},
+								gap: "md",
+								children: c.map((e) => {
+									let t = K.includes(e.id);
+									return /* @__PURE__ */ j("label", {
+										className: "flex min-w-0 items-start gap-space-md rounded-radius-md border border-border/70 bg-background px-3 py-2",
+										children: [/* @__PURE__ */ A(S, {
+											checked: t,
+											disabled: D || q || e.disabled,
+											onCheckedChange: (t) => ne(e.id, t)
+										}), /* @__PURE__ */ j(o, {
+											render: /* @__PURE__ */ A("span", {}),
+											gap: "dense",
+											children: [/* @__PURE__ */ A(r, {
+												tag: "span",
+												weight: "medium",
+												children: e.label
+											}), !!e.description && /* @__PURE__ */ A(r, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												children: e.description
+											})]
+										})]
+									}, e.id);
+								})
+							})]
+						}),
+						/* @__PURE__ */ A(o, {
+							direction: "horizontal",
+							gap: "none",
+							justify: "end",
+							children: /* @__PURE__ */ j(n, {
+								type: "button",
+								tone: "primary",
+								loading: q,
+								disabled: D || !v || W.trim().length === 0,
+								onClick: re,
+								children: [/* @__PURE__ */ A(R, { className: "size-icon" }), N.create]
+							})
+						})
+					]
+				})
+			})]
+		}), /* @__PURE__ */ A(G, {
+			items: s,
+			onDelete: y ? ie : void 0
+		})]
+	});
+}
+Z.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 };
+
+//# sourceMappingURL=admin.js.map