@nxgt/material-vue 0.24.0 → 0.25.0

package/dist/lib/components/ui/selection/index.d.ts

@@ -12,3 +12,4 @@ export * from './select-field';
 export * from './sortable-list';
 export * from './switcher';
 export * from './transfer-list';
+export * from './tree-select-field';

package/dist/lib/components/ui/selection/select-field/select-field.vue.d.ts

@@ -15,10 +15,25 @@ export type SelectFieldProps = {
     options: SelectOption[];
     class?: HTMLAttributes['class'];
 };
-declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+/** `#option` is `@nxgt/material`'s `renderOption`. */
+type __VLS_Slots = {
+    /** One option's content in the list. Defaults to its `label`. */
+    option?: (props: {
+        option: SelectOption;
+        index: number;
+        selected: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<SelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<SelectFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/ui/selection/select-field/select-form-field.vue.d.ts

@@ -1,7 +1,21 @@
-import { SelectFieldProps } from './select-field.vue';
+import { SelectFieldProps, SelectOption } from './select-field.vue';
 type __VLS_Props = {
     name: string;
 } & Omit<SelectFieldProps, 'modelValue' | 'error' | 'name'>;
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_Slots = {
+    /** One option's content in the list, as on `SelectField`. */
+    option?: (props: {
+        option: SelectOption;
+        index: number;
+        selected: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/ui/selection/tree-select-field/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TreeSelectField } from './tree-select-field.vue';
+export { default as TreeSelectFormField } from './tree-select-form-field.vue';
+export type { TreeSelectFieldProps, TreeSelectFieldValue } from './types';

package/dist/lib/components/ui/selection/tree-select-field/partials/tree-select-panel.vue.d.ts

@@ -0,0 +1,27 @@
+import { TreeNode } from '../../../collections/tree/types';
+/** What the popover holds: the optional filter input, then the tree. */
+type __VLS_Props = {
+    nodes: TreeNode[];
+    multiple?: boolean;
+    selectedIds: string[];
+    expandedIds: string[];
+    /** Names the tree: the field's label. */
+    treeLabel?: string;
+    searchable?: boolean;
+    query: string;
+    searchLabel: string;
+    emptyText: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (id: string) => any;
+    "update:selectedIds": (ids: string[]) => any;
+    "update:expandedIds": (ids: string[]) => any;
+    "update:query": (query: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    "onUpdate:selectedIds"?: ((ids: string[]) => any) | undefined;
+    "onUpdate:expandedIds"?: ((ids: string[]) => any) | undefined;
+    "onUpdate:query"?: ((query: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/selection/tree-select-field/partials/tree-select-trigger.vue.d.ts

@@ -0,0 +1,28 @@
+import { TreeNode } from '../../../collections/tree/types';
+/**
+ * The field's box: in multiple mode, a chip per picked node, then the
+ * `combobox` button that opens the tree. The chips sit beside the button, not
+ * in it — a chip's remove button may not be nested in another button — and the
+ * box is the popover's anchor, so the tree opens under all of it.
+ */
+type __VLS_Props = {
+    open: boolean;
+    multiple?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    name?: string;
+    /** What the button shows while nothing is picked. */
+    placeholder: string;
+    /** What the button shows in multiple mode once something is picked. */
+    countText: string;
+    selectedNodes: TreeNode[];
+    /** The combobox's attributes, role, name and description (`pickerTriggerBindings`). */
+    a11y: Record<string, unknown>;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/selection/tree-select-field/tree-select-field.vue.d.ts

@@ -0,0 +1,8 @@
+import { TreeSelectFieldProps, TreeSelectFieldValue } from './types';
+declare const __VLS_export: import('vue').DefineComponent<TreeSelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: TreeSelectFieldValue) => any;
+}, string, import('vue').PublicProps, Readonly<TreeSelectFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TreeSelectFieldValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/selection/tree-select-field/tree-select-form-field.vue.d.ts

@@ -0,0 +1,8 @@
+import { TreeSelectFieldProps } from './types';
+/** `TreeSelectField` bound to vee-validate: touched when focus leaves it. */
+type __VLS_Props = {
+    name: string;
+} & Omit<TreeSelectFieldProps, 'modelValue' | 'error' | 'name'>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/selection/tree-select-field/tree-select.utils.d.ts

@@ -0,0 +1,29 @@
+import { TreeNode } from '../../collections/tree/types';
+/** The text a node shows, which the search matches against. */
+export declare function treeNodeText(node: TreeNode): string;
+export type FilteredTree = {
+    /** The matches, each under its ancestors; a match keeps its own subtree. */
+    nodes: TreeNode[];
+    /** The ancestors kept for a match below them: open, so the match shows. */
+    expandedIds: string[];
+};
+/**
+ * The tree narrowed to the nodes whose text contains `query` (case- and
+ * accent-insensitive), with every match's ancestors kept so it stays in place.
+ * An empty query keeps the whole tree, with nothing forced open.
+ */
+export declare function filterTree(nodes: TreeNode[], query: string): FilteredTree;
+/** The ids of the ancestors of `ids`: opened, so a picked node is in view. */
+export declare function ancestorIds(nodes: TreeNode[], ids: string[]): string[];
+/** The nodes of `ids`, in the order of `ids`; an id the tree lacks is skipped. */
+export declare function treeNodesOf(nodes: TreeNode[], ids: string[]): TreeNode[];
+/** The value as a list of ids, whatever the mode. */
+export declare function toIds(value: string | string[] | null | undefined): string[];
+/** The first tree item a keyboard user lands on: the roving one, else the first. */
+export declare function treeEntry(root: ParentNode | null | undefined): HTMLElement | null;
+/**
+ * Before a chip is removed, hand focus on, so a keyboard user is not dropped
+ * to `<body>` (which also blurs, so touches, the form field): the next chip's
+ * remove button, else the previous one's, else the combobox trigger.
+ */
+export declare function focusAfterChipRemoval(box: ParentNode | null | undefined, index: number): void;

package/dist/lib/components/ui/selection/tree-select-field/types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'vue';
+import { TreeNode } from '../../collections/tree/types';
+export type TreeSelectFieldProps = {
+    /** The tree to pick from: `Tree`'s node shape. */
+    items: TreeNode[];
+    /** The picked node's id, or the picked ids with `multiple` (`v-model`). */
+    modelValue?: string | string[] | null;
+    /** Checkboxes in the tree, and the picked nodes as chips in the trigger. */
+    multiple?: boolean;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    /** Shown while nothing is picked; `material.tree-select-field.placeholder` otherwise. */
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** A filter input above the tree: matches stay under their ancestors. */
+    searchable?: boolean;
+    /** The filter input's placeholder and name; `material.tree-select-field.search` otherwise. */
+    searchPlaceholder?: string;
+    name?: string;
+    class?: HTMLAttributes['class'];
+    /** Names the trigger (`aria-label`); it wins over `label`. */
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+/** What the field emits: one id (or `null`), or the ids with `multiple`. */
+export type TreeSelectFieldValue = string | string[] | null;

package/dist/lib/components/ui/selection/tree-select-field/use-tree-select-field.d.ts

@@ -0,0 +1,19 @@
+import { TreeSelectFieldProps, TreeSelectFieldValue } from './types';
+/**
+ * A `TreeSelectField`'s chrome — open, the search query, the open branches —
+ * and what picking does. The value stays the caller's (`v-model`); three
+ * local refs need no store, as in `Autocomplete`.
+ */
+export declare function useTreeSelectField(props: TreeSelectFieldProps, change: (value: TreeSelectFieldValue) => void): {
+    open: import('vue').Ref<boolean, boolean>;
+    setOpen: (next: boolean) => void;
+    query: import('vue').Ref<string, string>;
+    search: (next: string) => void;
+    nodes: import('vue').ComputedRef<import('../../collections').TreeNode[]>;
+    expandedIds: import('vue').Ref<string[], string[]>;
+    selectedIds: import('vue').ComputedRef<string[]>;
+    selectedNodes: import('vue').ComputedRef<import('../../collections').TreeNode[]>;
+    onSelectedIdsChange: (ids: string[]) => void;
+    onSelect: (id: string) => void;
+    remove: (id: string) => void;
+};

package/dist/lib/components/ui/widgets/code-editor/code-editor-options.d.ts

@@ -6,11 +6,14 @@ export type CodeEditorOptionsInput = {
     wordWrap?: boolean;
     /** The field's label: it names Monaco's textarea. */
     label?: string;
+    /** Monaco's own construction options, passed through; they win. */
+    options?: CodeEditorOptions;
 };
 /**
  * Monaco's options for `CodeEditor`, at creation and on every change of
  * these inputs. `ariaRequired` puts `aria-required` on Monaco's own textarea,
  * the element a screen reader lands on, and `ariaLabel` names it with the
  * field's label: the `Label` cannot be `for` a textarea Monaco creates.
+ * Caller `options` win, as on `@nxgt/material`.
  */
-export declare function codeEditorOptions({ readOnly, required, wordWrap, label, }: CodeEditorOptionsInput): any;
+export declare function codeEditorOptions({ readOnly, required, wordWrap, label, options, }: CodeEditorOptionsInput): CodeEditorOptions;

package/dist/lib/components/ui/widgets/code-editor/code-editor.vue.d.ts

@@ -1,3 +1,4 @@
+import { CodeEditorOptions } from './code-editor-options';
 export type CodeEditorProps = {
     label?: string;
     helperText?: string;
@@ -12,6 +13,12 @@ export type CodeEditorProps = {
     scheme?: 'dark' | 'light';
     height?: string | number;
     modelValue?: string;
+    /**
+     * Monaco's own options (`IStandaloneEditorConstructionOptions`), passed
+     * through at creation and through `updateOptions` when they change. They
+     * win over the editor's defaults (`minimap`, `fontSize`, `wordWrap`…).
+     */
+    options?: CodeEditorOptions;
 };
 declare const __VLS_export: import('vue').DefineComponent<CodeEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

package/dist/lib/components/ui/widgets/code-editor/index.d.ts

@@ -1,3 +1,4 @@
 export type { CodeEditorProps } from './code-editor.vue';
 export { default as CodeEditor } from './code-editor.vue';
 export { default as CodeEditorFormField } from './code-editor-form-field.vue';
+export type { CodeEditorOptions } from './code-editor-options';

package/dist/lib/components/ui/widgets/code-editor/monaco-editor.vue.d.ts

@@ -1,3 +1,4 @@
+import { CodeEditorOptions } from './code-editor-options';
 type __VLS_Props = {
     modelValue: string;
     language: string;
@@ -8,6 +9,8 @@ type __VLS_Props = {
     required?: boolean;
     /** Names Monaco's textarea; a new one reaches it through `updateOptions`. */
     label?: string;
+    /** Monaco's own options; they win over the defaults above. */
+    options?: CodeEditorOptions;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -48,6 +48,7 @@ export declare const en: {
             cancel: string;
             processing: string;
             failed: string;
+            "form-failed": string;
         };
         "location-field": {
             placeholder: string;
@@ -631,6 +632,12 @@ export declare const en: {
             expand: string;
             collapse: string;
         };
+        "tree-select-field": {
+            placeholder: string;
+            search: string;
+            empty: string;
+            selected: string;
+        };
         "image-cropper": {
             title: string;
             zoom: string;
@@ -1162,6 +1169,7 @@ export declare const en: {
         slider: {
             minimum: string;
             maximum: string;
+            value: string;
         };
         "scroll-to-top": {
             label: string;
@@ -1198,6 +1206,31 @@ export declare const en: {
         "time-picker": {
             am: string;
             pm: string;
+            hours: string;
+            minutes: string;
+        };
+        "date-range-field": {
+            presets: string;
+            preset: {
+                today: string;
+                yesterday: string;
+                "last-7-days": string;
+                "last-30-days": string;
+                "this-month": string;
+                "last-month": string;
+                "this-year": string;
+            };
+            "start-time": string;
+            "end-time": string;
+        };
+        "file-preview": {
+            label: string;
+            untitled: string;
+            loading: string;
+            error: string;
+            download: string;
+            truncated: string;
+            content: string;
         };
     };
 };

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

@@ -37,7 +37,8 @@ declare const _default: {
 		"confirm": "Confirm",
 		"cancel": "Cancel",
 		"processing": "Processing...",
-		"failed": "The action failed."
+		"failed": "The action failed.",
+		"form-failed": "The form could not be loaded."
 	},
 	"location-field": {
 		"placeholder": "No location selected",
@@ -621,6 +622,12 @@ declare const _default: {
 		"expand": "Expand",
 		"collapse": "Collapse"
 	},
+	"tree-select-field": {
+		"placeholder": "Select…",
+		"search": "Search",
+		"empty": "No match found.",
+		"selected": "{count} selected"
+	},
 	"image-cropper": {
 		"title": "Crop image",
 		"zoom": "Zoom",
@@ -1151,7 +1158,8 @@ declare const _default: {
 	},
 	"slider": {
 		"minimum": "Minimum",
-		"maximum": "Maximum"
+		"maximum": "Maximum",
+		"value": "Value"
 	},
 	"scroll-to-top": {
 		"label": "Scroll to top"
@@ -1187,7 +1195,32 @@ declare const _default: {
 	},
 	"time-picker": {
 		"am": "AM",
-		"pm": "PM"
+		"pm": "PM",
+		"hours": "Hours",
+		"minutes": "Minutes"
+	},
+	"date-range-field": {
+		"presets": "Presets",
+		"preset": {
+			"today": "Today",
+			"yesterday": "Yesterday",
+			"last-7-days": "Last 7 days",
+			"last-30-days": "Last 30 days",
+			"this-month": "This month",
+			"last-month": "Last month",
+			"this-year": "This year"
+		},
+		"start-time": "Start time",
+		"end-time": "End time"
+	},
+	"file-preview": {
+		"label": "Preview of {name}",
+		"untitled": "Untitled file",
+		"loading": "Loading preview…",
+		"error": "This file could not be previewed.",
+		"download": "Download",
+		"truncated": "Showing the first {size} of this file.",
+		"content": "Contents of {name}"
 	}
 }
 ;

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

@@ -48,6 +48,7 @@ export declare const fr: {
             cancel: string;
             processing: string;
             failed: string;
+            "form-failed": string;
         };
         "location-field": {
             placeholder: string;
@@ -631,6 +632,12 @@ export declare const fr: {
             expand: string;
             collapse: string;
         };
+        "tree-select-field": {
+            placeholder: string;
+            search: string;
+            empty: string;
+            selected: string;
+        };
         "image-cropper": {
             title: string;
             zoom: string;
@@ -1162,6 +1169,7 @@ export declare const fr: {
         slider: {
             minimum: string;
             maximum: string;
+            value: string;
         };
         "scroll-to-top": {
             label: string;
@@ -1198,6 +1206,31 @@ export declare const fr: {
         "time-picker": {
             am: string;
             pm: string;
+            hours: string;
+            minutes: string;
+        };
+        "date-range-field": {
+            presets: string;
+            preset: {
+                today: string;
+                yesterday: string;
+                "last-7-days": string;
+                "last-30-days": string;
+                "this-month": string;
+                "last-month": string;
+                "this-year": string;
+            };
+            "start-time": string;
+            "end-time": string;
+        };
+        "file-preview": {
+            label: string;
+            untitled: string;
+            loading: string;
+            error: string;
+            download: string;
+            truncated: string;
+            content: string;
         };
     };
 };

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

@@ -37,7 +37,8 @@ declare const _default: {
 		"confirm": "Confirmer",
 		"cancel": "Annuler",
 		"processing": "Traitement en cours…",
-		"failed": "L’action a échoué."
+		"failed": "L’action a échoué.",
+		"form-failed": "Le formulaire n’a pas pu être chargé."
 	},
 	"location-field": {
 		"placeholder": "Aucun emplacement sélectionné",
@@ -621,6 +622,12 @@ declare const _default: {
 		"expand": "Déplier",
 		"collapse": "Replier"
 	},
+	"tree-select-field": {
+		"placeholder": "Sélectionner…",
+		"search": "Rechercher",
+		"empty": "Aucun résultat.",
+		"selected": "{count, plural, one {# sélectionné} other {# sélectionnés}}"
+	},
 	"image-cropper": {
 		"title": "Recadrer l'image",
 		"zoom": "Zoom",
@@ -1151,7 +1158,8 @@ declare const _default: {
 	},
 	"slider": {
 		"minimum": "Minimum",
-		"maximum": "Maximum"
+		"maximum": "Maximum",
+		"value": "Valeur"
 	},
 	"scroll-to-top": {
 		"label": "Retour en haut"
@@ -1187,7 +1195,32 @@ declare const _default: {
 	},
 	"time-picker": {
 		"am": "a.m.",
-		"pm": "p.m."
+		"pm": "p.m.",
+		"hours": "Heures",
+		"minutes": "Minutes"
+	},
+	"date-range-field": {
+		"presets": "Plages prédéfinies",
+		"preset": {
+			"today": "Aujourd’hui",
+			"yesterday": "Hier",
+			"last-7-days": "7 derniers jours",
+			"last-30-days": "30 derniers jours",
+			"this-month": "Ce mois-ci",
+			"last-month": "Le mois dernier",
+			"this-year": "Cette année"
+		},
+		"start-time": "Heure de début",
+		"end-time": "Heure de fin"
+	},
+	"file-preview": {
+		"label": "Aperçu de {name}",
+		"untitled": "Fichier sans nom",
+		"loading": "Chargement de l’aperçu…",
+		"error": "Impossible d’afficher l’aperçu de ce fichier.",
+		"download": "Télécharger",
+		"truncated": "Seuls les premiers {size} de ce fichier sont affichés.",
+		"content": "Contenu de {name}"
 	}
 }
 ;

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

@@ -46,6 +46,7 @@ export declare const resources: {
                 cancel: string;
                 processing: string;
                 failed: string;
+                "form-failed": string;
             };
             "location-field": {
                 placeholder: string;
@@ -629,6 +630,12 @@ export declare const resources: {
                 expand: string;
                 collapse: string;
             };
+            "tree-select-field": {
+                placeholder: string;
+                search: string;
+                empty: string;
+                selected: string;
+            };
             "image-cropper": {
                 title: string;
                 zoom: string;
@@ -1160,6 +1167,7 @@ export declare const resources: {
             slider: {
                 minimum: string;
                 maximum: string;
+                value: string;
             };
             "scroll-to-top": {
                 label: string;
@@ -1196,6 +1204,31 @@ export declare const resources: {
             "time-picker": {
                 am: string;
                 pm: string;
+                hours: string;
+                minutes: string;
+            };
+            "date-range-field": {
+                presets: string;
+                preset: {
+                    today: string;
+                    yesterday: string;
+                    "last-7-days": string;
+                    "last-30-days": string;
+                    "this-month": string;
+                    "last-month": string;
+                    "this-year": string;
+                };
+                "start-time": string;
+                "end-time": string;
+            };
+            "file-preview": {
+                label: string;
+                untitled: string;
+                loading: string;
+                error: string;
+                download: string;
+                truncated: string;
+                content: string;
             };
         };
     };
@@ -1240,6 +1273,7 @@ export declare const resources: {
                 cancel: string;
                 processing: string;
                 failed: string;
+                "form-failed": string;
             };
             "location-field": {
                 placeholder: string;
@@ -1823,6 +1857,12 @@ export declare const resources: {
                 expand: string;
                 collapse: string;
             };
+            "tree-select-field": {
+                placeholder: string;
+                search: string;
+                empty: string;
+                selected: string;
+            };
             "image-cropper": {
                 title: string;
                 zoom: string;
@@ -2354,6 +2394,7 @@ export declare const resources: {
             slider: {
                 minimum: string;
                 maximum: string;
+                value: string;
             };
             "scroll-to-top": {
                 label: string;
@@ -2390,6 +2431,31 @@ export declare const resources: {
             "time-picker": {
                 am: string;
                 pm: string;
+                hours: string;
+                minutes: string;
+            };
+            "date-range-field": {
+                presets: string;
+                preset: {
+                    today: string;
+                    yesterday: string;
+                    "last-7-days": string;
+                    "last-30-days": string;
+                    "this-month": string;
+                    "last-month": string;
+                    "this-year": string;
+                };
+                "start-time": string;
+                "end-time": string;
+            };
+            "file-preview": {
+                label: string;
+                untitled: string;
+                loading: string;
+                error: string;
+                download: string;
+                truncated: string;
+                content: string;
             };
         };
     };