@setsquare/ui 0.4.0 → 0.6.0

package/dist/ui/dialog.d.ts

@@ -3,6 +3,7 @@ import { type ReactNode } from 'react';
 export interface DialogLabels {
     close: string;
 }
+export declare const dialogLabels: DialogLabels;
 export interface DialogProps {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
@@ -21,8 +22,10 @@ export interface DialogProps {
 }
 /** A centred modal: focus moves in and is trapped, Escape closes, focus returns to what opened it. */
 export declare function Dialog({ isOpen, onOpenChange, title, description, children, footer, role, isDismissable, size, labels, className, }: DialogProps): import("react").JSX.Element;
-/** A ConfirmDialog's words, for the `labels` prop. Its cancel button's is `cancelLabel`. */
+/** A ConfirmDialog's words, for the `labels` prop. */
 export interface ConfirmDialogLabels {
+    /** The button that closes it without acting. */
+    cancel: string;
     /** The type-to-confirm field's label; `{text}` is `confirmText`. */
     typeToConfirm: string;
     /** Its error when the text doesn't match. */
@@ -32,6 +35,7 @@ export interface ConfirmDialogLabels {
     /** The error when `onConfirm` throws without a message of its own. */
     failed: string;
 }
+export declare const confirmDialogLabels: ConfirmDialogLabels;
 export interface ConfirmDialogProps {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
@@ -41,6 +45,7 @@ export interface ConfirmDialogProps {
     children: ReactNode;
     /** A verb phrase that repeats the action: "Delete project" — never "OK" or "Yes". */
     confirmLabel: string;
+    /** @deprecated Use `labels.cancel`. Kept for one release. */
     cancelLabel?: string;
     tone?: 'danger' | 'default';
     /** For the riskiest actions: the exact text to type before confirming (the project's name). */

package/dist/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,sGAAsG;AACtG,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,IAAe,EACf,aAAoB,EACpB,IAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,WAAW,+BAuDb;AAED,4FAA4F;AAC5F,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AASD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,WAAsB,EACtB,IAAe,EACf,WAAW,EACX,SAAS,EACT,MAAM,EAAE,KAAK,GACd,EAAE,kBAAkB,+BA4FpB"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,EAAE,YAAiC,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,sGAAsG;AACtG,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,IAAe,EACf,aAAoB,EACpB,IAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,WAAW,+BAwDb;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAMjC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,IAAe,EACf,WAAW,EACX,SAAS,EACT,MAAM,EAAE,KAAK,GACd,EAAE,kBAAkB,+BAwFpB"}

package/dist/ui/dialog.js

@@ -4,18 +4,21 @@ import { useId, useState } from 'react';
 import { Dialog as RACDialog, Heading, Modal, ModalOverlay } from 'react-aria-components';
 import { X } from 'lucide-react';
 import { cn } from '../lib/cn.js';
-import { fill, withLabels } from '../lib/labels.js';
+import { useLabels } from '../lib/locale.js';
 import { Alert } from './alert.js';
 import { Button } from './button.js';
 import { IconButton } from './icon-button.js';
 import { TextField } from './text-field.js';
+export const dialogLabels = { close: 'Close' };
 const widths = { sm: 'max-w-[26rem]', md: 'max-w-[32rem]', lg: 'max-w-[44rem]' };
 /** A centred modal: focus moves in and is trapped, Escape closes, focus returns to what opened it. */
 export function Dialog({ isOpen, onOpenChange, title, description, children, footer, role = 'dialog', isDismissable = true, size = 'md', labels, className, }) {
+    const t = useLabels('dialog', dialogLabels, labels);
     const descId = useId();
-    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: isDismissable, "data-overlay": true, className: "fixed inset-0 z-(--z-sheet) flex items-center justify-center bg-overlay p-4", children: _jsx(Modal, { "data-sheet": "top", className: cn('relative max-h-[calc(100dvh-2rem)] w-full overflow-auto rounded-xl border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', widths[size], className), children: _jsxs(RACDialog, { role: role, "aria-describedby": description ? descId : undefined, className: "flex flex-col outline-none", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 px-5 pt-5", children: [_jsx(Heading, { slot: "title", className: "text-heading", children: title }), isDismissable && (_jsx(IconButton, { label: labels?.close ?? 'Close', icon: X, visualSize: "icon-sm", slot: "close", tooltip: false, className: "-mt-1 -mr-2 items-start justify-end" }))] }), _jsxs("div", { className: "flex flex-col gap-4 px-5 pt-2 pb-5 text-sm leading-6", children: [description && (_jsx("div", { id: descId, className: "max-w-(--measure) text-muted-foreground", children: description })), children] }), footer && (_jsx("div", { className: "flex flex-wrap items-center justify-end gap-(--control-gap) border-t border-border px-5 py-4", children: footer }))] }) }) }));
+    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: isDismissable, "data-overlay": true, className: "fixed inset-0 z-(--z-sheet) flex items-center justify-center bg-overlay p-4", children: _jsx(Modal, { "data-sheet": "top", className: cn('relative max-h-[calc(100dvh-2rem)] w-full overflow-auto rounded-xl border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', widths[size], className), children: _jsxs(RACDialog, { role: role, "aria-describedby": description ? descId : undefined, className: "flex flex-col outline-none", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 px-5 pt-5", children: [_jsx(Heading, { slot: "title", className: "text-heading", children: title }), isDismissable && (_jsx(IconButton, { label: t('close'), icon: X, visualSize: "icon-sm", slot: "close", tooltip: false, className: "-mt-1 -mr-2 items-start justify-end" }))] }), _jsxs("div", { className: "flex flex-col gap-4 px-5 pt-2 pb-5 text-sm leading-6", children: [description && (_jsx("div", { id: descId, className: "max-w-(--measure) text-muted-foreground", children: description })), children] }), footer && (_jsx("div", { className: "flex flex-wrap items-center justify-end gap-(--control-gap) border-t border-border px-5 py-4", children: footer }))] }) }) }));
 }
-const confirmDialogLabels = {
+export const confirmDialogLabels = {
+    cancel: 'Cancel',
     typeToConfirm: 'Type {text} to confirm',
     typeExactly: 'Type {text} exactly, including capitals',
     failedTitle: "{action} didn't work",
@@ -26,8 +29,8 @@ const confirmDialogLabels = {
  * role=alertdialog, not dismissed by the backdrop; focus starts on Cancel, or the confirm-text field.
  * Anything reversible should skip this and offer Undo in a toast instead.
  */
-export function ConfirmDialog({ isOpen, onOpenChange, title, children, confirmLabel, cancelLabel = 'Cancel', tone = 'danger', confirmText, onConfirm, labels: given, }) {
-    const labels = withLabels(confirmDialogLabels, given);
+export function ConfirmDialog({ isOpen, onOpenChange, title, children, confirmLabel, cancelLabel, tone = 'danger', confirmText, onConfirm, labels: given, }) {
+    const t = useLabels('confirmDialog', confirmDialogLabels, given);
     const [typed, setTyped] = useState('');
     const [mismatch, setMismatch] = useState(false);
     const [pending, setPending] = useState(false);
@@ -58,18 +61,18 @@ export function ConfirmDialog({ isOpen, onOpenChange, title, children, confirmLa
             onOpenChange(false);
         }
         catch (e) {
-            setError(e instanceof Error && e.message ? e.message : labels.failed);
+            setError(e instanceof Error && e.message ? e.message : t('failed'));
         }
         finally {
             setPending(false);
         }
     };
-    return (_jsxs(Dialog, { isOpen: isOpen, onOpenChange: (open) => !pending && onOpenChange(open), title: title, role: "alertdialog", isDismissable: false, description: children, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", slot: "close", autoFocus: !confirmText, isDisabled: pending, children: cancelLabel }), _jsx(Button, { variant: tone === 'danger' ? 'destructive' : 'primary', isPending: pending, onPress: run, children: confirmLabel })] }), children: [confirmText && (_jsx(TextField, { id: fieldId, label: fill(labels.typeToConfirm, { text: confirmText }), value: typed, onChange: (v) => {
+    return (_jsxs(Dialog, { isOpen: isOpen, onOpenChange: (open) => !pending && onOpenChange(open), title: title, role: "alertdialog", isDismissable: false, description: children, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", slot: "close", autoFocus: !confirmText, isDisabled: pending, children: cancelLabel ?? t('cancel') }), _jsx(Button, { variant: tone === 'danger' ? 'destructive' : 'primary', isPending: pending, onPress: run, children: confirmLabel })] }), children: [confirmText && (_jsx(TextField, { id: fieldId, label: t('typeToConfirm', { text: confirmText }), value: typed, onChange: (v) => {
                     setTyped(v);
                     setMismatch(false);
                 }, 
                 // Type-to-confirm: the field is the dialog's first task, so it takes focus when the dialog opens.
                 // oxlint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: true, autoComplete: "off", spellCheck: "false", isInvalid: mismatch, errorMessage: fill(labels.typeExactly, { text: confirmText }) })), error && (_jsx(Alert, { tone: "danger", live: "assertive", title: fill(labels.failedTitle, { action: confirmLabel }), children: error }))] }));
+                autoFocus: true, autoComplete: "off", spellCheck: "false", isInvalid: mismatch, errorMessage: t('typeExactly', { text: confirmText }) })), error && (_jsx(Alert, { tone: "danger", live: "assertive", title: t('failedTitle', { action: confirmLabel }), children: error }))] }));
 }
 //# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/ui/drop-indicator.d.ts

@@ -0,0 +1,21 @@
+import { type DropIndicatorProps as RACDropIndicatorProps } from 'react-aria-components';
+export interface DropIndicatorProps extends Omit<RACDropIndicatorProps, 'className' | 'style'> {
+    /**
+     * What the line is drawn over. `surface` (the default): the editor's own lists, a 4px `brand` line with a 2px
+     * `background` halo. `canvas`: a page the product doesn't style, such as a page builder's canvas, a 4px
+     * `canvas-mark` line with a 2px `canvas-mark-halo` halo, the same in every theme, so one of the two tones has
+     * 3:1 against whatever is underneath.
+     */
+    tone?: 'surface' | 'canvas';
+    className?: string;
+}
+/**
+ * Where a dragged row will land, between two rows of a Tree or a GridList. Give it to `useDragAndDrop`'s
+ * `renderDropIndicator`: `renderDropIndicator: (target) => <DropIndicator target={target} />`.
+ *
+ * Two tones, so it reads on any surface: a 4px line with a 2px halo. It takes no room until it's the target, so
+ * rows never jump while something is dragged over them. React Aria names it for a screen reader ("Insert between
+ * Hero and Fixtures") and moves through these by keyboard during a drag.
+ */
+export declare function DropIndicator({ tone, className, ...props }: DropIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=drop-indicator.d.ts.map

package/dist/ui/drop-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.d.ts","sourceRoot":"","sources":["../../src/ui/drop-indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,IAAI,qBAAqB,EACjD,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5F;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAkB1F"}

package/dist/ui/drop-indicator.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DropIndicator as RACDropIndicator, } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+/**
+ * Where a dragged row will land, between two rows of a Tree or a GridList. Give it to `useDragAndDrop`'s
+ * `renderDropIndicator`: `renderDropIndicator: (target) => <DropIndicator target={target} />`.
+ *
+ * Two tones, so it reads on any surface: a 4px line with a 2px halo. It takes no room until it's the target, so
+ * rows never jump while something is dragged over them. React Aria names it for a screen reader ("Insert between
+ * Hero and Fixtures") and moves through these by keyboard during a drag.
+ */
+export function DropIndicator({ tone = 'surface', className, ...props }) {
+    return (_jsx(RACDropIndicator, { ...props, className: ({ isDropTarget }) => cn('relative z-10 h-0 outline-none', isDropTarget &&
+            "before:absolute before:inset-x-2 before:-top-0.5 before:h-1 before:rounded-full before:content-[''] forced-colors:before:bg-[Highlight] forced-colors:before:forced-color-adjust-none", isDropTarget &&
+            (tone === 'canvas'
+                ? 'before:bg-canvas-mark before:shadow-[0_0_0_2px_var(--canvas-mark-halo)]'
+                : 'before:bg-brand before:shadow-[0_0_0_2px_var(--background)]'), className) }));
+}
+//# sourceMappingURL=drop-indicator.js.map

package/dist/ui/drop-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicator.js","sourceRoot":"","sources":["../../src/ui/drop-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,IAAI,gBAAgB,GAElC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAalC;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IACzF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAC9B,EAAE,CACA,gCAAgC,EAChC,YAAY;YACV,uLAAuL,EACzL,YAAY;YACV,CAAC,IAAI,KAAK,QAAQ;gBAChB,CAAC,CAAC,yEAAyE;gBAC3E,CAAC,CAAC,6DAA6D,CAAC,EACpE,SAAS,CACV,GAEH,CACH,CAAC;AACJ,CAAC"}

package/dist/ui/error-state.d.ts

@@ -1,10 +1,20 @@
 import { Component, type ErrorInfo, type ReactNode } from 'react';
 export type ErrorKind = 'load' | 'offline' | 'forbidden' | 'not-found' | 'server';
 /**
- * An error state's words, for the `labels` prop; `{reference}` is the reference. Each kind's title and body are
- * `title` and `children`.
+ * An error state's words, for the `labels` prop; `{reference}` is the reference. Each kind has a title and a
+ * body, which an instance's `title` and `children` replace.
  */
 export interface ErrorStateLabels {
+    loadTitle: string;
+    loadBody: string;
+    offlineTitle: string;
+    offlineBody: string;
+    forbiddenTitle: string;
+    forbiddenBody: string;
+    notFoundTitle: string;
+    notFoundBody: string;
+    serverTitle: string;
+    serverBody: string;
     retry: string;
     /** Before the reference. */
     reference: string;
@@ -15,6 +25,11 @@ export interface ErrorStateLabels {
     /** When the browser refuses to copy. */
     copyFailed: string;
 }
+export declare const errorStateLabels: ErrorStateLabels;
+export declare const kindLabels: Record<ErrorKind, {
+    title: keyof ErrorStateLabels;
+    body: keyof ErrorStateLabels;
+}>;
 export interface ErrorStateProps {
     kind?: ErrorKind;
     /** Override the default title — name the thing: "Projects didn't load". */

package/dist/ui/error-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/ui/error-state.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAKT,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,CAAC;AA8BlF;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;CACpB;AAWD,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAgB,EAChB,SAAS,EACT,IAAa,EACb,MAAM,EAAE,KAAK,EACb,SAAS,GACV,EAAE,eAAe,+BA2FjB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,8GAA8G;AAC9G,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE;IAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAAC;IAC9E,KAAK;QAAK,KAAK,EAAU,KAAK,GAAG,IAAI;MAAG;IACjD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;MAE3C;IACQ,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,QAEvD;IACD,KAAK,aAAwC;IACpC,MAAM,gUASd;CACF"}
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/ui/error-state.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAKT,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,CAAC;AAUlF;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAsB9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,SAAS,EACT;IAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAAC,IAAI,EAAE,MAAM,gBAAgB,CAAA;CAAE,CAOhE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAgB,EAChB,SAAS,EACT,IAAa,EACb,MAAM,EAAE,KAAK,EACb,SAAS,GACV,EAAE,eAAe,+BA8FjB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,8GAA8G;AAC9G,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE;IAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAAC;IAC9E,KAAK;QAAK,KAAK,EAAU,KAAK,GAAG,IAAI;MAAG;IACjD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;MAE3C;IACQ,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,QAEvD;IACD,KAAK,aAAwC;IACpC,MAAM,gUASd;CACF"}

package/dist/ui/error-state.js

@@ -3,37 +3,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component, useEffect, useId, useRef, useState, } from 'react';
 import { CircleAlert, Copy, FileQuestionMark, Lock, RefreshCw, ServerCrash, WifiOff, } from 'lucide-react';
 import { cn } from '../lib/cn.js';
-import { fill, withLabels } from '../lib/labels.js';
+import { useLabels } from '../lib/locale.js';
 import { Button } from './button.js';
 import { StatusMessage } from './form.js';
-const kinds = {
-    load: {
-        Icon: CircleAlert,
-        title: "This didn't load",
-        body: 'Check your connection and try again. If it keeps happening, contact support and quote the reference below.',
-    },
-    offline: {
-        Icon: WifiOff,
-        title: "You're offline",
-        body: "This page needs a connection. It will load when you're back online, or you can try again now.",
-    },
-    forbidden: {
-        Icon: Lock,
-        title: "You don't have access to this",
-        body: 'Ask a workspace owner to give you access, or switch to a workspace you belong to.',
-    },
-    'not-found': {
-        Icon: FileQuestionMark,
-        title: 'Page not found',
-        body: 'The link may be out of date, or the page was moved or deleted. Check the address, or go back to the overview.',
-    },
-    server: {
-        Icon: ServerCrash,
-        title: 'Something went wrong on our side',
-        body: "It isn't anything you did. Try again in a minute; if it keeps happening, contact support and quote the reference below.",
-    },
+const icons = {
+    load: CircleAlert,
+    offline: WifiOff,
+    forbidden: Lock,
+    'not-found': FileQuestionMark,
+    server: ServerCrash,
 };
-const errorStateLabels = {
+export const errorStateLabels = {
+    loadTitle: "This didn't load",
+    loadBody: 'Check your connection and try again. If it keeps happening, contact support and quote the reference below.',
+    offlineTitle: "You're offline",
+    offlineBody: "This page needs a connection. It will load when you're back online, or you can try again now.",
+    forbiddenTitle: "You don't have access to this",
+    forbiddenBody: 'Ask a workspace owner to give you access, or switch to a workspace you belong to.',
+    notFoundTitle: 'Page not found',
+    notFoundBody: 'The link may be out of date, or the page was moved or deleted. Check the address, or go back to the overview.',
+    serverTitle: 'Something went wrong on our side',
+    serverBody: "It isn't anything you did. Try again in a minute; if it keeps happening, contact support and quote the reference below.",
     retry: 'Try again',
     reference: 'Reference',
     copy: 'Copy',
@@ -41,13 +31,21 @@ const errorStateLabels = {
     copied: 'Reference copied',
     copyFailed: 'Select the reference and copy it',
 };
+export const kindLabels = {
+    load: { title: 'loadTitle', body: 'loadBody' },
+    offline: { title: 'offlineTitle', body: 'offlineBody' },
+    forbidden: { title: 'forbiddenTitle', body: 'forbiddenBody' },
+    'not-found': { title: 'notFoundTitle', body: 'notFoundBody' },
+    server: { title: 'serverTitle', body: 'serverBody' },
+};
 /**
  * Something failed: says what happened in plain words, that it isn't the person's fault when it isn't,
  * and what to do next. Never a raw error message or stack trace.
  */
 export function ErrorState({ kind = 'load', title, children, onRetry, reference, actions, headingLevel = 2, autoFocus, size = 'page', labels: given, className, }) {
-    const labels = withLabels(errorStateLabels, given);
-    const k = kinds[kind];
+    const t = useLabels('errorState', errorStateLabels, given);
+    const Icon = icons[kind];
+    const words = kindLabels[kind];
     const H = `h${headingLevel}`;
     const headingRef = useRef(null);
     const headingId = useId();
@@ -68,15 +66,15 @@ export function ErrorState({ kind = 'load', title, children, onRetry, reference,
             setPending(false);
         }
     };
-    return (_jsxs("div", { role: "group", "aria-labelledby": headingId, className: cn('mx-auto flex max-w-(--measure) flex-col items-center px-6 text-center', size === 'page' ? 'py-16' : 'py-10', className), children: [_jsx("span", { "aria-hidden": "true", className: cn('mb-4 grid place-items-center rounded-full bg-destructive-subtle text-destructive', size === 'page' ? 'size-14' : 'size-11'), children: _jsx(k.Icon, { className: size === 'page' ? 'size-7' : 'size-5' }) }), _jsx(H, { ref: headingRef, id: headingId, tabIndex: -1, className: cn('outline-none focus-visible:focus-ring rounded-sm', size === 'page' ? 'text-heading' : 'text-subheading'), children: title ?? k.title }), _jsx("div", { className: "mt-2 text-[15px] leading-6 text-muted-foreground", children: children ?? k.body }), (onRetry || actions) && (_jsxs("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-(--control-gap)", children: [onRetry && (_jsxs(Button, { variant: "primary", isPending: pending, onPress: retry, children: [_jsx(RefreshCw, { "aria-hidden": "true" }), labels.retry] })), actions] })), reference && (_jsxs("div", { className: "mt-6 flex flex-col items-center gap-1", children: [_jsxs("p", { className: "flex flex-wrap items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [labels.reference, ' ', _jsx("code", { className: "rounded-sm bg-muted px-1.5 py-0.5 font-mono text-foreground", children: reference }), _jsxs(Button, { variant: "ghost", visualSize: "sm", "aria-label": fill(labels.copyReference, { reference }), onPress: async () => {
+    return (_jsxs("div", { role: "group", "aria-labelledby": headingId, className: cn('mx-auto flex max-w-(--measure) flex-col items-center px-6 text-center', size === 'page' ? 'py-16' : 'py-10', className), children: [_jsx("span", { "aria-hidden": "true", className: cn('mb-4 grid place-items-center rounded-full bg-destructive-subtle text-destructive', size === 'page' ? 'size-14' : 'size-11'), children: _jsx(Icon, { className: size === 'page' ? 'size-7' : 'size-5' }) }), _jsx(H, { ref: headingRef, id: headingId, tabIndex: -1, className: cn('outline-none focus-visible:focus-ring rounded-sm', size === 'page' ? 'text-heading' : 'text-subheading'), children: title ?? t(words.title) }), _jsx("div", { className: "mt-2 text-[15px] leading-6 text-muted-foreground", children: children ?? t(words.body) }), (onRetry || actions) && (_jsxs("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-(--control-gap)", children: [onRetry && (_jsxs(Button, { variant: "primary", isPending: pending, onPress: retry, children: [_jsx(RefreshCw, { "aria-hidden": "true" }), t('retry')] })), actions] })), reference && (_jsxs("div", { className: "mt-6 flex flex-col items-center gap-1", children: [_jsxs("p", { className: "flex flex-wrap items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [t('reference'), ' ', _jsx("code", { className: "rounded-sm bg-muted px-1.5 py-0.5 font-mono text-foreground", children: reference }), _jsxs(Button, { variant: "ghost", visualSize: "sm", "aria-label": t('copyReference', { reference }), onPress: async () => {
                                     try {
                                         await navigator.clipboard.writeText(reference);
-                                        setCopied(labels.copied);
+                                        setCopied(t('copied'));
                                     }
                                     catch {
-                                        setCopied(labels.copyFailed);
+                                        setCopied(t('copyFailed'));
                                     }
-                                }, children: [_jsx(Copy, { "aria-hidden": "true" }), labels.copy] })] }), _jsx(StatusMessage, { tone: "neutral", children: copied })] }))] }));
+                                }, children: [_jsx(Copy, { "aria-hidden": "true" }), t('copy')] })] }), _jsx(StatusMessage, { tone: "neutral", children: copied })] }))] }));
 }
 /** Contains a failing widget so the rest of the page keeps working. (Route segments use Next's error.tsx.) */
 export class ErrorBoundary extends Component {

package/dist/ui/error-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-state.js","sourceRoot":"","sources":["../../src/ui/error-state.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"error-state.js","sourceRoot":"","sources":["../../src/ui/error-state.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,SAAS,EACT,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAK1C,MAAM,KAAK,GAAqC;IAC9C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,gBAAgB;IAC7B,MAAM,EAAE,WAAW;CACpB,CAAC;AA4BF,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAChD,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EACN,4GAA4G;IAC9G,YAAY,EAAE,gBAAgB;IAC9B,WAAW,EACT,+FAA+F;IACjG,cAAc,EAAE,+BAA+B;IAC/C,aAAa,EACX,mFAAmF;IACrF,aAAa,EAAE,gBAAgB;IAC/B,YAAY,EACV,+GAA+G;IACjH,WAAW,EAAE,kCAAkC;IAC/C,UAAU,EACR,yHAAyH;IAC3H,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,4BAA4B;IAC3C,MAAM,EAAE,kBAAkB;IAC1B,UAAU,EAAE,kCAAkC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAGnB;IACF,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IAC9C,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IACvD,SAAS,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,eAAe,EAAE;IAC7D,WAAW,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE;IAC7D,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE;CACrD,CAAC;AAqBF;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,IAAI,GAAG,MAAM,EACb,MAAM,EAAE,KAAK,EACb,SAAS,GACO;IAChB,MAAM,CAAC,GAAG,SAAS,CAAC,YAAY,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,GAAG,IAAI,YAAY,EAAwB,CAAC;IACnD,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS;YAAE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,KAAK,GAAG,KAAK,IAAI,EAAE;QACvB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,OAAO,EAAE,CAAC;QAClB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,eACE,IAAI,EAAC,OAAO,qBACK,SAAS,EAC1B,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACnC,SAAS,CACV,aAED,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CACxC,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,GACrD,EACP,KAAC,CAAC,IACA,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,SAAS,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CACrD,YAEA,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GACtB,EACJ,cAAK,SAAS,EAAC,kDAAkD,YAC9D,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GACtB,EACL,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CACvB,eAAK,SAAS,EAAC,qEAAqE,aACjF,OAAO,IAAI,CACV,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,aAC1D,KAAC,SAAS,mBAAa,MAAM,GAAG,EAC/B,CAAC,CAAC,OAAO,CAAC,IACJ,CACV,EACA,OAAO,IACJ,CACP,EACA,SAAS,IAAI,CACZ,eAAK,SAAS,EAAC,uCAAuC,aACpD,aAAG,SAAS,EAAC,oFAAoF,aAC9F,CAAC,CAAC,WAAW,CAAC,EAAE,GAAG,EACpB,eAAM,SAAS,EAAC,6DAA6D,YAC1E,SAAS,GACL,EACP,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,IAAI,gBACH,CAAC,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAC7C,OAAO,EAAE,KAAK,IAAI,EAAE;oCAClB,IAAI,CAAC;wCACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;wCAC/C,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;oCACzB,CAAC;oCAAC,MAAM,CAAC;wCACP,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;oCAC7B,CAAC;gCACH,CAAC,aAED,KAAC,IAAI,mBAAa,MAAM,GAAG,EAC1B,CAAC,CAAC,MAAM,CAAC,IACH,IACP,EACJ,KAAC,aAAa,IAAC,IAAI,EAAC,SAAS,YAAE,MAAM,GAAiB,IAClD,CACP,IACG,CACP,CAAC;AACJ,CAAC;AASD,8GAA8G;AAC9G,MAAM,OAAO,aAAc,SAAQ,SAAsD;IAC9E,KAAK,GAAG,EAAE,KAAK,EAAE,IAAoB,EAAE,CAAC;IACjD,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IACQ,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACtD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IACD,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,MAAM;QACb,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,KAAK;YACP,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,GAAI,CACnD,CAAC;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/ui/feature-card.d.ts

@@ -2,6 +2,20 @@ import { type ReactNode } from 'react';
 import { type DisclosureProps as RACDisclosureProps } from 'react-aria-components';
 import { type IconProp } from './icon.js';
 type HeadingLevel = 1 | 2 | 3 | 4 | 5;
+/**
+ * A feature card's words, for the `labels` prop. `{label}` is what the panel holds: `label`, or the `label` word
+ * here. The toggle shows `show` or `hide` and is named by `showName` or `hideName`, which should contain the word
+ * it shows, so a voice command for what's on screen reaches it.
+ */
+export interface FeatureCardLabels {
+    /** What the panel holds, when there is no `label` prop. */
+    label: string;
+    show: string;
+    hide: string;
+    showName: string;
+    hideName: string;
+}
+export declare const featureCardLabels: FeatureCardLabels;
 export interface FeatureCardProps extends Omit<RACDisclosureProps, 'children' | 'className'> {
     /** The heading: a greeting ("Good morning, Ana") or what the card holds ("What's new"). */
     title: ReactNode;
@@ -10,8 +24,8 @@ export interface FeatureCardProps extends Omit<RACDisclosureProps, 'children' |
     /** In a tile before the title: a `TimeOfDayIcon` beside a greeting, or any icon. Decorative. */
     icon?: IconProp;
     /**
-     * What the panel holds, default "What's new". It ends the toggle's name ("Show what's new"), leads the line
-     * shown while the card is closed, and is the panel's heading, which only a screen reader shows.
+     * What the panel holds, default "What's new" (`labels.label`). It fills the toggle's name ("Show What's new"),
+     * leads the line shown while the card is closed, and is the panel's heading, which only a screen reader shows.
      */
     label?: string;
     /** Under the title while the card is open: "Here's what's new since you were last here on 28 September." */
@@ -29,6 +43,7 @@ export interface FeatureCardProps extends Omit<RACDisclosureProps, 'children' |
     featured?: ReactNode;
     /** The other updates: `FeatureCardItem`s, beside the featured one on a wide card and under it on a narrow one. */
     children?: ReactNode;
+    labels?: Partial<FeatureCardLabels>;
     className?: string;
 }
 /**
@@ -46,7 +61,7 @@ export interface FeatureCardProps extends Omit<RACDisclosureProps, 'children' |
  * first frame. At AAA nothing moves (the icon only fades in) and the card has no dots or ripple; under reduced
  * motion nothing animates.
  */
-export declare function FeatureCard({ title, headingLevel, icon, label, description, count, summary, action, featured, children, defaultExpanded, className, ...props }: FeatureCardProps): import("react").JSX.Element;
+export declare function FeatureCard({ title, headingLevel, icon, label: givenLabel, description, count, summary, action, featured, children, defaultExpanded, labels, className, ...props }: FeatureCardProps): import("react").JSX.Element;
 interface FeatureCardItemBase {
     /** The update's name: "Visual comparisons for every run". */
     title: ReactNode;

package/dist/ui/feature-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAQtC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC;IAC1F,2FAA2F;IAC3F,KAAK,EAAE,SAAS,CAAC;IACjB,kHAAkH;IAClH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,gGAAgG;IAChG,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4GAA4G;IAC5G,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kHAAkH;IAClH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAgB,EAChB,IAAI,EACJ,KAAoB,EACpB,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAqHlB;AAED,UAAU,mBAAmB;IAC3B,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GACpD,CACI;IACE,2GAA2G;IAC3G,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sGAAsG;IACtG,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CACJ,CAAC;AAEJ;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,+BA0FtB"}
+{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAKL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAQtC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAM/B,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC;IAC1F,2FAA2F;IAC3F,KAAK,EAAE,SAAS,CAAC;IACjB,kHAAkH;IAClH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,gGAAgG;IAChG,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4GAA4G;IAC5G,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kHAAkH;IAClH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAgB,EAChB,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA+GlB;AAiBD,UAAU,mBAAmB;IAC3B,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GACpD,CACI;IACE,2GAA2G;IAC3G,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sGAAsG;IACtG,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CACJ,CAAC;AAEJ;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,+BA0FtB"}

package/dist/ui/feature-card.js

@@ -2,8 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children, createContext, useContext, useId, } from 'react';
 import { ArrowRight, ChevronDown } from 'lucide-react';
-import { Disclosure as RACDisclosure, DisclosurePanel, Link as RACLink, } from 'react-aria-components';
+import { Disclosure as RACDisclosure, DisclosurePanel, DisclosureStateContext, Link as RACLink, } from 'react-aria-components';
 import { cn } from '../lib/cn.js';
+import { useLabels } from '../lib/locale.js';
 import { Button } from './button.js';
 import { renderIcon } from './icon.js';
 import { Tag } from './tag.js';
@@ -12,6 +13,13 @@ const ItemContext = createContext({
     headingLevel: 3,
     featured: false,
 });
+export const featureCardLabels = {
+    label: "What's new",
+    show: 'Show',
+    hide: 'Hide',
+    showName: 'Show {label}',
+    hideName: 'Hide {label}',
+};
 /**
  * The card at the top of an overview: a title (a greeting, often) with an icon, and a panel of what's new that
  * the person can show and hide. React Aria's Disclosure: the Show/Hide button is the trigger, with
@@ -27,19 +35,26 @@ const ItemContext = createContext({
  * first frame. At AAA nothing moves (the icon only fades in) and the card has no dots or ripple; under reduced
  * motion nothing animates.
  */
-export function FeatureCard({ title, headingLevel = 2, icon, label = "What's new", description, count, summary, action, featured, children, defaultExpanded = true, className, ...props }) {
+export function FeatureCard({ title, headingLevel = 2, icon, label: givenLabel, description, count, summary, action, featured, children, defaultExpanded = true, labels, className, ...props }) {
+    const t = useLabels('featureCard', featureCardLabels, labels);
+    const label = givenLabel ?? t('label');
     const Heading = `h${headingLevel}`;
     const PanelHeading = `h${headingLevel + 1}`;
     const itemLevel = (headingLevel + 2);
     const itemCount = Children.toArray(children).length;
     return (_jsxs(RACDisclosure, { ...props, defaultExpanded: defaultExpanded, className: cn('group/feature-card @container/feature-card arrive-rise relative overflow-clip rounded-lg border border-border bg-card text-card-foreground shadow-(--shadow-sm)', className), children: [_jsx("div", { "aria-hidden": "true", className: "feature-dots" }), _jsx("div", { "aria-hidden": "true", className: "feature-ripple [--feature-ripple-origin:40px_40px] @min-[35rem]/feature-card:[--feature-ripple-origin:48px_44px]" }), _jsxs("div", { className: cn('relative grid items-center gap-x-4 gap-y-3 p-4 @min-[35rem]/feature-card:px-6 @min-[35rem]/feature-card:py-5', icon
                     ? "grid-cols-[auto_minmax(0,1fr)] [grid-template-areas:'icon_toggle'_'text_text'] @min-[35rem]/feature-card:grid-cols-[auto_minmax(0,1fr)_auto] @min-[35rem]/feature-card:[grid-template-areas:'icon_text_toggle']"
-                    : "grid-cols-[minmax(0,1fr)_auto] [grid-template-areas:'text_toggle']"), children: [icon && (_jsx("span", { "aria-hidden": "true", className: "arrive-pop grid size-12 place-items-center rounded-xl border border-border bg-background text-foreground [grid-area:icon]", style: { animationDelay: '60ms' }, children: renderIcon(icon, 'size-8') })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3.5 gap-y-1 [grid-area:text]", children: [_jsx(Heading, { className: "text-title text-foreground", children: title }), description && (_jsx("p", { className: "hidden basis-full text-body text-muted-foreground group-data-expanded/feature-card:block", children: description })), _jsxs("p", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1 text-ui text-muted-foreground group-data-expanded/feature-card:hidden", children: [_jsx("span", { "aria-hidden": "true", className: "hidden h-5 w-px bg-border @min-[35rem]/feature-card:block" }), _jsx("strong", { className: "text-ui-strong text-foreground", children: label }), count && (_jsx("span", { className: "inline-flex h-[22px] items-center rounded-full bg-foreground px-2 text-caption-strong text-background", children: count })), summary && _jsx("span", { children: summary })] })] }), _jsxs("div", { className: "flex items-center gap-(--control-gap) justify-self-end [grid-area:toggle]", children: [action && (_jsx("div", { className: "hidden items-center gap-(--control-gap) group-data-expanded/feature-card:flex", children: action })), _jsxs(Button, { slot: "trigger", variant: "ghost", children: [_jsx(ChevronDown, { "aria-hidden": "true", className: "group-data-expanded/feature-card:rotate-180" }), _jsx("span", { className: "group-data-expanded/feature-card:hidden", children: "Show" }), _jsx("span", { className: "hidden group-data-expanded/feature-card:inline", children: "Hide" }), _jsxs("span", { className: "sr-only", children: [" ", label] })] })] })] }), _jsx(DisclosurePanel, { className: "relative", children: _jsxs("div", { className: "flex flex-col px-4 pb-4 @min-[35rem]/feature-card:px-6 @min-[35rem]/feature-card:pb-6", children: [_jsx(PanelHeading, { className: "sr-only", children: label }), _jsxs("ul", { 
+                    : "grid-cols-[minmax(0,1fr)_auto] [grid-template-areas:'text_toggle']"), children: [icon && (_jsx("span", { "aria-hidden": "true", className: "arrive-pop grid size-12 place-items-center rounded-xl border border-border bg-background text-foreground [grid-area:icon]", style: { animationDelay: '60ms' }, children: renderIcon(icon, 'size-8') })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3.5 gap-y-1 [grid-area:text]", children: [_jsx(Heading, { className: "text-title text-foreground", children: title }), description && (_jsx("p", { className: "hidden basis-full text-body text-muted-foreground group-data-expanded/feature-card:block", children: description })), _jsxs("p", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1 text-ui text-muted-foreground group-data-expanded/feature-card:hidden", children: [_jsx("span", { "aria-hidden": "true", className: "hidden h-5 w-px bg-border @min-[35rem]/feature-card:block" }), _jsx("strong", { className: "text-ui-strong text-foreground", children: label }), count && (_jsx("span", { className: "inline-flex h-[22px] items-center rounded-full bg-foreground px-2 text-caption-strong text-background", children: count })), summary && _jsx("span", { children: summary })] })] }), _jsxs("div", { className: "flex items-center gap-(--control-gap) justify-self-end [grid-area:toggle]", children: [action && (_jsx("div", { className: "hidden items-center gap-(--control-gap) group-data-expanded/feature-card:flex", children: action })), _jsx(FeatureCardToggle, { label: label, t: t })] })] }), _jsx(DisclosurePanel, { className: "relative", children: _jsxs("div", { className: "flex flex-col px-4 pb-4 @min-[35rem]/feature-card:px-6 @min-[35rem]/feature-card:pb-6", children: [_jsx(PanelHeading, { className: "sr-only", children: label }), _jsxs("ul", { 
                             // oxlint-disable-next-line jsx-a11y/no-redundant-roles -- VoiceOver in Safari drops a list with no markers.
                             role: "list", style: { '--feature-card-rows': Math.max(1, itemCount) }, className: cn('grid gap-4', featured
                                 ? '@min-[56rem]/feature-card:grid-cols-[minmax(0,1.7fr)_minmax(0,1fr)]'
                                 : 'grid-cols-[repeat(auto-fit,minmax(min(18rem,100%),1fr))]'), children: [featured && (_jsx("li", { className: "arrive-rise grid @min-[56rem]/feature-card:row-span-(--feature-card-rows)", style: { animationDelay: '200ms' }, children: _jsx(ItemContext.Provider, { value: { headingLevel: itemLevel, featured: true }, children: featured }) })), _jsx(ItemContext.Provider, { value: { headingLevel: itemLevel, featured: false }, children: Children.map(children, (child, i) => child == null || typeof child === 'boolean' ? null : (_jsx("li", { className: "arrive-rise grid", style: { animationDelay: `${(featured ? 280 : 200) + i * 80}ms` }, children: child }))) })] })] }) })] }));
 }
+/** Show or Hide, named with what the panel holds. Reads the open state from the Disclosure around it. */
+function FeatureCardToggle({ label, t }) {
+    const expanded = useContext(DisclosureStateContext)?.isExpanded ?? false;
+    return (_jsxs(Button, { slot: "trigger", variant: "ghost", "aria-label": expanded ? t('hideName', { label }) : t('showName', { label }), children: [_jsx(ChevronDown, { "aria-hidden": "true", className: "group-data-expanded/feature-card:rotate-180" }), expanded ? t('hide') : t('show')] }));
+}
 /**
  * One update in a FeatureCard: a picture, a tag and a date, a title and a description. In the card's `featured`
  * slot it is larger. With `href` the whole item is a link named by everything it shows, as LinkCard is, with

package/dist/ui/feature-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-card.js","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"feature-card.js","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"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"}

package/dist/ui/field.d.ts

@@ -11,25 +11,46 @@ export declare const fieldBox: string;
 export declare const fieldInput = "field-input flex-1 cursor-text px-(--control-pad-x) text-sm text-foreground placeholder:text-muted-foreground data-disabled:cursor-not-allowed";
 /** A multi-line input is taller than any target, so it is one layer: the textarea paints its own box. */
 export declare const textAreaStyles: string;
+/**
+ * A field's words, for the `labels` prop on every field. `{label}` is the field's label as written: the default
+ * required messages say "Enter Email address", so give a field `requiredMessage` where a sentence of its own
+ * reads better ("Enter your email address").
+ */
+export interface FieldLabels {
+    /** Said before the error, to a screen reader. */
+    errorPrefix: string;
+    /** After the label of a required field, when the form marks required fields. */
+    requiredMarker: string;
+    /** After the label of an optional field, when the form marks optional ones. */
+    optionalMarker: string;
+    /** A required text, number or date field left empty. */
+    enterValue: string;
+    /** A required select, combo box or radio group left empty. */
+    chooseValue: string;
+    /** A required checkbox left unticked. */
+    checkRequired: string;
+    /** A required checkbox group with nothing ticked. */
+    checkGroupRequired: string;
+}
+export declare const fieldLabels: FieldLabels;
+/** A field's words: the English defaults, the app's from `SetsquareLocale`, then the field's own `labels`. */
+export declare function useFieldLabels(given: Partial<FieldLabels> | undefined): import("../lib/locale.js").Translate<FieldLabels>;
 export interface FieldLabelProps {
     children: ReactNode;
     isRequired?: boolean;
     /** Render as a plain span (group labels that are not <label>). */
     elementType?: 'label' | 'span';
+    /** The field's `labels`, for its marker. */
+    labels?: Partial<FieldLabels>;
     className?: string;
 }
 /** The visible label. Adds "(required)" or "(optional)" per the form's NecessityIndicator — hidden from AT, which gets aria-required instead. */
-export declare function FieldLabel({ children, isRequired, elementType, className, }: FieldLabelProps): import("react").JSX.Element;
+export declare function FieldLabel({ children, isRequired, elementType, labels, className, }: FieldLabelProps): import("react").JSX.Element;
 /** Hint text under the label: what to enter, in what format. Linked to the input by aria-describedby. */
 export declare function FieldDescription({ children, className, }: {
     children: ReactNode;
     className?: string;
 }): import("react").JSX.Element;
-/** A field's words, for the `labels` prop on every field. Its required message is `requiredMessage`. */
-export interface FieldLabels {
-    /** Said before the error, to a screen reader. */
-    errorPrefix: string;
-}
 /**
  * The error, shown only when the field is invalid. Sits between the hint and the input so it is next to the
  * label at high zoom, starts with an icon and a hidden "Error:", and is linked by aria-describedby.
@@ -37,12 +58,10 @@ export interface FieldLabels {
 export declare function FieldError({ children, requiredMessage, errorPrefix, className, }: {
     children?: ReactNode;
     requiredMessage?: string;
-    /** `labels.errorPrefix` from the field. */
+    /** `labels.errorPrefix` from the field. Default: the app's, from `SetsquareLocale`, or "Error: ". */
     errorPrefix?: string;
     className?: string;
 }): import("react").JSX.Element;
-/** Lower-case the first letter unless the label starts with an acronym ("VAT number"). */
-export declare function lcFirst(label: string): string;
 /**
  * Wrap a field's validate function so an empty required field gets a message that says what to do,
  * instead of the browser's "Please fill out this field".