@med-o/ui 0.1.0 → 0.4.0

package/dist/index.d.ts

@@ -1,9 +1,66 @@
 import * as react from 'react';
-import { ReactNode, CSSProperties, HTMLAttributes, ImgHTMLAttributes } from 'react';
+import { HTMLAttributes, Ref, ReactNode, CSSProperties, ImgHTMLAttributes } from 'react';
 import { ButtonProps as ButtonProps$1, TextFieldProps as TextFieldProps$1, CheckboxFieldProps, CheckboxGroupProps as CheckboxGroupProps$1, RadioFieldProps, RadioGroupProps as RadioGroupProps$1, SwitchFieldProps, ValidationResult, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, ProgressBarProps as ProgressBarProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToolbarProps as ToolbarProps$1, ListBoxProps as ListBoxProps$1, ListBoxItemProps, SelectProps as SelectProps$1, Key, ModalOverlayProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuTriggerProps as MenuTriggerProps$1, ComboBoxProps, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, PopoverProps as PopoverProps$1, DialogTrigger, PressEvent, LinkProps as LinkProps$1, GridListItemProps, GridListProps, SearchFieldProps as SearchFieldProps$1, DisclosureGroupProps, SliderProps as SliderProps$1, NumberFieldProps as NumberFieldProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps, TableProps as TableProps$1, TableBodyProps, TableHeaderProps, DateValue, CalendarProps as CalendarProps$1, RangeCalendarProps as RangeCalendarProps$1, DateFieldProps as DateFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1 } from 'react-aria-components';
 export { DateValue, DialogTrigger, TimeValue } from 'react-aria-components';
 export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, getLocalTimeZone, isToday, isWeekend, now, parseDate, parseDateTime, parseTime, parseZonedDateTime, today } from '@internationalized/date';
 
+/**
+ * Spacing rules: every gap between elements comes from one of six rules. The values grow with the layout mode
+ * (mobile · tablet · desktop), so a layout needs no breakpoints for its spacing.
+ *
+ * inline 8 · content 16 · fields 16/24/24 · items 16/24/24 · group 32/40/48 · section 48/64/96 px
+ */
+type SpacingRule = 'inline' | 'content' | 'fields' | 'items' | 'group' | 'section';
+/** Elements a layout component can render as. Choose the one that says what the content is. */
+type LayoutElement = 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'ul' | 'ol' | 'li' | 'form' | 'fieldset';
+interface LayoutProps extends HTMLAttributes<HTMLElement> {
+    /** HTML element, e.g. `ul` for a list of cards or `section` for a page section. Default: `div`. */
+    as?: LayoutElement;
+    ref?: Ref<HTMLElement>;
+}
+interface StackProps extends LayoutProps {
+    /** vertical (default) · horizontal. */
+    direction?: 'vertical' | 'horizontal';
+    /** Spacing rule. Default: `content` when vertical, `inline` when horizontal. */
+    gap?: SpacingRule;
+    /** Cross axis: start · center · end · stretch (default) · baseline. */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** Main axis: start · center · end · between. */
+    justify?: 'start' | 'center' | 'end' | 'between';
+    /** Horizontal only: wrap to the next line when space runs out. */
+    wrap?: boolean;
+}
+/**
+ * Stack – elements below or next to each other with a spacing rule.
+ * Vertical uses the rule `content`, horizontal the rule `inline`; pass `gap` for another rule.
+ */
+declare function Stack({ as: Tag, direction, gap, align, justify, wrap, className, ...props }: StackProps): react.JSX.Element;
+interface GridProps extends LayoutProps {
+    /**
+     * Columns. Without it: as many as fit, each at least `minItemSize` wide – no breakpoints needed.
+     * A number: that many equal columns. `layout`: the layout grid (4 · 8 · 12 columns), place children with `GridItem`.
+     */
+    columns?: number | 'layout';
+    /** Without `columns`: the narrowest a column may get (CSS length). Default `16rem`. */
+    minItemSize?: string;
+    /** Spacing rule. Default: `items` (the layout gutter). */
+    gap?: SpacingRule;
+}
+/** Grid – cards, tiles and page areas in columns. The gap between items is always the rule `items` unless set. */
+declare function Grid({ as: Tag, columns, minItemSize, gap, className, style, ...props }: GridProps): react.JSX.Element;
+interface GridItemProps extends LayoutProps {
+    /** Columns to span, or `full`. Never more than there are: span 6 is full width on a phone (4 columns). */
+    span?: number | 'full';
+}
+/** GridItem – a child of `Grid` that spans several columns. */
+declare function GridItem({ as: Tag, span, className, style, ...props }: GridItemProps): react.JSX.Element;
+interface ContainerProps extends LayoutProps {
+    /** Width of the content: prose 680 (running text) · md 768 · lg 1024 · xl 1280 (default) · full. */
+    size?: 'prose' | 'md' | 'lg' | 'xl' | 'full';
+}
+/** Container – centres the content, limits its width and adds the page margin of the layout mode. */
+declare function Container({ as: Tag, size, className, ...props }: ContainerProps): react.JSX.Element;
+
 type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'text' | 'ghost-danger';
 type ButtonSize = 'sm' | 'md' | 'lg';
 interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'> {
@@ -23,7 +80,7 @@ interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'className' | 'st
  * Button – triggers an action. Built on React Aria: consistent press,
  * hover and focus behaviour on mouse, touch, keyboard and screen readers.
  * Use onPress instead of onClick and isDisabled instead of disabled.
- * While saving, set isPending and change the label („Saving…“): the button keeps its look and size.
+ * While saving, set isPending and change the label (“Saving…”): the button keeps its look and size.
  */
 declare function Button({ variant, size, startIcon, endIcon, className, children, ...props }: ButtonProps): react.JSX.Element;
 interface ButtonGroupProps {
@@ -41,7 +98,7 @@ interface ButtonGroupProps {
 declare function ButtonGroup({ context, children, destructive, className, ...props }: ButtonGroupProps): react.JSX.Element;
 
 interface IconButtonProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'> {
-    /** Required: describes the action („Delete file“), because there is no visible label. */
+    /** Required: describes the action (“Delete file”), because there is no visible label. */
     'aria-label': string;
     icon: ReactNode;
     /**
@@ -57,9 +114,9 @@ interface IconButtonProps extends Omit<ButtonProps$1, 'children' | 'className' |
      * Pass false to turn it off (e.g. when a visible label is next to the button).
      */
     tooltip?: ReactNode | false;
-    /** Keyboard shortcut in aria-keyshortcuts syntax (e.g. „Control+C“). Exposed to screen readers and shown in the tooltip. */
+    /** Keyboard shortcut in aria-keyshortcuts syntax (e.g. “Control+C”). Exposed to screen readers and shown in the tooltip. */
     shortcut?: string;
-    /** Visible form of the shortcut. Default: „Control+C“ → „Ctrl C“, „Meta+C“ → „⌘ C“. */
+    /** Visible form of the shortcut. Default: “Control+C” → “Ctrl C”, “Meta+C” → “⌘ C”. */
     shortcutLabel?: string;
     className?: string;
     style?: CSSProperties;
@@ -69,8 +126,11 @@ declare function IconButton({ icon, variant, size, tooltip, shortcut, shortcutLa
 
 type InputSize = 'sm' | 'md' | 'lg';
 interface TextFieldProps extends Omit<TextFieldProps$1, 'children' | 'className' | 'style'> {
-    /** Visible label. Always set one – a placeholder is no label. */
-    label: ReactNode;
+    /**
+     * Visible label. Always set one – a placeholder is no label. Without it set `aria-label` – only where the
+     * context names the field (a table row, a filter bar), like Select and NumberField.
+     */
+    label?: ReactNode;
     /** Helper text below the field. Replaced by the error message when invalid. */
     description?: ReactNode;
     /** Error text shown when the field is invalid (isInvalid or failed validation). */
@@ -148,7 +208,7 @@ interface RadioGroupProps extends Omit<RadioGroupProps$1, 'children' | 'classNam
 declare function RadioGroup({ label, description, errorMessage, size, children, className, ...props }: RadioGroupProps): react.JSX.Element;
 
 interface SwitchProps extends Omit<SwitchFieldProps, 'children' | 'className' | 'style'> {
-    /** Label. Describes the setting, never the state („Notifications“, not „On“). */
+    /** Label. Describes the setting, never the state (“Notifications”, not “On”). */
     children: ReactNode;
     description?: ReactNode;
     /** md (36 × 20) · lg (44 × 24, mobile). */
@@ -177,7 +237,7 @@ declare function FieldFooter({ description, errorMessage, children, }: {
 
 type BadgeTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger' | 'info';
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Meaning: success, warning, danger, info. Brand for „New“, neutral for everything else. */
+    /** Meaning: success, warning, danger, info. Brand for “New”, neutral for everything else. */
     tone?: BadgeTone;
     /** sm 20 px · md 24 px. */
     size?: 'sm' | 'md';
@@ -195,14 +255,14 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 declare function Badge({ tone, size, dot, icon, className, children, ...props }: BadgeProps): react.JSX.Element;
 interface BadgeCountProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     count: number;
-    /** Above this number the badge shows „99+“. */
+    /** Above this number the badge shows “99+”. */
     max?: number;
     tone?: 'danger' | 'brand' | 'neutral';
     /** sm 16 px · md 20 px. */
     size?: 'sm' | 'md';
     /**
-     * Text for screen readers, e.g. „3 unread messages“.
-     * Without it the number is hidden: then the parent names it („Notifications, 3 unread“).
+     * Text for screen readers, e.g. “3 unread messages”.
+     * Without it the number is hidden: then the parent names it (“Notifications, 3 unread”).
      */
     label?: string;
 }
@@ -210,7 +270,7 @@ interface BadgeCountProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'childre
 declare function BadgeCount({ count, max, tone, size, label, className, ...props }: BadgeCountProps): react.JSX.Element | null;
 interface BadgeDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     tone?: BadgeTone;
-    /** Text for screen readers („Unread“, „Online“). Without it the dot is decorative. */
+    /** Text for screen readers (“Unread”, “Online”). Without it the dot is decorative. */
     label?: string;
 }
 /** Dot for unread or presence. Always pair it with text or a label. */
@@ -229,7 +289,7 @@ interface TagGroupProps<T> extends Omit<TagGroupProps$1, 'children' | 'className
     items?: Iterable<T>;
     /** Shown when there are no tags. */
     renderEmptyState?: () => ReactNode;
-    /** Text announced after a removal. Default: „{label} removed“. */
+    /** Text announced after a removal. Default: “{label} removed”. */
     removedMessage?: (labels: string[]) => string;
     className?: string;
 }
@@ -241,7 +301,7 @@ interface TagGroupProps<T> extends Omit<TagGroupProps$1, 'children' | 'className
  * - removable values: pass `onRemove`
  * - filters: pass `selectionMode="multiple"` (or "single"). Click again to deselect.
  */
-declare function TagGroup<T extends object>({ label, description, size, children, items, renderEmptyState, onRemove, removedMessage, className, ...props }: TagGroupProps<T>): react.JSX.Element;
+declare function TagGroup<T extends object>({ label, description, size, children, items, renderEmptyState, onRemove, removedMessage: removedMessageProp, className, ...props }: TagGroupProps<T>): react.JSX.Element;
 interface TagProps extends Omit<TagProps$1, 'children' | 'className'> {
     /** Short label; long text is truncated at 200 px. */
     children: ReactNode;
@@ -267,7 +327,7 @@ interface AvatarProps {
     shape?: 'circle' | 'square';
     /** Stable id (user id) for the initials colour, so it survives name changes. */
     colorKey?: string;
-    /** Presence dot. Also added to the accessible name („Lea M., online“). */
+    /** Presence dot. Also added to the accessible name (“Lea M., online”). */
     status?: AvatarStatus;
     /** Words for the status in the accessible name. */
     statusLabels?: Partial<Record<AvatarStatus, string>>;
@@ -283,20 +343,20 @@ declare function Avatar({ name, src, size, shape, colorKey, status, statusLabels
 interface AvatarGroupProps {
     /** Avatars, most relevant first (owner, you). */
     children: ReactNode;
-    /** Visible avatars before „+N“. */
+    /** Visible avatars before “+N”. */
     max?: number;
     /** xs · sm · md · lg. */
     size?: Exclude<AvatarSize, 'xl' | '2xl'>;
-    /** Name of the group, e.g. „Assignees“. */
+    /** Name of the group, e.g. “Assignees”. */
     'aria-label': string;
-    /** Opens the full list (e.g. a popover). Without it „+N“ is plain text. */
+    /** Opens the full list (e.g. a popover). Without it “+N” is plain text. */
     onMorePress?: () => void;
-    /** Accessible name of „+N“. Default: „N more“. */
+    /** Accessible name of “+N”. Default: “N more”. */
     moreLabel?: (count: number) => string;
     className?: string;
 }
-/** Overlapping avatars, max 4 + „+N“. */
-declare function AvatarGroup({ children, max, size, onMorePress, moreLabel, className, ...props }: AvatarGroupProps): react.JSX.Element;
+/** Overlapping avatars, max 4 + “+N”. */
+declare function AvatarGroup({ children, max, size, onMorePress, moreLabel: moreLabelProp, className, ...props }: AvatarGroupProps): react.JSX.Element;
 
 /**
  * Wraps a focusable trigger (e.g. Button, IconButton) and its Tooltip.
@@ -307,7 +367,7 @@ declare function TooltipTrigger({ delay, closeDelay, ...props }: TooltipTriggerC
 interface TooltipProps extends Omit<TooltipProps$1, 'children' | 'className'> {
     /** A few words, at most one sentence. No links or buttons. */
     children: ReactNode;
-    /** Keyboard shortcut, shown dimmed after the text (e.g. „⌘C“). */
+    /** Keyboard shortcut, shown dimmed after the text (e.g. “⌘C”). */
     shortcut?: string;
     className?: string;
 }
@@ -321,7 +381,7 @@ interface SpinnerProps {
     tone?: 'current' | 'brand' | 'neutral' | 'on-brand';
     /** Name for screen readers. */
     'aria-label'?: string;
-    /** Inside a control that already says what happens („Saving…“): hide the spinner from screen readers. */
+    /** Inside a control that already says what happens (“Saving…”): hide the spinner from screen readers. */
     decorative?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -329,7 +389,7 @@ interface SpinnerProps {
 /** Spinner – short wait of unknown length. */
 declare function Spinner({ size, tone, decorative, className, style, ...props }: SpinnerProps): react.JSX.Element;
 interface ProgressBarProps extends Omit<ProgressBarProps$1, 'children' | 'className' | 'style'> {
-    /** Visible label („Uploading 3 files“). Without it, set aria-label. */
+    /** Visible label (“Uploading 3 files”). Without it, set aria-label. */
     label?: ReactNode;
     /** Helper below the bar: files, time left, or what to do after an error. */
     description?: ReactNode;
@@ -337,14 +397,14 @@ interface ProgressBarProps extends Omit<ProgressBarProps$1, 'children' | 'classN
     size?: 'sm' | 'md';
     /** success when done, error when it failed. Announced politely. */
     status?: 'default' | 'success' | 'error';
-    /** Show the value („64 %“) next to the label. Hidden when indeterminate. */
+    /** Show the value (“64 %”) next to the label. Hidden when indeterminate. */
     showValue?: boolean;
     className?: string;
     style?: CSSProperties;
 }
 /**
  * Progress bar – measurable or long work. Built on React Aria ProgressBar:
- * role progressbar with value and value text. Use `valueLabel` for words („64 %, 2 of 3 files“).
+ * role progressbar with value and value text. Use `valueLabel` for words (“64 %, 2 of 3 files”).
  */
 declare function ProgressBar({ label, description, size, status, showValue, className, style, ...props }: ProgressBarProps): react.JSX.Element;
 interface SkeletonProps {
@@ -365,7 +425,7 @@ declare function Skeleton({ shape, lines, width, height, className }: SkeletonPr
 
 type ToggleSize = 'sm' | 'md' | 'lg';
 interface ToggleButtonProps extends Omit<ToggleButtonProps$1, 'children' | 'className' | 'style'> {
-    /** Visible label. It never changes with the state („Bold“ stays „Bold“). Leave out for icon only. */
+    /** Visible label. It never changes with the state (“Bold” stays “Bold”). Leave out for icon only. */
     children?: ReactNode;
     /** Leading icon; alone it makes an icon-only toggle (then aria-label is required). */
     icon?: ReactNode;
@@ -373,7 +433,7 @@ interface ToggleButtonProps extends Omit<ToggleButtonProps$1, 'children' | 'clas
     size?: ToggleSize;
     /** Icon only: tooltip text. Default: the aria-label. false turns it off. */
     tooltip?: ReactNode | false;
-    /** Keyboard shortcut in aria-keyshortcuts syntax (e.g. „Control+B“), shown in the tooltip. */
+    /** Keyboard shortcut in aria-keyshortcuts syntax (e.g. “Control+B”), shown in the tooltip. */
     shortcut?: string;
     className?: string;
     style?: CSSProperties;
@@ -394,7 +454,7 @@ interface ToggleButtonGroupProps extends Omit<ToggleButtonGroupProps$1, 'childre
     size?: 'md' | 'lg';
     /** Segmented only: full width, items share the space (mobile). */
     fullWidth?: boolean;
-    /** Required when there is no visible label: names the group („View“). */
+    /** Required when there is no visible label: names the group (“View”). */
     'aria-label'?: string;
     children: ReactNode;
     className?: string;
@@ -406,7 +466,7 @@ interface ToggleButtonGroupProps extends Omit<ToggleButtonGroupProps$1, 'childre
  */
 declare function ToggleButtonGroup({ variant, size, fullWidth, selectionMode, disallowEmptySelection, children, className, ...props }: ToggleButtonGroupProps): react.JSX.Element;
 interface ToolbarProps extends Omit<ToolbarProps$1, 'className' | 'style'> {
-    /** Required: names the toolbar („Text formatting“). */
+    /** Required: names the toolbar (“Text formatting”). */
     'aria-label': string;
     className?: string;
     style?: CSSProperties;
@@ -462,7 +522,6 @@ type SelectMode = 'single' | 'multiple';
 type ValueOf<M extends SelectMode> = M extends 'multiple' ? Key[] : Key | null;
 /** Where the options open. auto: popover on desktop; below 640 px native picker (single) or Bottom Sheet (multi). */
 type SelectOverlay = 'auto' | 'popover' | 'sheet' | 'native';
-
 interface SelectProps<T extends object, M extends SelectMode = 'single'> extends Omit<SelectProps$1<T, M>, 'children' | 'className' | 'style' | 'placeholder'> {
     /** Visible label. Without it set `aria-label` – only where the context names the field (filter bars, toolbars). */
     label?: ReactNode;
@@ -470,7 +529,7 @@ interface SelectProps<T extends object, M extends SelectMode = 'single'> extends
     description?: ReactNode;
     /** Error text shown when the field is invalid. Validate on submit or blur, not while open. */
     errorMessage?: ReactNode;
-    /** A hint like „Select…“. Never required information. */
+    /** A hint like “Select…”. Never required information. */
     placeholder?: string;
     /** sm 32 · md 40 · lg 48 px. lg on mobile (opens the lg list). */
     size?: InputSize;
@@ -493,7 +552,7 @@ interface SelectProps<T extends object, M extends SelectMode = 'single'> extends
     commit?: 'live' | 'onClose';
     /** commit="onClose": apply the selection (load results, write the URL …). */
     onApply?: (value: ValueOf<M>) => void;
-    /** commit="onClose": label of the primary sheet button, ideally with the live result count („Show 128 results“). */
+    /** commit="onClose": label of the primary sheet button, ideally with the live result count (“Show 128 results”). */
     resultLabel?: (value: ValueOf<M>) => ReactNode;
     className?: string;
 }
@@ -502,7 +561,7 @@ interface SelectProps<T extends object, M extends SelectMode = 'single'> extends
  * Built on React Aria Select with a hidden native select: forms, autofill and validation keep working.
  * 2–4 options: Radio. 5–10: Select. More, or users know what to type: Combobox.
  */
-declare function Select<T extends object, M extends SelectMode = 'single'>({ label, description, errorMessage, placeholder, size, leadingIcon, clearable, isReadOnly, items, children, overlay, commit, onApply, resultLabel, className, selectionMode, ...props }: SelectProps<T, M>): react.JSX.Element;
+declare function Select<T extends object, M extends SelectMode = 'single'>({ label, description, errorMessage, placeholder: placeholderProp, size, leadingIcon, clearable, isReadOnly, items, children, overlay, commit, onApply, resultLabel: resultLabelProp, className, selectionMode, ...props }: SelectProps<T, M>): react.JSX.Element;
 
 interface BottomSheetProps extends Omit<ModalOverlayProps, 'children' | 'className' | 'style'> {
     /** Required: names the dialog (for a Select sheet: the field label). */
@@ -537,14 +596,14 @@ interface MenuTriggerProps extends Omit<MenuTriggerProps$1, 'children'> {
 declare function MenuTrigger(props: MenuTriggerProps): react.JSX.Element;
 /**
  * Default trigger: ghost Icon Button with an ellipsis. The name includes the object
- * („More actions for Q3-Report.pdf“); it looks pressed while the menu is open.
+ * (“More actions for Q3-Report.pdf”); it looks pressed while the menu is open.
  */
 declare function MenuButton({ 'aria-label': label, size }: {
     'aria-label': string;
     size?: 'sm' | 'md' | 'lg';
 }): react.JSX.Element;
 interface MenuProps<T> extends Omit<MenuProps$1<T>, 'className' | 'style'> {
-    /** Mobile sheet title: the object the actions apply to („Q3-Report.pdf“). */
+    /** Mobile sheet title: the object the actions apply to (“Q3-Report.pdf”). */
     title?: ReactNode;
     /** auto: popover on desktop, Bottom Sheet below 640 px · popover · sheet. */
     overlay?: 'auto' | 'popover' | 'sheet';
@@ -557,11 +616,11 @@ interface MenuProps<T> extends Omit<MenuProps$1<T>, 'className' | 'style'> {
  */
 declare function Menu<T extends object>({ title, overlay, className, ...props }: MenuProps<T>): react.JSX.Element;
 interface MenuItemProps extends Omit<MenuItemProps$1, 'children' | 'className' | 'style'> {
-    /** Label, starting with a verb („Duplicate“). „…“ only when a dialog or second step follows. */
+    /** Label, starting with a verb (“Duplicate”). “…” only when a dialog or second step follows. */
     children: string;
     /** Required: shows the action. Decorative for screen readers – the label carries the meaning. */
     icon: ReactNode;
-    /** Keyboard shortcut in aria-keyshortcuts syntax; „Mod“ = ⌘ on Apple, Ctrl elsewhere. Desktop only. It must also work without the menu. */
+    /** Keyboard shortcut in aria-keyshortcuts syntax; “Mod” = ⌘ on Apple, Ctrl elsewhere. Desktop only. It must also work without the menu. */
     shortcut?: string;
     /** Destructive action: red, last in its own group. Irreversible actions open a confirmation dialog. */
     variant?: 'default' | 'danger';
@@ -588,7 +647,7 @@ interface MenuSectionProps {
 declare function MenuSection({ title, children, ...props }: MenuSectionProps): react.JSX.Element;
 
 interface DialogAction {
-    /** Verb that says what happens („Send invite“, „Delete“). Never „OK“, „Yes“ or „Confirm“. */
+    /** Verb that says what happens (“Send invite”, “Delete”). Never “OK”, “Yes” or “Confirm”. */
     label: string;
     /**
      * Runs on press, then the dialog closes. Return a promise to show the pending state until it
@@ -619,7 +678,7 @@ interface DialogDiscardText {
     cancelLabel: string;
 }
 interface DialogProps extends OpenProps {
-    /** Required. Names the task („Invite member“). Screen readers announce it when the dialog opens. */
+    /** Required. Names the task (“Invite member”). Screen readers announce it when the dialog opens. */
     title: ReactNode;
     /** One or two sentences under the title. */
     description?: ReactNode;
@@ -636,10 +695,10 @@ interface DialogProps extends OpenProps {
     showClose?: boolean;
     /**
      * Unsaved input. While true, a click on the scrim no longer closes, and X, Esc and Cancel
-     * first ask „Discard changes?“ (Alert dialog).
+     * first ask “Discard changes?” (Alert dialog).
      */
     isDirty?: boolean;
-    /** Text of the „Discard changes?“ Alert dialog. */
+    /** Text of the “Discard changes?” Alert dialog. */
     discardText?: Partial<DialogDiscardText>;
     /** auto: dialog on desktop, `mobile` below 640 px · dialog · fullscreen · sheet. */
     overlay?: 'auto' | 'dialog' | 'fullscreen' | 'sheet';
@@ -652,16 +711,16 @@ interface DialogProps extends OpenProps {
  * Modal and Dialog: role dialog with aria-modal, the title names it, focus starts in the first field,
  * stays inside and returns to the trigger; the page behind does not scroll. Use inside a DialogTrigger or with isOpen.
  */
-declare function Dialog({ title, description, children, size, primaryAction, cancelLabel, closeLabel, showClose, isDirty, discardText, overlay, mobile, className, ...openProps }: DialogProps): react.JSX.Element;
+declare function Dialog({ title, description, children, size, primaryAction, cancelLabel: cancelLabelProp, closeLabel: closeLabelProp, showClose, isDirty, discardText, overlay, mobile, className, ...openProps }: DialogProps): react.JSX.Element;
 type AlertDialogTone = 'danger' | 'warning' | 'info';
 interface AlertDialogProps extends OpenProps {
     /** danger: irreversible or destructive · warning: risk of data loss · info: must be acknowledged. */
     tone?: AlertDialogTone;
-    /** Required. A question („Delete Q3-Report.pdf?“). */
+    /** Required. A question (“Delete Q3-Report.pdf?”). */
     title: ReactNode;
-    /** The consequence („This cannot be undone.“). */
+    /** The consequence (“This cannot be undone.”). */
     children?: ReactNode;
-    /** Verb of the action („Delete“). Danger tone: danger button, else primary. */
+    /** Verb of the action (“Delete”). Danger tone: danger button, else primary. */
     actionLabel: string;
     /** Runs, then the dialog closes. A promise shows the pending state until it resolves. */
     onAction?: () => void | Promise<unknown>;
@@ -673,7 +732,7 @@ interface AlertDialogProps extends OpenProps {
  * role alertdialog, no X, a click on the scrim never closes, Esc = Cancel. Focus starts on Cancel,
  * so an accidental Enter never deletes. Below 640 px: icon on top, buttons stacked (lg).
  */
-declare function AlertDialog({ tone, title, children, actionLabel, onAction, cancelLabel, className, ...openProps }: AlertDialogProps): react.JSX.Element;
+declare function AlertDialog({ tone, title, children, actionLabel, onAction, cancelLabel: cancelLabelProp, className, ...openProps }: AlertDialogProps): react.JSX.Element;
 
 type ComboMode = 'single' | 'multiple';
 interface ComboboxProps<T extends object, M extends ComboMode = 'single'> extends Omit<ComboBoxProps<T, M>, 'children' | 'className' | 'style' | 'placeholder' | 'menuTrigger'> {
@@ -683,7 +742,7 @@ interface ComboboxProps<T extends object, M extends ComboMode = 'single'> extend
     description?: ReactNode;
     /** Error text shown when the field is invalid. */
     errorMessage?: ReactNode;
-    /** A hint like „Search…“. */
+    /** A hint like “Search…”. */
     placeholder?: string;
     /** sm 32 · md 40 · lg 48 px. lg on mobile. */
     size?: InputSize;
@@ -691,15 +750,15 @@ interface ComboboxProps<T extends object, M extends ComboMode = 'single'> extend
     leadingIcon?: ReactNode;
     /** Server search: shows a loading row (previous results stay) and marks the list busy. */
     isLoading?: boolean;
-    /** Empty list text. Default: „No results for „…““. */
+    /** Empty list text. Default: “No results for “…””. */
     noResultsMessage?: (inputValue: string) => ReactNode;
-    /** Multi only: shows an „Add …“ row for text without an exact match. Return the key of the new item to select it. */
+    /** Multi only: shows an “Add …” row for text without an exact match. Return the key of the new item to select it. */
     onCreate?: (text: string) => Key | void;
     /** Option and ListBoxSection elements, or a render function with items / defaultItems. */
     children: ReactNode | ((item: T) => ReactNode);
     /** auto (default): popover on desktop, Bottom Sheet with search below 640 px · popover · sheet. */
     overlay?: 'auto' | 'popover' | 'sheet';
-    /** Multi in the sheet: live (forms, footer „Done“) · onClose (filters: onApply once when the sheet closes, if changed). */
+    /** Multi in the sheet: live (forms, footer “Done”) · onClose (filters: onApply once when the sheet closes, if changed). */
     commit?: 'live' | 'onClose';
     /** commit="onClose": apply the selection (load results, write the URL …). */
     onApply?: (value: Key[]) => void;
@@ -714,24 +773,24 @@ interface ComboboxProps<T extends object, M extends ComboMode = 'single'> extend
  * Leaving without a selection restores the last valid value.
  * Local data: `defaultItems` (filtered here). Server data: `items` + `inputValue` / `onInputChange` + `isLoading`.
  */
-declare function Combobox<T extends object, M extends ComboMode = 'single'>({ label, description, errorMessage, placeholder, size, leadingIcon, isLoading, noResultsMessage, onCreate, children, overlay, commit, onApply, resultLabel, className, selectionMode, value: valueProp, defaultValue, onChange, onInputChange, ...props }: ComboboxProps<T, M>): react.JSX.Element;
+declare function Combobox<T extends object, M extends ComboMode = 'single'>({ label, description, errorMessage, placeholder: placeholderProp, size, leadingIcon, isLoading, noResultsMessage: noResultsProp, onCreate, children, overlay, commit, onApply, resultLabel: resultLabelProp, className, selectionMode, value: valueProp, defaultValue, onChange, onInputChange, ...props }: ComboboxProps<T, M>): react.JSX.Element;
 
 interface ToastAction {
-    /** „Undo“, „View“ or „Retry“. It must also be reachable elsewhere in the app. */
+    /** “Undo”, “View” or “Retry”. It must also be reachable elsewhere in the app. */
     label: string;
     onAction: () => void;
 }
 interface ToastOptions {
     /** Max one action. Pressing it runs the action and closes the toast. */
     action?: ToastAction;
-    /** Errors („Could not save“): stays until closed. Otherwise 5 s, with an action 8 s. */
+    /** Errors (“Could not save”): stays until closed. Otherwise 5 s, with an action 8 s. */
     persistent?: boolean;
     /** Called when the toast closes (timeout, close button, Esc or action). */
     onClose?: () => void;
 }
 /**
  * Shows a toast: short, temporary feedback after an action.
- * Write the result, not the process („Q3-Report.pdf deleted“), one line, max about 50 characters.
+ * Write the result, not the process (“Q3-Report.pdf deleted”), one line, max about 50 characters.
  * Returns the key for `toast.close(key)`. The same message is never shown twice at once.
  */
 declare function toast(message: string, { action, persistent, onClose }?: ToastOptions): string;
@@ -740,9 +799,9 @@ declare namespace toast {
     var clear: () => void;
 }
 interface ToastRegionProps {
-    /** Accessible name of the landmark. Default: „Notifications“ (localized by React Aria). */
+    /** Accessible name of the landmark. Default: “Notifications” (localized by React Aria). */
     'aria-label'?: string;
-    /** Accessible name of the close buttons. Default: „Close“ (localized by React Aria). */
+    /** Accessible name of the close buttons. Default: “Close” (localized by React Aria). */
     closeLabel?: string;
 }
 /**
@@ -768,7 +827,7 @@ interface TabsProps extends Omit<TabsProps$1, 'className' | 'style' | 'orientati
  */
 declare function Tabs({ size, fullWidth, className, ...props }: TabsProps): react.JSX.Element;
 interface TabListProps<T> extends Omit<TabListProps$1<T>, 'className' | 'style'> {
-    /** Names the tabs when there is no visible heading („Project“). */
+    /** Names the tabs when there is no visible heading (“Project”). */
     'aria-label'?: string;
     className?: string;
 }
@@ -778,13 +837,13 @@ interface TabListProps<T> extends Omit<TabListProps$1<T>, 'className' | 'style'>
  */
 declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): react.JSX.Element;
 interface TabProps extends Omit<TabProps$1, 'className' | 'style' | 'children'> {
-    /** Required. 1–2 words, a noun („Activity“). */
+    /** Required. 1–2 words, a noun (“Activity”). */
     children: string;
     /** Optional, then on all tabs. Decorative – the label carries the meaning. */
     icon?: ReactNode;
     /** Items waiting in the tab (Badge count, neutral). Hidden at 0. */
     count?: number;
-    /** Screen-reader text of the count („3 new“). Without it the number is read as part of the name. */
+    /** Screen-reader text of the count (“3 new”). Without it the number is read as part of the name. */
     countLabel?: string;
 }
 /** One tab. The selected tab is a raised thumb that slides to the new tab with a snappy spring (no slide with reduced motion). */
@@ -827,9 +886,9 @@ interface PopoverProps {
  * Opens on click, never on hover. Non-modal: the page stays usable; focus moves in, Esc or a click
  * outside closes it and focus returns to the trigger. One topic per popover, one popover at a time.
  */
-declare function Popover({ title, 'aria-label': ariaLabel, children, size, primaryAction, cancelLabel, closeLabel, overlay, placement, className, }: PopoverProps): react.JSX.Element;
+declare function Popover({ title, 'aria-label': ariaLabel, children, size, primaryAction, cancelLabel: cancelLabelProp, closeLabel: closeLabelProp, overlay, placement, className, }: PopoverProps): react.JSX.Element;
 interface ToggletipProps {
-    /** Required. Names the info button and the toggletip after the topic („About billing email“). */
+    /** Required. Names the info button and the toggletip after the topic (“About billing email”). */
     'aria-label': string;
     /** One or two short sentences. Text only. */
     children: ReactNode;
@@ -858,9 +917,9 @@ interface NavItemProps extends Omit<LinkProps$1, 'children' | 'className' | 'sty
     isCurrent?: boolean;
     /** Number in the item (Badge count, neutral). */
     count?: number;
-    /** Screen-reader text of the count („3 unread“, „12 projects“). */
+    /** Screen-reader text of the count (“3 unread”, “12 projects”). */
     countLabel?: string;
-    /** The count is new or unread: in the rail it turns into a dot. Plain totals („12 projects“) are hidden there. */
+    /** The count is new or unread: in the rail it turns into a dot. Plain totals (“12 projects”) are hidden there. */
     unread?: boolean;
 }
 /**
@@ -881,13 +940,13 @@ interface NavGroupProps {
 /**
  * A group of links behind a disclosure button (aria-expanded) – never a menu.
  * Header: a dropdown panel on the popover surface; Tab moves through the links, Esc or a click outside closes.
- * Sidebar and sheet: opens in place, one level. The parent shows „current“ only while it is closed.
+ * Sidebar and sheet: opens in place, one level. The parent shows “current” only while it is closed.
  */
 declare function NavGroup({ label, icon, children, defaultOpen }: NavGroupProps): react.JSX.Element;
 interface NavListProps {
     /** Form of the items: header (row) · sidebar · rail · sheet. */
     variant?: NavVariant;
-    /** Name of the navigation region („Footer“, „Account“). */
+    /** Name of the navigation region (“Footer”, “Account”). */
     'aria-label': string;
     children: ReactNode;
     className?: string;
@@ -895,7 +954,7 @@ interface NavListProps {
 /** A named navigation region with items of one form – for navigation outside the ready-made headers and bars. */
 declare function NavList({ variant, 'aria-label': label, children, className }: NavListProps): react.JSX.Element;
 interface NavSectionProps {
-    /** Overline heading („Workspace“). In the rail the section is divided by a line. */
+    /** Overline heading (“Workspace”). In the rail the section is divided by a line. */
     title: string;
     children: ReactNode;
 }
@@ -906,18 +965,18 @@ interface SkipLinkProps {
     href?: string;
     children?: string;
 }
-/** „Skip to content“ – the first focusable element on every page (WCAG 2.4.1). Visible on focus only. */
+/** “Skip to content” – the first focusable element on every page (WCAG 2.4.1). Visible on focus only. */
 declare function SkipLink({ href, children }: SkipLinkProps): react.JSX.Element;
 interface NavAction {
     label: string;
-    /** Usually a link („Log in“, „Get started“). */
+    /** Usually a link (“Log in”, “Get started”). */
     href?: string;
     onPress?: (e: PressEvent) => void;
     /** primary: max one · secondary · ghost. */
     variant?: 'primary' | 'secondary' | 'ghost';
 }
 interface SiteHeaderProps {
-    /** Logo link with a name („med.o home“). */
+    /** Logo link with a name (“med.o home”). */
     logo: ReactNode;
     /** NavItems and NavGroups – max 5 links; more go into a group. */
     children: ReactNode;
@@ -935,7 +994,7 @@ interface SiteHeaderProps {
  * Website header: logo, links, actions. Sticky, with a divider once the page scrolls.
  * Below 768 px only the logo, the primary action and a menu button remain; the menu opens fullscreen.
  */
-declare function SiteHeader({ logo, children, actions, 'aria-label': label, menuLabel, closeLabel, layout }: SiteHeaderProps): react.JSX.Element;
+declare function SiteHeader({ logo, children, actions, 'aria-label': labelProp, menuLabel: menuLabelProp, closeLabel: closeLabelProp, layout }: SiteHeaderProps): react.JSX.Element;
 interface AppHeaderProps {
     /** Page title – the same name as the current nav item. */
     title: ReactNode;
@@ -980,7 +1039,7 @@ interface SideNavProps {
  * collapses to a 64 px rail with tooltips. 640–1023 px: always a rail; expanding opens the full navigation
  * as a Drawer on the left. Below 640 px it is hidden – use the BottomTabBar there.
  */
-declare function SideNav({ logo, logoMark, children, user, isCollapsed, defaultCollapsed, onCollapsedChange, 'aria-label': label, collapseLabel, expandLabel, closeLabel, }: SideNavProps): react.JSX.Element;
+declare function SideNav({ logo, logoMark, children, user, isCollapsed, defaultCollapsed, onCollapsedChange, 'aria-label': labelProp, collapseLabel: collapseLabelProp, expandLabel: expandLabelProp, closeLabel: closeLabelProp, }: SideNavProps): react.JSX.Element;
 interface BottomTabBarProps {
     /** 3–5 TabBarItems; the last can be TabBarMore. */
     children: ReactNode;
@@ -990,9 +1049,9 @@ interface BottomTabBarProps {
 }
 /**
  * Bottom tab bar: the main destinations of an app on phones, in thumb reach.
- * Max 4 destinations + „More“. Fixed to the bottom with the safe area; set `--medo-toast-offset` so toasts stay above it.
+ * Max 4 destinations + “More”. Fixed to the bottom with the safe area; set `--medo-toast-offset` so toasts stay above it.
  */
-declare function BottomTabBar({ children, 'aria-label': label, display }: BottomTabBarProps): react.JSX.Element;
+declare function BottomTabBar({ children, 'aria-label': labelProp, display }: BottomTabBarProps): react.JSX.Element;
 interface TabBarItemProps extends Omit<LinkProps$1, 'children' | 'className' | 'style'> {
     /** Always visible – icons alone are ambiguous. */
     children: string;
@@ -1011,11 +1070,11 @@ interface TabBarMoreProps {
     children: ReactNode;
     closeLabel?: string;
 }
-/** „More“: opens the remaining destinations in the Nav sheet (Bottom Sheet). Shows „current“ when one of them is. */
-declare function TabBarMore({ label, children, closeLabel }: TabBarMoreProps): react.JSX.Element;
+/** “More”: opens the remaining destinations in the Nav sheet (Bottom Sheet). Shows “current” when one of them is. */
+declare function TabBarMore({ label: labelProp, children, closeLabel }: TabBarMoreProps): react.JSX.Element;
 
 interface DrawerProps extends DirtyGuardProps {
-    /** Says what it is („Account“, „Filter“, „Invoice #1042“). Can be a logo for a navigation drawer – then set aria-label. */
+    /** Says what it is (“Account”, “Filter”, “Invoice #1042”). Can be a logo for a navigation drawer – then set aria-label. */
     title: ReactNode;
     /** Name of the drawer when the title is not text (e.g. a logo). */
     'aria-label'?: string;
@@ -1023,7 +1082,7 @@ interface DrawerProps extends DirtyGuardProps {
     children: ReactNode | ((close: () => void) => ReactNode);
     /**
      * Only for decisions (Apply, Save) – usually a ButtonGroup. Links and switches act immediately.
-     * A function gets `close` (after applying or saving, never asks) and `cancel` (asks „Discard changes?“ when isDirty).
+     * A function gets `close` (after applying or saving, never asks) and `cancel` (asks “Discard changes?” when isDirty).
      */
     footer?: ReactNode | ((close: () => void, cancel: () => void) => ReactNode);
     /** right: account, filters, details (default) · left: navigation only. */
@@ -1037,7 +1096,7 @@ interface DrawerProps extends DirtyGuardProps {
 /**
  * Drawer – a modal panel that slides in from the side. Same building blocks and behaviour
  * as the Dialog (React Aria ModalOverlay + Modal + Dialog): scrim, focus trap, no page scroll, Esc and the close
- * button close it, focus returns to the trigger; `isDirty` asks „Discard changes?“. Below 640 px it keeps its side,
+ * button close it, focus returns to the trigger; `isDirty` asks “Discard changes?”. Below 640 px it keeps its side,
  * viewport − 56 px wide; a swipe towards the edge closes it. Use inside a DialogTrigger or with isOpen.
  */
 declare function Drawer({ title, 'aria-label': ariaLabel, children, footer, side, size, closeLabel, isDirty, discardText, className, ...openProps }: DrawerProps): react.JSX.Element;
@@ -1056,12 +1115,12 @@ interface ListProps extends Omit<HTMLAttributes<HTMLUListElement | HTMLOListElem
 /**
  * List – a real list in running text: bullets, numbers or a feature list.
  * Plain markup, no library needed. Markers are neutral (text/secondary) in their own column; long items
- * wrap flush with their first line. Level 2 (a List inside a ListItem) switches the marker: ring, „a.“.
+ * wrap flush with their first line. Level 2 (a List inside a ListItem) switches the marker: ring, “a.”.
  */
 declare function List({ type, size, start, className, style, children, ...props }: ListProps): react.JSX.Element;
 interface ListItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'children'> {
     children: ReactNode;
-    /** Feature list: not included – cross, muted text and a hidden „Not included:“ for screen readers. */
+    /** Feature list: not included – cross, muted text and a hidden “Not included:” for screen readers. */
     excluded?: boolean;
     /** Hidden prefix of excluded items. */
     excludedLabel?: string;
@@ -1077,16 +1136,16 @@ interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
 /** Description list – term–value pairs for details of a record, an order or a profile. */
 declare function DescriptionList({ layout, className, children, ...props }: DescriptionListProps): react.JSX.Element;
 interface DescriptionItemProps {
-    /** The term („Status“). */
+    /** The term (“Status”). */
     term: ReactNode;
-    /** The value („Active“). */
+    /** The value (“Active”). */
     children: ReactNode;
 }
 /** One term–value pair (a div grouping dt and dd – valid inside dl). */
 declare function DescriptionItem({ term, children }: DescriptionItemProps): react.JSX.Element;
 
 interface ListViewProps<T> extends Omit<GridListProps<T>, 'className' | 'style' | 'layout' | 'keyboardNavigationBehavior'> {
-    /** Required: names the list („Inbox“). */
+    /** Required: names the list (“Inbox”). */
     'aria-label'?: string;
     /** plain: full-page lists (inbox) · card: inside settings or dashboards (border, radius/lg) · cards: records on mobile (Table cards, use ListCard). */
     variant?: 'plain' | 'card' | 'cards';
@@ -1101,7 +1160,7 @@ interface ListViewProps<T> extends Omit<GridListProps<T>, 'className' | 'style'
  *. Built on React Aria GridList: ↑ ↓ move between rows, Enter opens a row, Tab reaches
  * the controls inside a row (menu, switch, buttons). `selectionMode="multiple"` shows a checkbox per row and a click
  * toggles the row – use it without `onAction` (React Aria would run the action on click instead).
- * Rows can have swipe actions on touch (`swipeActions`) – the same actions always sit in the row's „…“ menu.
+ * Rows can have swipe actions on touch (`swipeActions`) – the same actions always sit in the row's “…” menu.
  */
 declare function ListView<T extends object>({ variant, isLoading, emptyState, className, children, items, ...props }: ListViewProps<T>): react.JSX.Element;
 interface ListRowProps extends Omit<GridListItemProps, 'children' | 'className' | 'style' | 'textValue'> {
@@ -1115,17 +1174,17 @@ interface ListRowProps extends Omit<GridListItemProps, 'children' | 'className'
     leading?: ReactNode;
     /** Meta text (time, size) in caption. */
     meta?: ReactNode;
-    /** One trailing type per list: Badge, Menu („…“), Switch or max 2 Button sm. With buttons the row has no action. */
+    /** One trailing type per list: Badge, Menu (“…”), Switch or max 2 Button sm. With buttons the row has no action. */
     trailing?: ReactNode;
     /** The row navigates (href) – shows a chevron. */
     chevron?: boolean;
-    /** New or unread: title and excerpt strong, meta in brand, dot below the meta, „Unread“ for screen readers. */
+    /** New or unread: title and excerpt strong, meta in brand, dot below the meta, “Unread” for screen readers. */
     unread?: boolean;
     /** Screen-reader word for unread rows. */
     unreadLabel?: string;
     /**
      * Touch only: end = swipe toward the start (left in LTR, e.g. Delete) · start = swipe toward the end (a safe action,
-     * e.g. Archive). Always put the same actions into the row's „…“ menu – swipe is a shortcut, never the only way.
+     * e.g. Archive). Always put the same actions into the row's “…” menu – swipe is a shortcut, never the only way.
      */
     swipeActions?: {
         start?: SwipeAction;
@@ -1133,10 +1192,10 @@ interface ListRowProps extends Omit<GridListItemProps, 'children' | 'className'
     };
 }
 interface SwipeAction {
-    /** Short verb („Delete“, „Archive“). */
+    /** Short verb (“Delete”, “Archive”). */
     label: string;
     icon: ReactNode;
-    /** Runs on a full swipe or a tap on the revealed action. Delete: remove at once and offer „Undo“ in a Toast. */
+    /** Runs on a full swipe or a tap on the revealed action. Delete: remove at once and offer “Undo” in a Toast. */
     onAction: () => void;
     /** danger: feedback/danger/solid (Delete) · primary: action/primary (Archive). */
     tone?: 'danger' | 'primary';
@@ -1148,7 +1207,7 @@ declare function ListRowIcon({ children }: {
     children: ReactNode;
 }): react.JSX.Element;
 interface ListCardProps extends Omit<GridListItemProps, 'children' | 'className' | 'style' | 'textValue'> {
-    /** Required. The record („INV-2026-0140“). Also the card's accessible name. */
+    /** Required. The record (“INV-2026-0140”). Also the card's accessible name. */
     title: string;
     /** Key number on the right of the title (amount, count) – strong, never truncated. */
     amount?: ReactNode;
@@ -1167,18 +1226,18 @@ interface ListCardProps extends Omit<GridListItemProps, 'children' | 'className'
 declare function ListCard({ title, amount, description, meta, status, ...props }: ListCardProps): react.JSX.Element;
 
 interface BulkAction {
-    /** Verb („Export“, „Archive“, „Delete“). */
+    /** Verb (“Export”, “Archive”, “Delete”). */
     label: string;
     onAction: () => void;
     /** danger: destructive – confirm it (Alert dialog) or offer Undo (Toast). Mobile: ghost danger. */
     variant?: 'default' | 'danger';
-    /** Icon for the „…“ menu (actions after the third). */
+    /** Icon for the “…” menu (actions that do not fit in the bar). */
     icon?: ReactNode;
 }
 interface BulkActionBarProps {
     /** Number of selected items. 0 hides the bar. */
     count: number;
-    /** Max 3 are shown; more go into the „…“ menu. Destructive last. */
+    /** Desktop shows 3, mobile 2 (with more: 1 and “…”); the rest go into the “…” menu. Most important first, destructive last. */
     actions: BulkAction[];
     /** Clears the selection (× and Esc). */
     onClear: () => void;
@@ -1196,16 +1255,16 @@ interface BulkActionBarProps {
  * Appears with ≥ 1 selected item and floats, so selecting never shifts the layout. A toolbar: the count is
  * announced, Esc or × clears the selection. Render it right after the list, so Tab reaches it next.
  */
-declare function BulkActionBar({ count, actions, onClear, variant, countLabel, clearLabel, moreLabel, 'aria-label': ariaLabel, className, }: BulkActionBarProps): react.JSX.Element;
+declare function BulkActionBar({ count, actions, onClear, variant, countLabel: countLabelProp, clearLabel: clearLabelProp, moreLabel: moreLabelProp, 'aria-label': ariaLabelProp, className, }: BulkActionBarProps): react.JSX.Element;
 
 type EmptyStateType = 'first-use' | 'no-results' | 'error' | 'no-access' | 'all-done';
 type EmptyStateSize = 'page' | 'section' | 'inline';
 interface EmptyStateAction {
-    /** Verb that says what happens („Create project“, „Clear filters“, „Try again“). */
+    /** Verb that says what happens (“Create project”, “Clear filters”, “Try again”). */
     label: string;
     /** Runs the action. */
     onPress?: () => void;
-    /** Second action only: navigates – rendered as a Link („Learn more“, „View archive“). */
+    /** Second action only: navigates – rendered as a Link (“Learn more”, “View archive”). */
     href?: string;
     isDisabled?: boolean;
 }
@@ -1214,11 +1273,11 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     type?: EmptyStateType;
     /** page: a whole view · section: a card or panel · inline: inside a list or table (header stays). */
     size?: EmptyStateSize;
-    /** Required. The situation in plain words – never „No data“. */
+    /** Required. The situation in plain words – never “No data”. */
     title: ReactNode;
     /** Why it is empty or what comes next, in one or two sentences. */
     description?: ReactNode;
-    /** Main action: primary for first use, secondary for all other types. „All done“ needs none. */
+    /** Main action: primary for first use, secondary for all other types. “All done” needs none. */
     action?: EmptyStateAction;
     /** Second action as a text button, or a Link with `href`. */
     secondaryAction?: EmptyStateAction;
@@ -1232,7 +1291,7 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
 /**
  * Empty state – what users see when there is nothing to show, and what they can do next.
  * Page and section render a `<section>` named by its heading; inline renders a plain block, so it does not add
- * a landmark inside a list or table. „No results“ puts its text in a polite status region; focus stays where it was.
+ * a landmark inside a list or table. “No results” puts its text in a polite status region; focus stays where it was.
  */
 declare function EmptyState({ type, size, title, description, action, secondaryAction, icon, illustration, headingLevel, className, ...props }: EmptyStateProps): react.JSX.Element;
 
@@ -1243,15 +1302,15 @@ interface PaginationProps {
     defaultPage?: number;
     /** Called with the new page (apps). Not needed with `getPageHref`. */
     onChange?: (page: number) => void;
-    /** Websites: every page becomes a real link („?page=5“) – shareable, back button works. Works with RouterProvider. */
+    /** Websites: every page becomes a real link (“?page=5”) – shareable, back button works. Works with RouterProvider. */
     getPageHref?: (page: number) => string;
     /** Number of pages. Default: totalItems / pageSize. With 1 page nothing is shown. */
     totalPages?: number;
-    /** Total count: shows the summary („81–100 of 380“). */
+    /** Total count: shows the summary (“81–100 of 380”). */
     totalItems?: number;
     /** Rows per page. */
     pageSize?: number;
-    /** Shows „Rows per page“ (Select sm). */
+    /** Shows “Rows per page” (Select sm). */
     onPageSizeChange?: (pageSize: number) => void;
     pageSizeOptions?: number[];
     /** auto: compact below 640 px · full: summary, rows per page and pages · compact: ‹ Page 5 of 19 › (narrow panels). */
@@ -1273,16 +1332,16 @@ interface PaginationProps {
 /**
  * Pagination – move through long lists page by page. A navigation region:
  * buttons for apps (`onChange`) or real links for websites (`getPageHref`). Full on desktop, compact below 640 px.
- * After a change the app scrolls to the top of the list and focuses its heading. „Load more“ is a Button, not a variant.
+ * After a change the app scrolls to the top of the list and focuses its heading. “Load more” is a Button, not a variant.
  */
-declare function Pagination({ page: pageProp, defaultPage, onChange, getPageHref, totalPages: totalPagesProp, totalItems, pageSize, onPageSizeChange, pageSizeOptions, variant, size, 'aria-label': ariaLabel, summary, pageSizeLabel, previousLabel, nextLabel, pageLabel, compactLabel, className, }: PaginationProps): react.JSX.Element | null;
+declare function Pagination({ page: pageProp, defaultPage, onChange, getPageHref, totalPages: totalPagesProp, totalItems, pageSize, onPageSizeChange, pageSizeOptions, variant, size, 'aria-label': ariaLabelProp, summary: summaryProp, pageSizeLabel: pageSizeLabelProp, previousLabel: previousLabelProp, nextLabel: nextLabelProp, pageLabel: pageLabelProp, compactLabel: compactLabelProp, className, }: PaginationProps): react.JSX.Element | null;
 
 interface SearchFieldProps extends Omit<SearchFieldProps$1, 'children' | 'className' | 'style'> {
     /** Visible label. Without it set `aria-label` (e.g. in a table toolbar or the header). */
     label?: ReactNode;
     /** Helper text below the field. */
     description?: ReactNode;
-    /** A hint like „Search invoices“. Never the only label. */
+    /** A hint like “Search invoices”. Never the only label. */
     placeholder?: string;
     /** sm 32 (toolbars) · md 40 · lg 48 (search page, Quick search, mobile). */
     size?: InputSize;
@@ -1308,13 +1367,13 @@ interface SearchResultProps {
     href: string;
     /** Search term: shown in bold in title and snippet (every match), never by colour alone. */
     query?: string;
-    /** Where it lives („Help center › Billing“). */
+    /** Where it lives (“Help center › Billing”). */
     path?: ReactNode;
     /** Text around the match, max 2 lines. A string gets the highlight. */
     snippet?: ReactNode;
-    /** Type label as Badge sm („Page“, „PDF“, „Video“). */
+    /** Type label as Badge sm (“Page”, “PDF”, “Video”). */
     badge?: string;
-    /** Meta text next to the badge („Updated 3 days ago“). */
+    /** Meta text next to the badge (“Updated 3 days ago”). */
     meta?: ReactNode;
     /** Person: Avatar (sized lg automatically). Media: an image (4:3; 128 wide, 160 in aesthetic). Overrides the type icon. */
     leading?: ReactNode;
@@ -1347,9 +1406,9 @@ interface QuickSearchProps<T extends object> {
     items?: Iterable<T>;
     /** Opens the highlighted hit (Enter or click). */
     onAction?: (key: React.Key) => void;
-    /** „All results“: the search page with the same term. */
+    /** “All results”: the search page with the same term. */
     allResultsHref?: (query: string) => string;
-    /** Enter without a highlighted hit, and „Search all content“ when nothing matches. */
+    /** Enter without a highlighted hit, and “Search all content” when nothing matches. */
     onSearch?: (query: string) => void;
     /** Texts (localize). */
     'aria-label'?: string;
@@ -1370,7 +1429,7 @@ interface QuickSearchProps<T extends object> {
  * React Aria Autocomplete: focus stays in the field while ↑ ↓ move through the suggestions, Enter opens the
  * highlighted hit, Esc closes and focus returns to the trigger. Desktop: overlay 640 wide · mobile: full screen with Cancel.
  */
-declare function QuickSearch<T extends object>({ isOpen, defaultOpen, onOpenChange, shortcut, inputValue, onInputChange, clientFilter, children, items, onAction, allResultsHref, onSearch, 'aria-label': ariaLabel, placeholder, cancelLabel, suggestionsLabel, allResultsLabel, noResultsLabel, searchAllLabel, hints, }: QuickSearchProps<T>): react.JSX.Element;
+declare function QuickSearch<T extends object>({ isOpen, defaultOpen, onOpenChange, shortcut, inputValue, onInputChange, clientFilter, children, items, onAction, allResultsHref, onSearch, 'aria-label': ariaLabelProp, placeholder: placeholderProp, cancelLabel: cancelLabelProp, suggestionsLabel: suggestionsLabelProp, allResultsLabel: allResultsLabelProp, noResultsLabel: noResultsLabelProp, searchAllLabel: searchAllLabelProp, hints: hintsProp, }: QuickSearchProps<T>): react.JSX.Element;
 
 /** Shows the matching parts of a text in bold (`className` on each match). Visual only; screen readers read plain text. */
 declare function Highlight({ text, query, all, as: Tag, className, }: {
@@ -1392,9 +1451,9 @@ interface BreadcrumbsProps {
     items: BreadcrumbItem[];
     /** sm: dense apps (caption, 24) · md: websites (body/sm, 28). */
     size?: 'sm' | 'md';
-    /** The first item shows a house icon; its label stays the accessible name („Home“). */
+    /** The first item shows a house icon; its label stays the accessible name (“Home”). */
     homeIcon?: boolean;
-    /** auto: full path, below 640 px only a link to the parent page · full · back. From 5 levels the middle collapses into „…“. */
+    /** auto: full path, below 640 px only a link to the parent page · full · back. From 5 levels the middle collapses into “…”. */
     layout?: 'auto' | 'full' | 'back';
     /** Texts (localize). */
     'aria-label'?: string;
@@ -1406,7 +1465,7 @@ interface BreadcrumbsProps {
  * Built on React Aria Breadcrumbs: a navigation region with an ordered list, the current page last with
  * aria-current="page". Not on the start page; place it above the page title.
  */
-declare function Breadcrumbs({ items, size, homeIcon, layout, 'aria-label': ariaLabel, moreLabel, className, }: BreadcrumbsProps): react.JSX.Element | null;
+declare function Breadcrumbs({ items, size, homeIcon, layout, 'aria-label': ariaLabelProp, moreLabel: moreLabelProp, className, }: BreadcrumbsProps): react.JSX.Element | null;
 
 type AccordionSize = 'md' | 'lg';
 interface AccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children'> {
@@ -1416,7 +1475,7 @@ interface AccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style
     headingLevel?: 2 | 3 | 4;
     /** Several sections open at once (default). false: one at a time – only for short, mutually exclusive steps. */
     allowsMultipleExpanded?: boolean;
-    /** „Expand all“ / „Collapse all“ above groups with more than 6 sections (multiple only). */
+    /** “Expand all” / “Collapse all” above groups with more than 6 sections (multiple only). */
     expandAll?: boolean;
     expandAllLabel?: string;
     collapseAllLabel?: string;
@@ -1439,7 +1498,7 @@ interface AccordionItemProps {
     description?: ReactNode;
     /** Decorative icon before the title (20 md / 24 lg). */
     icon?: ReactNode;
-    /** Badge sm – part of the button name („Billing, Payment failed“). */
+    /** Badge sm – part of the button name (“Billing, Payment failed”). */
     badge?: ReactNode;
     isDisabled?: boolean;
     /** Panel content – text, a form or a list. No accordion inside. */
@@ -1452,7 +1511,7 @@ type Value = number | number[];
 interface SliderProps<T extends Value = number> extends Omit<SliderProps$1<T>, 'children' | 'className' | 'style'> {
     /** Visible label. Without it set `aria-label`. */
     label?: ReactNode;
-    /** Range: a name per thumb („Minimum price“, „Maximum price“). Default: „Minimum“ / „Maximum“ + label. */
+    /** Range: a name per thumb (“Minimum price”, “Maximum price”). Default: “Minimum” / “Maximum” + label. */
     thumbLabels?: [string, string];
     /** Tick marks for few fixed steps (≤ 10) – the thumb snaps to them. */
     showTicks?: boolean;
@@ -1499,15 +1558,15 @@ interface NumberFieldProps extends Omit<NumberFieldProps$1, 'children' | 'classN
 declare function NumberField({ label, description, errorMessage, placeholder, size, className, ...props }: NumberFieldProps): react.JSX.Element;
 
 interface LinkProps extends Omit<LinkProps$1, 'children' | 'className'> {
-    /** The text says where it goes („Privacy policy“, not „click here“). */
+    /** The text says where it goes (“Privacy policy”, not “click here”). */
     children: ReactNode;
     /** inline: inside running text, always underlined · standalone: own line, underline on hover. */
     variant?: 'inline' | 'standalone';
     /** Standalone only: sm (label/sm) · md (label/md). Inline links take the size of the surrounding text. */
     size?: 'sm' | 'md';
-    /** Another website: shows the external icon. With target="_blank" screen readers also hear „opens in a new tab“. */
+    /** Another website: shows the external icon. With target="_blank" screen readers also hear “opens in a new tab”. */
     external?: boolean;
-    /** Standalone only: arrow after the text („View all →“). */
+    /** Standalone only: arrow after the text (“View all →”). */
     arrow?: boolean;
     /** Hidden text for links that open a new tab. */
     newTabLabel?: string;
@@ -1525,7 +1584,7 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     tone?: AlertTone;
     /** inline: in the content · banner: full width above the header, for app-wide states. */
     variant?: 'inline' | 'banner';
-    /** Required. Says what happened („Your trial ends in 3 days“). */
+    /** Required. Says what happened (“Your trial ends in 3 days”). */
     title: ReactNode;
     /** What to do next. */
     children?: ReactNode;
@@ -1589,6 +1648,8 @@ interface StaticTableProps {
 /**
  * Static table – a native, non-interactive table with the Table look.
  * For content and simple data. Numbers: add className="medo-table__cell--number".
+ * When it is wider than its container it scrolls sideways; the container then takes the keyboard focus
+ * (arrow keys scroll) and is announced as a region named by the caption.
  */
 declare function StaticTable({ children, caption, captionHidden, density, striped, plain, className, style }: StaticTableProps): react.JSX.Element;
 interface TableProps extends Omit<TableProps$1, 'className' | 'style'> {
@@ -1644,9 +1705,9 @@ interface ColumnsMenuProps {
  * Columns menu – shows or hides table columns. A ghost button sm in the
  * table toolbar opens a Popover sm with checkboxes; locked columns stay visible. Render only the visible columns.
  */
-declare function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label, title }: ColumnsMenuProps): react.JSX.Element;
+declare function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label: labelProp, title: titleProp }: ColumnsMenuProps): react.JSX.Element;
 
-/** „2.4 MB“, „860 kB“ – decimal units like the operating systems' file dialogs. */
+/** “2.4 MB”, “860 kB” – decimal units like the operating systems' file dialogs. */
 declare function formatBytes(bytes: number, locale?: string): string;
 interface UploadFile {
     /** Stable id (e.g. crypto.randomUUID() when the file is added). */
@@ -1659,11 +1720,11 @@ interface UploadFile {
     status: 'uploading' | 'done' | 'error';
     /** Uploaded bytes (ProgressEvent.loaded). Without it the bar is indeterminate. */
     loaded?: number;
-    /** What happened and how to fix it („Upload interrupted. Check your connection and retry.“). No error codes. */
+    /** What happened and how to fix it (“Upload interrupted. Check your connection and retry.”). No error codes. */
     error?: string;
     /** Thumbnail (URL.createObjectURL(file) or the server URL). */
     previewUrl?: string;
-    /** false hides „Retry“ (e.g. the server rejected the file). Default true. */
+    /** false hides “Retry” (e.g. the server rejected the file). Default true. */
     canRetry?: boolean;
 }
 interface UploadTexts {
@@ -1680,7 +1741,7 @@ interface UploadTexts {
     retryShort: string;
     /** Name of the progress bar. */
     uploading: (name: string) => string;
-    /** „1.6 of 2.4 MB · 64 %“ */
+    /** “1.6 of 2.4 MB · 64 %” */
     progress: (loaded: string, total: string, percent: number) => string;
     /** Validation. */
     typeNotAllowed: (names: string, types: string) => string;
@@ -1690,6 +1751,7 @@ interface UploadTexts {
     uploaded: (name: string) => string;
     failed: (name: string, error: string) => string;
 }
+/** English defaults. The components use the texts of the current language (see i18n). */
 declare const defaultUploadTexts: UploadTexts;
 interface ItemActions {
     onRemove: (id: string) => void;
@@ -1716,11 +1778,11 @@ interface FileTileProps extends ItemActions {
  */
 declare function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className }: FileTileProps): react.JSX.Element;
 interface PickerProps {
-    /** Accepted types as for <input accept>: [„.pdf“, „image/*“]. Checked again before upload. */
+    /** Accepted types as for <input accept>: [“.pdf”, “image/*”]. Checked again before upload. */
     acceptedFileTypes?: string[];
     /** Several files at once. Default true. */
     allowsMultiple?: boolean;
-    /** Mobile: open the camera first („environment“ = back camera). */
+    /** Mobile: open the camera first (“environment” = back camera). */
     defaultCamera?: 'user' | 'environment';
     isDisabled?: boolean;
     /** Types, size and count – shown before the user picks a file. */
@@ -1743,7 +1805,7 @@ interface DropzoneProps extends PickerProps {
 declare function Dropzone({ acceptedFileTypes, allowsMultiple, defaultCamera, isDisabled, hint, errorMessage, onSelect, texts: own, className, ...props }: DropzoneProps): react.JSX.Element;
 interface FileTriggerProps extends PickerProps {
     label?: ReactNode;
-    /** Visual marker; check „at least one file“ on submit and pass `errorMessage`. */
+    /** Visual marker; check “at least one file” on submit and pass `errorMessage`. */
     isRequired?: boolean;
 }
 /**
@@ -1765,14 +1827,14 @@ interface UploadFieldProps extends Omit<ItemActions, 'texts'> {
      */
     layout?: 'auto' | 'list' | 'compact' | 'grid';
     acceptedFileTypes?: string[];
-    /** Readable form of the types for hint and message („PDF, JPG or PNG“). */
+    /** Readable form of the types for hint and message (“PDF, JPG or PNG”). */
     typesLabel?: string;
     /** Max size per file in bytes. */
     maxSize?: number;
     /** Max number of files. 1 = single file picker. */
     maxFiles?: number;
     defaultCamera?: 'user' | 'environment';
-    /** Default: „{typesLabel} · max. {maxSize} each“. */
+    /** Default: “{typesLabel} · max. {maxSize} each”. */
     hint?: ReactNode;
     /** Field error from the app (e.g. required on submit). Wins over the built-in validation message. */
     errorMessage?: ReactNode;
@@ -1795,11 +1857,12 @@ interface CalendarTexts {
     nextYear: string;
     previousYears: string;
     nextYears: string;
-    /** Name of the month-and-year button: „October 2026 – choose month and year“. */
+    /** Name of the month-and-year button: “October 2026 – choose month and year”. */
     chooseMonth: (title: string) => string;
     chooseYear: (year: string) => string;
     weekNumber: string;
 }
+/** English defaults. The components use the texts of the current language (see i18n). */
 declare const defaultCalendarTexts: CalendarTexts;
 interface SharedProps {
     /** md: 40 px days for desktop popovers · lg: 48 px for touch (Bottom Sheet). */
@@ -1841,13 +1904,13 @@ interface DateFieldProps<T extends DateValue> extends Omit<DateFieldProps$1<T>,
 }
 /**
  * Date field – type a date without a calendar. React Aria DateField: every segment is a
- * spinbutton („day“, „month“, „year“), ↑ ↓ change it, ← → move, Backspace clears, a pasted date fills all.
+ * spinbutton (“day”, “month”, “year”), ↑ ↓ change it, ← → move, Backspace clears, a pasted date fills all.
  * `granularity="minute"` adds the time. For a calendar use DatePicker.
  */
 declare function DateField<T extends DateValue>({ label, description, errorMessage, size, className, ...props }: DateFieldProps<T>): react.JSX.Element;
 interface TimeSlot {
     value: TimeValue;
-    /** Booked slots stay visible, disabled, with the reason („Booked“). */
+    /** Booked slots stay visible, disabled, with the reason (“Booked”). */
     isDisabled?: boolean;
     reason?: string;
 }
@@ -1861,19 +1924,223 @@ interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, 'children' |
  * Time field – type a time. HH:MM, 24 h in de – from the locale. Typing only;
  * with `slots` a clock button opens a list of fixed times (bookings), booked ones disabled with a reason.
  */
-declare function TimeField({ label, description, errorMessage, size, slots, slotsLabel, className, defaultValue, onChange, ...props }: TimeFieldProps): react.JSX.Element;
+declare function TimeField({ label, description, errorMessage, size, slots, slotsLabel: slotsLabelProp, className, defaultValue, onChange, ...props }: TimeFieldProps): react.JSX.Element;
+
+/**
+ * Built-in texts of the components: button labels, screen-reader names, announcements, validation messages.
+ * One object per language (en.ts, de.ts). TypeScript checks that every language has every text with the
+ * right parameters. A component prop (e.g. `closeLabel`) always wins over these defaults.
+ */
+interface Messages {
+    common: {
+        close: string;
+        cancel: string;
+        back: string;
+        more: string;
+        done: string;
+        search: string;
+        showResults: string;
+        loading: string;
+        clear: string;
+        clearAll: string;
+        noResults: string;
+        noResultsFor: (query: string) => string;
+        /** Name of a chosen value list: “Assignee: selected”. */
+        selected: (name: string) => string;
+        /** Announcement after removing values: “Design removed”. */
+        removed: (labels: string[]) => string;
+        /** Combobox: row that creates a new value. */
+        add: (text: string) => string;
+        create: string;
+        reset: string;
+        /** Sheet footer: “3 selected”. */
+        countSelected: (count: number) => string;
+        /** Fallback name of chosen values without a text label. */
+        selectedValues: string;
+    };
+    /** Key names in shortcuts (⌘, ⇧ and Alt are the same everywhere). */
+    keys: {
+        control: string;
+    };
+    accordion: {
+        expandAll: string;
+        collapseAll: string;
+    };
+    alert: {
+        dismiss: string;
+    };
+    avatar: {
+        status: Record<'online' | 'away' | 'busy' | 'offline', string>;
+        unknownPerson: string;
+        unknownOrganization: string;
+        more: (count: number) => string;
+    };
+    breadcrumbs: {
+        label: string;
+        more: (count: number) => string;
+    };
+    bulkActionBar: {
+        label: string;
+        count: (count: number) => string;
+        clear: string;
+        more: string;
+    };
+    calendar: {
+        previousMonth: string;
+        nextMonth: string;
+        previousYear: string;
+        nextYear: string;
+        previousYears: string;
+        nextYears: string;
+        chooseMonth: (title: string) => string;
+        chooseYear: (year: string) => string;
+        weekNumber: string;
+    };
+    datePicker: {
+        openCalendar: string;
+        time: string;
+        presets: string;
+        beforeMin: (date: string) => string;
+        afterMax: (date: string) => string;
+        unavailable: string;
+        reversed: string;
+        today: string;
+        yesterday: string;
+        last7Days: string;
+        last14Days: string;
+        last30Days: string;
+        thisMonth: string;
+        lastMonth: string;
+        availableTimes: string;
+    };
+    dialog: {
+        discardTitle: string;
+        discardDescription: string;
+        discardAction: string;
+        discardCancel: string;
+    };
+    embed: {
+        video: EmbedMessages;
+        map: EmbedMessages;
+        generic: EmbedMessages;
+        privacy: string;
+    };
+    list: {
+        notIncluded: string;
+    };
+    listView: {
+        unread: string;
+    };
+    navigation: {
+        skipToContent: string;
+        main: string;
+        app: string;
+        menu: string;
+        collapse: string;
+        expand: string;
+    };
+    pagination: {
+        label: string;
+        summary: (from: number, to: number, total: number) => string;
+        pageSize: string;
+        previous: string;
+        next: string;
+        page: (page: number) => string;
+        pageOf: (page: number, total: number) => string;
+    };
+    quickSearch: {
+        placeholder: string;
+        suggestions: string;
+        allResults: (query: string) => string;
+        noResults: (query: string) => string;
+        searchAll: (query: string) => string;
+        navigate: string;
+        open: string;
+    };
+    searchField: {
+        clear: string;
+    };
+    select: {
+        placeholder: string;
+        clearSelection: string;
+    };
+    combobox: {
+        placeholder: string;
+    };
+    slider: {
+        minimum: (label: string) => string;
+        maximum: (label: string) => string;
+    };
+    /** scrollRegion: name of a table that scrolls sideways and has no caption. */
+    table: {
+        columns: string;
+        showColumns: string;
+        scrollRegion: string;
+    };
+    textField: {
+        counter: (count: number, limit: number) => string;
+        tooMany: (over: number) => string;
+        /** Announcement after a pause. */
+        charactersLeft: (left: number) => string;
+        charactersTooMany: (over: number) => string;
+    };
+    upload: {
+        title: string;
+        dropTitle: string;
+        chooseFiles: string;
+        chooseFile: string;
+        listLabel: string;
+        cancel: (name: string) => string;
+        remove: (name: string) => string;
+        retry: (name: string) => string;
+        retryShort: string;
+        uploading: (name: string) => string;
+        progress: (loaded: string, total: string, percent: number) => string;
+        typeNotAllowed: (names: string, types: string) => string;
+        tooLarge: (size: string, max: string) => string;
+        tooMany: (max: number) => string;
+        uploaded: (name: string) => string;
+        failed: (name: string, error: string) => string;
+    };
+}
+/** Texts of the Embed consent for one type. provider: the service (“Example Video”), to: who receives the data (“Example Inc.”). */
+interface EmbedMessages {
+    title: string;
+    body: (provider: string | undefined, to: string | undefined) => string;
+    bodyCompact: (provider: string | undefined, company: string | undefined, to: string | undefined) => string;
+    load: string;
+    remember: (provider: string | undefined) => string;
+}
+
+declare const de: Messages;
+
+/** English (default and fallback). */
+declare const en: Messages;
+
+/**
+ * Own texts for all components below, e.g. another language or a different tone:
+ *   <MessagesProvider messages={{ ...enMessages, common: { ...enMessages.common, close: 'Fermer' } }}>
+ * Wins over the built-in languages. Props of a single component still win over both.
+ */
+declare function MessagesProvider({ messages, children }: {
+    messages: Messages;
+    children: ReactNode;
+}): react.JSX.Element;
+/** The built-in texts for the current language. */
+declare function useMessages(): Messages;
 
 interface DatePickerTexts extends CalendarTexts {
     openCalendar: string;
     done: string;
     time: string;
     presets: string;
-    /** Validation – name the rule, never just „invalid date“. */
+    /** Validation – name the rule, never just “invalid date”. */
     beforeMin: (date: string) => string;
     afterMax: (date: string) => string;
     unavailable: string;
     reversed: string;
 }
+/** English defaults. The components use the texts of the current language (see i18n). */
 declare const defaultDatePickerTexts: Omit<DatePickerTexts, keyof CalendarTexts>;
 interface PickerBase {
     label?: ReactNode;
@@ -1893,7 +2160,7 @@ interface DatePickerProps<T extends DateValue> extends Omit<DatePickerProps$1<T>
 }
 /**
  * Date picker – type a date or pick it. The field is the main input, the calendar is a
- * helper: the button „Open calendar“ (or Alt + ↓) opens it, picking a day closes it and focus returns to the
+ * helper: the button “Open calendar” (or Alt + ↓) opens it, picking a day closes it and focus returns to the
  * field. `granularity="minute"` makes it a date + time picker with a time field in the panel.
  */
 declare function DatePicker<T extends DateValue>({ label, description, errorMessage, size, overlay, showWeekNumbers, texts, className, ...props }: DatePickerProps<T>): react.JSX.Element;
@@ -1904,8 +2171,11 @@ interface DateRangePreset {
         end: DateValue;
     };
 }
-/** The default presets (Today … Last month), relative to today in the local time zone. */
-declare function defaultDatePresets(labels?: Partial<Record<'today' | 'yesterday' | 'last7' | 'last14' | 'last30' | 'thisMonth' | 'lastMonth', string>>): DateRangePreset[];
+/**
+ * The default presets (Today … Last month), relative to today in the local time zone.
+ * Labels: own ones win, else those of `messages` (default English; the DateRangePicker passes the current language).
+ */
+declare function defaultDatePresets(labels?: Partial<Record<'today' | 'yesterday' | 'last7' | 'last14' | 'last30' | 'thisMonth' | 'lastMonth', string>>, messages?: Messages): DateRangePreset[];
 interface DateRangePickerProps<T extends DateValue> extends Omit<DateRangePickerProps$1<T>, 'children' | 'className' | 'style'>, PickerBase {
     /** true: the default presets (Today … Last month) · own list · none. Fits dashboards and filters. */
     presets?: boolean | DateRangePreset[];
@@ -1968,7 +2238,7 @@ interface FigureProps {
     children: ReactNode;
     /** Describes what matters (adds to the image – never repeat the alt text). */
     caption?: ReactNode;
-    /** Names the source („© Photographer“). */
+    /** Names the source (“© Photographer”). */
     credit?: ReactNode;
     className?: string;
 }
@@ -1986,17 +2256,20 @@ interface EmbedTexts {
     remember: string;
     privacy: string;
 }
-/** Texts per type. provider: „YouTube“, „Google Maps“ · company: „Google“. */
-declare function defaultEmbedTexts(type: EmbedType, provider?: string, company?: string): EmbedTexts;
+/**
+ * Texts per type. provider: the service (“Example Video”) · company: who runs it, when it differs (“Example Inc.”).
+ * `messages`: the language (default English); the component passes the current one.
+ */
+declare function defaultEmbedTexts(type: EmbedType, provider?: string, company?: string, messages?: Messages): EmbedTexts;
 interface EmbedConsentProps {
     type?: EmbedType;
-    /** „YouTube“, „Google Maps“, „Vimeo“ … */
+    /** Name of the service that provides the content (“Example Video”). */
     provider?: string;
-    /** Who receives the data, when it differs („Google“). */
+    /** Who receives the data, when it differs from the service (“Example Inc.”). */
     company?: string;
-    /** The embed URL – requested only after consent. Prefer privacy-friendly URLs (youtube-nocookie.com). */
+    /** The embed URL – requested only after consent. Prefer the privacy-friendly embed URL of the service, if it offers one. */
     src: string;
-    /** Required: names the iframe („Video: Product tour“). */
+    /** Required: names the iframe (“Video: Product tour”). */
     title: string;
     /** Ratio of the final embed. The placeholder may grow so text never clips. */
     ratio?: Exclude<ImageRatio, 'original'>;
@@ -2004,9 +2277,9 @@ interface EmbedConsentProps {
     privacyHref: string;
     /** Stored consent from the consent manager – loads at once. */
     isConsented?: boolean;
-    /** The user clicked „Load“; `remember` = „Always load …“ checked – store it per provider in the consent manager. */
+    /** The user clicked “Load”; `remember` = “Always load …” checked – store it per provider in the consent manager. */
     onConsent?: (remember: boolean) => void;
-    /** iframe permissions, e.g. „autoplay; encrypted-media; picture-in-picture; fullscreen“. */
+    /** iframe permissions, e.g. “autoplay; encrypted-media; picture-in-picture; fullscreen”. */
     allow?: string;
     texts?: Partial<EmbedTexts>;
     className?: string;
@@ -2018,4 +2291,4 @@ interface EmbedConsentProps {
  */
 declare function EmbedConsent({ type, provider, company, src, title, ratio, privacyHref, isConsented, onConsent, allow, texts, className, }: EmbedConsentProps): react.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertProps, type AlertTone, AppHeader, type AppHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, BadgeCount, type BadgeCountProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeTone, BottomSheet, type BottomSheetProps, BottomTabBar, type BottomTabBarProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type BulkAction, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, type CalendarTexts, Card, type CardProps, Cell, type CellProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ChoiceSize, Column, type ColumnOption, type ColumnProps, ColumnsMenu, type ColumnsMenuProps, Combobox, type ComboboxProps, DateField, type DateFieldProps, DatePicker, type DatePickerProps, type DatePickerTexts, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, Dialog, type DialogAction, type DialogDiscardText, type DialogProps, Drawer, type DrawerProps, Dropzone, type DropzoneProps, EmbedConsent, type EmbedConsentProps, type EmbedTexts, type EmbedType, EmptyState, type EmptyStateAction, type EmptyStateProps, type EmptyStateSize, type EmptyStateType, FieldFooter, FieldLabel, Figure, type FigureProps, FileItem, type FileItemProps, FileTile, type FileTileProps, FileTrigger, type FileTriggerProps, Highlight, IconButton, type IconButtonProps, Image, type ImageProps, type ImageRatio, InputAction, type InputActionProps, type InputSize, Link, type LinkProps, List, ListBox, ListBoxMessage, type ListBoxProps, ListBoxSection, type ListBoxSectionProps, type ListBoxSize, ListCard, type ListCardProps, ListItem, type ListItemProps, type ListProps, ListRow, ListRowIcon, type ListRowProps, type ListType, ListView, type ListViewProps, MediaPlayButton, type MediaPlayButtonProps, Menu, MenuButton, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuTrigger, type MenuTriggerProps, type NavAction, NavGroup, type NavGroupProps, NavItem, type NavItemProps, NavList, type NavListProps, NavSection, type NavSectionProps, type NavVariant, NumberField, type NumberFieldProps, Option, type OptionProps, Pagination, type PaginationProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, QuickSearch, type QuickSearchProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeCalendar, type RangeCalendarProps, Row, SearchField, type SearchFieldProps, SearchResult, type SearchResultProps, type SearchResultType, Select, type SelectOverlay, type SelectProps, SideNav, type SideNavProps, type SideNavUser, SiteHeader, type SiteHeaderProps, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Slider, SliderField, type SliderFieldProps, type SliderProps, Spinner, type SpinnerProps, StaticTable, type StaticTableProps, Submenu, type SubmenuProps, Switch, type SwitchProps, Tab, TabBarItem, type TabBarItemProps, TabBarMore, type TabBarMoreProps, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, TextField, type TextFieldProps, TimeField, type TimeFieldProps, type TimeSlot, type ToastAction, type ToastOptions, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toggletip, type ToggletipProps, Toolbar, type ToolbarProps, ToolbarSeparator, Tooltip, type TooltipProps, TooltipTrigger, UploadField, type UploadFieldProps, type UploadFile, type UploadTexts, defaultCalendarTexts, defaultDatePickerTexts, defaultDatePresets, defaultEmbedTexts, defaultUploadTexts, formatBytes, initialsOf, toast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertProps, type AlertTone, AppHeader, type AppHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, BadgeCount, type BadgeCountProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeTone, BottomSheet, type BottomSheetProps, BottomTabBar, type BottomTabBarProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type BulkAction, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, type CalendarTexts, Card, type CardProps, Cell, type CellProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ChoiceSize, Column, type ColumnOption, type ColumnProps, ColumnsMenu, type ColumnsMenuProps, Combobox, type ComboboxProps, Container, type ContainerProps, DateField, type DateFieldProps, DatePicker, type DatePickerProps, type DatePickerTexts, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, Dialog, type DialogAction, type DialogDiscardText, type DialogProps, Drawer, type DrawerProps, Dropzone, type DropzoneProps, EmbedConsent, type EmbedConsentProps, type EmbedMessages, type EmbedTexts, type EmbedType, EmptyState, type EmptyStateAction, type EmptyStateProps, type EmptyStateSize, type EmptyStateType, FieldFooter, FieldLabel, Figure, type FigureProps, FileItem, type FileItemProps, FileTile, type FileTileProps, FileTrigger, type FileTriggerProps, Grid, GridItem, type GridItemProps, type GridProps, Highlight, IconButton, type IconButtonProps, Image, type ImageProps, type ImageRatio, InputAction, type InputActionProps, type InputSize, type LayoutElement, Link, type LinkProps, List, ListBox, ListBoxMessage, type ListBoxProps, ListBoxSection, type ListBoxSectionProps, type ListBoxSize, ListCard, type ListCardProps, ListItem, type ListItemProps, type ListProps, ListRow, ListRowIcon, type ListRowProps, type ListType, ListView, type ListViewProps, MediaPlayButton, type MediaPlayButtonProps, Menu, MenuButton, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuTrigger, type MenuTriggerProps, type Messages, MessagesProvider, type NavAction, NavGroup, type NavGroupProps, NavItem, type NavItemProps, NavList, type NavListProps, NavSection, type NavSectionProps, type NavVariant, NumberField, type NumberFieldProps, Option, type OptionProps, Pagination, type PaginationProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, QuickSearch, type QuickSearchProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeCalendar, type RangeCalendarProps, Row, SearchField, type SearchFieldProps, SearchResult, type SearchResultProps, type SearchResultType, Select, type SelectOverlay, type SelectProps, SideNav, type SideNavProps, type SideNavUser, SiteHeader, type SiteHeaderProps, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Slider, SliderField, type SliderFieldProps, type SliderProps, type SpacingRule, Spinner, type SpinnerProps, Stack, type StackProps, StaticTable, type StaticTableProps, Submenu, type SubmenuProps, Switch, type SwitchProps, Tab, TabBarItem, type TabBarItemProps, TabBarMore, type TabBarMoreProps, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, TextField, type TextFieldProps, TimeField, type TimeFieldProps, type TimeSlot, type ToastAction, type ToastOptions, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toggletip, type ToggletipProps, Toolbar, type ToolbarProps, ToolbarSeparator, Tooltip, type TooltipProps, TooltipTrigger, UploadField, type UploadFieldProps, type UploadFile, type UploadTexts, de as deMessages, defaultCalendarTexts, defaultDatePickerTexts, defaultDatePresets, defaultEmbedTexts, defaultUploadTexts, en as enMessages, formatBytes, initialsOf, toast, useMessages };