@nxgt/material 3.68.0 → 3.70.0

package/dist/lib/components/ui/fields/postal-address/utils.d.ts

@@ -2,3 +2,18 @@ import { PostalAddressFieldValue } from './models.js';
 export declare function isPostalAddressEmpty(data?: PostalAddressFieldValue | null): boolean;
 export declare function postalAddressCountryName(iso?: string | null, language?: string): string;
 export declare function cityLine(data?: PostalAddressFieldValue | null): string;
+export type FormatPostalAddressOptions = {
+    /** The language of the country name (default `'en'`). */
+    language?: string;
+    /** Between the parts (default `', '`). */
+    separator?: string;
+};
+/**
+ * One line for a read view: street, city line, country name. The city line is
+ * "74000 Annecy" or, for GB, US, CA, IE, AU, NZ and IN, "London SW1A 2AA";
+ * the region follows the city. Empty parts are skipped and the country is
+ * named like `postalAddressCountryName`.
+ * @example formatPostalAddress({ street: '12 rue du Lac', postalCode: '74000', locality: 'Annecy', country: 'FR' }, { language: 'fr' })
+ * // "12 rue du Lac, 74000 Annecy, France"
+ */
+export declare function formatPostalAddress(address?: PostalAddressFieldValue | null, { language, separator }?: FormatPostalAddressOptions): string;

package/dist/lib/components/ui/fields/quantity-field/index.d.ts

@@ -0,0 +1,3 @@
+export { QuantityField } from './quantity-field.js';
+export * from './quantity-form-field.js';
+export type { QuantityFieldProps, QuantityUnit, QuantityValue, } from './types.js';

package/dist/lib/components/ui/fields/quantity-field/quantity-field.d.ts

@@ -0,0 +1,8 @@
+import { QuantityFieldProps } from './types.js';
+/**
+ * One labelled field holding an amount and its unit: a group named by the one
+ * label, a NumberField's number (locale decimal, min, max, step, steppers named
+ * after the field), a unit picker (or a typed unit), and one message under the
+ * pair. The value is `{ value, unit }`.
+ */
+export declare function QuantityField({ label, helperText, className, value, defaultValue, onChange, unitLabel, 'aria-label': ariaLabel, ...props }: QuantityFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/fields/quantity-field/quantity-form-field.d.ts

@@ -0,0 +1,8 @@
+import { UseControllerProps } from 'react-hook-form';
+import { QuantityFieldProps } from './types.js';
+/**
+ * A QuantityField wired to React Hook Form. The field's value is
+ * `{ value, unit }`; an error on the whole field, on `<name>.value` or on
+ * `<name>.unit` shows as the one message under the pair.
+ */
+export declare function QuantityFormField<T extends Record<string, any>>({ control, name, ...props }: Pick<UseControllerProps<T>, 'control' | 'name'> & Omit<QuantityFieldProps, 'name' | 'value' | 'onChange' | 'onBlur'>): import("react").JSX.Element;

package/dist/lib/components/ui/fields/quantity-field/quantity-row.d.ts

@@ -0,0 +1,13 @@
+import { QuantityFieldProps, QuantityValue } from './types.js';
+type QuantityRowProps = Pick<QuantityFieldProps, 'name' | 'id' | 'placeholder' | 'onBlur' | 'min' | 'max' | 'step' | 'hideSteppers' | 'units' | 'allowCustomUnit' | 'unitPlaceholder' | 'disabled' | 'required' | 'error' | 'ref'> & {
+    current: QuantityValue;
+    change: (next: QuantityValue) => void;
+    labelId?: string;
+    ariaLabel?: string;
+    describedBy?: string;
+    unitName: string;
+    stepperName?: string;
+};
+/** The pair on one line: the number (NumberControl's row) shrinks, the unit keeps its width. */
+export declare function QuantityRow({ name, current, change, labelId, ariaLabel, describedBy, unitName, stepperName, unitPlaceholder, units, allowCustomUnit, ...props }: QuantityRowProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/quantity-field/quantity-unit.d.ts

@@ -0,0 +1,12 @@
+import { QuantityFieldProps } from './types.js';
+type QuantityUnitProps = Pick<QuantityFieldProps, 'units' | 'allowCustomUnit' | 'disabled' | 'required' | 'error'> & {
+    unit: string;
+    onUnit: (unit: string) => void;
+    name?: string;
+    label: string;
+    placeholder?: string;
+    describedBy?: string;
+};
+/** A quantity's unit: a picker over `units`, or a text input suggesting them. */
+export declare function QuantityUnitPicker({ units, allowCustomUnit, disabled, required, error, unit, onUnit, name, label, placeholder, describedBy, }: QuantityUnitProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/fields/quantity-field/quantity-value.d.ts

@@ -0,0 +1,9 @@
+import { QuantityValue } from './types.js';
+/** The value of a quantity nobody has filled in. */
+export declare const EMPTY_QUANTITY: QuantityValue;
+/**
+ * The one message of a quantity's React Hook Form error: its own, else the
+ * number's, else the unit's (a resolver reports `dose.value` and `dose.unit`
+ * as children of `dose`).
+ */
+export declare function quantityErrorMessage(error: unknown): string | undefined;

package/dist/lib/components/ui/fields/quantity-field/types.d.ts

@@ -0,0 +1,45 @@
+import { FocusEventHandler, ReactNode, Ref } from 'react';
+/** What a QuantityField holds: the amount (`null` while empty) and its unit. */
+export type QuantityValue = {
+    value: number | null;
+    unit: string;
+};
+/** A unit the picker offers: `value` is stored, `label` is shown. */
+export type QuantityUnit = {
+    value: string;
+    label: string;
+};
+export type QuantityFieldProps = {
+    /** The one label of the pair; it names the group. */
+    label?: ReactNode;
+    /** The one message under the pair; the group, the number and the unit are described by it. */
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    /** Names the parts `<name>.value` and `<name>.unit` for a native form. */
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    value?: QuantityValue;
+    defaultValue?: QuantityValue;
+    onChange?: (value: QuantityValue) => void;
+    /** Fires when the number input loses focus. */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    min?: number;
+    max?: number;
+    step?: number;
+    hideSteppers?: boolean;
+    /** The units offered. */
+    units?: QuantityUnit[];
+    /** The unit is typed; `units` become suggestions. Without it the unit is picked from `units`. */
+    allowCustomUnit?: boolean;
+    unitPlaceholder?: string;
+    /** Names the unit part. Defaults to "<label> unit". */
+    unitLabel?: string;
+    /** Names the group when `label` is not plain text. */
+    'aria-label'?: string;
+    /** Reaches the number input (React Hook Form's `field.ref`, `setFocus`). */
+    ref?: Ref<HTMLInputElement>;
+};

package/dist/lib/components/ui/media/upload/index.d.ts

@@ -1,2 +1,3 @@
 export * from './network-upload-field/index.js';
 export * from './s3-upload-field/index.js';
+export * from './upload-error.js';

package/dist/lib/components/ui/media/upload/network-upload-field/network-upload-field.d.ts

@@ -7,7 +7,12 @@ export type NetworkUploadFieldProps = {
     accept?: string;
     maxSize?: number;
     maxFiles?: number;
-    onUpload: (file: File, onProgress?: (percent: number) => void) => Promise<string>;
+    /**
+     * Sends the file and resolves with the value to commit. `signal` aborts
+     * when the row is removed or the field unmounts: pass it to the request
+     * (`fetch`, `putFileWithProgress`) so a cancelled upload never lands.
+     */
+    onUpload: (file: File, onProgress?: (percent: number) => void, signal?: AbortSignal) => Promise<string>;
     onRemove?: (value: string) => void | Promise<void>;
     onError?: (file: File, error: unknown) => void;
     /**

package/dist/lib/components/ui/media/upload/network-upload-field/network-upload-field.errors.d.ts

@@ -0,0 +1,8 @@
+import { MaterialLocaleKey } from '../../../../../i18n/types.js';
+/**
+ * Translates an upload message: `useMaterialTranslation()`'s `t` fits. Without
+ * one, the English fallback is formatted.
+ */
+export type UploadMessageTranslate = (key: MaterialLocaleKey, fallback: string, values?: Record<string, string | number>) => string;
+export declare const inEnglish: UploadMessageTranslate;
+export declare function getUploadErrorMessage(error: unknown, t?: UploadMessageTranslate): string;

package/dist/lib/components/ui/media/upload/network-upload-field/network-upload-field.utils.d.ts

@@ -1,9 +1,4 @@
-import { MaterialLocaleKey } from '../../../../../i18n/types.js';
-/**
- * Translates an upload message: `useMaterialTranslation()`'s `t` fits. Without
- * one, the English fallback is formatted.
- */
-export type UploadMessageTranslate = (key: MaterialLocaleKey, fallback: string, values?: Record<string, string | number>) => string;
+import { UploadMessageTranslate } from './network-upload-field.errors.js';
 export type FileValidationError = 'accept' | 'max-size' | 'max-files';
 export type ValidateFileOptions = {
     accept?: string;
@@ -16,7 +11,6 @@ export declare function validateFile(file: File, options: ValidateFileOptions):
 export declare function getValidationMessage(error: FileValidationError, options: ValidateFileOptions, t?: UploadMessageTranslate): string;
 export declare function createFileId(): string;
 export declare function filenameFromValue(value: string): string;
-export declare function getUploadErrorMessage(error: unknown, t?: UploadMessageTranslate): string;
 /**
  * Whether a stored value looks like an image, judged by extension.
  *
@@ -43,3 +37,4 @@ export declare function isDisplayableSrc(value: string): boolean;
  * image is enough.
  */
 export declare function resolvePreviewUrl(value: string, resolveUrl?: (value: string) => string | null | undefined): string | undefined;
+export { getUploadErrorMessage, type UploadMessageTranslate, } from './network-upload-field.errors.js';

package/dist/lib/components/ui/media/upload/network-upload-field/use-start-upload.d.ts

@@ -1,15 +1,19 @@
 import { RefObject } from 'react';
 import { UploadItemActions } from './network-upload-field.slice.js';
 import { UploadMessageTranslate } from './network-upload-field.utils.js';
+type UploadFn = (file: File, onProgress?: (percent: number) => void, signal?: AbortSignal) => Promise<string>;
 /**
  * Runs `onUpload` for one local item: its progress, then the committed value
- * or the error. An item removed meanwhile (`removedIdsRef`) is left alone.
+ * or the error. An item removed meanwhile (`removedIdsRef`) has its request
+ * aborted (`controllersRef`) and is left alone: neither an error nor a value.
  */
-export declare function useStartUpload({ onUpload, onError, actions, removedIdsRef, commitUploaded, t, }: {
-    onUpload: (file: File, onProgress?: (percent: number) => void) => Promise<string>;
+export declare function useStartUpload({ onUpload, onError, actions, removedIdsRef, controllersRef, commitUploaded, t, }: {
+    onUpload: UploadFn;
     onError?: (file: File, error: unknown) => void;
     actions: UploadItemActions;
     removedIdsRef: RefObject<Set<string>>;
+    controllersRef: RefObject<Map<string, AbortController>>;
     commitUploaded: (value: string, file: File, replacesValue?: string) => void;
     t: UploadMessageTranslate;
 }): (uploadId: string, file: File, replacesValue?: string) => void;
+export {};

package/dist/lib/components/ui/media/upload/network-upload-field/use-upload-item-handlers.d.ts

@@ -10,6 +10,7 @@ export type UploadItemHandlerDeps = {
     onError?: (file: File, error: unknown) => void;
     actions: UploadItemActions;
     removedIdsRef: RefObject<Set<string>>;
+    controllersRef: RefObject<Map<string, AbortController>>;
     startUpload: (uploadId: string, file: File, replacesValue?: string) => void;
     addLocalItem: (file: File, options?: {
         replacesValue?: string;
@@ -18,7 +19,7 @@ export type UploadItemHandlerDeps = {
     t: UploadMessageTranslate;
 };
 /** What a row's Replace, Retry and Remove do, for a local item or a value. */
-export declare function useUploadItemHandlers({ disabled, accept, maxSize, onRemove, onError, actions, removedIdsRef, startUpload, addLocalItem, commitRemove, t, }: UploadItemHandlerDeps): {
+export declare function useUploadItemHandlers({ disabled, accept, maxSize, onRemove, onError, actions, removedIdsRef, controllersRef, startUpload, addLocalItem, commitRemove, t, }: UploadItemHandlerDeps): {
     handleItemReplace: (item: NetworkUploadDisplayItem, file: File) => void;
     handleItemRetry: (item: NetworkUploadDisplayItem) => void;
     handleItemRemove: (item: NetworkUploadDisplayItem) => void;

package/dist/lib/components/ui/media/upload/s3-upload-field/s3-upload-field.d.ts

@@ -1,10 +1,7 @@
 import { DistributiveOmit } from '../../../../../lib/distributive-omit.js';
 import { NetworkUploadFieldProps } from '../network-upload-field/network-upload-field.js';
-export type PresignedUploadTarget = {
-    uploadUrl: string;
-    publicUrl: string;
-    headers?: Record<string, string>;
-};
+import { PresignedUploadTarget } from './s3-upload-field.utils.js';
+export type { PresignedPostTarget, PresignedPutTarget, PresignedUploadTarget, } from './s3-upload-field.utils.js';
 export type S3UploadFieldProps = DistributiveOmit<NetworkUploadFieldProps, 'onUpload'> & {
     getPresignedUrl: (file: File) => Promise<PresignedUploadTarget>;
 };

package/dist/lib/components/ui/media/upload/s3-upload-field/s3-upload-field.utils.d.ts

@@ -1,5 +1,30 @@
 export type PutFileWithProgressOptions = {
     headers?: Record<string, string>;
     onProgress?: (percent: number) => void;
+    /** Aborts the request (`xhr.abort()`); the promise then rejects with an `UploadError` of kind `aborted` (named `AbortError`). */
+    signal?: AbortSignal;
 };
-export declare function putFileWithProgress(url: string, file: File, { headers, onProgress }?: PutFileWithProgressOptions): Promise<void>;
+/** A presigned PUT: the file is the request body. */
+export type PresignedPutTarget = {
+    method?: 'PUT';
+    uploadUrl: string;
+    publicUrl: string;
+    headers?: Record<string, string>;
+};
+/**
+ * A presigned POST policy: `fields` are sent first, in order, then the file
+ * as the last part, named `file`. `value` is what the field stores (the key).
+ */
+export type PresignedPostTarget = {
+    method: 'POST';
+    url: string;
+    fields: Record<string, string>;
+    value: string;
+};
+export type PresignedUploadTarget = PresignedPutTarget | PresignedPostTarget;
+/** Fields in insertion order, then the file last: S3 ignores what follows `file`. */
+export declare function buildPostFormData(fields: Record<string, string>, file: File): FormData;
+export declare function putFileWithProgress(url: string, file: File, { headers, onProgress, signal }?: PutFileWithProgressOptions): Promise<void>;
+export declare function postFileWithProgress(url: string, fields: Record<string, string>, file: File, { onProgress, signal, }?: Pick<PutFileWithProgressOptions, 'onProgress' | 'signal'>): Promise<void>;
+/** Sends `file` to a PUT or POST target and resolves with the value to store. */
+export declare function uploadToTarget(target: PresignedUploadTarget, file: File, onProgress?: (percent: number) => void, signal?: AbortSignal): Promise<string>;

package/dist/lib/components/ui/media/upload/upload-error.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Why a transport-level upload failed. The S3 helpers (`putFileWithProgress`,
+ * `postFileWithProgress`, `uploadToTarget`) reject with an `UploadError`, so a
+ * field can word the failure in the active language.
+ *
+ * - `status`: the storage answered a non-2xx `status`; `code` is the S3 error
+ *   code (`EntityTooLarge`) when the XML body carries one.
+ * - `network`: the request never completed (CORS, offline, blocked by CSP).
+ * - `aborted`: the request was cancelled through its `AbortSignal`. The error's
+ *   `name` is `AbortError`.
+ *
+ * `message` stays English, for logs and for code that reads it. An abort is an
+ * `UploadError` named `AbortError`, no longer a `DOMException`: test
+ * `error.name === 'AbortError'` or `error.kind === 'aborted'`, not `instanceof
+ * DOMException`. Across two copies of the package, use `isUploadError(e)`
+ * rather than `instanceof`.
+ */
+export type UploadErrorKind = 'status' | 'network' | 'aborted';
+export declare class UploadError extends Error {
+    /** Brand read by `isUploadError`, so a copy from another bundle is recognised. */
+    readonly isUploadError = true;
+    readonly kind: UploadErrorKind;
+    /** The HTTP status, for `kind: 'status'`. */
+    readonly status?: number;
+    /** The S3 error code, for `kind: 'status'` when the body carried one. */
+    readonly code?: string;
+    constructor(kind: UploadErrorKind, options?: {
+        status?: number;
+        code?: string;
+    });
+}
+/** Structural guard: an `UploadError`, even one made by another copy of the package. */
+export declare function isUploadError(error: unknown): error is UploadError;

package/dist/lib/components/ui/selection/autocomplete/autocomplete-enter.d.ts

@@ -0,0 +1,18 @@
+import { KeyboardEvent } from 'react';
+type Enter = {
+    freeSolo?: boolean;
+    /** Typed text that matches no option: the "Add" button shows. */
+    showAddButton: boolean;
+    open: boolean;
+    onAdd: () => void;
+};
+/**
+ * Enter in the input, as the WAI-ARIA combobox pattern has it: Enter acts on
+ * the list, so it never submits the surrounding form while it has something to
+ * do. A highlighted option is picked (Base UI), else a `freeSolo` text with no
+ * match is added; either way, as with an open list, the default action (the
+ * form's implicit submission) is cancelled. Enter on a closed list, or with
+ * nothing typed, still submits as a plain input does.
+ */
+export declare function enterHandler({ freeSolo, showAddButton, open, onAdd }: Enter): (event: KeyboardEvent<HTMLInputElement>) => void;
+export {};

package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-chip-input.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { AutocompleteOption, AutocompleteProps } from '../types.js';
+import { AutocompleteChipsProps, AutocompleteOption, AutocompleteProps } from '../types.js';
 /** The chips box: a chip for each selected option, then the input. */
 export declare function AutocompleteChipInput<T extends AutocompleteOption>({ id, labelId, helperId, values, getOptionValue, getOptionLabel, ...props }: AutocompleteProps<T> & {
     id: string;
@@ -8,6 +8,7 @@ export declare function AutocompleteChipInput<T extends AutocompleteOption>({ id
     values: string[];
     anchor: RefObject<HTMLDivElement | null>;
     onRemove: (value: string) => void;
+    onInputKeyDown?: AutocompleteChipsProps<T>['onInputKeyDown'];
     getOptionValue: (option: T) => string;
     getOptionLabel: (option: T) => string;
 }): import("react").JSX.Element;

package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-text-input.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { AutocompleteOption, AutocompleteProps } from '../types.js';
+import { AutocompleteChipsProps, AutocompleteOption, AutocompleteProps } from '../types.js';
 /**
  * `display="text"`: the single value is the input's own text, in the field
  * box, with the clear button and the chevron at its end. The text is selected
@@ -12,4 +12,5 @@ export declare function AutocompleteTextInput<T extends AutocompleteOption>({ id
     helperId: string;
     /** The option picked, for its avatar before the text. */
     selected: T | null;
+    onInputKeyDown?: AutocompleteChipsProps<T>['onInputKeyDown'];
 }): import("react").JSX.Element;

package/dist/lib/components/ui/selection/autocomplete/types.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, ReactNode, RefObject } from 'react';
+import { FocusEvent, KeyboardEvent, ReactNode, RefObject } from 'react';
 import { InputGroupFieldProps } from '../../fields/input-group-field/input-group-field.js';
 export type AutocompleteOption = {
     value: string;
@@ -111,6 +111,8 @@ export type AutocompleteChipsProps<T extends AutocompleteOption> = AutocompleteP
     selected?: T | null;
     /** Focus left an element of the field (`text` display restores the label). */
     onFieldBlur?: (event: FocusEvent<HTMLElement>) => void;
+    /** Enter in the input: picks or adds, and keeps the form from submitting. */
+    onInputKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     /** What the field's polite live region says about the list. */
     announcement?: ReactNode;
     /** The list, when it sits in the field's flow (in a dialog). */

package/dist/lib/components/ui/widgets/education/questions/partials/question-content.d.ts

@@ -1,3 +1,3 @@
 import { QuestionProps } from '../types.js';
 /** A question's fieldset: prompt, header, media, hint, the answer body and the feedback. */
-export declare function QuestionContent({ question, value, onValueChange, revealed: revealedProp, verdict, points, feedback, disabled, readOnly, busy, renderCode, promptId: promptIdProp, variant, density, showShortcuts, number, showFeedback, }: QuestionProps): import("react").JSX.Element;
+export declare function QuestionContent({ question, value, onValueChange, revealed: revealedProp, verdict, points, feedback, disabled, readOnly, busy, renderCode, promptId: promptIdProp, variant, density, showShortcuts, number, showFeedback: showFeedbackProp, preview, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/question-text.d.ts

@@ -1,3 +1,3 @@
 import { QuestionProps } from './types.js';
 /** A typed answer: `text`, or `number` (a decimal keypad, an optional unit). */
-export declare function QuestionText({ question, value, onValueChange, revealed, verdict, disabled, readOnly, busy, showFeedback, }: QuestionProps): import("react").JSX.Element;
+export declare function QuestionText({ question, value, onValueChange, revealed, verdict, disabled, readOnly, busy, showFeedback, preview, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/question.d.ts

@@ -1,2 +1,2 @@
 import { QuestionProps } from './types.js';
-export declare function QuestionCard({ question, value, onValueChange, revealed, verdict, points, feedback, disabled, readOnly, busy, renderCode, promptId, className, variant, density, showShortcuts, number, showFeedback, }: QuestionProps): import("react").JSX.Element;
+export declare function QuestionCard({ question, value, onValueChange, revealed, verdict, points, feedback, disabled, readOnly, busy, renderCode, promptId, className, variant, density, showShortcuts, number, showFeedback, preview, }: QuestionProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/education/questions/types.d.ts

@@ -133,4 +133,14 @@ export type QuestionProps = {
     number?: number;
     /** The verdict banner once revealed: right or wrong, the correct answer. */
     showFeedback?: boolean;
+    /**
+     * An author's preview: the card is read-only and shows the marks, the
+     * `question.correct` answer (the right options marked, the expected text or
+     * number filled in) and the `explanation`, with no verdict banner.
+     * `verdict` and `showFeedback` are always ignored in a preview; `value` is
+     * ignored when the question has a `correct`. An `open` or `code` question
+     * has none, so pass its reference answer as `value`. Never used for a
+     * learner's attempt.
+     */
+    preview?: boolean;
 };

package/dist/lib/i18n/resources/en/en.d.ts

@@ -130,6 +130,10 @@ export declare const en: {
             remove: string;
             "replace-named": string;
             failed: string;
+            "error-status": string;
+            "error-status-code": string;
+            "error-network": string;
+            "error-aborted": string;
             "invalid-type": string;
             "too-large": string;
             "max-files": string;
@@ -1318,6 +1322,10 @@ export declare const en: {
             "decrease-named": string;
             "increase-named": string;
         };
+        "quantity-field": {
+            unit: string;
+            "unit-named": string;
+        };
         "textarea-field": {
             count: string;
         };
@@ -1342,6 +1350,7 @@ export declare const en: {
             placeholder: string;
             search: string;
             empty: string;
+            incomplete: string;
         };
         "rating-field": {
             star: string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -120,6 +120,10 @@ declare const _default: {
 		"remove": "Remove",
 		"replace-named": "Replace {name}",
 		"failed": "Upload failed",
+		"error-status": "Upload failed with status {status}",
+		"error-status-code": "Upload failed with status {status} ({code})",
+		"error-network": "Network error during upload",
+		"error-aborted": "Upload cancelled",
 		"invalid-type": "File type not accepted",
 		"too-large": "File exceeds maximum size of {size}",
 		"max-files": "{count, plural, one {Maximum of # file reached} other {Maximum of # files reached}}"
@@ -1308,6 +1312,10 @@ declare const _default: {
 		"decrease-named": "Decrease {label}",
 		"increase-named": "Increase {label}"
 	},
+	"quantity-field": {
+		"unit": "Unit",
+		"unit-named": "{label} unit"
+	},
 	"textarea-field": {
 		"count": "{count}/{max}"
 	},
@@ -1331,7 +1339,8 @@ declare const _default: {
 		"country": "Country code",
 		"placeholder": "6 12 34 56 78",
 		"search": "Search country",
-		"empty": "No country found"
+		"empty": "No country found",
+		"incomplete": "Incomplete number"
 	},
 	"rating-field": {
 		"star": "{value} of {max}"

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -130,6 +130,10 @@ export declare const fr: {
             remove: string;
             "replace-named": string;
             failed: string;
+            "error-status": string;
+            "error-status-code": string;
+            "error-network": string;
+            "error-aborted": string;
             "invalid-type": string;
             "too-large": string;
             "max-files": string;
@@ -1318,6 +1322,10 @@ export declare const fr: {
             "decrease-named": string;
             "increase-named": string;
         };
+        "quantity-field": {
+            unit: string;
+            "unit-named": string;
+        };
         "textarea-field": {
             count: string;
         };
@@ -1342,6 +1350,7 @@ export declare const fr: {
             placeholder: string;
             search: string;
             empty: string;
+            incomplete: string;
         };
         "rating-field": {
             star: string;

package/dist/lib/i18n/resources/fr/material.json.d.ts

@@ -120,6 +120,10 @@ declare const _default: {
 		"remove": "Supprimer",
 		"replace-named": "Remplacer {name}",
 		"failed": "Échec de l'envoi",
+		"error-status": "Échec de l'envoi (statut {status})",
+		"error-status-code": "Échec de l'envoi (statut {status}, {code})",
+		"error-network": "Erreur réseau pendant l'envoi",
+		"error-aborted": "Envoi annulé",
 		"invalid-type": "Type de fichier non accepté",
 		"too-large": "Le fichier dépasse la taille maximale de {size}",
 		"max-files": "{count, plural, one {Maximum de # fichier atteint} other {Maximum de # fichiers atteint}}"
@@ -1308,6 +1312,10 @@ declare const _default: {
 		"decrease-named": "Diminuer {label}",
 		"increase-named": "Augmenter {label}"
 	},
+	"quantity-field": {
+		"unit": "Unité",
+		"unit-named": "Unité de {label}"
+	},
 	"textarea-field": {
 		"count": "{count}/{max}"
 	},
@@ -1331,7 +1339,8 @@ declare const _default: {
 		"country": "Indicatif pays",
 		"placeholder": "6 12 34 56 78",
 		"search": "Rechercher un pays",
-		"empty": "Aucun pays trouvé"
+		"empty": "Aucun pays trouvé",
+		"incomplete": "Numéro incomplet"
 	},
 	"rating-field": {
 		"star": "{value} sur {max}"

package/dist/lib/i18n/resources/resources.d.ts

@@ -128,6 +128,10 @@ export declare const resources: {
                 remove: string;
                 "replace-named": string;
                 failed: string;
+                "error-status": string;
+                "error-status-code": string;
+                "error-network": string;
+                "error-aborted": string;
                 "invalid-type": string;
                 "too-large": string;
                 "max-files": string;
@@ -1316,6 +1320,10 @@ export declare const resources: {
                 "decrease-named": string;
                 "increase-named": string;
             };
+            "quantity-field": {
+                unit: string;
+                "unit-named": string;
+            };
             "textarea-field": {
                 count: string;
             };
@@ -1340,6 +1348,7 @@ export declare const resources: {
                 placeholder: string;
                 search: string;
                 empty: string;
+                incomplete: string;
             };
             "rating-field": {
                 star: string;
@@ -3120,6 +3129,10 @@ export declare const resources: {
                 remove: string;
                 "replace-named": string;
                 failed: string;
+                "error-status": string;
+                "error-status-code": string;
+                "error-network": string;
+                "error-aborted": string;
                 "invalid-type": string;
                 "too-large": string;
                 "max-files": string;
@@ -4308,6 +4321,10 @@ export declare const resources: {
                 "decrease-named": string;
                 "increase-named": string;
             };
+            "quantity-field": {
+                unit: string;
+                "unit-named": string;
+            };
             "textarea-field": {
                 count: string;
             };
@@ -4332,6 +4349,7 @@ export declare const resources: {
                 placeholder: string;
                 search: string;
                 empty: string;
+                incomplete: string;
             };
             "rating-field": {
                 star: string;