themelia-react-ui 2.0.1 → 2.0.3

package/dist/base/toaster.js

@@ -1,19 +1,20 @@
 "use client";
-import { p as e } from "../ui-provider-1D_NSYzO.js";
-import { t } from "../utils-l5LpDw2z.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";
+import { p as e } from "../ui-provider-C_U0Xma4.js";
+import { t } from "../utils-BRhFDwuU.js";
+import { t as n } from "../affordance-geometry.generated-tF36bREk.js";
+import { jsx as r } from "react/jsx-runtime";
+import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c } from "lucide-react";
+import { Toaster as l } from "sonner";
 //#region src/components/ui/sonner.tsx
-var l = ({ theme: e = "system", ...t }) => /* @__PURE__ */ n(c, {
+var u = ({ theme: e = "system", ...t }) => /* @__PURE__ */ r(l, {
 	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" })
+		success: /* @__PURE__ */ r(i, { className: "size-icon" }),
+		info: /* @__PURE__ */ r(a, { className: "size-icon" }),
+		warning: /* @__PURE__ */ r(c, { className: "size-icon" }),
+		error: /* @__PURE__ */ r(s, { className: "size-icon" }),
+		loading: /* @__PURE__ */ r(o, { className: "size-icon animate-spin" })
 	},
 	style: {
 		"--normal-bg": "var(--popover)",
@@ -23,8 +24,8 @@ var l = ({ theme: e = "system", ...t }) => /* @__PURE__ */ n(c, {
 	},
 	toastOptions: { classNames: { toast: "cn-toast" } },
 	...t
-}), u = {
-	toast: "toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--height-action)*8/9*var(--density-scale)+0.75rem*var(--space-scale))] !text-inverse-foreground !shadow-lg",
+}), d = {
+	toast: `toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius !border !border-inverse-border !bg-inverse-background !p-surface ${n.toastCloseReserve} !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",
@@ -38,47 +39,47 @@ var l = ({ theme: e = "system", ...t }) => /* @__PURE__ */ n(c, {
 	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-accent" }),
-	error: /* @__PURE__ */ n(o, { className: "size-icon-lg text-destructive" }),
-	loading: /* @__PURE__ */ n(a, { className: "size-icon-lg animate-spin text-inverse-muted" })
 }, f = {
+	success: /* @__PURE__ */ r(i, { className: "size-icon-lg text-success" }),
+	info: /* @__PURE__ */ r(a, { className: "size-icon-lg text-info" }),
+	warning: /* @__PURE__ */ r(c, { className: "size-icon-lg text-warning-accent" }),
+	error: /* @__PURE__ */ r(s, { className: "size-icon-lg text-destructive" }),
+	loading: /* @__PURE__ */ r(o, { className: "size-icon-lg animate-spin text-inverse-muted" })
+}, p = {
 	"--normal-bg": "var(--inverse-background)",
 	"--normal-text": "var(--inverse-foreground)",
 	"--normal-border": "var(--inverse-border)",
-	"--border-radius": "var(--radius-md)",
+	"--border-radius": "var(--radius)",
 	"--width": "min(92vw, 24rem)"
 };
-function p(e) {
+function m(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),
+		toast: t(d.toast, e?.toast),
+		title: t(d.title, e?.title),
+		description: t(d.description, e?.description),
+		icon: t(d.icon, e?.icon),
+		closeButton: t(d.closeButton, e?.closeButton),
+		actionButton: t(d.actionButton, e?.actionButton),
+		cancelButton: t(d.cancelButton, e?.cancelButton),
+		success: t(d.success, e?.success),
+		info: t(d.info, e?.info),
+		warning: t(d.warning, e?.warning),
+		error: t(d.error, e?.error),
+		loading: t(d.loading, e?.loading),
+		default: t(d.default, e?.default),
 		loader: e?.loader,
-		content: t(u.content, e?.content)
+		content: t(d.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, ..._ }) {
+function h({ duration: n, position: i, theme: a, closeButton: o, richColors: s, visibleToasts: c, toastOptions: l, icons: d, className: h, style: g, ..._ }) {
 	let { duration: v, position: y, theme: b, closeButton: x, richColors: S, visibleToasts: C } = e(), w = {
-		...u,
-		classNames: p(u?.classNames)
+		...l,
+		classNames: m(l?.classNames)
 	};
-	return /* @__PURE__ */ n(l, {
+	return /* @__PURE__ */ r(u, {
 		..._,
 		className: t("toaster group toaster--component dark", h),
-		duration: r ?? v,
+		duration: n ?? v,
 		position: i ?? y,
 		theme: a ?? b ?? "dark",
 		closeButton: o ?? x,
@@ -86,17 +87,17 @@ function m({ duration: r, position: i, theme: a, closeButton: o, richColors: s,
 		visibleToasts: c ?? C,
 		toastOptions: w,
 		icons: {
-			...d,
-			...m
+			...f,
+			...d
 		},
 		style: {
-			...f,
+			...p,
 			...g
 		}
 	});
 }
-m.displayName = "Toaster";
+h.displayName = "Toaster";
 //#endregion
-export { m as Toaster };
+export { h as Toaster };
 
 //# sourceMappingURL=toaster.js.map

package/dist/base/toaster.js.map

@@ -1 +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 !border !border-inverse-border !bg-inverse-background !p-surface has-[[data-close-button]]:!pe-[calc(var(--height-action)*8/9*var(--density-scale)+0.75rem*var(--space-scale))] !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-inner !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-inner !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-accent\" />,\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\t// Toasts always sit on the inverse (dark) surface. Scoping the dark theme here\n\t\t\t// resolves status icons and the focus ring to their dark-surface values, so a\n\t\t\t// light page does not paint dark-green or dark-red glyphs on a dark toast.\n\t\t\tclassName={cn('toaster group toaster--component dark', 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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"}
+{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","affordanceGeometry","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-icon\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-icon\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-icon\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-icon\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-icon 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 { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\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 !border !border-inverse-border !bg-inverse-background !p-surface ${affordanceGeometry.toastCloseReserve} !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-inner !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-inner !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-accent\" />,\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)',\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\t// Toasts always sit on the inverse (dark) surface. Scoping the dark theme here\n\t\t\t// resolves status icons and the focus ring to their dark-surface values, so a\n\t\t\t// light page does not paint dark-green or dark-red glyphs on a dark toast.\n\t\t\tclassName={cn('toaster group toaster--component dark', 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

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

package/dist/base/upload-queue.js

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

package/dist/base/upload.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t } from "../media-gallery-DcTtAaeC.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-EOC8g1gf.js";
-import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-BO8-CLN6.js";
+import { n as e, t } from "../media-gallery-3zIVLMWH.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-Boscubn9.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-CXyxmQBP.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

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

package/dist/{batch-action-bar-BZGDG-Si.js → batch-action-bar-DnUJ21NQ.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-l5LpDw2z.js";
-import { n } from "./buttons-SbIcm1HJ.js";
-import { s as r } from "./typography-DTRkE9zL.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { n } from "./buttons-DPZekJFu.js";
+import { c as r } from "./typography-UTnveOEy.js";
 import { t as i } from "./motion-recipes-ChBg4HBq.js";
 import { a, i as o, t as s } from "./surface-recipes-BKRVW8Os.js";
 import { t as c } from "./layer-recipes-CCpklYME.js";
@@ -14,7 +14,7 @@ var h = {
 	clear: "Clear",
 	label: "Batch actions"
 }, g = `batch-action-bar--component box-border flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-radius p-surface-xs ${a.anchored.shell}`, _ = {
-	floating: t("fixed bottom-[calc(var(--spacing-space-xl)+env(safe-area-inset-bottom,0px))] left-1/2 w-max max-w-[calc(100%-2*var(--spacing-space-xl))] -translate-x-1/2", "bg-popover text-popover-foreground", s.lifted, c.chrome, i.dock),
+	floating: t("fixed bottom-[calc(1rem*var(--space-scale)+env(safe-area-inset-bottom,0px))] left-1/2 w-max max-w-[calc(100%-2rem*var(--space-scale))] -translate-x-1/2", "bg-popover text-popover-foreground", s.lifted, c.chrome, i.dock),
 	inline: t("w-full text-foreground", o.band)
 };
 function v(e) {
@@ -81,6 +81,7 @@ function b({ selectedCount: i, totalCount: a, onClear: o, placement: s = "floati
 			"aria-atomic": "true",
 			children: T && /* @__PURE__ */ p(r, {
 				tag: "span",
+				type: "inherit",
 				className: "tabular-nums",
 				children: C.summary(i, a)
 			})
@@ -101,4 +102,4 @@ b.displayName = "BatchActionBar";
 //#endregion
 export { h as n, b as t };
 
-//# sourceMappingURL=batch-action-bar-BZGDG-Si.js.map
+//# sourceMappingURL=batch-action-bar-DnUJ21NQ.js.map

package/dist/batch-action-bar-DnUJ21NQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-action-bar-DnUJ21NQ.js","names":["Text","motionRecipes","neutralFillRecipes","elevationRecipes","layerRecipes","defaultBatchActionBarStrings","total","selected","barRecipe","surfaceDividerRecipes","placementRecipes","cn","isConnectedElement","node","isWithinBar","bar","BatchActionBar","stringsProp","strings","useStrings","visible","selectedCount","countReady","setCountReady","useState","barRef","useRef","focusInsideRef","focusOriginRef","handleFocusIn","inside","event","from","handlePointerDown","restoreFocus","useCallback","origin","owner","returnFocusRef","candidates","candidate","handBackFocus","active","handBackFocusRef","useEffect","handleKeyDown","onClear","hasActions","children","placement","className","totalCount","Button"],"sources":["../src/components/base/batch-action-bar/batch-action-bar.strings.ts","../src/components/base/batch-action-bar/batch-action-bar.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<BatchActionBar>`.\n *\n * Consumers wire their own i18n at the call site:\n *\n *   <BatchActionBar strings={{ summary: (n, total) => t('selection.summary', { n, total }) }} … />\n */\n\nexport interface BatchActionBarStrings {\n\t/**\n\t * The selection summary (\"3 selected\", \"3 of 250 selected\"). A function,\n\t * because the sentence shape varies by language; `total` is `undefined`\n\t * when the caller does not know or bound the total.\n\t */\n\tsummary: (selected: number, total?: number) => string;\n\t/** The control that drops the selection. */\n\tclear: string;\n\t/** The accessible name of the bar's region. */\n\tlabel: string;\n}\n\nexport const defaultBatchActionBarStrings: BatchActionBarStrings = {\n\tsummary: (selected, total) =>\n\t\ttotal === undefined ? `${selected} selected` : `${selected} of ${total} selected`,\n\tclear: 'Clear',\n\tlabel: 'Batch actions',\n};\n","/**\n * BatchActionBar — the bar shown once a selection exists: the count, the bulk\n * actions, and a way out.\n *\n * Several features share it (DataTable, MediaLibrary, product variants), so it\n * lives in base. `floating` docks to the bottom centre of the viewport, so the\n * selection stays reachable after scrolling a long list; `inline` stays in flow\n * inside a panel that scrolls its own body, where a dock would cover the rows.\n *\n * Callers can mount it unconditionally: at a count of zero it renders nothing.\n * The count is a polite live region, so changes are announced. Escape inside\n * the bar clears, and when the bar goes away with focus inside it (Clear, or an\n * action that drops the selection), focus returns to `returnFocusRef` or to the\n * control focus came from rather than falling to the document body.\n */\nimport { useCallback, useEffect, useRef, useState, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { layerRecipes } from '../../../lib/layer-recipes';\nimport { motionRecipes } from '../../../lib/motion-recipes';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { elevationRecipes, neutralFillRecipes, surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultBatchActionBarStrings, type BatchActionBarStrings } from './batch-action-bar.strings';\n\nexport type BatchActionBarPlacement = 'floating' | 'inline';\n\nexport interface BatchActionBarProps {\n\t/** How many items are selected. At zero or below no bar renders, so a caller can mount it unconditionally. */\n\tselectedCount: number;\n\t/** Denominator for the summary. Omit when the total is unknown or unbounded. */\n\ttotalCount?: number;\n\t/** Drops the selection. Omit to render no Clear control or Escape shortcut; a selection the user cannot drop needs a reason. */\n\tonClear?: () => void;\n\t/**\n\t * `floating` (default) docks to the bottom centre of the viewport, or of the\n\t * nearest transformed ancestor; `inline` sits in flow at full width.\n\t */\n\tplacement?: BatchActionBarPlacement;\n\t/**\n\t * Where focus goes when the bar disappears while focus is inside it: the list\n\t * it acts on, or that list's select-all control. When focus entered the bar\n\t * from a control inside this element that is still there, it returns to that\n\t * control instead. Without it, or when it cannot take focus, focus returns to\n\t * the control it entered the bar from, if that is still in the document.\n\t */\n\treturnFocusRef?: RefObject<HTMLElement | null>;\n\t/** Overrides this bar's own copy: `summary(selected, total)`, `clear`, and the region's accessible `label`. */\n\tstrings?: StringsProp<BatchActionBarStrings>;\n\t/** The bulk actions: buttons, a menu, whatever the surface needs. Clear follows them. */\n\tchildren?: ReactNode;\n\t/** Merged onto the bar. */\n\tclassName?: string;\n}\n\n// Both placements share one geometry: the compact anchored-surface inset and\n// shell radius, so the bar's buttons sit in the same frame as a menu's rows.\nconst barRecipe = `batch-action-bar--component box-border flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-radius p-surface-xs ${surfaceDividerRecipes.anchored.shell}`;\n\nconst placementRecipes: Record<BatchActionBarPlacement, string> = {\n\t// Above sticky headers and toolbars, below the menus and dialogs its own\n\t// actions open. Opaque and lifted, so it never reads as part of the list\n\t// scrolling underneath. 100% rather than 100vw, so a dock inside a\n\t// transformed ancestor does not overhang it.\n\tfloating: cn(\n\t\t// Root knobs, not the --spacing-* aliases: those resolve once at :root, so a\n\t\t// scoped space-scale would never reach the dock offset.\n\t\t'fixed bottom-[calc(1rem*var(--space-scale)+env(safe-area-inset-bottom,0px))] left-1/2 w-max max-w-[calc(100%-2rem*var(--space-scale))] -translate-x-1/2',\n\t\t'bg-popover text-popover-foreground',\n\t\televationRecipes.lifted,\n\t\tlayerRecipes.chrome,\n\t\tmotionRecipes.dock,\n\t),\n\tinline: cn('w-full text-foreground', neutralFillRecipes.band),\n};\n\nfunction isConnectedElement(node: HTMLElement | null | undefined): node is HTMLElement {\n\treturn !!node && node.isConnected;\n}\n\n/**\n * Inside the bar, or inside a popup one of its actions has open: a menu is\n * portaled out of the bar's DOM but unmounts with it, so focus there is lost\n * with the bar just the same.\n */\nfunction isWithinBar(bar: HTMLElement | null, node: EventTarget | null): boolean {\n\tif (!bar || !(node instanceof Node)) return false;\n\treturn bar.contains(node) || bar.querySelector('[aria-expanded=\"true\"]') !== null;\n}\n\nexport function BatchActionBar({\n\tselectedCount,\n\ttotalCount,\n\tonClear,\n\tplacement = 'floating',\n\treturnFocusRef,\n\tstrings: stringsProp,\n\tchildren,\n\tclassName,\n}: BatchActionBarProps) {\n\tconst strings = useStrings(defaultBatchActionBarStrings, stringsProp);\n\tconst visible = selectedCount > 0;\n\n\t// The count is a polite live region. It mounts empty and fills once the bar\n\t// is in the document: a live region inserted together with its text is often\n\t// not read, and a second, hidden copy of the count would be read twice.\n\tconst [countReady, setCountReady] = useState(false);\n\tuseEffect(() => {\n\t\tsetCountReady(visible);\n\t}, [visible]);\n\n\tconst barRef = useRef<HTMLDivElement>(null);\n\t// Whether focus was last known to be inside the bar, and the control it came from.\n\tconst focusInsideRef = useRef(false);\n\tconst focusOriginRef = useRef<HTMLElement | null>(null);\n\n\t// Track focus through document listeners rather than blur: browsers differ\n\t// on whether removing a focused node fires blur, and the bar's own removal\n\t// is exactly the moment that matters.\n\tuseEffect(() => {\n\t\tif (!visible || typeof document === 'undefined') return;\n\t\tconst handleFocusIn = (event: FocusEvent) => {\n\t\t\tconst bar = barRef.current;\n\t\t\tconst inside = isWithinBar(bar, event.target);\n\t\t\tif (inside && !focusInsideRef.current) {\n\t\t\t\tconst from = event.relatedTarget;\n\t\t\t\tfocusOriginRef.current = from instanceof HTMLElement && !isWithinBar(bar, from) ? from : null;\n\t\t\t}\n\t\t\tfocusInsideRef.current = inside;\n\t\t};\n\t\t// Pressing somewhere else moves on, even when nothing there takes focus.\n\t\tconst handlePointerDown = (event: PointerEvent) => {\n\t\t\tif (!isWithinBar(barRef.current, event.target)) focusInsideRef.current = false;\n\t\t};\n\t\tdocument.addEventListener('focusin', handleFocusIn);\n\t\tdocument.addEventListener('pointerdown', handlePointerDown, true);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('focusin', handleFocusIn);\n\t\t\tdocument.removeEventListener('pointerdown', handlePointerDown, true);\n\t\t};\n\t}, [visible]);\n\n\tconst restoreFocus = useCallback(() => {\n\t\tconst origin = isConnectedElement(focusOriginRef.current) ? focusOriginRef.current : null;\n\t\tconst owner = isConnectedElement(returnFocusRef?.current) ? returnFocusRef.current : null;\n\t\tfocusOriginRef.current = null;\n\t\t// Entered from inside the owner, and that control is still there: the\n\t\t// user keeps their place in the list. Otherwise the owner, then the origin.\n\t\t// Going back to the origin restores where focus was, so it never scrolls\n\t\t// the page to it.\n\t\tconst candidates = owner && origin && owner.contains(origin) ? [origin, owner] : [owner, origin];\n\t\tfor (const candidate of candidates) {\n\t\t\tif (!candidate) continue;\n\t\t\tcandidate.focus(candidate === origin ? { preventScroll: true } : undefined);\n\t\t\tif (document.activeElement === candidate) return;\n\t\t}\n\t}, [returnFocusRef]);\n\n\t// The bar went away with focus inside it: hand focus back instead of\n\t// dropping it on the body. An action that already moved focus on (a\n\t// dialog, the next field) keeps it.\n\tconst handBackFocus = useCallback(() => {\n\t\tif (!focusInsideRef.current) return;\n\t\tfocusInsideRef.current = false;\n\t\tconst active = document.activeElement;\n\t\tconst lost = !active || active === document.body || !active.isConnected;\n\t\tif (lost) restoreFocus();\n\t}, [restoreFocus]);\n\tuseEffect(() => {\n\t\tif (!visible) handBackFocus();\n\t}, [visible, handBackFocus]);\n\t// The same when a caller unmounts the bar together with the selection.\n\tconst handBackFocusRef = useRef(handBackFocus);\n\thandBackFocusRef.current = handBackFocus;\n\tuseEffect(() => () => handBackFocusRef.current(), []);\n\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (event.key !== 'Escape' || !onClear || event.defaultPrevented) return;\n\t\t// React bubbles events out of portals; a menu opened from an action owns\n\t\t// its own Escape, so only keys pressed in the bar's DOM clear.\n\t\tif (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) return;\n\t\tevent.preventDefault();\n\t\t// One Escape, one layer: the dialog or drawer around the bar stays open.\n\t\tevent.stopPropagation();\n\t\tonClear();\n\t};\n\n\t// Nothing selected, nothing rendered.\n\tif (!visible) return null;\n\n\tconst hasActions = children !== undefined && children !== null && children !== false;\n\n\treturn (\n\t\t<div\n\t\t\tref={barRef}\n\t\t\t// A named region, so screen reader users can find the bar again after the list.\n\t\t\trole=\"region\"\n\t\t\taria-label={strings.label}\n\t\t\tdata-slot=\"batch-action-bar\"\n\t\t\tdata-placement={placement}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\tclassName={cn(barRecipe, placementRecipes[placement], className)}\n\t\t>\n\t\t\t{/*\n\t\t\t  * Not `role=\"status\"`, which would collide with the page's own status\n\t\t\t  * line. The control inset lines the count up with the buttons' labels,\n\t\t\t  * also when the actions wrap below it. Tabular figures, so a changing\n\t\t\t  * count does not shift a centred dock.\n\t\t\t  */}\n\t\t\t<div\n\t\t\t\tdata-slot=\"batch-action-bar-summary\"\n\t\t\t\tclassName=\"batch-action-bar--summary min-w-0 px-control\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\taria-atomic=\"true\"\n\t\t\t>\n\t\t\t\t{countReady && (\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" className=\"tabular-nums\">\n\t\t\t\t\t\t{strings.summary(selectedCount, totalCount)}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{(hasActions || !!onClear) && (\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"batch-action-bar-actions\"\n\t\t\t\t\t// A rule between the count and the verbs, so the count does not read\n\t\t\t\t\t// as another button. Wrapped below the count on narrow screens, where\n\t\t\t\t\t// the rule would lead the row, it hides.\n\t\t\t\t\tclassName=\"batch-action-bar--actions flex min-w-0 shrink flex-wrap items-center gap-space-xs before:my-space-xs before:w-px before:self-stretch before:bg-border/60 max-sm:before:hidden\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t{!!onClear && (\n\t\t\t\t\t\t<Button type=\"button\" tone=\"neutral\" buttonStyle=\"ghost\" onClick={onClear}>\n\t\t\t\t\t\t\t{strings.clear}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nBatchActionBar.displayName = 'BatchActionBar';\n"],"mappings":"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"}

package/dist/blocks/admin.js

@@ -1,25 +1,25 @@
 "use client";
-import { m as e } from "../ui-provider-1D_NSYzO.js";
+import { m as e } from "../ui-provider-C_U0Xma4.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 { t as n } from "../utils-BRhFDwuU.js";
+import { n as r } from "../buttons-DPZekJFu.js";
+import { c as i, o as a } from "../typography-UTnveOEy.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 { r as c, t as l } from "../structure-BmisBK-3.js";
+import { i as u } from "../tone-recipes-BPsRAvhu.js";
+import { h as d, m as f, p, v as m } from "../smart-card-DiC5aac3.js";
+import { n as h } from "../action-menu-CllU52Mm.js";
+import { m as g } from "../primitives-BFK08r9M.js";
+import { t as _ } from "../icon-badge-DYKIwvOV.js";
+import { t as v } from "../badge-HpFqoqSY.js";
+import { t as y } from "../input-DQdEd0YD.js";
+import { t as b } from "../copyable-ClBuk_UK.js";
+import { t as ee } from "../form-field-CwH9y77i.js";
+import { s as te } from "../choice-inputs-CNHvARCJ.js";
+import { t as ne } from "../checkbox-AWIhNhmo.js";
+import { n as re } from "../display-hAc1HjpI.js";
+import { n as x, r as S, t as C } from "../collapsible-C-_l4hpy.js";
+import { c as w, n as T, o as E, r as D, t as O } from "../item-K5_ghvze.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";
@@ -49,11 +49,11 @@ function U({ roleName: e, description: o, memberCount: s, sections: c, onEdit: u
 					wrap: !0,
 					align: "center",
 					gap: "sm",
-					children: [/* @__PURE__ */ M(a, {
+					children: [/* @__PURE__ */ M(i, {
 						weight: "semibold",
 						children: e
 					}), s !== void 0 && /* @__PURE__ */ M(v, { children: p.formatMemberCount(s) })]
-				}), !!o && /* @__PURE__ */ M(a, {
+				}), !!o && /* @__PURE__ */ M(i, {
 					size: "xs",
 					type: "secondary",
 					children: o
@@ -63,7 +63,7 @@ function U({ roleName: e, description: o, memberCount: s, sections: c, onEdit: u
 				gap: "xl",
 				children: c.map((e) => /* @__PURE__ */ N(l, {
 					gap: "md",
-					children: [/* @__PURE__ */ M(i, { children: e.name }), /* @__PURE__ */ M("div", {
+					children: [/* @__PURE__ */ M(a, { 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",
@@ -78,7 +78,7 @@ function U({ roleName: e, description: o, memberCount: s, sections: c, onEdit: u
 									className: "size-full",
 									"aria-hidden": !0
 								})
-							}), /* @__PURE__ */ M(a, {
+							}), /* @__PURE__ */ M(i, {
 								className: e.active ? "text-foreground" : "text-muted-foreground",
 								children: e.label
 							})]
@@ -112,8 +112,8 @@ var W = {
 	copyToastSuccess: "Copied to clipboard",
 	copyToastError: "Failed to copy",
 	emptyMessage: "No keys yet."
-}, 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 = "sm", K = k(function({ items: e, defaultOpen: a = !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(a), y = g ? o : _, b = A((e) => {
 		g || v(e), s?.(e);
 	}, [g, s]);
 	return /* @__PURE__ */ M("div", {
@@ -137,7 +137,7 @@ var W = {
 						children: [/* @__PURE__ */ M(F, {
 							"aria-hidden": "true",
 							className: n("size-icon text-muted-foreground transition-transform", y && "rotate-90")
-						}), /* @__PURE__ */ M(a, {
+						}), /* @__PURE__ */ M(i, {
 							tag: "span",
 							weight: "semibold",
 							children: d ?? h.title
@@ -154,7 +154,7 @@ var W = {
 				})]
 			}), /* @__PURE__ */ M(x, {
 				className: "pt-space-lg",
-				children: e.length === 0 ? /* @__PURE__ */ M(a, {
+				children: e.length === 0 ? /* @__PURE__ */ M(i, {
 					type: "secondary",
 					children: h.emptyMessage
 				}) : /* @__PURE__ */ M(E, {
@@ -177,7 +177,7 @@ var W = {
 	});
 });
 K.displayName = "ApiKeyList";
-function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel: i, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
+function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel: a, deleteMenuLabel: o, rowMenuAria: s, copyToastSuccess: c, copyToastError: l }) {
 	let [u, d] = j(!1), f = A(async () => {
 		try {
 			await navigator.clipboard.writeText(e.value), d(!0), setTimeout(() => d(!1), 1500), V.success(c), n?.(e.id, e);
@@ -191,7 +191,7 @@ function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel:
 		l
 	]), p = e.displayValue ?? e.value, m = [...e.copyable === !1 ? [] : [{
 		id: "copy",
-		label: u ? i : r,
+		label: u ? a : r,
 		icon: I,
 		onClick: () => {
 			f();
@@ -223,7 +223,7 @@ function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel:
 			}),
 			/* @__PURE__ */ N(D, {
 				className: "min-w-0 flex-row items-center gap-space-md",
-				children: [/* @__PURE__ */ M(a, {
+				children: [/* @__PURE__ */ M(i, {
 					tag: "span",
 					weight: "medium",
 					className: "w-20 shrink-0 truncate @md/api-key-list:w-24",
@@ -249,7 +249,7 @@ function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel:
 q.displayName = "ApiKeyRow";
 //#endregion
 //#region src/components/blocks/admin/action-surfaces/index.tsx
-function J({ title: e, description: t, confirmation: r, action: i, icon: o, padding: s = "md", surface: c = "card", className: d }) {
+function J({ title: e, description: t, confirmation: r, action: a, icon: o, padding: s = "md", surface: c = "card", className: d }) {
 	return /* @__PURE__ */ M(re, {
 		"data-component": "sensitive-action-card",
 		"data-slot": "sensitive-action-card",
@@ -273,15 +273,15 @@ function J({ title: e, description: t, confirmation: r, action: i, icon: o, padd
 					gap: "normal",
 					className: "min-w-0 flex-1",
 					children: [
-						/* @__PURE__ */ M(a, {
+						/* @__PURE__ */ M(i, {
 							weight: "semibold",
 							children: e
 						}),
-						!!t && /* @__PURE__ */ M(a, {
+						!!t && /* @__PURE__ */ M(i, {
 							type: "secondary",
 							children: t
 						}),
-						!!r && /* @__PURE__ */ M(a, {
+						!!r && /* @__PURE__ */ M(i, {
 							tag: "div",
 							type: "secondary",
 							role: "note",
@@ -290,9 +290,9 @@ function J({ title: e, description: t, confirmation: r, action: i, icon: o, padd
 						})
 					]
 				}),
-				!!i && /* @__PURE__ */ M("div", {
+				!!a && /* @__PURE__ */ M("div", {
 					className: "shrink-0",
-					children: i
+					children: a
 				})
 			]
 		})
@@ -303,7 +303,7 @@ var Y = {
 	description: "Copy this value now. It may not be shown again.",
 	copySuccess: "Secret copied"
 };
-function X({ value: e, displayValue: r, title: i, description: o, action: s, className: c, strings: u }) {
+function X({ value: e, displayValue: r, title: a, description: o, action: s, className: c, strings: u }) {
 	let h = t(Y, u);
 	return /* @__PURE__ */ N(p, {
 		"data-component": "copyable-secret-alert",
@@ -312,11 +312,11 @@ function X({ value: e, displayValue: r, title: i, description: o, action: s, cla
 		className: n("copyable-secret-alert--component", c),
 		children: [
 			/* @__PURE__ */ M(L, { className: "size-icon" }),
-			/* @__PURE__ */ M(m, { children: i ?? h.title }),
+			/* @__PURE__ */ M(m, { children: a ?? h.title }),
 			/* @__PURE__ */ M(d, { children: /* @__PURE__ */ N(l, {
 				render: /* @__PURE__ */ M("span", {}),
 				gap: "md",
-				children: [/* @__PURE__ */ M(a, {
+				children: [/* @__PURE__ */ M(i, {
 					tag: "span",
 					type: "secondary",
 					children: o ?? h.description
@@ -425,7 +425,7 @@ function Q({ tokens: u, abilities: d = [], createdToken: f, name: p, defaultName
 						d.length > 0 && /* @__PURE__ */ N(l, {
 							gap: "md",
 							className: "api-token-manager--abilities",
-							children: [/* @__PURE__ */ M(i, { children: P.abilitiesLabel }), /* @__PURE__ */ M(c, {
+							children: [/* @__PURE__ */ M(a, { children: P.abilitiesLabel }), /* @__PURE__ */ M(c, {
 								columns: {
 									base: 1,
 									sm: 2
@@ -445,11 +445,11 @@ function Q({ tokens: u, abilities: d = [], createdToken: f, name: p, defaultName
 										}), /* @__PURE__ */ N(l, {
 											render: /* @__PURE__ */ M("span", {}),
 											gap: "dense",
-											children: [/* @__PURE__ */ M(a, {
+											children: [/* @__PURE__ */ M(i, {
 												tag: "span",
 												weight: "medium",
 												children: e.label
-											}), !!e.description && /* @__PURE__ */ M(a, {
+											}), !!e.description && /* @__PURE__ */ M(i, {
 												tag: "span",
 												size: "xs",
 												type: "secondary",