@nxgt/material-vue 0.41.0 → 0.43.0

package/dist/lib/components/ui/layout/app-shell/app-sidebar.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'vue';
-import { AppShellLinkComponent, MenuItem } from './types';
+import { AppLogo, AppShellLinkComponent, MenuItem } from './types';
 export type AppSidebarProps = {
     items?: MenuItem[];
     expanded?: boolean;
@@ -7,11 +7,21 @@ export type AppSidebarProps = {
     /** The link each entry renders, given `href`. Default: `RouterLink`
      * (client-side navigation). */
     linkComponent?: AppShellLinkComponent;
+    /** The app's logo: an image URL or `{ src, alt }` (`#logo` for a node,
+     * which wins over this prop when both are given).
+     * Shown alone in the collapsed rail, beside `name` when expanded. The
+     * `#brand` slot replaces both. */
+    logo?: AppLogo;
+    /** The app's name, already translated: the logo's accessible name and
+     * tooltip in the collapsed rail, shown beside it when expanded. */
+    name?: string;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_16: {};
+declare var __VLS_16: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
     brand?: (props: typeof __VLS_16) => any;
+} & {
+    logo?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<AppSidebarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:expanded": (value: boolean) => any;

package/dist/lib/components/ui/layout/app-shell/index.d.ts

@@ -9,4 +9,4 @@ export { default as AppHeader } from './app-header.vue';
 export { findActiveMenuItem, isMenuItemActive, partitionMenu, } from './app-shell.utils';
 export type { AppSidebarProps } from './app-sidebar.vue';
 export { default as AppSidebar } from './app-sidebar.vue';
-export type { AppShellLinkComponent, MenuItem } from './types';
+export type { AppLogo, AppLogoImage, AppShellLinkComponent, MenuItem, } from './types';

package/dist/lib/components/ui/layout/app-shell/types.d.ts

@@ -30,3 +30,13 @@ export type MenuItem = {
  * way. A link that forwards only a table's link props is not enough here.
  * `RouterLink` takes `to`, so wrap it, as the default does. */
 export type AppShellLinkComponent = Component;
+/** An image logo: its URL, and the text it stands for when no `name` is given. */
+export type AppLogoImage = {
+    src: string;
+    alt?: string;
+};
+/**
+ * The app's logo in the sidebar header: an image URL or `{ src, alt }`. A
+ * whole node (an inline SVG) goes in the `#logo` slot instead.
+ */
+export type AppLogo = string | AppLogoImage;

package/dist/lib/components/ui/layout/app-shell/use-truncated-title.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+/** Whether the box, or a child that truncates itself, is cut off. */
+export declare function isTruncated(box: HTMLElement): boolean;
+/**
+ * The full text of a title that is actually cut off by an ellipsis, else
+ * `undefined` (#629). Measured after mount, on every resize and when the slot
+ * changes, so the server markup is unchanged and a wide viewport carries no
+ * `title`.
+ */
+export declare function useTruncatedTitle(box: Ref<HTMLElement | null | undefined>): Ref<string | undefined, string | undefined>;

package/dist/lib/components/ui/layout/background/background.vue.d.ts

@@ -1,12 +1,27 @@
-import { HTMLAttributes } from 'vue';
+import { BackgroundIntensity, BackgroundTone } from '@nxgt/material-core/backgrounds';
 type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+    /** Only the gradient lives here; the others are in
+     * `@nxgt/material-vue/backgrounds`. */
+    preset?: 'gradient';
+    /** The colours it draws from. */
+    tone?: BackgroundTone;
+    /** How strong the tint and the blobs are. */
+    intensity?: BackgroundIntensity;
+    /** Drifts the blobs (`data-animated`). Off by default; it pauses while
+     * the page is hidden or the background is off screen, and never moves
+     * under `prefers-reduced-motion`. */
+    animated?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    preset: "gradient";
+    tone: BackgroundTone;
+    intensity: BackgroundIntensity;
+    animated: boolean;
+}, {}, {}, {}, 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;

package/dist/lib/components/ui/layout/doc/partials/doc-empty.vue.d.ts

@@ -1,7 +1,12 @@
 import { HTMLAttributes } from 'vue';
-import { EmptyStateVariant } from '../../../feedback/empty-state/empty-state.vue';
+import { EmptyStateKind, EmptyStateVariant } from '../../../feedback/empty-state/empty-state.vue';
+import { StateFrameSize } from '../../../feedback/state-frame/state-frame.vue';
 export type DocEmptyProps = {
+    /** What is absent; the default is `not-found`. */
+    kind?: EmptyStateKind;
+    /** @deprecated Use `kind`. Removed in 1.0. */
     variant?: EmptyStateVariant;
+    size?: StateFrameSize;
     title?: string;
     description?: string;
     class?: HTMLAttributes['class'];
@@ -12,9 +17,7 @@ type __VLS_Slots = {} & {
 } & {
     action?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<DocEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DocEmptyProps> & Readonly<{}>, {
-    variant: EmptyStateVariant;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<DocEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DocEmptyProps> & 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;

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

@@ -1,3 +1,4 @@
+export * from './account-menu';
 export * from './app-bar';
 export * from './app-shell';
 export * from './auth-card';

package/dist/lib/components/ui/media/stx-player/stx-player-viewport.vue.d.ts

@@ -2,9 +2,9 @@ import { HTMLAttributes } from 'vue';
 export type StxPlayerViewportProps = {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_41: {};
+declare var __VLS_36: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_41) => any;
+    default?: (props: typeof __VLS_36) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<StxPlayerViewportProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StxPlayerViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/lib/components/ui/overlays/command/CommandSeparator.vue.d.ts

@@ -7,7 +7,9 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    decorative: boolean;
+}, {}, {}, {}, 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;

package/dist/lib/components/ui/overlays/dialog/in-dialog.d.ts

@@ -3,7 +3,7 @@
  * and `SheetContent`: a field inside opens its list in the layer's flow,
  * pushing what follows (the footer) down instead of floating over the
  * title or the Save button. `false` from `PopoverContent`,
- * `HoverCardContent` and the menus' contents: a floating layer opened from
+ * `DrawerContent`, `HoverCardContent` and the menus' contents: a floating layer opened from
  * a dialog keeps a floating list. Not exported: the layers provide it, the
  * fields inject it. `InDialogContext` in `@nxgt/material`.
  */

package/dist/lib/components/ui/overlays/dialog/use-escape-forward.d.ts

@@ -1,4 +1,17 @@
 import { ContentRef } from './use-inert-others';
+/**
+ * `props` (the content's `$attrs` and forwarded props) with `keepList` as the
+ * first `@escape-key-down` listener: `v-bind="withListEscape({ ...$attrs,
+ * ...forwarded })"`. Vue appends the listeners of `mergeProps` in order, and
+ * a second `@escape-key-down` beside `v-bind` would be a duplicate key.
+ *
+ * Escape pressed in a field whose list is open belongs to the list
+ * (`keepListEscape`), so your `@escape-key-down` sees `defaultPrevented` true
+ * for an Escape that only closes a list.
+ */
+export declare function withListEscape(props: Record<string, unknown>): {
+    [x: string]: unknown;
+};
 /**
  * The `@escape-key-down` listener of `DialogContent`, `AlertDialogContent`,
  * `SheetContent` and `DrawerContent`, on the reka content whose template ref

package/dist/lib/components/ui/overlays/dialog/use-modal-content.d.ts

@@ -1,3 +1,4 @@
+import { withListEscape } from './use-escape-forward';
 /**
  * What the content of every modal layer — `DialogContent`,
  * `DialogScrollContent`, `AlertDialogContent`, `SheetContent` and
@@ -21,6 +22,7 @@
  * The same wiring as `useModalContent` in `@nxgt/material`.
  */
 export declare function useModalContent(active?: () => boolean): {
+    withListEscape: typeof withListEscape;
     onEscapeKeyDown: (event: KeyboardEvent) => void;
     keepToaster: typeof keepToaster;
 };

package/dist/lib/components/ui/primitives/nonce-provider/nonce-provider.vue.d.ts

@@ -1,7 +1,10 @@
 export type NonceProviderProps = {
     /**
      * This request's Content Security Policy nonce: the one in the
-     * `style-src-elem 'nonce-…'` directive (`useNonce()` with nuxt-security).
+     * `style-src-elem 'nonce-…'` directive (`useNonce()` with nuxt-security). Without one, the parent
+     * `ConfigProvider`'s carries on, then (on the client, from the first
+     * render) the page's own: `<meta property="csp-nonce">`. A server has no
+     * page to read: it passes the prop.
      */
     nonce?: string;
 };

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

@@ -1,13 +1,31 @@
+type Navigable = {
+    value: string;
+    disabled?: boolean;
+};
+/** The key that moves the highlight over the options. */
+export type ActiveKey = 'ArrowDown' | 'ArrowUp' | 'Home' | 'End';
+/**
+ * The index the highlight moves to: the next (`ArrowDown`) or previous
+ * (`ArrowUp`) enabled option, wrapping at either end, or the first (`Home`)
+ * or last (`End`). `current` is -1 when nothing is highlighted. With
+ * `allowNone` (the free-solo "Add" button shows), the arrows pass through -1
+ * on their way round, so the button can be reached again. -1 when no option
+ * is enabled.
+ */
+export declare function nextActiveIndex(items: Navigable[], current: number, key: ActiveKey, allowNone?: boolean): number;
 export declare function handleAutocompleteKeydown(event: KeyboardEvent, ctx: {
     query: string;
     selected: string[];
-    filtered: {
-        value: string;
-        disabled?: boolean;
-    }[];
+    filtered: Navigable[];
     canAdd: boolean;
+    open: boolean;
+    /** The highlighted option's index, -1 for none. */
+    active: number;
+    onOpen: () => void;
+    onActive: (index: number) => void;
     onEscape: () => void;
     onAdd: () => void;
     onPick: (value: string) => void;
     onRemoveLast: () => void;
 }): void;
+export {};

package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-box.vue.d.ts

@@ -8,6 +8,12 @@ type __VLS_Props = {
     describedBy?: string;
     placeholder?: string;
     query: string;
+    /** The list is open: `aria-expanded`, and `data-list-open` so Escape in a dialog closes it first (`keepListEscape`). */
+    open?: boolean;
+    /** The id of the list the input controls, when it is in the page. */
+    controls?: string;
+    /** The id of the option Enter would pick. */
+    activeId?: string;
     selected: {
         value: string;
         label: string;
@@ -25,13 +31,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     input: (event: Event) => any;
     dismiss: (value: string) => any;
     click: () => any;
-    focus: () => any;
     keydown: (event: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
     onDismiss?: ((value: string) => any) | undefined;
     onClick?: (() => any) | undefined;
-    onFocus?: (() => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/lib/components/ui/selection/autocomplete/partials/autocomplete-list.vue.d.ts

@@ -1,6 +1,8 @@
 import { AutocompleteItem } from '../autocomplete-items';
 type __VLS_Props = {
     name?: string;
+    /** The listbox's id; each option's is `<listId>-<index>`. */
+    listId: string;
     query: string;
     filtered: AutocompleteItem<unknown>[];
     selected: string[];
@@ -14,6 +16,9 @@ type __VLS_Props = {
     /** The minimum query length `onSearch` waits for, as a sentence. */
     hint: string | null;
     addLabel: string;
+    multiple?: boolean;
+    /** The index of the option Enter picks (`aria-activedescendant`), or -1. */
+    active: number;
 };
 type __VLS_Slots = {
     option?: (props: {
@@ -26,9 +31,11 @@ type __VLS_Slots = {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     pick: (value: string) => any;
     add: () => any;
+    highlight: (index: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onPick?: ((value: string) => any) | undefined;
     onAdd?: (() => any) | undefined;
+    onHighlight?: ((index: number) => 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;

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

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+type Item = {
+    value: string;
+    disabled?: boolean;
+};
+/**
+ * The highlighted option (`aria-activedescendant`, and what Enter picks).
+ * -1 while the list is closed, or once the arrow keys passed through "none".
+ * Until the arrow keys move it, it is the first enabled option, or none when
+ * the free-solo "Add" button stands for Enter. A new query, or the list
+ * closing, hands it back to that default.
+ */
+export declare function useAutocompleteActive(filtered: Readonly<Ref<Item[]>>, canAdd: Readonly<Ref<boolean>>, query: Readonly<Ref<string>>, open: Readonly<Ref<boolean>>): {
+    active: import('vue').ComputedRef<number>;
+    setActive(index: number): void;
+};
+export {};

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

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+type Keys = {
+    query: Readonly<Ref<string>>;
+    selectedValues: Readonly<Ref<string[]>>;
+    filtered: Readonly<Ref<{
+        value: string;
+        disabled?: boolean;
+    }[]>>;
+    canAdd: Readonly<Ref<boolean>>;
+    open: Ref<boolean>;
+    active: Readonly<Ref<number>>;
+    setActive: (index: number) => void;
+    pick: (value: string) => void;
+    remove: (value: string) => void;
+    addFreeSolo: () => void;
+};
+/** The input's `keydown` handler, over the field's state. */
+export declare function useAutocompleteKeydown(props: {
+    disabled?: boolean;
+}, k: Keys): (event: KeyboardEvent) => void;
+export {};

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

@@ -1,7 +1,8 @@
 import { Ref } from 'vue';
 /**
- * Whether the list is open, and the handlers that open it: focus, a click
- * on the box, typing. A click outside closes it; a disabled field never opens.
+ * Whether the list is open, and the handlers that open it: click
+ * on the box, typing (not focus: a dialog that focuses its first field
+ * opens with the list shut, as in React). A click outside closes it; a disabled field never opens.
  */
 export declare function useAutocompleteOpen(props: {
     disabled?: boolean;
@@ -9,7 +10,6 @@ export declare function useAutocompleteOpen(props: {
     focus: () => void;
 } | null>>): {
     open: Ref<boolean, boolean>;
-    onFocus(): void;
     focusInput(): void;
     onInput(event: Event): void;
 };

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

@@ -25,14 +25,15 @@ export declare function useAutocomplete<T extends AutocompleteOption>(props: Opt
     remove: (value: string) => void;
     addFreeSolo: () => void;
     onKeydown: (event: KeyboardEvent) => void;
+    setActive: (index: number) => void;
     canAddFreeSolo: import('vue').ComputedRef<boolean>;
     addLabel: import('vue').ComputedRef<string>;
     query: Ref<string, string>;
+    active: import('vue').ComputedRef<number>;
     selectedValues: import('vue').ComputedRef<string[]>;
     selectedItems: import('vue').ComputedRef<import('./autocomplete-items').AutocompleteItem<T>[]>;
     filtered: import('vue').ComputedRef<import('./autocomplete-items').AutocompleteItem<T>[]>;
     open: Ref<boolean, boolean>;
-    onFocus(): void;
     focusInput(): void;
     onInput(event: Event): void;
 };

package/dist/lib/components/ui/selection/autocomplete/use-drawer-room.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+/**
+ * In a Drawer, the height the open floating list may take under its own top
+ * (#582), `null` elsewhere; and `keepDrawer`, which keeps a drag that starts
+ * on the list from reaching the Drawer's swipe. Measured again after every
+ * update, when the Drawer resizes or scrolls and when the window resizes.
+ */
+export declare function useDrawerRoom(list: Readonly<Ref<HTMLElement | null>>): {
+    room: Ref<number | null, number | null>;
+    keepDrawer(event: Event): void;
+};

package/dist/lib/components/ui/selection/autocomplete/use-query-change.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+/**
+ * Reports the query: typing once it pauses (`debounceMs`), an emptied query
+ * (a pick, a clear) at once. What the page derives from the query then
+ * changes with the pick, not `debounceMs` later, under the click on the next
+ * field (#557).
+ */
+export declare function useQueryChange(query: Readonly<Ref<string>>, debounceMs: () => number, report: (query: string) => void): void;

package/dist/lib/components/ui/widgets/charts/chart-container.vue.d.ts

@@ -5,11 +5,11 @@ export type ChartContainerProps = {
     loading?: boolean;
     empty?: boolean;
 };
-declare var __VLS_6: {}, __VLS_8: {};
+declare var __VLS_6: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     emptyState?: (props: typeof __VLS_6) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ChartContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChartContainerProps> & Readonly<{}>, {
     height: string | number;

package/dist/lib/components/ui/widgets/kanban/partials/kanban-empty.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     title: string;
+    search?: boolean;
 };
 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;

package/dist/lib/composables/use-background-activity.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+/**
+ * Whether an `animated` background should be paused: the page is hidden, the
+ * element is off screen or the user prefers reduced motion. It starts `false`
+ * (what the server renders), observes only once mounted and only while
+ * `enabled`, and removes every listener on unmount.
+ */
+export declare function useBackgroundActivity(el: Ref<Element | null>, enabled: () => boolean): Ref<boolean>;

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

@@ -39,9 +39,30 @@ export declare const en: {
                 description: string;
             };
         };
+        "error-state": {
+            generic: {
+                title: string;
+                description: string;
+            };
+            offline: {
+                title: string;
+                description: string;
+            };
+            maintenance: {
+                title: string;
+                description: string;
+            };
+            retry: string;
+            details: string;
+            "details-name": string;
+            "details-message": string;
+            "details-cause": string;
+        };
         command: {
             title: string;
             description: string;
+            empty: string;
+            list: string;
         };
         "confirm-dialog": {
             confirm: string;
@@ -354,6 +375,8 @@ export declare const en: {
                 "delete-selected-rows": string;
                 "toggle-columns": string;
                 "no-data": string;
+                "no-results": string;
+                "no-results-description": string;
                 "select-all": string;
                 "select-row": string;
                 "toggle-row": string;
@@ -617,6 +640,7 @@ export declare const en: {
             empty: string;
             loading: string;
             error: string;
+            retry: string;
             password: string;
             "password-placeholder": string;
             "password-label": string;
@@ -840,6 +864,10 @@ export declare const en: {
             "open-menu": string;
             navigation: string;
         };
+        "account-menu": {
+            trigger: string;
+            "sign-out": string;
+        };
         filter: {
             title: string;
             trigger: string;

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

@@ -29,9 +29,30 @@ declare const _default: {
 			"description": "The service is down for a short update."
 		}
 	},
+	"error-state": {
+		"generic": {
+			"title": "Something Went Wrong",
+			"description": "An unexpected error occurred. Please try again later."
+		},
+		"offline": {
+			"title": "You are offline",
+			"description": "Check your connection and try again."
+		},
+		"maintenance": {
+			"title": "We'll be right back",
+			"description": "The service is down for a short update."
+		},
+		"retry": "Retry",
+		"details": "Technical details",
+		"details-name": "Name",
+		"details-message": "Message",
+		"details-cause": "Cause"
+	},
 	"command": {
 		"title": "Command Palette",
-		"description": "Search for a command to run..."
+		"description": "Search for a command to run...",
+		"empty": "No results",
+		"list": "Suggestions"
 	},
 	"confirm-dialog": {
 		"confirm": "Confirm",
@@ -344,6 +365,8 @@ declare const _default: {
 			"delete-selected-rows": "Delete {count} rows",
 			"toggle-columns": "Toggle columns",
 			"no-data": "No data available",
+			"no-results": "No results",
+			"no-results-description": "Try a different search or clear the filters.",
 			"select-all": "Select all",
 			"select-row": "Select row",
 			"toggle-row": "Toggle row details",
@@ -607,6 +630,7 @@ declare const _default: {
 		"empty": "No document selected",
 		"loading": "Loading document…",
 		"error": "Failed to load document",
+		"retry": "Retry",
 		"password": "Password protected",
 		"password-placeholder": "Enter password",
 		"password-label": "Password",
@@ -830,6 +854,10 @@ declare const _default: {
 		"open-menu": "Open menu",
 		"navigation": "Navigation"
 	},
+	"account-menu": {
+		"trigger": "Account menu, {name}",
+		"sign-out": "Sign out"
+	},
 	"filter": {
 		"title": "Filters",
 		"trigger": "Filters",

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

@@ -39,9 +39,30 @@ export declare const fr: {
                 description: string;
             };
         };
+        "error-state": {
+            generic: {
+                title: string;
+                description: string;
+            };
+            offline: {
+                title: string;
+                description: string;
+            };
+            maintenance: {
+                title: string;
+                description: string;
+            };
+            retry: string;
+            details: string;
+            "details-name": string;
+            "details-message": string;
+            "details-cause": string;
+        };
         command: {
             title: string;
             description: string;
+            empty: string;
+            list: string;
         };
         "confirm-dialog": {
             confirm: string;
@@ -354,6 +375,8 @@ export declare const fr: {
                 "delete-selected-rows": string;
                 "toggle-columns": string;
                 "no-data": string;
+                "no-results": string;
+                "no-results-description": string;
                 "select-all": string;
                 "select-row": string;
                 "toggle-row": string;
@@ -617,6 +640,7 @@ export declare const fr: {
             empty: string;
             loading: string;
             error: string;
+            retry: string;
             password: string;
             "password-placeholder": string;
             "password-label": string;
@@ -840,6 +864,10 @@ export declare const fr: {
             "open-menu": string;
             navigation: string;
         };
+        "account-menu": {
+            trigger: string;
+            "sign-out": string;
+        };
         filter: {
             title: string;
             trigger: string;