@gntik-ai/blocks 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { Fragment, createElement, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Activity, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, BarChart3, Bookmark, Bot, Boxes, Braces, Building2, CalendarCheck, CalendarDays, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, CircleAlert, CircleCheck, CircleHelp, CircleX, Clock, Cog, Columns3, Copy, CreditCard, Database, Download, ExternalLink, Eye, FileCode, FileText, FolderKanban, FolderPlus, Gauge, GitBranch, Globe, HardDrive, Home, Inbox, Info, KeyRound, Layers, LayoutGrid, List, ListFilter, Lock, LogOut, Mail, MailCheck, MapPin, Minus, Monitor, MousePointerClick, Pencil, Play, PlugZap, Plus, RefreshCw, Rocket, RotateCcw, RotateCw, Rows2, Rows3, Search, SearchX, Server, ServerCrash, Settings, ShieldCheck, SlidersHorizontal, Smartphone, Sparkles, Table2, Tablet, Trash2, TriangleAlert, Upload, User, UserMinus, UserPlus, Users, Workflow, Wrench, X, Zap } from "@gntik-ai/icons";
-import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Breadcrumbs, Button, Card, CardAction, CardBody, CardDescription, CardHeader, CardTitle, Checkbox, CheckboxGroup, ClickableCard, CodeBlock, Collapsible, CollapsiblePanel, CollapsibleTrigger, CommandPalette, CommandPaletteTrigger, CopyButton, DEFAULT_DATE_RANGE_PRESETS, DateRangePicker, DensityProvider, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, EmptyState, Field, FieldDescription, FieldError, FieldLabel, Fieldset, FieldsetLegend, IconButton, Input, Link, LiveAnnouncer, Logo, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Meter, MoreMenu, NavList, NotificationsPopover, OtpInput, Pagination, PasswordInput, Progress, Radio, RadioGroup, ResizablePanel, ResizablePanelGroup, ResizeHandle, SecretField, Select, SelectContent, SelectItem, SelectTrigger, SimpleSelect, Skeleton, Slider, Sparkline, Spinner, StatusDot, StatusTag, Switch, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Textarea, ThemeCycleButton, ThemeSwitcher, Timestamp, Toggle, ToggleGroup, Token, TokenInput, Toolbar, ToolbarButton, ToolbarEnd, ToolbarInput, ToolbarSeparator, ToolbarStart, UserMenu, WizardLayout, WorkspaceSwitcher, buttonVariants, cn, nextSortDirection, tableVariants, toDate, useDensity, useI18n } from "@gntik-ai/ui";
+import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Breadcrumbs, Button, Card, CardAction, CardBody, CardDescription, CardHeader, CardTitle, Checkbox, CheckboxGroup, ClickableCard, CodeBlock, Collapsible, CollapsiblePanel, CollapsibleTrigger, CommandPalette, CommandPaletteTrigger, CopyButton, CursorPagination, DEFAULT_DATE_RANGE_PRESETS, DateRangePicker, DensityProvider, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, EmptyState, Field, FieldDescription, FieldError, FieldLabel, Fieldset, FieldsetLegend, IconButton, Input, Link, LiveAnnouncer, Logo, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Meter, MoreMenu, NavList, NotificationsPopover, OtpInput, Pagination, PasswordInput, Progress, Radio, RadioGroup, ResizablePanel, ResizablePanelGroup, ResizeHandle, SecretField, Select, SelectContent, SelectItem, SelectTrigger, SimpleSelect, Skeleton, Slider, Sparkline, Spinner, StatusDot, StatusTag, Switch, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Textarea, ThemeCycleButton, ThemeSwitcher, Timestamp, Toggle, ToggleGroup, Token, TokenInput, Toolbar, ToolbarButton, ToolbarEnd, ToolbarInput, ToolbarSeparator, ToolbarStart, UserMenu, WizardLayout, WorkspaceSwitcher, buttonVariants, cn, nextSortDirection, tableVariants, toDate, useAnnounce, useDensity, useHasLiveAnnouncer, useI18n } from "@gntik-ai/ui";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AreaChart, BarChart, CHART_COLORS, DonutChart, Heatmap, LineChart, chartFmt } from "@gntik-ai/charts";
 import { FLOW_TONES, FlowCanvas, KIND_CHIP, KindGlyph, useFlowState } from "@gntik-ai/flow";
@@ -628,7 +628,7 @@ function TraceWaterfall({ spans = traceSpans, title = "Trace", selectedId: selec
 }
 //#endregion
 //#region src/ai/TraceWaterfall/block.meta.ts
-const meta$71 = {
+const meta$73 = {
 	name: "Trace waterfall",
 	family: "ai",
 	status: "beta",
@@ -763,7 +763,7 @@ function TokenCostCard({ periods = tokenUsagePeriods, defaultPeriod, currency =
 }
 //#endregion
 //#region src/ai/TokenCostCard/block.meta.ts
-const meta$70 = {
+const meta$72 = {
 	name: "Token cost card",
 	family: "ai",
 	status: "beta",
@@ -976,7 +976,7 @@ function PromptEditor({ title = "Prompt", defaultSystem = promptDefaults.system,
 }
 //#endregion
 //#region src/ai/PromptEditor/block.meta.ts
-const meta$52 = {
+const meta$54 = {
 	name: "Prompt editor",
 	family: "ai",
 	status: "beta",
@@ -1355,7 +1355,7 @@ function EvaluationScorecard({ metrics = evalMetrics, rows = evalRows, title = "
 }
 //#endregion
 //#region src/ai/EvaluationScorecard/block.meta.ts
-const meta$22 = {
+const meta$23 = {
 	name: "Evaluation scorecard",
 	family: "ai",
 	status: "beta",
@@ -1586,7 +1586,7 @@ function ModelKeysList({ keys = modelKeys, title = "Model provider keys", onTest
 }
 //#endregion
 //#region src/ai/ModelKeysList/block.meta.ts
-const meta$40 = {
+const meta$42 = {
 	name: "Model keys list",
 	family: "ai",
 	status: "beta",
@@ -1671,6 +1671,12 @@ function authIdentifierError(value, config, messages) {
 	if ((config?.type ?? "email") === "email" && !EMAIL_RE$1.test(trimmed) || config?.maxLength !== void 0 && trimmed.length > config.maxLength) return messages?.identifierInvalid ?? fallback;
 	return null;
 }
+function authSignUpFieldError(value, field) {
+	const trimmed = value.trim();
+	if (!trimmed) return field.required ? field.messages?.required ?? `Enter ${field.label}.` : null;
+	if (field.type === "email" && !EMAIL_RE$1.test(trimmed)) return field.messages?.invalid ?? "Enter a valid email address.";
+	return null;
+}
 //#endregion
 //#region src/auth/ForgotPasswordForm/ForgotPasswordForm.tsx
 /** Request a reset link by email, then a "check your inbox" state with resend and a way back. */
@@ -1838,7 +1844,7 @@ function ForgotPasswordForm({ identifier, messages, ref, fieldInvalid, feedbackI
 }
 //#endregion
 //#region src/auth/ForgotPasswordForm/block.meta.ts
-const meta$28 = {
+const meta$29 = {
 	name: "Forgot password form",
 	family: "auth",
 	status: "stable",
@@ -2002,7 +2008,7 @@ function MfaChallenge({ onVerify, onResend, resendCooldown = 30, initialCooldown
 }
 //#endregion
 //#region src/auth/MfaChallenge/block.meta.ts
-const meta$39 = {
+const meta$41 = {
 	name: "MFA challenge",
 	family: "auth",
 	status: "stable",
@@ -2129,7 +2135,7 @@ function ResetPasswordForm({ onSubmit, error: errorProp, minPasswordLength = 8,
 }
 //#endregion
 //#region src/auth/ResetPasswordForm/block.meta.ts
-const meta$54 = {
+const meta$56 = {
 	name: "Reset password form",
 	family: "auth",
 	status: "stable",
@@ -2331,7 +2337,7 @@ function SignInForm({ identifier, messages, passwordHelp, passwordHelpId, ref, f
 }
 //#endregion
 //#region src/auth/SignInForm/block.meta.ts
-const meta$59 = {
+const meta$61 = {
 	name: "Sign-in form",
 	family: "auth",
 	status: "stable",
@@ -2351,10 +2357,85 @@ const meta$59 = {
 	]
 };
 //#endregion
+//#region src/forms/ValidationSummary/fixtures.ts
+const validationIssues = [
+	{
+		fieldId: "project-name",
+		label: "Project name",
+		message: "Enter a project name."
+	},
+	{
+		fieldId: "billing-email",
+		label: "Billing email",
+		message: "Enter a valid email address, like name@company.com."
+	},
+	{
+		fieldId: "region",
+		label: "Region",
+		message: "Choose a region."
+	}
+];
+//#endregion
+//#region src/forms/ValidationSummary/ValidationSummary.tsx
+const focusField = (fieldId) => {
+	const el = document.getElementById(fieldId);
+	if (!el) return;
+	el.focus();
+	el.scrollIntoView?.({ block: "center" });
+};
+/**
+* Error summary for long forms: lists every problem with a link that moves focus to the field.
+* After a failed submit it takes focus, so screen readers announce it.
+*/
+function ValidationSummary({ errors = validationIssues, submitCount = 0, title, className }) {
+	const ref = useRef(null);
+	const hasErrors = errors.length > 0;
+	useEffect(() => {
+		if (submitCount > 0 && hasErrors) ref.current?.focus();
+	}, [submitCount, hasErrors]);
+	if (!hasErrors) return null;
+	const heading = title ?? `There ${errors.length === 1 ? "is 1 problem" : `are ${errors.length} problems`} with this form`;
+	return /* @__PURE__ */ jsx(Alert, {
+		ref,
+		tabIndex: -1,
+		role: "region",
+		tone: "destructive",
+		title: heading,
+		className: cn("focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", className),
+		children: /* @__PURE__ */ jsx("ul", {
+			className: "mt-1 list-disc space-y-1 ps-4",
+			children: errors.map((e) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
+				href: `#${e.fieldId}`,
+				tone: "inherit",
+				underline: "always",
+				onClick: (ev) => {
+					ev.preventDefault();
+					focusField(e.fieldId);
+				},
+				children: [e.label ? `${e.label}: ` : "", e.message]
+			}) }, e.fieldId))
+		})
+	});
+}
+//#endregion
 //#region src/auth/SignUpForm/SignUpForm.tsx
 /** Account creation: name, work email, password with a strength meter and a required terms checkbox. */
-function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPasswordLength = 8, termsHref = "#", privacyHref = "#", signInHref = "#", onSignIn, sso = /* @__PURE__ */ jsx(SsoButtons, {}), eyebrow = "Get started", title = "Create your account", description = "Set up a workspace for your team in a couple of minutes.", className }) {
+function SignUpForm({ fields, messages, unavailable, policyLoading = false, onSubmit, error: errorProp, loading: loadingProp, minPasswordLength = 8, passwordHelp, terms: termsProp, termsHref = "#", privacyHref = "#", signInHref = "#", onSignIn, sso = /* @__PURE__ */ jsx(SsoButtons, {}), eyebrow = "Get started", title = "Create your account", description = "Set up a workspace for your team in a couple of minutes.", className }) {
 	const termsErrorId = useId();
+	const fieldPrefix = useId();
+	const passwordId = `${fieldPrefix}-password`;
+	const termsId = `${fieldPrefix}-terms`;
+	const [fieldValues, setFieldValues] = useState({});
+	const [submitCount, setSubmitCount] = useState(0);
+	const fieldValue = (id) => Object.hasOwn(fieldValues, id) ? fieldValues[id] ?? "" : "";
+	const configuredErrors = (fields ?? []).flatMap((field) => {
+		const message = authSignUpFieldError(fieldValue(field.id), field);
+		return message ? [{
+			fieldId: `${fieldPrefix}-field-${field.id}`,
+			label: field.label,
+			message
+		}] : [];
+	});
 	const [name, setName] = useState("");
 	const [email, setEmail] = useState("");
 	const [password, setPassword] = useState("");
@@ -2365,8 +2446,62 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 	const alert = errorProp ?? error;
 	const nameInvalid = submitted && name.trim() === "";
 	const emailInvalid = submitted && !EMAIL_RE$1.test(email.trim());
-	const passwordInvalid = submitted && password.length < minPasswordLength;
-	const termsInvalid = submitted && !terms;
+	const passwordInvalid = (submitted || fields !== void 0 && password.length > 0) && password.length < minPasswordLength;
+	const termsInvalid = submitted && termsProp !== false && !terms;
+	const passwordError = messages?.passwordTooShort?.(minPasswordLength) ?? `Use at least ${minPasswordLength} characters.`;
+	const termsError = messages?.termsRequired ?? "Accept the terms to continue.";
+	const summaryErrors = [
+		...configuredErrors,
+		...password.length < minPasswordLength ? [{
+			fieldId: passwordId,
+			label: "Password",
+			message: passwordError
+		}] : [],
+		...termsProp !== false && !terms ? [{
+			fieldId: termsId,
+			label: "Terms",
+			message: termsError
+		}] : []
+	];
+	if (unavailable) return /* @__PURE__ */ jsx("div", {
+		className: cn(authFormClass, className),
+		children: /* @__PURE__ */ jsx(Alert, {
+			tone: "info",
+			title: unavailable.title,
+			description: unavailable.message,
+			actions: unavailable.action
+		})
+	});
+	if (policyLoading) return /* @__PURE__ */ jsxs("div", {
+		className: cn(authFormClass, "flex flex-col gap-4", className),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				role: "status",
+				className: "sr-only",
+				children: "Loading sign-up policy…"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				"aria-hidden": true,
+				className: "h-8 w-3/4"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				"aria-hidden": true,
+				className: "h-4 w-full"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				"aria-hidden": true,
+				className: "h-12 w-full"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				"aria-hidden": true,
+				className: "h-12 w-full"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				"aria-hidden": true,
+				className: "h-12 w-full"
+			})
+		]
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn(authFormClass, className),
 		children: [
@@ -2382,7 +2517,19 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 				onSubmit: (e) => {
 					e.preventDefault();
 					setSubmitted(true);
-					if (name.trim() === "" || !EMAIL_RE$1.test(email.trim()) || password.length < minPasswordLength || !terms) return;
+					if (fields !== void 0) {
+						setSubmitCount((count) => count + 1);
+						if (summaryErrors.length > 0) return;
+						const values = Object.fromEntries(fields.map((field) => [field.id, fieldValue(field.id).trim()]));
+						run(() => onSubmit?.({
+							name: values.name ?? "",
+							email: values.email ?? "",
+							password,
+							fields: values
+						}));
+						return;
+					}
+					if (name.trim() === "" || !EMAIL_RE$1.test(email.trim()) || password.length < minPasswordLength || termsProp !== false && !terms) return;
 					run(() => onSubmit?.({
 						name: name.trim(),
 						email: email.trim(),
@@ -2394,7 +2541,38 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 						tone: "destructive",
 						description: alert
 					}),
-					/* @__PURE__ */ jsxs(Field, {
+					fields !== void 0 && submitted && /* @__PURE__ */ jsx(ValidationSummary, {
+						errors: summaryErrors,
+						submitCount,
+						className: "bg-background"
+					}),
+					fields !== void 0 ? fields.map((field) => {
+						const message = authSignUpFieldError(fieldValue(field.id), field);
+						const invalid = submitted && message !== null;
+						return /* @__PURE__ */ jsxs(Field, {
+							invalid,
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: field.label }),
+								/* @__PURE__ */ jsx(Input, {
+									id: `${fieldPrefix}-field-${field.id}`,
+									type: field.type ?? "text",
+									autoComplete: field.autoComplete,
+									placeholder: field.placeholder,
+									required: field.required,
+									value: fieldValue(field.id),
+									onValueChange: (value) => setFieldValues((values) => ({
+										...values,
+										[field.id]: value
+									}))
+								}),
+								field.help != null && /* @__PURE__ */ jsx(FieldDescription, { children: field.help }),
+								/* @__PURE__ */ jsx(FieldError, {
+									match: invalid,
+									children: message
+								})
+							]
+						}, field.id);
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Field, {
 						invalid: nameInvalid,
 						children: [
 							/* @__PURE__ */ jsx(FieldLabel, { children: "Full name" }),
@@ -2411,8 +2589,7 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 								children: "Enter your name."
 							})
 						]
-					}),
-					/* @__PURE__ */ jsxs(Field, {
+					}), /* @__PURE__ */ jsxs(Field, {
 						invalid: emailInvalid,
 						children: [
 							/* @__PURE__ */ jsx(FieldLabel, { children: "Work email" }),
@@ -2430,28 +2607,28 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 								children: "Enter a valid email address."
 							})
 						]
-					}),
+					})] }),
 					/* @__PURE__ */ jsxs(Field, {
 						invalid: passwordInvalid,
 						children: [
 							/* @__PURE__ */ jsx(FieldLabel, { children: "Password" }),
 							/* @__PURE__ */ jsx(PasswordInput, {
+								id: fields !== void 0 ? passwordId : void 0,
 								showStrength: true,
+								strength: password.length > 0 && password.length < minPasswordLength ? 0 : void 0,
 								value: password,
 								onValueChange: setPassword,
 								required: true
 							}),
-							/* @__PURE__ */ jsxs(FieldError, {
+							passwordHelp != null && /* @__PURE__ */ jsx(FieldDescription, { children: typeof passwordHelp === "function" ? passwordHelp(minPasswordLength) : passwordHelp }),
+							/* @__PURE__ */ jsx(FieldError, {
 								match: passwordInvalid,
-								children: [
-									"Use at least ",
-									minPasswordLength,
-									" characters."
-								]
+								children: passwordError
 							})
 						]
 					}),
-					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Checkbox, {
+					termsProp !== false && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Checkbox, {
+						render: fields !== void 0 ? /* @__PURE__ */ jsx("span", { id: termsId }) : void 0,
 						checked: terms,
 						onCheckedChange: setTerms,
 						"aria-invalid": termsInvalid || void 0,
@@ -2472,7 +2649,7 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 					}), termsInvalid && /* @__PURE__ */ jsx("p", {
 						id: termsErrorId,
 						className: "mt-1.5 text-[12.5px] text-destructive-text",
-						children: "Accept the terms to continue."
+						children: termsError
 					})] }),
 					/* @__PURE__ */ jsx(Button, {
 						type: "submit",
@@ -2504,11 +2681,11 @@ function SignUpForm({ onSubmit, error: errorProp, loading: loadingProp, minPassw
 }
 //#endregion
 //#region src/auth/SignUpForm/block.meta.ts
-const meta$60 = {
+const meta$62 = {
 	name: "Sign-up form",
 	family: "auth",
 	status: "stable",
-	description: "Account creation with name, email, a password strength meter and a required terms checkbox.",
+	description: "Account creation with default name/email fields or ordered text/email fields (values.fields), a password strength meter and required consent (terms=false opts out). minPasswordLength defaults to 8 and drives length validation and the insufficient-length meter; optional passwordHelp can receive the minimum. Configured fields support help, required, autoComplete and validation messages, with a linked validation summary on invalid submit. policyLoading renders skeletons without a form; unavailable replaces the form with consumer title, message and optional action. loading remains submitting; error is form-level feedback. Examples: custom-fields, no-terms, unavailable, loading, submitting and error.",
 	uses: [
 		"Field",
 		"Input",
@@ -2517,12 +2694,15 @@ const meta$60 = {
 		"Button",
 		"Alert",
 		"Link",
-		"SsoButtons"
+		"SsoButtons",
+		"Skeleton",
+		"FieldDescription",
+		"ValidationSummary"
 	]
 };
 //#endregion
 //#region src/auth/SsoButtons/block.meta.ts
-const meta$63 = {
+const meta$65 = {
 	name: "SSO buttons",
 	family: "auth",
 	status: "stable",
@@ -2819,7 +2999,7 @@ const documentation$1 = {
 		"summary-actions-only"
 	]
 };
-const meta$48 = {
+const meta$50 = {
 	name: "Plan card",
 	family: "billing",
 	status: "beta",
@@ -2977,7 +3157,7 @@ const documentation = {
 	],
 	examples: ["compact", "full"]
 };
-const meta$49 = {
+const meta$51 = {
 	name: "Plan definition card",
 	family: "billing",
 	status: "beta",
@@ -3091,7 +3271,7 @@ function QuotaMeters({ quotas = sampleQuotas, title = "Plan usage", thresholds,
 }
 //#endregion
 //#region src/billing/QuotaMeters/block.meta.ts
-const meta$53 = {
+const meta$55 = {
 	name: "Quota meters",
 	family: "billing",
 	status: "beta",
@@ -3206,7 +3386,7 @@ function SpendVsBudget({ data = sampleSpend, budget = sampleBudget, currency = "
 }
 //#endregion
 //#region src/billing/SpendVsBudget/block.meta.ts
-const meta$62 = {
+const meta$64 = {
 	name: "Spend vs budget",
 	family: "billing",
 	status: "beta",
@@ -3366,7 +3546,7 @@ function InvoiceTable({ invoices = sampleInvoices, caption = "Invoice history",
 }
 //#endregion
 //#region src/billing/InvoiceTable/block.meta.ts
-const meta$35 = {
+const meta$36 = {
 	name: "Invoice table",
 	family: "billing",
 	status: "beta",
@@ -3482,7 +3662,7 @@ function PaymentMethodCard({ method = samplePaymentMethod, title = "Payment meth
 }
 //#endregion
 //#region src/billing/PaymentMethodCard/block.meta.ts
-const meta$46 = {
+const meta$48 = {
 	name: "Payment method card",
 	family: "billing",
 	status: "beta",
@@ -4394,7 +4574,7 @@ function FlowBuilder({ title = "Untitled flow", nodes: initialNodes = builderNod
 }
 //#endregion
 //#region src/builders/FlowBuilder/block.meta.ts
-const meta$27 = {
+const meta$28 = {
 	name: "Flow builder",
 	family: "builders",
 	status: "beta",
@@ -5156,7 +5336,7 @@ function LogViewer({ lines = logLines, title = "Logs", height = 360, rowHeight =
 }
 //#endregion
 //#region src/builders/LogViewer/block.meta.ts
-const meta$37 = {
+const meta$39 = {
 	name: "Log viewer",
 	family: "builders",
 	status: "beta",
@@ -5374,7 +5554,7 @@ function KpiRow({ items = KPI_ITEMS, variant = "cards", showTrends = true, label
 }
 //#endregion
 //#region src/data-display/KpiRow/block.meta.ts
-const meta$36 = {
+const meta$37 = {
 	name: "KPI row",
 	family: "data-display",
 	status: "beta",
@@ -5548,7 +5728,7 @@ function StatCard({ label = "Requests", icon: IconCmp = Activity, ranges = STAT_
 }
 //#endregion
 //#region src/data-display/StatCard/block.meta.ts
-const meta$64 = {
+const meta$66 = {
 	name: "Stat card",
 	family: "data-display",
 	status: "beta",
@@ -5965,7 +6145,7 @@ function DescriptionListCard({ title = "Configuration", description = "Settings
 }
 //#endregion
 //#region src/data-display/DescriptionListCard/block.meta.ts
-const meta$17 = {
+const meta$18 = {
 	name: "Description list card",
 	family: "data-display",
 	status: "beta",
@@ -6161,7 +6341,7 @@ function ResourceCardGrid({ items = RESOURCE_CARDS, label = "Resources", onActio
 }
 //#endregion
 //#region src/data-display/ResourceCardGrid/block.meta.ts
-const meta$55 = {
+const meta$57 = {
 	name: "Resource card grid",
 	family: "data-display",
 	status: "beta",
@@ -6322,7 +6502,7 @@ function StatusTimeline({ events = DEPLOYMENT_EVENTS, label: labelProp, emptyLab
 }
 //#endregion
 //#region src/data-display/StatusTimeline/block.meta.ts
-const meta$65 = {
+const meta$67 = {
 	name: "Status timeline",
 	family: "data-display",
 	status: "beta",
@@ -6724,7 +6904,7 @@ function SystemBanner({ kind = "maintenance", title = "Scheduled maintenance.",
 }
 //#endregion
 //#region src/feedback/SystemBanner/block.meta.ts
-const meta$68 = {
+const meta$70 = {
 	name: "System banner",
 	family: "feedback",
 	status: "beta",
@@ -6770,7 +6950,7 @@ function InlineCallout({ tone = "warning", title = "You have used 92% of your bu
 }
 //#endregion
 //#region src/feedback/InlineCallout/block.meta.ts
-const meta$32 = {
+const meta$33 = {
 	name: "Inline callout",
 	family: "feedback",
 	status: "beta",
@@ -6798,8 +6978,24 @@ const noAccessSample = {
 	resource: "Billing",
 	owner: "an organization admin"
 };
+const notFoundSample = {
+	title: "Resource not found",
+	description: "This resource may have been deleted or moved."
+};
 //#endregion
 //#region src/feedback/EmptyStates/EmptyStates.tsx
+/** Missing resource state; consumers may supply an optional way back. */
+function NotFoundEmpty({ icon = SearchX, title = notFoundSample.title, description = notFoundSample.description, action, titleAs, bordered = true, className }) {
+	return /* @__PURE__ */ jsx(EmptyState, {
+		icon,
+		title,
+		description,
+		primaryAction: action,
+		titleAs,
+		bordered,
+		className: cn("mx-auto", className)
+	});
+}
 /** First-run state: nothing created yet; explains the value and offers the first action. */
 function FirstRunEmpty({ icon = FolderPlus, title = "Create your first project", description = "Projects group your services, environments and deployments. Start one from a repository in a couple of minutes.", actionLabel = "New project", onAction, secondary = {
 	label: "Read the guide",
@@ -6904,11 +7100,11 @@ function NoAccessEmpty({ resource = noAccessSample.resource, owner = noAccessSam
 }
 //#endregion
 //#region src/feedback/EmptyStates/block.meta.ts
-const meta$19 = {
+const meta$20 = {
 	name: "Empty states",
 	family: "feedback",
 	status: "beta",
-	description: "Three canonical empty states: first run (with checklist), no results (clear filters/search) and no access (request access).",
+	description: "Four canonical empty states: first run (with checklist), no results (clear filters/search), no access (request access) and not found (optional action).",
 	uses: [
 		"EmptyState",
 		"Button",
@@ -7052,7 +7248,7 @@ function PageSkeleton({ stats = 4, rows = 5, label: labelProp, className }) {
 }
 //#endregion
 //#region src/feedback/Skeletons/block.meta.ts
-const meta$61 = {
+const meta$63 = {
 	name: "Skeletons",
 	family: "feedback",
 	status: "beta",
@@ -7060,157 +7256,37 @@ const meta$61 = {
 	uses: ["Skeleton"]
 };
 //#endregion
-//#region src/feedback/ConfirmDestructive/ConfirmDestructive.tsx
-/**
-* Typed-confirmation for irreversible actions: an AlertDialog whose destructive button stays
-* disabled until the resource name is typed exactly.
-*/
-function ConfirmDestructive({ resourceName = "acme-web", resourceType = "project", title, description, consequences = [
-	"All deployments and preview URLs",
-	"Environment variables and secrets",
-	"The audit log for this project"
-], confirmLabel, triggerLabel, open, defaultOpen = false, onOpenChange, onConfirm }) {
-	const [innerOpen, setInnerOpen] = useState(defaultOpen);
-	const [typed, setTyped] = useState("");
-	const [pending, setPending] = useState(false);
-	const [error, setError] = useState(null);
-	const isOpen = open ?? innerOpen;
-	const label = confirmLabel ?? `Delete ${resourceType}`;
-	const matches = typed === resourceName;
-	const setOpen = (next) => {
-		if (!next) {
-			setTyped("");
-			setError(null);
+//#region src/feedback/ErrorPanel/ErrorPanel.tsx
+/** Error summary for a failed load or action: what happened, request id, retry and technical details. */
+function ErrorPanel({ icon: Icon = ServerCrash, title = "We couldn’t load deployments", message = "The service didn’t respond in time. Your data is safe; try again in a moment.", code = 503, requestId = "req_8f2c41d07a9b", details = "GET /v1/projects/acme-web/deployments\n503 Service Unavailable\nupstream timed out after 30000 ms (pool: api-eu-west-1)", onRetry, retrying, retryLabel: retryLabelProp, secondaryAction = {
+	label: "Contact support",
+	variant: "ghost"
+}, titleAs: Heading = "h3", className, announce = true }) {
+	const { t } = useI18n();
+	const retryLabel = retryLabelProp ?? t("error.retry");
+	const id = useId();
+	const [innerRetrying, setInnerRetrying] = useState(false);
+	const [copied, setCopied] = useState(false);
+	const copyTimer = useRef(void 0);
+	const busy = retrying ?? innerRetrying;
+	const retry = async () => {
+		if (!onRetry || busy) return;
+		setInnerRetrying(true);
+		try {
+			await onRetry();
+		} finally {
+			setInnerRetrying(false);
 		}
-		setInnerOpen(next);
-		onOpenChange?.(next);
 	};
-	const confirm = async (event) => {
-		event.preventDefault();
-		if (!matches || pending) return;
-		setPending(true);
-		setError(null);
+	const copy = async () => {
+		if (!requestId) return;
 		try {
-			await onConfirm?.();
-			setPending(false);
-			setOpen(false);
-		} catch (err) {
-			setPending(false);
-			setError(err instanceof Error ? err.message : "Something went wrong. Try again.");
-		}
-	};
-	return /* @__PURE__ */ jsxs(AlertDialog, {
-		open: isOpen,
-		onOpenChange: (next) => !pending && setOpen(next),
-		children: [triggerLabel !== null && /* @__PURE__ */ jsx(AlertDialogTrigger, {
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "destructive",
-				icon: Trash2
-			}),
-			children: triggerLabel ?? label
-		}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-			/* @__PURE__ */ jsxs(AlertDialogHeader, {
-				tone: "destructive",
-				children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title ?? `Delete ${resourceType}?` }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					"This permanently deletes ",
-					/* @__PURE__ */ jsx("span", {
-						className: "font-mono text-foreground",
-						children: resourceName
-					}),
-					". This action cannot be undone."
-				] }) })]
-			}),
-			consequences.length > 0 && /* @__PURE__ */ jsx("ul", {
-				className: "mt-4 list-disc space-y-1 rounded-md border border-destructive/25 bg-destructive/5 py-2.5 pe-3 ps-8 text-[12.5px] text-muted-foreground",
-				children: consequences.map((c) => /* @__PURE__ */ jsx("li", { children: c }, c))
-			}),
-			/* @__PURE__ */ jsxs("form", {
-				onSubmit: (e) => void confirm(e),
-				className: "mt-4",
-				children: [
-					/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsxs(FieldLabel, { children: [
-						"Type ",
-						/* @__PURE__ */ jsx("span", {
-							className: "font-mono font-semibold text-foreground",
-							children: resourceName
-						}),
-						" to confirm"
-					] }), /* @__PURE__ */ jsx(Input, {
-						value: typed,
-						onChange: (e) => setTyped(e.target.value),
-						autoComplete: "off",
-						spellCheck: false,
-						disabled: pending
-					})] }),
-					error && /* @__PURE__ */ jsx("p", {
-						role: "alert",
-						className: "mt-2 text-[12.5px] text-destructive-text",
-						children: error
-					}),
-					/* @__PURE__ */ jsxs(AlertDialogFooter, {
-						className: "mt-5",
-						children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
-							disabled: pending,
-							children: "Cancel"
-						}), /* @__PURE__ */ jsx(Button, {
-							type: "submit",
-							variant: "destructive",
-							loading: pending,
-							disabled: !matches,
-							children: label
-						})]
-					})
-				]
-			})
-		] })]
-	});
-}
-//#endregion
-//#region src/feedback/ConfirmDestructive/block.meta.ts
-const meta$10 = {
-	name: "Confirm destructive",
-	family: "feedback",
-	status: "beta",
-	description: "AlertDialog for irreversible actions that requires typing the resource name, with async confirm and error display.",
-	uses: [
-		"AlertDialog",
-		"Button",
-		"Field",
-		"Input"
-	]
-};
-//#endregion
-//#region src/feedback/ErrorPanel/ErrorPanel.tsx
-/** Error summary for a failed load or action: what happened, request id, retry and technical details. */
-function ErrorPanel({ icon: Icon = ServerCrash, title = "We couldn’t load deployments", message = "The service didn’t respond in time. Your data is safe; try again in a moment.", code = 503, requestId = "req_8f2c41d07a9b", details = "GET /v1/projects/acme-web/deployments\n503 Service Unavailable\nupstream timed out after 30000 ms (pool: api-eu-west-1)", onRetry, retrying, retryLabel: retryLabelProp, secondaryAction = {
-	label: "Contact support",
-	variant: "ghost"
-}, titleAs: Heading = "h3", className }) {
-	const { t } = useI18n();
-	const retryLabel = retryLabelProp ?? t("error.retry");
-	const id = useId();
-	const [innerRetrying, setInnerRetrying] = useState(false);
-	const [copied, setCopied] = useState(false);
-	const copyTimer = useRef(void 0);
-	const busy = retrying ?? innerRetrying;
-	const retry = async () => {
-		if (!onRetry || busy) return;
-		setInnerRetrying(true);
-		try {
-			await onRetry();
-		} finally {
-			setInnerRetrying(false);
-		}
-	};
-	const copy = async () => {
-		if (!requestId) return;
-		try {
-			await navigator.clipboard.writeText(requestId);
-			setCopied(true);
-			clearTimeout(copyTimer.current);
-			copyTimer.current = setTimeout(() => setCopied(false), 2e3);
-		} catch {
-			setCopied(false);
+			await navigator.clipboard.writeText(requestId);
+			setCopied(true);
+			clearTimeout(copyTimer.current);
+			copyTimer.current = setTimeout(() => setCopied(false), 2e3);
+		} catch {
+			setCopied(false);
 		}
 	};
 	return /* @__PURE__ */ jsx("section", {
@@ -7288,7 +7364,7 @@ function ErrorPanel({ icon: Icon = ServerCrash, title = "We couldn’t load depl
 							children: details
 						}) })]
 					}),
-					/* @__PURE__ */ jsx("p", {
+					announce && /* @__PURE__ */ jsx("p", {
 						role: "status",
 						className: "sr-only",
 						children: busy ? t("error.retryingStatus") : copied ? t("error.requestIdCopied") : ""
@@ -7299,8 +7375,271 @@ function ErrorPanel({ icon: Icon = ServerCrash, title = "We couldn’t load depl
 	});
 }
 //#endregion
+//#region src/feedback/ConfirmDestructive/ConfirmDestructive.tsx
+function normalizeFailure(value) {
+	if (!value || typeof value !== "object" || !("kind" in value) || !("title" in value)) return null;
+	if (typeof value.title !== "string" || !value.title.trim()) return null;
+	const title = value.title;
+	const message = "message" in value && typeof value.message === "string" ? value.message : void 0;
+	if (value.kind === "server") return {
+		kind: "server",
+		title,
+		message,
+		status: "status" in value && typeof value.status === "number" && Number.isFinite(value.status) ? value.status : void 0,
+		requestId: "requestId" in value && typeof value.requestId === "string" ? value.requestId : void 0
+	};
+	if (value.kind === "network") return {
+		kind: "network",
+		title,
+		message
+	};
+	if (value.kind === "no-access" || value.kind === "not-found") return {
+		kind: value.kind,
+		title,
+		description: "description" in value && typeof value.description === "string" ? value.description : void 0
+	};
+	return null;
+}
+/**
+* Typed-confirmation for irreversible actions: an AlertDialog whose destructive button stays
+* disabled until the resource name is typed exactly.
+*/
+function ConfirmDestructive({ resourceName = "acme-web", resourceType = "project", title, description, consequences = [
+	"All deployments and preview URLs",
+	"Environment variables and secrets",
+	"The audit log for this project"
+], confirmLabel, triggerLabel, open, defaultOpen = false, onOpenChange, onConfirm, children, canConfirm = true, returnFocusRef }) {
+	const { t } = useI18n();
+	const [innerOpen, setInnerOpen] = useState(defaultOpen);
+	const [typed, setTyped] = useState("");
+	const [pending, setPending] = useState(false);
+	const pendingRef = useRef(false);
+	const inputRef = useRef(null);
+	const popupRef = useRef(null);
+	const panelRef = useRef(null);
+	const cancelRef = useRef(null);
+	const closeRef = useRef(null);
+	const focusedControl = useRef(null);
+	const triggerRef = useRef(null);
+	const previousFocus = useRef(null);
+	const [error, setError] = useState(null);
+	const [announcementId, setAnnouncementId] = useState(0);
+	const [failure, setFailure] = useState(null);
+	const isOpen = open ?? innerOpen;
+	const [previousOpen, setPreviousOpen] = useState(isOpen);
+	const session = useRef(0);
+	if (previousOpen !== isOpen) {
+		setPreviousOpen(isOpen);
+		if (!isOpen) {
+			setTyped("");
+			setError(null);
+			setFailure(null);
+			setPending(false);
+		}
+	}
+	useLayoutEffect(() => {
+		session.current = session.current + 1;
+		pendingRef.current = false;
+		focusedControl.current = null;
+		if (isOpen && document.activeElement instanceof HTMLElement) previousFocus.current = document.activeElement;
+		return () => {
+			session.current++;
+		};
+	}, [isOpen]);
+	const label = confirmLabel ?? `Delete ${resourceType}`;
+	const matches = typed === resourceName;
+	const terminal = failure?.kind === "no-access" || failure?.kind === "not-found" ? failure : null;
+	useLayoutEffect(() => {
+		if (!isOpen || !popupRef.current) return;
+		const popup = popupRef.current;
+		const available = (element, keepLoading = false) => element?.isConnected && popup.contains(element) && !element.closest("[hidden], [inert], [aria-hidden=\"true\"]") && (!element.matches(":disabled, [aria-disabled=\"true\"]") || keepLoading && element.getAttribute("aria-busy") === "true");
+		const restore = () => {
+			if (!focusedControl.current || available(focusedControl.current, true)) return;
+			const retry = panelRef.current?.querySelectorAll("button");
+			[
+				retry?.item(retry.length - 1) ?? null,
+				inputRef.current,
+				cancelRef.current,
+				closeRef.current
+			].find((element) => available(element))?.focus();
+		};
+		restore();
+		const observer = new MutationObserver(restore);
+		observer.observe(popup, {
+			childList: true,
+			subtree: true,
+			attributes: true,
+			attributeFilter: [
+				"disabled",
+				"aria-disabled",
+				"hidden",
+				"inert",
+				"aria-hidden"
+			]
+		});
+		return () => observer.disconnect();
+	});
+	const setOpen = (next) => {
+		if (!next) {
+			session.current++;
+			pendingRef.current = false;
+			setPending(false);
+			setTyped("");
+			setError(null);
+			setFailure(null);
+		}
+		setInnerOpen(next);
+		onOpenChange?.(next);
+	};
+	const confirm = async () => {
+		if (!isOpen || !matches || canConfirm === false || pendingRef.current || terminal) return;
+		const attemptSession = session.current;
+		pendingRef.current = true;
+		setPending(true);
+		setError(null);
+		try {
+			await onConfirm?.();
+			if (session.current !== attemptSession) return;
+			pendingRef.current = false;
+			setPending(false);
+			setOpen(false);
+		} catch (err) {
+			if (session.current !== attemptSession) return;
+			pendingRef.current = false;
+			setPending(false);
+			const next = normalizeFailure(err);
+			setAnnouncementId((id) => id + 1);
+			setFailure(next);
+			setError(next ? [next.title, "message" in next ? next.message : "description" in next ? next.description : void 0].filter(Boolean).join(" ") : err instanceof Error ? err.message : "Something went wrong. Try again.");
+		}
+	};
+	return /* @__PURE__ */ jsxs(AlertDialog, {
+		open: isOpen,
+		onOpenChange: (next) => !pending && setOpen(next),
+		children: [triggerLabel !== null && /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			ref: triggerRef,
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "destructive",
+				icon: Trash2
+			}),
+			children: triggerLabel ?? label
+		}), /* @__PURE__ */ jsxs(AlertDialogContent, {
+			ref: popupRef,
+			initialFocus: inputRef,
+			finalFocus: () => triggerRef.current ?? returnFocusRef?.current ?? previousFocus.current ?? true,
+			onFocusCapture: (event) => {
+				if (event.target !== event.currentTarget) focusedControl.current = event.target;
+			},
+			children: [
+				/* @__PURE__ */ jsxs(AlertDialogHeader, {
+					tone: "destructive",
+					children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title ?? `Delete ${resourceType}?` }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						"This permanently deletes ",
+						/* @__PURE__ */ jsx("span", {
+							className: "font-mono text-foreground",
+							children: resourceName
+						}),
+						". This action cannot be undone."
+					] }) })]
+				}),
+				!terminal && consequences.length > 0 && /* @__PURE__ */ jsx("ul", {
+					className: "mt-4 list-disc space-y-1 rounded-md border border-destructive/25 bg-destructive/5 py-2.5 pe-3 ps-8 text-[12.5px] text-muted-foreground",
+					children: consequences.map((c) => /* @__PURE__ */ jsx("li", { children: c }, c))
+				}),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: (e) => {
+						e.preventDefault();
+						confirm();
+					},
+					className: "mt-4",
+					children: [
+						terminal ? terminal.kind === "no-access" ? /* @__PURE__ */ jsx(EmptyState, {
+							icon: Lock,
+							title: terminal.title,
+							description: terminal.description ?? null
+						}) : /* @__PURE__ */ jsx(NotFoundEmpty, {
+							title: terminal.title,
+							description: terminal.description ?? null
+						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							children,
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsxs(FieldLabel, { children: [
+								"Type ",
+								/* @__PURE__ */ jsx("span", {
+									className: "font-mono font-semibold text-foreground",
+									children: resourceName
+								}),
+								" to confirm"
+							] }), /* @__PURE__ */ jsx(Input, {
+								ref: inputRef,
+								value: typed,
+								onChange: (e) => setTyped(e.target.value),
+								autoComplete: "off",
+								spellCheck: false,
+								readOnly: pending
+							})] }),
+							(failure?.kind === "server" || failure?.kind === "network") && /* @__PURE__ */ jsx("div", {
+								ref: panelRef,
+								children: /* @__PURE__ */ jsx(ErrorPanel, {
+									title: failure.title,
+									message: failure.message ?? null,
+									code: failure.kind === "server" ? failure.status ?? null : null,
+									requestId: failure.kind === "server" ? failure.requestId ?? "" : "",
+									details: "",
+									secondaryAction: null,
+									retrying: pending,
+									retryLabel: t("error.retry"),
+									onRetry: () => confirm(),
+									announce: false,
+									className: "mt-4"
+								})
+							})
+						] }),
+						error !== null && /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							className: failure ? "sr-only" : "mt-2 text-[12.5px] text-destructive-text",
+							children: error
+						}, announcementId),
+						/* @__PURE__ */ jsx(AlertDialogFooter, {
+							className: "mt-5",
+							children: terminal ? /* @__PURE__ */ jsx(AlertDialogCancel, {
+								ref: closeRef,
+								children: t("common.close")
+							}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+								ref: cancelRef,
+								disabled: pending,
+								children: t("common.cancel")
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "submit",
+								variant: "destructive",
+								loading: pending,
+								disabled: !matches || canConfirm === false,
+								children: label
+							})] })
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/feedback/ConfirmDestructive/block.meta.ts
+const meta$10 = {
+	name: "Confirm destructive",
+	family: "feedback",
+	status: "beta",
+	description: "AlertDialog for irreversible actions with exact typed-name and optional canConfirm gating, extra form fields, typed failure states, guarded retry and focus return. See the plain deletion and secret revocation examples.",
+	uses: [
+		"AlertDialog",
+		"Button",
+		"Field",
+		"Input",
+		"EmptyState"
+	]
+};
+//#endregion
 //#region src/feedback/ErrorPanel/block.meta.ts
-const meta$21 = {
+const meta$22 = {
 	name: "Error panel",
 	family: "feedback",
 	status: "beta",
@@ -7480,7 +7819,7 @@ function DangerZone({ title = "Danger zone", description = "These actions affect
 }
 //#endregion
 //#region src/forms/DangerZone/block.meta.ts
-const meta$14 = {
+const meta$15 = {
 	name: "Danger zone",
 	family: "forms",
 	status: "stable",
@@ -7901,7 +8240,7 @@ function DateRangeFilter({ value, defaultValue, onValueChange, presets = DEFAULT
 }
 //#endregion
 //#region src/forms/DateRangeFilter/block.meta.ts
-const meta$16 = {
+const meta$17 = {
 	name: "Date range filter",
 	family: "forms",
 	status: "stable",
@@ -8190,7 +8529,7 @@ function FileRow({ item, onRemove, onRetry }) {
 }
 //#endregion
 //#region src/forms/FileUploadPanel/block.meta.ts
-const meta$25 = {
+const meta$26 = {
 	name: "File upload panel",
 	family: "forms",
 	status: "stable",
@@ -8253,7 +8592,7 @@ function FormSection({ title = "General", description = "Basic details shown to
 }
 //#endregion
 //#region src/forms/FormSection/block.meta.ts
-const meta$29 = {
+const meta$30 = {
 	name: "Form section",
 	family: "forms",
 	status: "stable",
@@ -8420,7 +8759,7 @@ function InviteMembersDialog({ roles = memberRoles, defaultRole = "member", onIn
 }
 //#endregion
 //#region src/forms/InviteMembersDialog/block.meta.ts
-const meta$34 = {
+const meta$35 = {
 	name: "Invite members dialog",
 	family: "forms",
 	status: "stable",
@@ -8478,7 +8817,7 @@ function SettingsRow({ label = "Deployment notifications", description = "Email
 }
 //#endregion
 //#region src/forms/SettingsRow/block.meta.ts
-const meta$58 = {
+const meta$60 = {
 	name: "Settings row",
 	family: "forms",
 	status: "stable",
@@ -8486,67 +8825,6 @@ const meta$58 = {
 	uses: ["Switch"]
 };
 //#endregion
-//#region src/forms/ValidationSummary/fixtures.ts
-const validationIssues = [
-	{
-		fieldId: "project-name",
-		label: "Project name",
-		message: "Enter a project name."
-	},
-	{
-		fieldId: "billing-email",
-		label: "Billing email",
-		message: "Enter a valid email address, like name@company.com."
-	},
-	{
-		fieldId: "region",
-		label: "Region",
-		message: "Choose a region."
-	}
-];
-//#endregion
-//#region src/forms/ValidationSummary/ValidationSummary.tsx
-const focusField = (fieldId) => {
-	const el = document.getElementById(fieldId);
-	if (!el) return;
-	el.focus();
-	el.scrollIntoView?.({ block: "center" });
-};
-/**
-* Error summary for long forms: lists every problem with a link that moves focus to the field.
-* After a failed submit it takes focus, so screen readers announce it.
-*/
-function ValidationSummary({ errors = validationIssues, submitCount = 0, title, className }) {
-	const ref = useRef(null);
-	const hasErrors = errors.length > 0;
-	useEffect(() => {
-		if (submitCount > 0 && hasErrors) ref.current?.focus();
-	}, [submitCount, hasErrors]);
-	if (!hasErrors) return null;
-	const heading = title ?? `There ${errors.length === 1 ? "is 1 problem" : `are ${errors.length} problems`} with this form`;
-	return /* @__PURE__ */ jsx(Alert, {
-		ref,
-		tabIndex: -1,
-		role: "region",
-		tone: "destructive",
-		title: heading,
-		className: cn("focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", className),
-		children: /* @__PURE__ */ jsx("ul", {
-			className: "mt-1 list-disc space-y-1 ps-4",
-			children: errors.map((e) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, {
-				href: `#${e.fieldId}`,
-				tone: "inherit",
-				underline: "always",
-				onClick: (ev) => {
-					ev.preventDefault();
-					focusField(e.fieldId);
-				},
-				children: [e.label ? `${e.label}: ` : "", e.message]
-			}) }, e.fieldId))
-		})
-	});
-}
-//#endregion
 //#region src/forms/DialogWizard/DialogWizard.tsx
 /** Modal variant of create-wizard for a flow over its parent page. State stays consumer-owned. */
 function DialogWizard({ steps, current = 0, size = "dialog", stepError, reviewStep, children, title, ...props }) {
@@ -8564,7 +8842,7 @@ function DialogWizard({ steps, current = 0, size = "dialog", stepError, reviewSt
 }
 //#endregion
 //#region src/forms/DialogWizard/block.meta.ts
-const meta$18 = {
+const meta$19 = {
 	name: "Dialog wizard",
 	family: "forms",
 	status: "beta",
@@ -8603,7 +8881,7 @@ const dialogWizardCopy = {
 };
 //#endregion
 //#region src/forms/ValidationSummary/block.meta.ts
-const meta$73 = {
+const meta$75 = {
 	name: "Validation summary",
 	family: "forms",
 	status: "stable",
@@ -8749,7 +9027,7 @@ function Hero({ variant = "centered", eyebrow = "New · Usage-based billing", ti
 }
 //#endregion
 //#region src/marketing/Hero/block.meta.ts
-const meta$31 = {
+const meta$32 = {
 	name: "Hero",
 	family: "marketing",
 	status: "beta",
@@ -8854,7 +9132,7 @@ function FeatureGrid({ features = sampleFeatures, eyebrow = "Everything included
 }
 //#endregion
 //#region src/marketing/FeatureGrid/block.meta.ts
-const meta$24 = {
+const meta$25 = {
 	name: "Feature grid",
 	family: "marketing",
 	status: "beta",
@@ -9133,7 +9411,7 @@ function TierBody({ tier, tierId, cycle, money, TierHeading, currentTierId, curr
 }
 //#endregion
 //#region src/marketing/PricingTable/block.meta.ts
-const meta$50 = {
+const meta$52 = {
 	name: "Pricing table",
 	family: "marketing",
 	status: "beta",
@@ -9213,7 +9491,7 @@ function Faq({ items = sampleFaqs, title = "Frequently asked questions", descrip
 }
 //#endregion
 //#region src/marketing/Faq/block.meta.ts
-const meta$23 = {
+const meta$24 = {
 	name: "FAQ",
 	family: "marketing",
 	status: "beta",
@@ -9741,7 +10019,7 @@ function PageHeader({ as: Root = "header", breadcrumbs = pageHeaderBreadcrumbs,
 }
 //#endregion
 //#region src/page-chrome/PageHeader/block.meta.ts
-const meta$43 = {
+const meta$45 = {
 	name: "Page header",
 	family: "page-chrome",
 	status: "beta",
@@ -9795,7 +10073,7 @@ function SectionHeader({ title = "Policies", description = "Guardrails applied t
 }
 //#endregion
 //#region src/page-chrome/SectionHeader/block.meta.ts
-const meta$56 = {
+const meta$58 = {
 	name: "Section header",
 	family: "page-chrome",
 	status: "beta",
@@ -9888,7 +10166,7 @@ function PageToolbar({ search, defaultSearch = "", onSearchChange, searchLabel:
 }
 //#endregion
 //#region src/page-chrome/PageToolbar/block.meta.ts
-const meta$44 = {
+const meta$46 = {
 	name: "Page toolbar",
 	family: "page-chrome",
 	status: "beta",
@@ -9944,7 +10222,7 @@ function StickyActionBar({ dirty = true, saving = false, onSave, onCancel, dirty
 }
 //#endregion
 //#region src/page-chrome/StickyActionBar/block.meta.ts
-const meta$66 = {
+const meta$68 = {
 	name: "Sticky action bar",
 	family: "page-chrome",
 	status: "beta",
@@ -10672,7 +10950,7 @@ function MonthCalendar({ events = sampleEvents, today = sampleToday, defaultMont
 }
 //#endregion
 //#region src/scheduling/MonthCalendar/block.meta.ts
-const meta$41 = {
+const meta$43 = {
 	name: "Month calendar",
 	family: "scheduling",
 	status: "beta",
@@ -10866,7 +11144,7 @@ function WeekCalendar({ events = sampleEvents, today = sampleToday, now, default
 }
 //#endregion
 //#region src/scheduling/WeekCalendar/block.meta.ts
-const meta$74 = {
+const meta$76 = {
 	name: "Week calendar",
 	family: "scheduling",
 	status: "beta",
@@ -11098,7 +11376,7 @@ function TimeSlotPicker({ slots = sampleTimeSlots, value, defaultValue = null, o
 }
 //#endregion
 //#region src/scheduling/TimeSlotPicker/block.meta.ts
-const meta$69 = {
+const meta$71 = {
 	name: "Time slot picker",
 	family: "scheduling",
 	status: "beta",
@@ -11624,7 +11902,7 @@ const meta$3 = {
 };
 //#endregion
 //#region src/shell/EnvironmentBadge/block.meta.ts
-const meta$20 = {
+const meta$21 = {
 	name: "Environment badge",
 	family: "shell",
 	status: "beta",
@@ -11633,7 +11911,7 @@ const meta$20 = {
 };
 //#endregion
 //#region src/shell/GlobalSearch/block.meta.ts
-const meta$30 = {
+const meta$31 = {
 	name: "Global search",
 	family: "shell",
 	status: "beta",
@@ -11652,7 +11930,7 @@ function PaginationFooter({ total = 97, page: pageProp, defaultPage = 1, onPageC
 	25,
 	50,
 	100
-], noun: nounProp, locale: localeProp, className }) {
+], noun: nounProp, locale: localeProp, className, labels }) {
 	const { t, locale: providerLocale } = useI18n();
 	const locale = localeProp ?? providerLocale;
 	const noun = nounProp ?? t("table.rows");
@@ -11683,9 +11961,9 @@ function PaginationFooter({ total = 97, page: pageProp, defaultPage = 1, onPageC
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-[12.5px] text-muted-foreground",
 				"aria-hidden": true,
-				children: t("table.rowsPerPage")
+				children: labels?.rowsPerPage ?? t("table.rowsPerPage")
 			}), /* @__PURE__ */ jsx(SimpleSelect, {
-				"aria-label": t("table.rowsPerPage"),
+				"aria-label": labels?.rowsPerPageLabel ?? t("table.rowsPerPage"),
 				size: "sm",
 				className: "w-[76px] font-mono",
 				value: String(pageSize),
@@ -11697,10 +11975,10 @@ function PaginationFooter({ total = 97, page: pageProp, defaultPage = 1, onPageC
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-3 sm:flex-row sm:items-center",
-			children: [/* @__PURE__ */ jsxs("p", {
+			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-[12.5px] text-muted-foreground tabular-nums",
 				"aria-live": "polite",
-				children: [
+				children: labels?.rangeSummary ? labels.rangeSummary(from, to, total) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsxs("span", {
 						className: "font-mono text-foreground",
 						children: [
@@ -11716,13 +11994,18 @@ function PaginationFooter({ total = 97, page: pageProp, defaultPage = 1, onPageC
 						className: "font-mono text-foreground",
 						children: fmt(total)
 					})
-				]
+				] })
 			}), /* @__PURE__ */ jsx(Pagination, {
 				page,
 				pageCount,
 				onPageChange: goTo,
 				size: "sm",
-				labels: { nav: t("table.pagination", { noun }) }
+				labels: {
+					nav: labels?.paginationNav?.(noun) ?? t("table.pagination", { noun }),
+					previous: labels?.previous,
+					next: labels?.next,
+					page: labels?.page
+				}
 			})]
 		})]
 	});
@@ -11734,9 +12017,9 @@ const PIN_NONE = "none";
 * "Columns" menu: one checkbox item per hideable column (the last visible column cannot be
 * hidden) and, when pinning is on, a submenu per visible column to pin it left, right or unpin it.
 */
-function ColumnVisibilityMenu({ columns, hidden, onToggle, label: labelProp, pinOf, onPin }) {
+function ColumnVisibilityMenu({ columns, hidden, onToggle, label: labelProp, labels, pinOf, onPin }) {
 	const { t } = useI18n();
-	const label = labelProp ?? t("table.columns");
+	const label = labels?.columns ?? labelProp ?? t("table.columns");
 	const visibleCount = columns.filter((c) => !hidden.has(c.id)).length;
 	const pinnable = onPin && pinOf ? columns.filter((c) => c.pinnable !== false && !hidden.has(c.id)) : [];
 	return /* @__PURE__ */ jsxs(Menu, { children: [/* @__PURE__ */ jsx(MenuTrigger, {
@@ -11750,7 +12033,7 @@ function ColumnVisibilityMenu({ columns, hidden, onToggle, label: labelProp, pin
 	}), /* @__PURE__ */ jsxs(MenuContent, {
 		align: "end",
 		className: "min-w-[200px]",
-		children: [/* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: t("table.visibleColumns") }), columns.filter((c) => c.hideable !== false).map((c) => {
+		children: [/* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: labels?.visibleColumns ?? t("table.visibleColumns") }), columns.filter((c) => c.hideable !== false).map((c) => {
 			const visible = !hidden.has(c.id);
 			return /* @__PURE__ */ jsx(MenuCheckboxItem, {
 				checked: visible,
@@ -11758,26 +12041,26 @@ function ColumnVisibilityMenu({ columns, hidden, onToggle, label: labelProp, pin
 				onCheckedChange: (on) => onToggle(c.id, on),
 				children: c.header
 			}, c.id);
-		})] }), pinnable.length > 0 && onPin && pinOf && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: "Pin columns" }), pinnable.map((c) => {
+		})] }), pinnable.length > 0 && onPin && pinOf && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: labels?.pinColumns ?? "Pin columns" }), pinnable.map((c) => {
 			const side = pinOf(c.id);
 			return /* @__PURE__ */ jsxs(MenuSub, { children: [/* @__PURE__ */ jsxs(MenuSubTrigger, { children: [c.header, side && /* @__PURE__ */ jsx("span", {
 				className: "ms-auto ps-3 text-[11.5px] text-muted-foreground",
-				children: side === "left" ? "Left" : "Right"
+				children: side === "left" ? labels?.pinnedLeft ?? "Left" : labels?.pinnedRight ?? "Right"
 			})] }), /* @__PURE__ */ jsx(MenuSubContent, { children: /* @__PURE__ */ jsxs(MenuRadioGroup, {
 				value: side ?? PIN_NONE,
 				onValueChange: (v) => onPin(c.id, v === "left" || v === "right" ? v : null),
 				children: [
 					/* @__PURE__ */ jsx(MenuRadioItem, {
 						value: "left",
-						children: "Pin left"
+						children: labels?.pinLeft ?? "Pin left"
 					}),
 					/* @__PURE__ */ jsx(MenuRadioItem, {
 						value: "right",
-						children: "Pin right"
+						children: labels?.pinRight ?? "Pin right"
 					}),
 					/* @__PURE__ */ jsx(MenuRadioItem, {
 						value: PIN_NONE,
-						children: "Unpinned"
+						children: labels?.unpinned ?? "Unpinned"
 					})
 				]
 			}) })] }, c.id);
@@ -12049,7 +12332,7 @@ function focusSibling(from, dir) {
 * edits); while editing, an input or a select: Enter or Tab commits, Escape cancels. `onCellEdit`
 * can reject the value with a message, shown inline under the editor.
 */
-function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, children }) {
+function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, children, labels }) {
 	const errorId = useId();
 	const editor = column.editor ?? { type: "text" };
 	const [editing, setEditing] = useState(false);
@@ -12097,15 +12380,15 @@ function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, childr
 		const n = Number(text);
 		if (!Number.isFinite(n)) return {
 			ok: false,
-			message: "Enter a number."
+			message: labels?.enterNumber ?? "Enter a number."
 		};
 		if (editor.min != null && n < editor.min) return {
 			ok: false,
-			message: `Enter ${editor.min} or more.`
+			message: labels?.minimumValue?.(editor.min) ?? `Enter ${editor.min} or more.`
 		};
 		if (editor.max != null && n > editor.max) return {
 			ok: false,
-			message: `Enter ${editor.max} or less.`
+			message: labels?.maximumValue?.(editor.max) ?? `Enter ${editor.max} or less.`
 		};
 		return {
 			ok: true,
@@ -12139,11 +12422,11 @@ function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, childr
 				previous
 			});
 		} catch (err) {
-			result = err instanceof Error && err.message ? err.message : GENERIC_ERROR;
+			result = err instanceof Error && err.message ? err.message : labels?.editError ?? GENERIC_ERROR;
 		}
 		busy.current = false;
 		setPending(false);
-		if (result === false) result = GENERIC_ERROR;
+		if (result === false) result = labels?.editError ?? GENERIC_ERROR;
 		if (typeof result === "string") {
 			setError(result);
 			if (after) field.current?.focus();
@@ -12186,7 +12469,7 @@ function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, childr
 		children
 	});
 	const common = {
-		"aria-label": `${column.header} for ${rowLabel}`,
+		"aria-label": labels?.editLabel?.(column.header, rowLabel) ?? `${column.header} for ${rowLabel}`,
 		"aria-invalid": error ? true : void 0,
 		"aria-describedby": error ? errorId : void 0,
 		"aria-busy": pending || void 0,
@@ -12226,7 +12509,7 @@ function EditableCell({ row, rowId, rowLabel, column, onCellEdit, hintId, childr
 		}), error && /* @__PURE__ */ jsx("p", {
 			id: errorId,
 			role: "alert",
-			className: "mt-1 text-start text-[11.5px] font-medium whitespace-normal text-destructive-text",
+			className: "mt-1 rounded-sm border border-border bg-popover px-1.5 py-1 text-start text-[11.5px] font-medium whitespace-normal text-destructive-text",
 			children: error
 		})]
 	});
@@ -12237,7 +12520,7 @@ function isCellEditable(column, row) {
 }
 //#endregion
 //#region src/tables/DataTable/data-table-row.tsx
-function DataTableRow({ row, columns, getRowId, getRowLabel, selectable, selected, singleSelection, onToggleRow, rowActions, layout, onCellEdit, editHintId, ariaRowIndex, style }) {
+function DataTableRow({ labels, row, columns, getRowId, getRowLabel, selectable, selected, singleSelection, onToggleRow, rowActions, layout, onCellEdit, editHintId, ariaRowIndex, style }) {
 	const { t } = useI18n();
 	const id = getRowId(row);
 	const selectionColumn = selectable || singleSelection != null;
@@ -12261,7 +12544,7 @@ function DataTableRow({ row, columns, getRowId, getRowLabel, selectable, selecte
 						className: "size-4 accent-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed"
 					})
 				}) : /* @__PURE__ */ jsx(Checkbox, {
-					"aria-label": t("table.selectRow", { label }),
+					"aria-label": labels?.selectRow?.(label) ?? t("table.selectRow", { label }),
 					checked: isSelected,
 					onCheckedChange: () => onToggleRow(id)
 				})
@@ -12275,6 +12558,7 @@ function DataTableRow({ row, columns, getRowId, getRowLabel, selectable, selecte
 					style: cl?.style,
 					className: cn("whitespace-nowrap", cl?.style && "overflow-hidden text-ellipsis", COLUMN_VARIANT_CLASSES[c.variant ?? "default"], c.className, cl?.className, tint(cl)),
 					children: editable ? /* @__PURE__ */ jsx(EditableCell, {
+						labels,
 						row,
 						rowId: id,
 						rowLabel: label,
@@ -12291,7 +12575,7 @@ function DataTableRow({ row, columns, getRowId, getRowLabel, selectable, selecte
 				style: layout?.trail.style,
 				children: /* @__PURE__ */ jsx(MoreMenu, {
 					items: rowActions(row),
-					label: t("table.rowActions", { label }),
+					label: labels?.rowActions?.(label) ?? t("table.rowActions", { label }),
 					variant: "ghost",
 					size: "sm"
 				})
@@ -12301,7 +12585,7 @@ function DataTableRow({ row, columns, getRowId, getRowLabel, selectable, selecte
 }
 const groupHeadClass = "h-9 bg-secondary/50 text-[12.5px] font-semibold tracking-normal normal-case text-foreground";
 /** The header row of a group: group checkbox, collapse button, label and count. */
-function GroupHeaderRow({ group, open, selectable, selected, span, collapsible, onToggle, onToggleRows, ariaRowIndex, style }) {
+function GroupHeaderRow({ labels, group, open, selectable, selected, span, collapsible, onToggle, onToggleRows, ariaRowIndex, style }) {
 	const { t } = useI18n();
 	const state = selectionState(group.ids, selected);
 	const count = group.ids.length;
@@ -12318,7 +12602,7 @@ function GroupHeaderRow({ group, open, selectable, selected, span, collapsible,
 		" ",
 		/* @__PURE__ */ jsx("span", {
 			className: "sr-only",
-			children: count === 1 ? "row" : "rows"
+			children: labels?.groupRows?.(count) ?? (count === 1 ? "row" : "rows")
 		})
 	] });
 	return /* @__PURE__ */ jsxs(TableRow, {
@@ -12329,7 +12613,7 @@ function GroupHeaderRow({ group, open, selectable, selected, span, collapsible,
 		children: [selectable && /* @__PURE__ */ jsx(TableCell, {
 			className: cn("w-10 pe-0", "h-9 bg-secondary/50 text-[12.5px] font-semibold tracking-normal normal-case text-foreground"),
 			children: /* @__PURE__ */ jsx(Checkbox, {
-				"aria-label": t("table.selectRow", { label: `all in ${group.name}` }),
+				"aria-label": labels?.selectGroup?.(group.name) ?? t("table.selectRow", { label: `all in ${group.name}` }),
 				checked: state.checked,
 				indeterminate: state.indeterminate,
 				disabled: count === 0,
@@ -12423,8 +12707,8 @@ function DataTableBody(props) {
 			children: emptyState ?? /* @__PURE__ */ jsx(EmptyState, {
 				icon: Inbox,
 				size: "sm",
-				title: t("common.noResults"),
-				description: t("table.emptyDescription")
+				title: props.labels?.emptyTitle ?? t("common.noResults"),
+				description: props.labels?.emptyDescription ?? t("table.emptyDescription")
 			})
 		})
 	}) });
@@ -12436,6 +12720,7 @@ function DataTableBody(props) {
 	}, props.getRowId(r));
 	const header = (group, open, extra) => /* @__PURE__ */ jsx(GroupHeaderRow, {
 		group,
+		labels: props.labels,
 		open,
 		selectable,
 		selected,
@@ -12501,10 +12786,10 @@ function DataTableBody(props) {
 //#endregion
 //#region src/tables/DataTable/density-toggle.tsx
 /** Two-icon segmented control: comfortable or compact rows. */
-function DensityToggle({ value, onChange }) {
+function DensityToggle({ value, onChange, labels }) {
 	const { t } = useI18n();
 	return /* @__PURE__ */ jsxs(ToggleGroup, {
-		"aria-label": t("table.density"),
+		"aria-label": labels?.density ?? t("table.density"),
 		size: "sm",
 		value: [value],
 		onValueChange: (v) => {
@@ -12514,7 +12799,7 @@ function DensityToggle({ value, onChange }) {
 		children: [/* @__PURE__ */ jsx(Toggle, {
 			value: "comfortable",
 			iconOnly: true,
-			"aria-label": t("table.comfortable"),
+			"aria-label": labels?.comfortable ?? t("table.comfortable"),
 			children: /* @__PURE__ */ jsx(Rows2, {
 				size: 15,
 				"aria-hidden": true
@@ -12522,7 +12807,7 @@ function DensityToggle({ value, onChange }) {
 		}), /* @__PURE__ */ jsx(Toggle, {
 			value: "compact",
 			iconOnly: true,
-			"aria-label": t("table.compact"),
+			"aria-label": labels?.compact ?? t("table.compact"),
 			children: /* @__PURE__ */ jsx(Rows3, {
 				size: 15,
 				"aria-hidden": true
@@ -12657,7 +12942,7 @@ const BIG_STEP = 50;
 * aria-valuenow/min/max (the width in px). Drag it with a pointer; from the keyboard,
 * ArrowLeft/ArrowRight change the width by 10px (Shift: 50px), Home/End jump to the limits.
 */
-function ColumnResizeHandle({ label, width, min, max, onResize, onResizeEnd }) {
+function ColumnResizeHandle({ label, width, min, max, onResize, onResizeEnd, labels }) {
 	const drag = useRef(null);
 	const clamp = (w) => Math.round(Math.min(max, Math.max(min, w)));
 	const onPointerDown = (e) => {
@@ -12701,11 +12986,11 @@ function ColumnResizeHandle({ label, width, min, max, onResize, onResizeEnd }) {
 		role: "separator",
 		tabIndex: 0,
 		"aria-orientation": "vertical",
-		"aria-label": `Resize ${label} column`,
+		"aria-label": labels?.resizeColumn?.(label) ?? `Resize ${label} column`,
 		"aria-valuenow": width,
 		"aria-valuemin": min,
 		"aria-valuemax": max,
-		"aria-valuetext": `${width} pixels`,
+		"aria-valuetext": labels?.columnWidth?.(width) ?? `${width} pixels`,
 		"data-column-resizer": "",
 		onPointerDown,
 		onPointerMove,
@@ -12725,7 +13010,7 @@ function ColumnResizeHandle({ label, width, min, max, onResize, onResizeEnd }) {
 * Column header of the DataTable. Without a resize handle it is the kit TableHead; with one, the
 * sort button and the handle sit side by side (the handle never nests inside the button).
 */
-function DataTableHeadCell({ column, sortDirection, onSortChange, layout, resize }) {
+function DataTableHeadCell({ column, sortDirection, onSortChange, layout, resize, labels }) {
 	const align = columnAlign(column);
 	const pinnedClass = layout?.pinned ? cn(layout.className, "z-[11]", stickyTint(layout, { head: true }), "bg-card") : void 0;
 	if (!resize) return /* @__PURE__ */ jsx(TableHead, {
@@ -12765,6 +13050,7 @@ function DataTableHeadCell({ column, sortDirection, onSortChange, layout, resize
 				})]
 			}) : column.header
 		}), /* @__PURE__ */ jsx(ColumnResizeHandle, {
+			labels,
 			label: column.header,
 			width: resize.width,
 			min: resize.min,
@@ -12898,7 +13184,7 @@ function newViewId(name, views) {
 }
 const DEFAULT_VALUE = "__default__";
 /** "Views" menu: switch between saved views, save the current table as a view, rename, delete, reset. */
-function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRename, onDelete, onReset }) {
+function ViewSwitcher({ labels, views, activeId, dirty, onSelect, onSaveAs, onSave, onRename, onDelete, onReset }) {
 	const inputId = useId();
 	const active = views.find((v) => v.id === activeId) ?? null;
 	const [dialog, setDialog] = useState(null);
@@ -12923,7 +13209,7 @@ function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRe
 		}),
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "max-w-40 truncate",
-			children: active ? active.name : "Default view"
+			children: active ? active.name : labels?.defaultView ?? "Default view"
 		}), dirty && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			" ",
 			/* @__PURE__ */ jsx("span", {
@@ -12933,19 +13219,19 @@ function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRe
 			" ",
 			/* @__PURE__ */ jsx("span", {
 				className: "sr-only",
-				children: "(modified)"
+				children: labels?.modified ?? "(modified)"
 			})
 		] })]
 	}), /* @__PURE__ */ jsxs(MenuContent, {
 		align: "end",
 		className: "min-w-[220px]",
 		children: [
-			/* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: "Views" }), /* @__PURE__ */ jsxs(MenuRadioGroup, {
+			/* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: labels?.views ?? "Views" }), /* @__PURE__ */ jsxs(MenuRadioGroup, {
 				value: activeId ?? DEFAULT_VALUE,
 				onValueChange: (v) => onSelect(v === DEFAULT_VALUE ? null : String(v)),
 				children: [/* @__PURE__ */ jsx(MenuRadioItem, {
 					value: DEFAULT_VALUE,
-					children: "Default view"
+					children: labels?.defaultViewOption ?? "Default view"
 				}), views.map((v) => /* @__PURE__ */ jsx(MenuRadioItem, {
 					value: v.id,
 					children: v.name
@@ -12955,26 +13241,26 @@ function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRe
 			/* @__PURE__ */ jsx(MenuItem, {
 				disabled: !active || !dirty,
 				onClick: onSave,
-				children: "Save changes"
+				children: labels?.saveChanges ?? "Save changes"
 			}),
 			/* @__PURE__ */ jsx(MenuItem, {
 				onClick: () => open("create"),
-				children: "Save as new view…"
+				children: labels?.saveAs ?? "Save as new view…"
 			}),
 			/* @__PURE__ */ jsx(MenuItem, {
 				disabled: !active,
 				onClick: () => open("rename"),
-				children: "Rename view…"
+				children: labels?.renameView ?? "Rename view…"
 			}),
 			/* @__PURE__ */ jsx(MenuItem, {
 				disabled: !active,
 				onClick: () => active && onDelete(active.id),
-				children: "Delete view"
+				children: labels?.deleteView ?? "Delete view"
 			}),
 			/* @__PURE__ */ jsx(MenuItem, {
 				disabled: !dirty,
 				onClick: onReset,
-				children: "Reset changes"
+				children: labels?.resetChanges ?? "Reset changes"
 			})
 		]
 	})] }), /* @__PURE__ */ jsx(Dialog, {
@@ -12982,17 +13268,18 @@ function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRe
 		onOpenChange: (o) => !o && setDialog(null),
 		children: /* @__PURE__ */ jsx(DialogContent, {
 			size: "sm",
+			closeLabel: labels?.closeDialog,
 			children: /* @__PURE__ */ jsxs("form", {
 				onSubmit: (e) => {
 					e.preventDefault();
 					submit();
 				},
 				children: [
-					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialog === "rename" ? "Rename view" : "Save view" }) }),
+					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialog === "rename" ? labels?.renameViewTitle ?? "Rename view" : labels?.saveViewTitle ?? "Save view" }) }),
 					/* @__PURE__ */ jsxs(DialogBody, { children: [/* @__PURE__ */ jsx("label", {
 						htmlFor: inputId,
 						className: "mb-1.5 block text-[12.5px] font-medium text-foreground",
-						children: "View name"
+						children: labels?.viewName ?? "View name"
 					}), /* @__PURE__ */ jsx(Input, {
 						id: inputId,
 						value: name,
@@ -13002,11 +13289,11 @@ function ViewSwitcher({ views, activeId, dirty, onSelect, onSaveAs, onSave, onRe
 					})] }),
 					/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(DialogClose, {
 						render: /* @__PURE__ */ jsx(Button, { variant: "ghost" }),
-						children: "Cancel"
+						children: labels?.cancel ?? "Cancel"
 					}), /* @__PURE__ */ jsx(Button, {
 						type: "submit",
 						disabled: !name.trim(),
-						children: dialog === "rename" ? "Rename" : "Save view"
+						children: dialog === "rename" ? labels?.rename ?? "Rename" : labels?.saveView ?? "Save view"
 					})] })
 				]
 			})
@@ -13143,13 +13430,14 @@ const ROW_HEIGHT = {
 * and empty states, client-side sort + pagination, optional collapsible row groups (`groupBy`),
 * column resize and pinning, row virtualization, inline cell editing and saved views.
 */
-function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRowId = defaultRowId, getRowLabel, caption = "Deployments", showCaption = false, selectable: selectableProp = true, selectionMode, selectionName, legend, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, selectedId, defaultSelectedId, onSelectedIdChange, isRowDisabled, selectedIds, defaultSelectedIds = [], onSelectionChange, bulkActions, selectionSummary = true, rowActions, sort: sortProp, defaultSort = null, onSortChange, manualSorting = false, paginated: paginatedProp, defaultPageSize = 10, pageSizeOptions = [
+function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRowId = defaultRowId, getRowLabel, caption = "Deployments", showCaption = false, selectable: selectableProp = true, selectionMode, selectionName, legend, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, selectedId, defaultSelectedId, onSelectedIdChange, isRowDisabled, selectedIds, defaultSelectedIds = [], onSelectionChange, bulkActions, selectionSummary = true, rowActions, sort: sortProp, defaultSort = null, onSortChange, manualSorting = false, paginated: paginatedProp, paginationMode = "client", rowCount, page: controlledPage, pageSize: controlledPageSize, onPageChange, onPageSizeChange, defaultPageSize = 10, pageSizeOptions = [
 	10,
 	25,
 	50
-], density: densityProp, defaultDensity, onDensityChange, showDensityToggle = true, showColumnMenu = true, loading = false, loadingRows = 5, emptyState, groupBy, groupLabel, collapsibleGroups = true, collapsedGroups: collapsedProp, defaultCollapsedGroups = [], onCollapsedGroupsChange, onGroupByChange, hiddenColumns: hiddenProp, onHiddenColumnsChange, resizable = false, columnWidths: widthsProp, defaultColumnWidths = EMPTY_WIDTHS, onColumnWidthsChange, pinnedColumns: pinnedProp, defaultPinnedColumns = EMPTY_PINNED, onPinnedColumnsChange, showPinMenu, virtualize = "auto", virtualizeThreshold = 100, rowHeight: rowHeightProp, virtualContainerClassName = "max-h-[32rem]", onCellEdit, views: viewsProp, defaultViews, onViewsChange, activeViewId, defaultActiveViewId, onActiveViewChange, showViewSwitcher, filters, onFiltersChange, toolbar, className }) {
+], density: densityProp, defaultDensity, onDensityChange, showDensityToggle = true, showColumnMenu = true, loading = false, loadingRows = 5, emptyState, groupBy, groupLabel, collapsibleGroups = true, collapsedGroups: collapsedProp, defaultCollapsedGroups = [], onCollapsedGroupsChange, onGroupByChange, hiddenColumns: hiddenProp, onHiddenColumnsChange, resizable = false, columnWidths: widthsProp, defaultColumnWidths = EMPTY_WIDTHS, onColumnWidthsChange, pinnedColumns: pinnedProp, defaultPinnedColumns = EMPTY_PINNED, onPinnedColumnsChange, showPinMenu, virtualize = "auto", virtualizeThreshold = 100, rowHeight: rowHeightProp, virtualContainerClassName = "max-h-[32rem]", onCellEdit, views: viewsProp, defaultViews, onViewsChange, activeViewId, defaultActiveViewId, onActiveViewChange, showViewSwitcher, filters, onFiltersChange, toolbar, className, labels }) {
 	const { t } = useI18n();
 	const singleMode = selectionMode === "single";
+	const serverMode = paginationMode === "server";
 	const selectable = selectionMode === void 0 ? selectableProp : selectionMode === "multiple";
 	const selectionColumn = selectable || singleMode;
 	const paginated = !singleMode && (paginatedProp ?? true);
@@ -13181,10 +13469,10 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 	});
 	const [innerCollapsed, setInnerCollapsed] = useState(() => new Set(defaultCollapsedGroups));
 	const collapsed = collapsedProp ? new Set(collapsedProp) : innerCollapsed;
-	const sortedRows = manualSorting ? [...rows] : sortRows(rows, columns, sort);
+	const sortedRows = serverMode ? rows : manualSorting ? [...rows] : sortRows(rows, columns, sort);
 	const allGroups = effectiveGroupBy ? groupRows(sortedRows, effectiveGroupBy, rows) : null;
 	const sorted = allGroups ? allGroups.flatMap((g) => g.rows) : sortedRows;
-	const pageRows = paginated ? paginate(sorted, page, pageSize) : sorted;
+	const pageRows = serverMode ? rows : paginated ? paginate(sorted, page, pageSize) : sorted;
 	const pageIds = (effectiveGroupBy ? pageRows.filter((row) => !collapsed.has(groupKeyOf(row, effectiveGroupBy))) : pageRows).map(getRowId);
 	const header = selectionState(pageIds, selected);
 	const selectedList = rows.map(getRowId).filter((id) => selected.has(id));
@@ -13193,6 +13481,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 		onSelectionChange?.(rows.map(getRowId).filter((id) => next.has(id)));
 	};
 	const changeSort = (columnId, direction) => {
+		if (serverMode) return;
 		const next = {
 			columnId,
 			direction: sort?.columnId === columnId ? direction : "ascending"
@@ -13208,7 +13497,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 		setInnerCollapsed(next);
 		onCollapsedGroupsChange?.([...next]);
 	};
-	const nameOf = (key) => key || "No group";
+	const nameOf = (key) => key || (labels?.noGroup ?? "No group");
 	const bodyGroups = effectiveGroupBy && allGroups ? allGroups.map((g) => ({
 		key: g.key,
 		label: groupLabel ? groupLabel(g.key, g.rows) : nameOf(g.key),
@@ -13262,7 +13551,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 	const applyState = (state) => {
 		const nextSort = state.sort ?? null;
 		setInnerSort(nextSort);
-		if (nextSort) onSortChange?.(nextSort);
+		if (nextSort && !serverMode) onSortChange?.(nextSort);
 		setHiddenList(state.hiddenColumns ?? defaultHidden);
 		setWidths(state.columnWidths ?? defaultColumnWidths);
 		setPinned(state.pinnedColumns ?? defaultPinnedColumns);
@@ -13270,7 +13559,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 		setGroupOverride(nextGroup === groupName(groupBy) && typeof groupBy !== "function" ? void 0 : nextGroup);
 		if (nextGroup !== currentState.groupBy) onGroupByChange?.(nextGroup);
 		if (state.filters !== filters) onFiltersChange?.(state.filters);
-		setPage(1);
+		if (!serverMode) setPage(1);
 	};
 	const viewsApi = useTableViews({
 		views: viewsProp,
@@ -13313,10 +13602,10 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
 					children: hasSelection ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-						selectionSummary && /* @__PURE__ */ jsxs("span", {
+						selectionSummary && /* @__PURE__ */ jsx("span", {
 							className: "text-[12.5px] font-semibold text-foreground",
 							"aria-live": "polite",
-							children: [selectedList.length, " selected"]
+							children: labels?.selectionCount ? labels.selectionCount(selectedList.length) : /* @__PURE__ */ jsxs(Fragment$1, { children: [selectedList.length, " selected"] })
 						}),
 						selectionSummary && bulkActions && /* @__PURE__ */ jsx("span", {
 							"aria-hidden": true,
@@ -13328,6 +13617,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 					className: "flex items-center gap-2",
 					children: [
 						showViews && /* @__PURE__ */ jsx(ViewSwitcher, {
+							labels,
 							views: viewsApi.views,
 							activeId: viewsApi.activeId,
 							dirty: viewsApi.dirty,
@@ -13339,10 +13629,12 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 							onReset: viewsApi.reset
 						}),
 						showDensityToggle && /* @__PURE__ */ jsx(DensityToggle, {
+							labels,
 							value: density,
 							onChange: changeDensity
 						}),
 						showColumnMenu && /* @__PURE__ */ jsx(ColumnVisibilityMenu, {
+							labels,
 							columns,
 							hidden,
 							onToggle: toggleColumn,
@@ -13355,7 +13647,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 			anyEditable && /* @__PURE__ */ jsx("span", {
 				id: editHintId,
 				className: "sr-only",
-				children: "Press Enter or F2 to edit."
+				children: labels?.editHint ?? "Press Enter or F2 to edit."
 			}),
 			/* @__PURE__ */ jsx(SelectionGroup, {
 				single: singleMode,
@@ -13370,7 +13662,7 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 						"aria-rowcount": virtual ? items + 1 : void 0,
 						stickyHeader: virtualOn,
 						containerClassName: virtualOn ? virtualContainerClassName : void 0,
-						containerLabel: virtualOn ? caption : void 0,
+						containerLabel: virtualOn ? caption : labels?.scrollRegion,
 						className: cn(layout.tableClassName, singleMode && "[&_[data-column-resizer]]:end-0 [&_[data-column-resizer]]:justify-end"),
 						style: layout.tableStyle,
 						"data-virtualized": virtualOn || void 0,
@@ -13388,9 +13680,9 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 										style: layout.lead.style,
 										children: [singleMode && /* @__PURE__ */ jsx("span", {
 											className: "sr-only",
-											children: t("table.selection")
+											children: labels?.selection ?? t("table.selection")
 										}), selectable && /* @__PURE__ */ jsx(Checkbox, {
-											"aria-label": t("table.selectAllPage"),
+											"aria-label": labels?.selectAll ?? t("table.selectAllPage"),
 											checked: header.checked,
 											indeterminate: header.indeterminate,
 											disabled: loading || pageIds.length === 0,
@@ -13400,9 +13692,13 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 									visibleColumns.map((c) => {
 										const bounds = widthBounds(c);
 										return /* @__PURE__ */ jsx(DataTableHeadCell, {
-											column: c,
+											labels,
+											column: serverMode ? {
+												...c,
+												sortable: false
+											} : c,
 											layout: layout.columns.get(c.id),
-											sortDirection: sort?.columnId === c.id ? sort.direction : "none",
+											sortDirection: !serverMode && sort?.columnId === c.id ? sort.direction : "none",
 											onSortChange: (dir) => changeSort(c.id, dir),
 											resize: resizable && c.resizable !== false ? {
 												width: columnWidthOf(c, widths),
@@ -13417,12 +13713,13 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 										style: layout.trail.style,
 										children: /* @__PURE__ */ jsx("span", {
 											className: "sr-only",
-											children: t("table.actions")
+											children: labels?.actions ?? t("table.actions")
 										})
 									})
 								]
 							}) }),
 							/* @__PURE__ */ jsx(DataTableBody, {
+								labels,
 								rows: pageRows,
 								columns: visibleColumns,
 								getRowId,
@@ -13449,22 +13746,23 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 					})
 				})
 			}),
-			loading && /* @__PURE__ */ jsxs("p", {
+			loading && /* @__PURE__ */ jsx("p", {
 				role: "status",
 				className: "sr-only",
-				children: [
+				children: labels?.loading ? labels.loading(caption) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					"Loading ",
 					caption.toLowerCase(),
 					"…"
-				]
+				] })
 			}),
-			paginated && !loading && rows.length > 0 && /* @__PURE__ */ jsx(PaginationFooter, {
+			paginated && !loading && (serverMode || rows.length > 0) && /* @__PURE__ */ jsx(PaginationFooter, {
+				labels,
 				className: "border-t border-border px-4 py-3",
-				total: rows.length,
-				page,
-				onPageChange: setPage,
-				pageSize,
-				onPageSizeChange: setPageSize,
+				total: serverMode ? rowCount : rows.length,
+				page: serverMode ? controlledPage : page,
+				onPageChange: serverMode ? onPageChange : setPage,
+				pageSize: serverMode ? controlledPageSize : pageSize,
+				onPageSizeChange: serverMode ? onPageSizeChange : setPageSize,
 				pageSizeOptions,
 				noun: caption
 			})
@@ -13473,11 +13771,288 @@ function DataTable({ rows = DEPLOYMENT_ROWS, columns = DEPLOYMENT_COLUMNS, getRo
 }
 //#endregion
 //#region src/tables/DataTable/block.meta.ts
-const meta$15 = {
+const meta$16 = {
 	name: "Data table",
 	family: "tables",
 	status: "beta",
-	description: "Generic typed table: sortable headers with aria-sort, row selection with select-all and indeterminate by default (selectionMode=\"multiple\"), selectionMode=\"none\" to hide selection, column visibility menu, density toggle, row actions, loading and empty states, client-side sort and pagination, optional row groups (groupBy) with rowgroup header rows, counts, keyboard-accessible collapse buttons and group selection; column resize (pointer drag or a focusable role=\"separator\" handle with arrow keys, min/max widths, controlled columnWidths), column pinning to either edge with sticky cells (column menu or pinnedColumns), row virtualization for large datasets (aria-rowcount/aria-rowindex, works with selection and grouping), inline cell editing (text, number and select editors; Enter/F2 to edit, Enter/Tab to commit, Escape to cancel, onCellEdit can reject with an inline error) and saved views (filters, sort, visible columns, widths, pinning and grouping) with a view switcher to save as, rename, delete and reset. Opt-in selectionMode=\"single\" uses native radios in a labelled fieldset (never paginated or virtualized; paginated defaults to false and paginated=true is a type error). Single mode uses selectedId/onSelectedIdChange or defaultSelectedId; isRowDisabled skips unavailable rows and preserves a checked disabled choice without callbacks. Supply legend, aria-label or aria-labelledby for the group and getRowLabel for each radio (otherwise the first column labels it). selectionName is used verbatim and must be unique per page; omitted names use an instance-unique useId name, and duplicate supplied names or missing group labels warn in development. Tab enters once on the checked enabled row or first enabled row; arrows wrap and skip disabled rows, Space selects, Shift+Tab exits, and all-disabled groups have no tab stop. No select-all, group checkboxes, bulk actions or selection summary appear in single mode. Examples in examples/single-selection.tsx: an uncontrolled non-paginated list with legend=\"Available items\" and a controlled versions table with legend=\"Available versions\", selectedId=\"v2\" and a checked disabled version.",
+	description: "Generic typed table: sortable headers with aria-sort, row selection with select-all and indeterminate by default (selectionMode=\"multiple\"), selectionMode=\"none\" to hide selection, column visibility menu, density toggle, row actions, loading and empty states, client-side sort and pagination, optional row groups (groupBy) with rowgroup header rows, counts, keyboard-accessible collapse buttons and group selection; column resize (pointer drag or a focusable role=\"separator\" handle with arrow keys, min/max widths, controlled columnWidths), column pinning to either edge with sticky cells (column menu or pinnedColumns), row virtualization for large datasets (aria-rowcount/aria-rowindex, works with selection and grouping), inline cell editing (text, number and select editors; Enter/F2 to edit, Enter/Tab to commit, Escape to cancel, onCellEdit can reject with an inline error) and saved views (filters, sort, visible columns, widths, pinning and grouping) with a view switcher to save as, rename, delete and reset. Opt-in selectionMode=\"single\" uses native radios in a labelled fieldset (never paginated or virtualized; paginated defaults to false and paginated=true is a type error). Single mode uses selectedId/onSelectedIdChange or defaultSelectedId; isRowDisabled skips unavailable rows and preserves a checked disabled choice without callbacks. Supply legend, aria-label or aria-labelledby for the group and getRowLabel for each radio (otherwise the first column labels it). selectionName is used verbatim and must be unique per page; omitted names use an instance-unique useId name, and duplicate supplied names or missing group labels warn in development. Tab enters once on the checked enabled row or first enabled row; arrows wrap and skip disabled rows, Space selects, Shift+Tab exits, and all-disabled groups have no tab stop. No select-all, group checkboxes, bulk actions or selection summary appear in single mode. Examples in examples/single-selection.tsx: an uncontrolled non-paginated list with legend=\"Available items\" and a controlled versions table with legend=\"Available versions\", selectedId=\"v2\" and a checked disabled version. Opt-in paginationMode=\"server\" accepts a controlled 1-based page, pageSize and required rowCount (known total), with onPageChange/onPageSizeChange requests. Supplied rows render in order without client sorting or slicing, and headers have no sort affordance. Single selection cannot use server mode. The footer stays visible for empty results, clamps stale pages for display without callbacks, and hides during loading. Page-size changes may also request a page to keep the first visible row on screen. The consumer owns fetching and reconciles stale pages. See examples/server-pagination.tsx for an items/total/page/pageSize envelope consumer that handles both callbacks.",
+	labels: [
+		{
+			key: "scrollRegion",
+			type: "string",
+			state: "Non-virtual table overflow: focusable scroll region name; virtualized regions use the caller caption"
+		},
+		{
+			key: "selectionCount",
+			type: "(count: number) => string",
+			state: "Multiple selection: toolbar count and polite live region"
+		},
+		{
+			key: "columns",
+			type: "string",
+			state: "Column visibility trigger text and name"
+		},
+		{
+			key: "visibleColumns",
+			type: "string",
+			state: "Open column menu: visibility heading"
+		},
+		{
+			key: "pinColumns",
+			type: "string",
+			state: "Open column menu with pinning: pin heading"
+		},
+		{
+			key: "pinnedLeft",
+			type: "string",
+			state: "Open pin submenu trigger: left side suffix"
+		},
+		{
+			key: "pinnedRight",
+			type: "string",
+			state: "Open pin submenu trigger: right side suffix"
+		},
+		{
+			key: "pinLeft",
+			type: "string",
+			state: "Open pin submenu: left option"
+		},
+		{
+			key: "pinRight",
+			type: "string",
+			state: "Open pin submenu: right option"
+		},
+		{
+			key: "unpinned",
+			type: "string",
+			state: "Open pin submenu: unpinned option"
+		},
+		{
+			key: "density",
+			type: "string",
+			state: "Density group accessible name"
+		},
+		{
+			key: "comfortable",
+			type: "string",
+			state: "Comfortable density button name"
+		},
+		{
+			key: "compact",
+			type: "string",
+			state: "Compact density button name"
+		},
+		{
+			key: "resizeColumn",
+			type: "(label: string) => string",
+			state: "Resizable header: separator name; label is caller column header"
+		},
+		{
+			key: "columnWidth",
+			type: "(width: number) => string",
+			state: "Resizable header: separator aria-valuetext in pixels"
+		},
+		{
+			key: "defaultView",
+			type: "string",
+			state: "View trigger when no active view"
+		},
+		{
+			key: "defaultViewOption",
+			type: "string",
+			state: "Open views menu: default option"
+		},
+		{
+			key: "modified",
+			type: "string",
+			state: "Dirty view trigger: screen reader suffix"
+		},
+		{
+			key: "views",
+			type: "string",
+			state: "Open views menu: heading"
+		},
+		{
+			key: "saveChanges",
+			type: "string",
+			state: "Open views menu: save current view action"
+		},
+		{
+			key: "saveAs",
+			type: "string",
+			state: "Open views menu: save as action"
+		},
+		{
+			key: "renameView",
+			type: "string",
+			state: "Open views menu: rename action"
+		},
+		{
+			key: "deleteView",
+			type: "string",
+			state: "Open views menu: immediate delete action; no confirmation dialog"
+		},
+		{
+			key: "resetChanges",
+			type: "string",
+			state: "Open views menu: reset action"
+		},
+		{
+			key: "saveViewTitle",
+			type: "string",
+			state: "Save as dialog: title and accessible name"
+		},
+		{
+			key: "renameViewTitle",
+			type: "string",
+			state: "Rename dialog: title and accessible name"
+		},
+		{
+			key: "viewName",
+			type: "string",
+			state: "Save as and Rename dialogs: input label"
+		},
+		{
+			key: "cancel",
+			type: "string",
+			state: "Save as and Rename dialogs: cancel button"
+		},
+		{
+			key: "saveView",
+			type: "string",
+			state: "Save as dialog: submit button"
+		},
+		{
+			key: "rename",
+			type: "string",
+			state: "Rename dialog: submit button"
+		},
+		{
+			key: "closeDialog",
+			type: "string",
+			state: "Save as and Rename dialogs: close button name"
+		},
+		{
+			key: "selection",
+			type: "string",
+			state: "Single selection: screen reader column heading"
+		},
+		{
+			key: "selectAll",
+			type: "string",
+			state: "Multiple selection: header checkbox name"
+		},
+		{
+			key: "selectRow",
+			type: "(label: string) => string",
+			state: "Multiple selection: row checkbox name; label is caller row name"
+		},
+		{
+			key: "selectGroup",
+			type: "(group: string) => string",
+			state: "Grouped multiple selection: group checkbox name"
+		},
+		{
+			key: "groupRows",
+			type: "(count: number) => string",
+			state: "Grouped header: screen reader row-count unit; numeric count stays unchanged"
+		},
+		{
+			key: "noGroup",
+			type: "string",
+			state: "Grouped header: fallback when group key is empty"
+		},
+		{
+			key: "actions",
+			type: "string",
+			state: "Row actions present: screen reader column heading"
+		},
+		{
+			key: "rowActions",
+			type: "(label: string) => string",
+			state: "Row action menu trigger name; label is caller row name"
+		},
+		{
+			key: "emptyTitle",
+			type: "string",
+			state: "Empty rows: default empty-state title"
+		},
+		{
+			key: "emptyDescription",
+			type: "string",
+			state: "Empty rows: default empty-state description"
+		},
+		{
+			key: "loading",
+			type: "(caption: string) => string",
+			state: "Loading: status announcement; receives original caller caption"
+		},
+		{
+			key: "editHint",
+			type: "string",
+			state: "Editable table: shared keyboard instruction description"
+		},
+		{
+			key: "editLabel",
+			type: "(column: string, row: string) => string",
+			state: "Editing cell: input accessible name"
+		},
+		{
+			key: "editError",
+			type: "string",
+			state: "Rejected cell edit without caller error message: alert"
+		},
+		{
+			key: "enterNumber",
+			type: "string",
+			state: "Editing number: invalid numeric value alert"
+		},
+		{
+			key: "minimumValue",
+			type: "(min: number) => string",
+			state: "Editing number below minimum: alert"
+		},
+		{
+			key: "maximumValue",
+			type: "(max: number) => string",
+			state: "Editing number above maximum: alert"
+		},
+		{
+			key: "rowsPerPage",
+			type: "string",
+			state: "Always: visible page-size text"
+		},
+		{
+			key: "rowsPerPageLabel",
+			type: "string",
+			state: "Always: page-size Select accessible name"
+		},
+		{
+			key: "rangeSummary",
+			type: "(from: number, to: number, total: number) => string",
+			state: "Every page and page-size change: visible summary and polite live region"
+		},
+		{
+			key: "paginationNav",
+			type: "(noun: string) => string",
+			state: "Always: navigation accessible name; noun is the caller caption"
+		},
+		{
+			key: "previous",
+			type: "string",
+			state: "Always: previous-page button name"
+		},
+		{
+			key: "next",
+			type: "string",
+			state: "Always: next-page button name"
+		},
+		{
+			key: "page",
+			type: "(page: number) => string",
+			state: "Always: numbered-page button name; number stays caller content"
+		}
+	],
 	uses: [
 		"Table",
 		"Checkbox",
@@ -13571,9 +14146,10 @@ const same = (a, b) => a.field === b.field && a.value === b.value;
 * Filter bar: search Input, saved views Select, an "Add filter" Menu (multi-select per field),
 * removable filter chips (Token) and Clear all.
 */
-function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaultQuery = "", onQueryChange, filters: filtersProp, defaultFilters = DEPLOYMENT_DEFAULT_FILTERS, onFiltersChange, views = DEPLOYMENT_SAVED_VIEWS, defaultView = null, onViewChange, searchLabel: searchLabelProp, placeholder = "Search by name…", resultCount, className }) {
+function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaultQuery = "", onQueryChange, filters: filtersProp, defaultFilters = DEPLOYMENT_DEFAULT_FILTERS, onFiltersChange, views = DEPLOYMENT_SAVED_VIEWS, defaultView = null, onViewChange, searchLabel: searchLabelProp, placeholder: placeholderProp, resultCount, className, labels }) {
 	const { t } = useI18n();
-	const searchLabel = searchLabelProp ?? t("common.search");
+	const searchLabel = labels?.searchLabel ?? searchLabelProp ?? t("common.search");
+	const placeholder = labels?.searchPlaceholder ?? placeholderProp ?? "Search by name…";
 	const [innerQuery, setInnerQuery] = useState(defaultQuery);
 	const [innerFilters, setInnerFilters] = useState(defaultFilters);
 	const [view, setView] = useState(defaultView);
@@ -13605,7 +14181,7 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 	const hasAny = filters.length > 0 || query !== "";
 	return /* @__PURE__ */ jsxs("div", {
 		role: "search",
-		"aria-label": t("filters.label"),
+		"aria-label": labels?.searchLandmark ?? t("filters.label"),
 		className: cn("flex flex-col gap-3", className),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-2 sm:flex-row sm:items-center",
@@ -13623,9 +14199,9 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [views.length > 0 && /* @__PURE__ */ jsx(SimpleSelect, {
-						"aria-label": t("filters.savedView"),
+						"aria-label": labels?.savedViewLabel ?? t("filters.savedView"),
 						size: "sm",
-						placeholder: t("filters.savedViews"),
+						placeholder: labels?.savedViewPlaceholder ?? t("filters.savedViews"),
 						value: view,
 						onValueChange: applyView,
 						items: views.map((v) => ({
@@ -13639,7 +14215,7 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 							size: "sm",
 							icon: Plus
 						}),
-						children: t("filters.add")
+						children: labels?.addFilter ?? t("filters.add")
 					}), /* @__PURE__ */ jsx(MenuContent, {
 						className: "max-h-80 min-w-[220px] overflow-y-auto",
 						children: fields.map((field, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsxs(MenuGroup, { children: [/* @__PURE__ */ jsx(MenuGroupLabel, { children: field.label }), field.options.map((option) => {
@@ -13655,17 +14231,17 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 						})] })] }, field.id))
 					})] })]
 				}),
-				resultCount !== void 0 && /* @__PURE__ */ jsxs("p", {
+				resultCount !== void 0 && /* @__PURE__ */ jsx("p", {
 					className: "text-[12.5px] text-muted-foreground sm:ms-auto",
 					"aria-live": "polite",
-					children: [
+					children: labels?.resultCount ? labels.resultCount(resultCount) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 						/* @__PURE__ */ jsx("span", {
 							className: "font-mono text-foreground tabular-nums",
 							children: resultCount.toLocaleString("en-US")
 						}),
 						" ",
 						resultCount === 1 ? "result" : "results"
-					]
+					] })
 				})
 			]
 		}), hasAny && /* @__PURE__ */ jsxs("div", {
@@ -13676,10 +14252,10 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 					children: [/* @__PURE__ */ jsx(ListFilter, {
 						size: 12,
 						"aria-hidden": true
-					}), "Filters"]
+					}), labels?.filters ?? "Filters"]
 				}),
 				/* @__PURE__ */ jsx("ul", {
-					"aria-label": t("filters.active"),
+					"aria-label": labels?.activeFilters ?? t("filters.active"),
 					className: "flex flex-wrap items-center gap-2",
 					children: filters.map((f) => /* @__PURE__ */ jsx("li", {
 						className: "flex",
@@ -13687,7 +14263,7 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 							size: "sm",
 							prefix: `${labelOf(f.field)}:`,
 							label: f.value,
-							removeLabel: t("filters.remove", {
+							removeLabel: labels?.removeFilter?.(labelOf(f.field), f.value) ?? t("filters.remove", {
 								field: labelOf(f.field),
 								value: f.value
 							}),
@@ -13700,7 +14276,7 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 					size: "sm",
 					className: "h-7 px-2 hover:text-destructive-text",
 					onClick: clearAll,
-					children: "Clear all"
+					children: labels?.clearAll ?? "Clear all"
 				})
 			]
 		})]
@@ -13708,11 +14284,68 @@ function FilterBar({ fields = DEPLOYMENT_FILTER_FIELDS, query: queryProp, defaul
 }
 //#endregion
 //#region src/tables/FilterBar/block.meta.ts
-const meta$26 = {
+const meta$27 = {
 	name: "Filter bar",
 	family: "tables",
 	status: "beta",
 	description: "Search Input, saved views Select, an Add filter Menu with multi-select per field, removable filter chips and Clear all.",
+	labels: [
+		{
+			key: "searchLandmark",
+			type: "string",
+			state: "Always: search landmark name"
+		},
+		{
+			key: "searchLabel",
+			type: "string",
+			state: "Always: search input accessible name"
+		},
+		{
+			key: "searchPlaceholder",
+			type: "string",
+			state: "Always: search input placeholder"
+		},
+		{
+			key: "savedViewLabel",
+			type: "string",
+			state: "When views exist: Select accessible name"
+		},
+		{
+			key: "savedViewPlaceholder",
+			type: "string",
+			state: "When no view selected: Select placeholder"
+		},
+		{
+			key: "addFilter",
+			type: "string",
+			state: "Always: Add filter trigger text and name"
+		},
+		{
+			key: "activeFilters",
+			type: "string",
+			state: "When filters or search exist: active-filters list name"
+		},
+		{
+			key: "filters",
+			type: "string",
+			state: "When filters or search exist: chip section heading"
+		},
+		{
+			key: "clearAll",
+			type: "string",
+			state: "When filters or search exist: clear button text and name"
+		},
+		{
+			key: "removeFilter",
+			type: "(field: string, value: string) => string",
+			state: "When chip exists: remove button name; field and value are caller content"
+		},
+		{
+			key: "resultCount",
+			type: "(count: number) => string",
+			state: "When resultCount supplied: visible count and polite live region"
+		}
+	],
 	uses: [
 		"Input",
 		"SimpleSelect",
@@ -13723,15 +14356,309 @@ const meta$26 = {
 	]
 };
 //#endregion
+//#region src/tables/CursorPagerFooter/fixtures.ts
+const CURSOR_PAGER_PREVIEW = {
+	hasPrevious: false,
+	hasNext: true,
+	onPrevious: () => {},
+	onNext: () => {},
+	shownCount: 25,
+	labels: {
+		shownSummary: (shownCount) => `${shownCount} records shown`,
+		totalSummary: (total) => `${total} records in total`
+	}
+};
+//#endregion
+//#region src/tables/CursorPagerFooter/CursorPagerFooter.tsx
+/** Responsive table footer. Forwards every cursor-pagination prop without storing cursor state. */
+function CursorPagerFooter(props = {}) {
+	return /* @__PURE__ */ jsx(CursorPagination, { ...props.hasPrevious === void 0 ? CURSOR_PAGER_PREVIEW : props });
+}
+//#endregion
+//#region src/tables/CursorPagerFooter/block.meta.ts
+const meta$14 = {
+	name: "Cursor pager footer",
+	family: "tables",
+	status: "beta",
+	description: "Responsive stateless cursor-pagination footer for data-table paginated={false}. Forwards CursorPaginationProps: hasPrevious, hasNext, onPrevious, onNext, loading, busy, summary, shownCount, total, unavailableBehaviour, pageSize, pageSizeOptions, onPageSizeChange, previousLabel, nextLabel, ariaLabel, loadingLabel, labels and className. Consumer-owned opaque cursors stay outside the kit. summary accepts plain text or null; the count form requires labels.shownSummary and labels.totalSummary; select options require labels.rowsPerPage and labels.rowsPerPageLabel. Flat names override labels.previous, labels.next and labels.navLabel, then catalog defaults. loadingLabel=null preserves the summary while busy. One persistent polite atomic status; buttons remain focusable when aria-disabled. Removal of a focused control moves focus to Next, Previous, select, then nav root, including while busy. No page numbers or ranges. No props renders fixtures.",
+	labels: [
+		{
+			key: "previous",
+			type: "string",
+			state: "Previous name, below previousLabel and above catalog defaults"
+		},
+		{
+			key: "next",
+			type: "string",
+			state: "Next name, below nextLabel and above catalog defaults"
+		},
+		{
+			key: "navLabel",
+			type: "string",
+			state: "Navigation name, below ariaLabel and above catalog defaults"
+		},
+		{
+			key: "shownSummary",
+			type: "(shownCount: number) => string",
+			state: "Required in count form: no positive exact total"
+		},
+		{
+			key: "totalSummary",
+			type: "(total: number) => string",
+			state: "Required in count form: positive exact total"
+		},
+		{
+			key: "rowsPerPage",
+			type: "string",
+			state: "Required with pageSizeOptions: visible select label"
+		},
+		{
+			key: "rowsPerPageLabel",
+			type: "string",
+			state: "Required with pageSizeOptions: select accessible name"
+		}
+	],
+	uses: ["CursorPagination"]
+};
+//#endregion
 //#region src/tables/PaginationFooter/block.meta.ts
-const meta$45 = {
+const meta$47 = {
 	name: "Pagination footer",
 	family: "tables",
 	status: "beta",
 	description: "Table footer with a rows-per-page Select, a \"1–10 of 97\" summary and numbered Pagination; controlled or uncontrolled.",
+	labels: [
+		{
+			key: "rowsPerPage",
+			type: "string",
+			state: "Always: visible page-size text"
+		},
+		{
+			key: "rowsPerPageLabel",
+			type: "string",
+			state: "Always: page-size Select accessible name"
+		},
+		{
+			key: "rangeSummary",
+			type: "(from: number, to: number, total: number) => string",
+			state: "Every page and page-size change: visible summary and polite live region"
+		},
+		{
+			key: "paginationNav",
+			type: "(noun: string) => string",
+			state: "Always: navigation accessible name; noun is caller content or defaults to the provider translation of rows"
+		},
+		{
+			key: "previous",
+			type: "string",
+			state: "Always: previous-page button name"
+		},
+		{
+			key: "next",
+			type: "string",
+			state: "Always: next-page button name"
+		},
+		{
+			key: "page",
+			type: "(page: number) => string",
+			state: "Always: numbered-page button name; number stays caller content"
+		}
+	],
 	uses: ["SimpleSelect", "Pagination"]
 };
 //#endregion
+//#region src/tables/LoadMoreFooter/useLoadMoreFooter.ts
+/** Capture focus before React removes the control, then restore it after the replacement commits. */
+function useLoadMoreFooter(control, target, loading, error) {
+	const rootRef = useRef(null);
+	const summaryRef = useRef(null);
+	const currentControl = useRef(null);
+	const moveFocus = useRef(false);
+	const inFlightCursorRef = useRef(void 0);
+	useEffect(() => {
+		if (!loading && !error) inFlightCursorRef.current = void 0;
+	}, [loading, error]);
+	const controlRef = useCallback((node) => {
+		if (!node && currentControl.current?.contains(document.activeElement)) moveFocus.current = true;
+		currentControl.current = node;
+	}, []);
+	useLayoutEffect(() => {
+		if (!moveFocus.current) return;
+		moveFocus.current = false;
+		const nextControl = currentControl.current;
+		((nextControl?.matches("button") ? nextControl : nextControl?.querySelector("button")) ?? (target === "root" ? rootRef.current : summaryRef.current))?.focus();
+	}, [control, target]);
+	return {
+		rootRef,
+		summaryRef,
+		controlRef,
+		inFlightCursorRef
+	};
+}
+/** Track committed results; mounting and intermediate loading states remain silent. */
+function useLoadMoreAnnouncements(loading, error, lastAppend, loadedAnnouncement) {
+	const announce = useAnnounce();
+	const previous = useRef({
+		loading,
+		error
+	});
+	const lastSeq = useRef(lastAppend?.seq);
+	useEffect(() => {
+		const before = previous.current;
+		previous.current = {
+			loading,
+			error
+		};
+		if (!loading && error && (before.loading || before.error !== error)) announce(error, "assertive");
+	}, [
+		loading,
+		error,
+		announce
+	]);
+	useEffect(() => {
+		if (!lastAppend || lastSeq.current !== void 0 && lastAppend.seq <= lastSeq.current) return;
+		lastSeq.current = lastAppend.seq;
+		if (lastAppend.count > 0) announce(loadedAnnouncement(lastAppend.count), "polite");
+	}, [
+		lastAppend,
+		loadedAnnouncement,
+		announce
+	]);
+}
+//#endregion
+//#region src/tables/LoadMoreFooter/fixtures.ts
+/** Meaningful defaults for the no-props catalogue preview. */
+const LOAD_MORE_PREVIEW = {
+	nextCursor: "page-2",
+	loadedCount: 20
+};
+//#endregion
+//#region src/tables/LoadMoreFooter/LoadMoreFooter.tsx
+/**
+* Load more for appended lists without a total or page count. The consumer owns rows and requests.
+* With no props, renders a static catalogue preview using fixture data. Supplying any prop selects
+* the consumer contract: undefined nextCursor means flag mode and requires hasMore=true.
+* loadedCount defaults to the preview fixture; consumers should pass their actual loaded count.
+*/
+function LoadMoreFooter(props = {}) {
+	return useHasLiveAnnouncer() ? /* @__PURE__ */ jsx(LoadMoreFooterContent, { ...props }) : /* @__PURE__ */ jsx(LiveAnnouncer, { children: /* @__PURE__ */ jsx(LoadMoreFooterContent, { ...props }) });
+}
+function LoadMoreFooterContent(props) {
+	const { t } = useI18n();
+	const { nextCursor, hasMore, loading = false, error = "", exhaustedFocusTarget = "summary", loadedCount = LOAD_MORE_PREVIEW.loadedCount, labels, className } = props;
+	const cursor = Object.keys(props).length === 0 ? LOAD_MORE_PREVIEW.nextCursor : nextCursor;
+	const available = cursor === void 0 ? hasMore === true : typeof cursor === "string" && cursor.length > 0 && hasMore !== false;
+	const failed = error.length > 0;
+	const cursorMode = cursor !== void 0;
+	const panel = cursorMode && failed;
+	const { rootRef, summaryRef, controlRef, inFlightCursorRef } = useLoadMoreFooter(!available ? "none" : panel ? "retry" : "button", exhaustedFocusTarget, loading, error);
+	const errorId = useId();
+	useLoadMoreAnnouncements(loading, error, props.lastAppend, labels?.loadedAnnouncement ?? ((count) => t("table.loadedAnnouncement", { count })));
+	const load = () => {
+		if (loading || !available) return;
+		inFlightCursorRef.current = cursor ?? void 0;
+		if (cursor === void 0) props.onLoadMore?.();
+		else props.onLoadMore?.(cursor ?? void 0);
+	};
+	const retry = () => {
+		if (loading || !available) return;
+		const handler = props.onRetry ?? props.onLoadMore;
+		if (cursorMode) handler?.(inFlightCursorRef.current ?? cursor ?? void 0);
+		else handler?.();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		role: "group",
+		"aria-label": labels?.group ?? t("table.loadMoreGroup"),
+		tabIndex: -1,
+		"aria-busy": loading,
+		className: cn("flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", className),
+		children: [/* @__PURE__ */ jsxs("p", {
+			ref: summaryRef,
+			tabIndex: -1,
+			className: "text-sm text-muted-foreground tabular-nums",
+			children: [
+				labels?.summary?.(loadedCount) ?? t("table.loadedSummary", { count: loadedCount }),
+				" ",
+				available && /* @__PURE__ */ jsx("span", { children: labels?.moreAvailable ?? t("table.moreAvailable") })
+			]
+		}), panel ? /* @__PURE__ */ jsx("div", {
+			ref: available ? controlRef : void 0,
+			children: /* @__PURE__ */ jsx(ErrorPanel, {
+				title: error,
+				message: null,
+				code: null,
+				requestId: "",
+				details: "",
+				secondaryAction: null,
+				onRetry: available ? retry : void 0,
+				retrying: loading,
+				retryLabel: labels?.retry ?? t("error.retry")
+			})
+		}, available ? "retry" : "exhausted") : /* @__PURE__ */ jsxs(Fragment$1, { children: [failed && /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			className: "text-sm text-destructive-text",
+			children: error
+		}), available && /* @__PURE__ */ jsx(Button, {
+			ref: controlRef,
+			loading,
+			onClick: failed ? retry : load,
+			"aria-describedby": failed ? errorId : void 0,
+			children: loading ? labels?.loading ?? t("table.loadingMore") : failed ? labels?.retry ?? t("error.retry") : labels?.loadMore ?? t("table.loadMore")
+		})] })]
+	});
+}
+//#endregion
+//#region src/tables/LoadMoreFooter/block.meta.ts
+const meta$38 = {
+	name: "Load more footer",
+	family: "tables",
+	status: "beta",
+	description: "A load more button and loaded-count summary for appended lists without a total or page count. Cursor mode uses nextCursor and optional hasMore; flag mode omits nextCursor and uses hasMore. Compose with DataTable paginated={false} or Collapsible and JsonViewer cards. The consumer owns rows, filters and cursor normalization. Each attempt must settle loading=false together with its result in one update; split settles are unsupported. Keep cursor, hasMore, counts and lastAppend unchanged on failure. Cursor failures replace the button with ErrorPanel; flag failures keep the same button. Exhaustion removes every control even on failure. Focus moves only when the focused control is removed, to its replacement or exhaustedFocusTarget (summary by default, root optionally). lastAppend uses increasing seq values for successful appends, never initial loads, replacements or failures. New appended counts are announced politely; settled errors assertively. Self-wraps in LiveAnnouncer when needed. Every label has translated defaults and per-key overrides.",
+	labels: [
+		{
+			key: "loadMore",
+			type: "string",
+			state: "Available and idle: button name"
+		},
+		{
+			key: "loading",
+			type: "string",
+			state: "Loading: button name; ErrorPanel uses its own translated busy text"
+		},
+		{
+			key: "retry",
+			type: "string",
+			state: "Failed and available: retry button name"
+		},
+		{
+			key: "group",
+			type: "string",
+			state: "Always: root group accessible name"
+		},
+		{
+			key: "moreAvailable",
+			type: "string",
+			state: "Available: visible summary note"
+		},
+		{
+			key: "summary",
+			type: "(count: number) => string",
+			state: "Always: loaded-count summary and default exhaustion focus target"
+		},
+		{
+			key: "loadedAnnouncement",
+			type: "(count: number) => string",
+			state: "New lastAppend.seq with positive count: polite announcement"
+		}
+	],
+	uses: [
+		"Button",
+		"ErrorPanel",
+		"LiveAnnouncer"
+	]
+};
+//#endregion
 //#region src/tables/TruncatedCollectionFooter/fixtures.ts
 /** Meaningful runtime defaults for the JavaScript catalogue preview. */
 const TRUNCATED_COLLECTION_PREVIEW = {
@@ -13771,7 +14698,7 @@ function TruncatedCollectionFooter({ visibleCount = TRUNCATED_COLLECTION_PREVIEW
 }
 //#endregion
 //#region src/tables/TruncatedCollectionFooter/block.meta.ts
-const meta$72 = {
+const meta$74 = {
 	name: "Truncated collection footer",
 	family: "tables",
 	status: "beta",
@@ -13978,7 +14905,7 @@ function InlineEditTable({ rows: initialRows = EDITABLE_MEMBERS, fields = EDITAB
 }
 //#endregion
 //#region src/tables/InlineEditRow/block.meta.ts
-const meta$33 = {
+const meta$34 = {
 	name: "Inline edit row",
 	family: "tables",
 	status: "beta",
@@ -14077,7 +15004,7 @@ function SubordinateList({ title, headingLevel, count, columns, rows, getRowId,
 }
 //#endregion
 //#region src/tables/SubordinateList/block.meta.ts
-const meta$67 = {
+const meta$69 = {
 	name: "Subordinate list",
 	family: "tables",
 	status: "beta",
@@ -14254,7 +15181,7 @@ function MembersTable({ members: members$1 = members, roles = memberRoles, curre
 }
 //#endregion
 //#region src/team/MembersTable/block.meta.ts
-const meta$38 = {
+const meta$40 = {
 	name: "Members table",
 	family: "team",
 	status: "stable",
@@ -14432,7 +15359,7 @@ function NotificationMatrix({ channels = notificationChannels, events = notifica
 }
 //#endregion
 //#region src/team/NotificationMatrix/block.meta.ts
-const meta$42 = {
+const meta$44 = {
 	name: "Notification matrix",
 	family: "team",
 	status: "stable",
@@ -14594,7 +15521,7 @@ function PendingInvitations({ invitations: invitations$1 = invitations, onResend
 }
 //#endregion
 //#region src/team/PendingInvitations/block.meta.ts
-const meta$47 = {
+const meta$49 = {
 	name: "Pending invitations",
 	family: "team",
 	status: "stable",
@@ -14719,7 +15646,7 @@ function ProfileHeader({ profile: profile$1 = profile, onAvatarChange = () => {}
 }
 //#endregion
 //#region src/team/ProfileHeader/block.meta.ts
-const meta$51 = {
+const meta$53 = {
 	name: "Profile header",
 	family: "team",
 	status: "stable",
@@ -14894,7 +15821,7 @@ function SessionsDevices({ sessions = deviceSessions, onRevoke, onRevokeOthers,
 }
 //#endregion
 //#region src/team/SessionsDevices/block.meta.ts
-const meta$57 = {
+const meta$59 = {
 	name: "Sessions and devices",
 	family: "team",
 	status: "stable",
@@ -14906,6 +15833,6 @@ const meta$57 = {
 	]
 };
 //#endregion
-export { ASSISTANT_STATUSES, ActivityFeed, AgendaList, AppSidebar, AppSidebarFooter, AppSidebarHeader, AppSidebarNav, AppTopbar, AssistantCardGrid, AuthDivider, AuthHeader, BulkActionBar, COLUMN_VARIANT_CLASSES, COMMENT_AUTHOR, COST_BY_RANGE, COST_RANGES, ChartCard, CodePanel, ColumnResizeHandle, ColumnVisibilityMenu, CommentThread, ComparisonTable, ConfirmDestructive, ConfirmDestructiveDialog, CostBreakdown, CreateApiKeyDialog, CredentialDisclosureDialog, DEFAULT_COLUMN_WIDTH, DEPLOYMENT_COLUMNS, DEPLOYMENT_DEFAULT_FILTERS, DEPLOYMENT_DETAILS, DEPLOYMENT_EVENTS, DEPLOYMENT_FILTER_FIELDS, DEPLOYMENT_ROWS, DEPLOYMENT_SAVED_VIEWS, DangerZone, DataTable, ViewSwitcher as DataTableViewSwitcher, DateRangeFilter, DensityToggle, DescriptionListCard, DialogWizard, EDITABLE_MEMBERS, EDITABLE_MEMBER_FIELDS, EditableCell, EnvironmentBadge, ErrorPanel, EvaluationScorecard, Faq, FeatureGrid, FileUploadPanel, FilterBar, FirstRunEmpty, FlowBuilder, ForgotPasswordForm, FormSection, GlobalSearch, Hero, HeroScreenshotPlaceholder, InlineCallout, InlineEditRow, InlineEditTable, InviteMembersDialog, InvoiceTable, KPI_ITEMS, KpiRow, LOG_LEVELS, ListSkeleton, LogViewer, MAX_COLUMN_WIDTH, MIN_COLUMN_WIDTH, MODEL_KEY_STATUSES, MembersTable, MfaChallenge, ModelKeysList, MonthCalendar, NoAccessEmpty, NoResultsEmpty, NodeInspector, NodePalette, NotificationMatrix, PROJECT_ACTIVITY, PageHeader, PageSkeleton, PageToolbar, PaginationFooter, PaymentMethodCard, PendingInvitations, PlanCard, PlanDefinitionCard, PricingTable, ProfileHeader, PromptEditor, QuotaMeters, RESOURCE_CARDS, REVIEW_COMMENTS, ResetPasswordForm, ResourceCardGrid, RunConsole, SPAN_STATUSES, STAT_RANGES, SectionHeader, SessionsDevices, SettingsRow, SignInForm, SignUpForm, SpanDetails, SpendVsBudget, SsoButtons, StatCard, StatusTimeline, StickyActionBar, SubordinateList, SystemBanner, TRAFFIC_BUCKETS, TRAFFIC_BY_RANGE, TRAFFIC_RANGES, TableSkeleton, TimeSlotPicker, TokenCostCard, TraceWaterfall, TrendDelta, TruncatedCollectionFooter, ValidationSummary, WeekCalendar, meta as activityFeedMeta, meta$1 as agendaListMeta, apiKeyExpiries, apiKeyScopes, meta$2 as appSidebarMeta, appSidebarNavGroups, appSidebarUsage, appSidebarUser, appSidebarWorkspaces, appTopbarBreadcrumbs, meta$3 as appTopbarMeta, appTopbarNotifications, meta$4 as assistantCardGridMeta, meta$5 as bulkActionBarMeta, meta$6 as chartCardMeta, clampColumnWidth, meta$7 as codePanelMeta, columnAlign, columnWidthOf, meta$8 as commentThreadMeta, compareValues, meta$9 as comparisonTableMeta, meta$10 as confirmDestructiveMeta, meta$11 as costBreakdownMeta, meta$12 as createApiKeyDialogMeta, meta$13 as credentialDisclosureDialogMeta, dangerZoneActions, meta$14 as dangerZoneMeta, meta$15 as dataTableMeta, meta$16 as dateRangeFilterMeta, defaultEventKinds, meta$17 as descriptionListCardMeta, dialogWizardCopy, meta$18 as dialogWizardMeta, dialogWizardSteps, meta$19 as emptyStatesMeta, meta$20 as environmentBadgeMeta, environmentTones, meta$21 as errorPanelMeta, meta$22 as evaluationScorecardMeta, extractPromptVariables, meta$23 as faqMeta, meta$24 as featureGridMeta, meta$25 as fileUploadPanelMeta, meta$26 as filterBarMeta, firstRunSteps, meta$27 as flowBuilderMeta, meta$28 as forgotPasswordFormMeta, meta$29 as formSectionMeta, formatCell, formatSpanDuration, generateDemoSecret, generateDeployments, globalSearchActions, meta$30 as globalSearchMeta, globalSearchPages, globalSearchRecent, globalSearchRecords, groupActivityByDay, groupKeyOf, groupRows, meta$31 as heroMeta, meta$32 as inlineCalloutMeta, meta$33 as inlineEditRowMeta, meta$34 as inviteMembersDialogMeta, meta$35 as invoiceTableMeta, meta$36 as kpiRowMeta, meta$37 as logViewerMeta, memberRoles, meta$38 as membersTableMeta, meta$39 as mfaChallengeMeta, meta$40 as modelKeysListMeta, meta$41 as monthCalendarMeta, noAccessSample, noResultsSample, notificationChannels, notificationDefaults, notificationEvents, meta$42 as notificationMatrixMeta, orderColumns, pageCountOf, pageHeaderActions, pageHeaderBreadcrumbs, meta$43 as pageHeaderMeta, pageHeaderTabs, meta$44 as pageToolbarMeta, pageToolbarViews, paginate, meta$45 as paginationFooterMeta, meta$46 as paymentMethodCardMeta, meta$47 as pendingInvitationsMeta, meta$48 as planCardMeta, meta$49 as planDefinitionCardMeta, meta$50 as pricingTableMeta, meta$51 as profileHeaderMeta, meta$52 as promptEditorMeta, meta$53 as quotaMetersMeta, meta$54 as resetPasswordFormMeta, meta$55 as resourceCardGridMeta, runningTraceSpans, sameViewState, sampleBudget, sampleComparisonPlans, sampleComparisonSections, sampleCosts, deviceSessions as sampleDeviceSessions, sampleFaqs, sampleFeatures, invitations as sampleInvitations, sampleInvoices, members as sampleMembers, samplePaymentMethod, samplePlan, samplePlanDefinition, samplePricingTiers, profile as sampleProfile, sampleQuotas, sampleEvents as sampleScheduleEvents, sampleToday as sampleScheduleToday, sampleSpend, sampleTimeSlots, meta$56 as sectionHeaderMeta, selectionState, meta$57 as sessionsDevicesMeta, setColumnPin, meta$58 as settingsRowMeta, meta$59 as signInFormMeta, meta$60 as signUpFormMeta, simulateUpload, meta$61 as skeletonsMeta, sortRows, meta$62 as spendVsBudgetMeta, meta$63 as ssoButtonsMeta, ssoProviders, meta$64 as statCardMeta, meta$65 as statusTimelineMeta, meta$66 as stickyActionBarMeta, meta$67 as subordinateListMeta, meta$68 as systemBannerMeta, meta$69 as timeSlotPickerMeta, toggleAll, toggleOne, meta$70 as tokenCostCardMeta, traceSpans, meta$71 as traceWaterfallMeta, meta$72 as truncatedCollectionFooterMeta, uploadItems, validationIssues, meta$73 as validationSummaryMeta, meta$74 as weekCalendarMeta };
+export { ASSISTANT_STATUSES, ActivityFeed, AgendaList, AppSidebar, AppSidebarFooter, AppSidebarHeader, AppSidebarNav, AppTopbar, AssistantCardGrid, AuthDivider, AuthHeader, BulkActionBar, COLUMN_VARIANT_CLASSES, COMMENT_AUTHOR, COST_BY_RANGE, COST_RANGES, ChartCard, CodePanel, ColumnResizeHandle, ColumnVisibilityMenu, CommentThread, ComparisonTable, ConfirmDestructive, ConfirmDestructiveDialog, CostBreakdown, CreateApiKeyDialog, CredentialDisclosureDialog, CursorPagerFooter, DEFAULT_COLUMN_WIDTH, DEPLOYMENT_COLUMNS, DEPLOYMENT_DEFAULT_FILTERS, DEPLOYMENT_DETAILS, DEPLOYMENT_EVENTS, DEPLOYMENT_FILTER_FIELDS, DEPLOYMENT_ROWS, DEPLOYMENT_SAVED_VIEWS, DangerZone, DataTable, ViewSwitcher as DataTableViewSwitcher, DateRangeFilter, DensityToggle, DescriptionListCard, DialogWizard, EDITABLE_MEMBERS, EDITABLE_MEMBER_FIELDS, EditableCell, EnvironmentBadge, ErrorPanel, EvaluationScorecard, Faq, FeatureGrid, FileUploadPanel, FilterBar, FirstRunEmpty, FlowBuilder, ForgotPasswordForm, FormSection, GlobalSearch, Hero, HeroScreenshotPlaceholder, InlineCallout, InlineEditRow, InlineEditTable, InviteMembersDialog, InvoiceTable, KPI_ITEMS, KpiRow, LOG_LEVELS, ListSkeleton, LoadMoreFooter, LogViewer, MAX_COLUMN_WIDTH, MIN_COLUMN_WIDTH, MODEL_KEY_STATUSES, MembersTable, MfaChallenge, ModelKeysList, MonthCalendar, NoAccessEmpty, NoResultsEmpty, NodeInspector, NodePalette, NotFoundEmpty, NotificationMatrix, PROJECT_ACTIVITY, PageHeader, PageSkeleton, PageToolbar, PaginationFooter, PaymentMethodCard, PendingInvitations, PlanCard, PlanDefinitionCard, PricingTable, ProfileHeader, PromptEditor, QuotaMeters, RESOURCE_CARDS, REVIEW_COMMENTS, ResetPasswordForm, ResourceCardGrid, RunConsole, SPAN_STATUSES, STAT_RANGES, SectionHeader, SessionsDevices, SettingsRow, SignInForm, SignUpForm, SpanDetails, SpendVsBudget, SsoButtons, StatCard, StatusTimeline, StickyActionBar, SubordinateList, SystemBanner, TRAFFIC_BUCKETS, TRAFFIC_BY_RANGE, TRAFFIC_RANGES, TableSkeleton, TimeSlotPicker, TokenCostCard, TraceWaterfall, TrendDelta, TruncatedCollectionFooter, ValidationSummary, WeekCalendar, meta as activityFeedMeta, meta$1 as agendaListMeta, apiKeyExpiries, apiKeyScopes, meta$2 as appSidebarMeta, appSidebarNavGroups, appSidebarUsage, appSidebarUser, appSidebarWorkspaces, appTopbarBreadcrumbs, meta$3 as appTopbarMeta, appTopbarNotifications, meta$4 as assistantCardGridMeta, meta$5 as bulkActionBarMeta, meta$6 as chartCardMeta, clampColumnWidth, meta$7 as codePanelMeta, columnAlign, columnWidthOf, meta$8 as commentThreadMeta, compareValues, meta$9 as comparisonTableMeta, meta$10 as confirmDestructiveMeta, meta$11 as costBreakdownMeta, meta$12 as createApiKeyDialogMeta, meta$13 as credentialDisclosureDialogMeta, meta$14 as cursorPagerFooterMeta, dangerZoneActions, meta$15 as dangerZoneMeta, meta$16 as dataTableMeta, meta$17 as dateRangeFilterMeta, defaultEventKinds, meta$18 as descriptionListCardMeta, dialogWizardCopy, meta$19 as dialogWizardMeta, dialogWizardSteps, meta$20 as emptyStatesMeta, meta$21 as environmentBadgeMeta, environmentTones, meta$22 as errorPanelMeta, meta$23 as evaluationScorecardMeta, extractPromptVariables, meta$24 as faqMeta, meta$25 as featureGridMeta, meta$26 as fileUploadPanelMeta, meta$27 as filterBarMeta, firstRunSteps, meta$28 as flowBuilderMeta, meta$29 as forgotPasswordFormMeta, meta$30 as formSectionMeta, formatCell, formatSpanDuration, generateDemoSecret, generateDeployments, globalSearchActions, meta$31 as globalSearchMeta, globalSearchPages, globalSearchRecent, globalSearchRecords, groupActivityByDay, groupKeyOf, groupRows, meta$32 as heroMeta, meta$33 as inlineCalloutMeta, meta$34 as inlineEditRowMeta, meta$35 as inviteMembersDialogMeta, meta$36 as invoiceTableMeta, meta$37 as kpiRowMeta, meta$38 as loadMoreFooterMeta, meta$39 as logViewerMeta, memberRoles, meta$40 as membersTableMeta, meta$41 as mfaChallengeMeta, meta$42 as modelKeysListMeta, meta$43 as monthCalendarMeta, noAccessSample, noResultsSample, notFoundSample, notificationChannels, notificationDefaults, notificationEvents, meta$44 as notificationMatrixMeta, orderColumns, pageCountOf, pageHeaderActions, pageHeaderBreadcrumbs, meta$45 as pageHeaderMeta, pageHeaderTabs, meta$46 as pageToolbarMeta, pageToolbarViews, paginate, meta$47 as paginationFooterMeta, meta$48 as paymentMethodCardMeta, meta$49 as pendingInvitationsMeta, meta$50 as planCardMeta, meta$51 as planDefinitionCardMeta, meta$52 as pricingTableMeta, meta$53 as profileHeaderMeta, meta$54 as promptEditorMeta, meta$55 as quotaMetersMeta, meta$56 as resetPasswordFormMeta, meta$57 as resourceCardGridMeta, runningTraceSpans, sameViewState, sampleBudget, sampleComparisonPlans, sampleComparisonSections, sampleCosts, deviceSessions as sampleDeviceSessions, sampleFaqs, sampleFeatures, invitations as sampleInvitations, sampleInvoices, members as sampleMembers, samplePaymentMethod, samplePlan, samplePlanDefinition, samplePricingTiers, profile as sampleProfile, sampleQuotas, sampleEvents as sampleScheduleEvents, sampleToday as sampleScheduleToday, sampleSpend, sampleTimeSlots, meta$58 as sectionHeaderMeta, selectionState, meta$59 as sessionsDevicesMeta, setColumnPin, meta$60 as settingsRowMeta, meta$61 as signInFormMeta, meta$62 as signUpFormMeta, simulateUpload, meta$63 as skeletonsMeta, sortRows, meta$64 as spendVsBudgetMeta, meta$65 as ssoButtonsMeta, ssoProviders, meta$66 as statCardMeta, meta$67 as statusTimelineMeta, meta$68 as stickyActionBarMeta, meta$69 as subordinateListMeta, meta$70 as systemBannerMeta, meta$71 as timeSlotPickerMeta, toggleAll, toggleOne, meta$72 as tokenCostCardMeta, traceSpans, meta$73 as traceWaterfallMeta, meta$74 as truncatedCollectionFooterMeta, uploadItems, validationIssues, meta$75 as validationSummaryMeta, meta$76 as weekCalendarMeta };
 
 //# sourceMappingURL=index.js.map