@nxgt/material-vue 0.26.0 → 0.27.0

package/dist/lib/components/ui/actions/icon-button/icon-button.compound-variants.d.ts

@@ -82,4 +82,32 @@ export declare const iconButtonCompoundVariants: ({
     variant: "outlined";
     color: "default";
     class: string;
+} | {
+    variant: "link";
+    color: "primary";
+    class: string;
+} | {
+    variant: "link";
+    color: "secondary";
+    class: string;
+} | {
+    variant: "link";
+    color: "success";
+    class: string;
+} | {
+    variant: "link";
+    color: "info";
+    class: string;
+} | {
+    variant: "link";
+    color: "warning";
+    class: string;
+} | {
+    variant: "link";
+    color: "error";
+    class: string;
+} | {
+    variant: "link";
+    color: "default";
+    class: string;
 })[];

package/dist/lib/components/ui/actions/icon-button/icon-button.vue.d.ts

@@ -16,9 +16,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{}>, {
+    as: import('reka-ui').AsTag | import('vue').Component;
     variant: "link" | "filled" | "tonal" | "outlined" | "ghost" | null;
     color: "default" | "error" | "success" | "primary" | "secondary" | "info" | "warning" | null;
-    as: import('reka-ui').AsTag | import('vue').Component;
 }, {}, {}, {}, 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/actions/responsive-button/responsive-button.vue.d.ts

@@ -2,13 +2,11 @@ import { ButtonProps } from '../button/Button.vue';
 export type ResponsiveButtonProps = ButtonProps & {
     expanded?: boolean;
 };
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_8) => any;
 } & {
     default?: (props: typeof __VLS_10) => any;
-} & {
-    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ResponsiveButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ResponsiveButtonProps> & Readonly<{}>, {
     expanded: boolean;

package/dist/lib/components/ui/collections/data-table/partials/data-table-empty.vue.d.ts

@@ -1,5 +1,9 @@
 /** `DataTable`'s "nothing here" row: one `TableEmpty` cell spanning every
- * visible column, holding the default slot or the default icon and text. */
+ * visible column, holding the default slot or the default icon and text. The
+ * content is centred in the width the scroll region shows (its
+ * `--table-visible-width`, at most; the cell's width before it is measured),
+ * and sticks to its start, so a table wider than a phone does not
+ * push it out of view. */
 type __VLS_Props = {
     colspan: number;
 };

package/dist/lib/components/ui/collections/data-table/partials/data-table-scroll-region.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The one box `DataTable`'s table scrolls in — the `Table` primitive's own
+ * container is made `overflow-visible` here, so there is no scroll inside a
+ * scroll. While its content overflows, it is a keyboard-focusable region
+ * with a name (axe `scrollable-region-focusable`, WCAG 2.1.1), and an edge
+ * fades on each side where columns are hidden. Its measured visible width
+ * is set as `--table-visible-width`, so the empty state can centre itself
+ * within it — not a size container, which would collapse it inside a
+ * content-sized parent (`w-fit`, `inline-flex`, an `auto` grid track, a
+ * popover).
+ */
+type __VLS_Props = {
+    label: string;
+    maxHeight?: number | string;
+};
+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_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/collections/data-table/partials/data-table-toolbar.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+/** Whether rendered content shows anything: `null`, `false`, `''`,
+ * comments (a `v-if` left out) and fragments of them do not. A component
+ * that renders nothing cannot be seen from here. */
+export declare function rendersContent(node: unknown): boolean;
+/**
+ * `DataTable`'s toolbar: the `actions` prop, the `#actions` slot (its
+ * default slot here) and the view options. Rendered only when one of them
+ * has content — an empty `<fieldset>` is a nameless group to a screen
+ * reader. A fieldset disables every native control in it (filters, the view
+ * options) while loading, whoever rendered it. A render function, so the
+ * slot is called while rendering, never from `setup`.
+ *
+ * With `actions` (or the slot) and a `select` column, actions that show on
+ * the first selection must not push the rows down under a finger: the
+ * toolbar's height is reserved — an empty, hidden placeholder while they
+ * render nothing, and the same minimum height once they do.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    table: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    actions: {
+        type: PropType<(table: never) => unknown>;
+        default: undefined;
+    };
+    showViewOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    table: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    actions: {
+        type: PropType<(table: never) => unknown>;
+        default: undefined;
+    };
+    showViewOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    actions: (table: never) => unknown;
+    showViewOptions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/ui/collections/data-table/types.d.ts

@@ -34,7 +34,16 @@ export type DataTableProps<TData extends RowData> = {
     actions?: (table: DataTableTable<TData>) => unknown;
     options?: DataTableOptions;
     renderExpandedRow?: (row: Row<DataTableFeatures, TData>) => unknown;
+    /** The header row (column names, sorting, "Select all"). Shown at every
+     * width; `false` hides it. */
     showHeader?: boolean;
+    /** Caps the table's height (`400`, `'60vh'`); the rows then scroll inside
+     * it. Default: none — the table is as tall as its rows, and the page
+     * scrolls. */
+    maxHeight?: number | string;
+    /** The name of the scroll region the table becomes while it overflows.
+     * Default: "Scrollable table" (`material.table.labels.scroll-region`). */
+    scrollLabel?: string;
     onLoadMore?: () => void;
     isLoadingMore?: boolean;
     showViewOptions?: boolean;

package/dist/lib/components/ui/collections/data-table/use-scroll-edges.d.ts

@@ -0,0 +1,22 @@
+import { ComputedRef, Ref } from 'vue';
+/** What `useScrollEdges` reads off a scroll container. */
+export type ScrollEdges = {
+    /** Its content is wider or taller than it: it scrolls. */
+    scrollable: boolean;
+    /** Content is hidden before the inline start (scrolled away from it). */
+    start: boolean;
+    /** Content is hidden past the inline end. */
+    end: boolean;
+    /** Its visible width (`clientWidth`), in pixels; `0` until measured. */
+    width: number;
+};
+/**
+ * Whether `el` scrolls, and on which inline edges content is hidden — for an
+ * edge fade and a focusable scroll region — and how wide it shows its
+ * content. The scroll offset comes from
+ * vueuse's `useScroll`; the sizes are re-read when the element or its
+ * `<table>` resizes (new rows, a column shown). `scrollLeft` is negative in
+ * a right-to-left table, so its absolute value is the distance from the
+ * start. Nothing scrolls on the server or before mount.
+ */
+export declare function useScrollEdges(el: Ref<HTMLElement | null | undefined>): ComputedRef<ScrollEdges>;

package/dist/lib/components/ui/collections/pagination/PaginationFirst.vue.d.ts

@@ -10,7 +10,7 @@ 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<{}>, {
-    size: "sm" | "default" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
 }, {}, {}, {}, 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/collections/pagination/PaginationItem.vue.d.ts

@@ -11,7 +11,7 @@ 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<{}>, {
-    size: "sm" | "default" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
 }, {}, {}, {}, 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/collections/pagination/PaginationLast.vue.d.ts

@@ -10,7 +10,7 @@ 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<{}>, {
-    size: "sm" | "default" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
 }, {}, {}, {}, 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/collections/pagination/PaginationNext.vue.d.ts

@@ -10,7 +10,7 @@ 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<{}>, {
-    size: "sm" | "default" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
 }, {}, {}, {}, 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/collections/pagination/PaginationPrevious.vue.d.ts

@@ -10,7 +10,7 @@ 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<{}>, {
-    size: "sm" | "default" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null;
 }, {}, {}, {}, 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/dates/calendar/Calendar.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Props = CalendarRootProps & {
     layout?: LayoutTypes;
     yearRange?: DateValue[];
 };
-declare var __VLS_59: {}, __VLS_67: {}, __VLS_69: {
+declare var __VLS_41: {}, __VLS_49: {}, __VLS_51: {
     date: DateValue;
     month: import('@vueuse/core').ReuseTemplateComponent<{
         date: DateValue;
@@ -16,11 +16,11 @@ declare var __VLS_59: {}, __VLS_67: {}, __VLS_69: {
     }, Record<"default", undefined>>;
 };
 type __VLS_Slots = {} & {
-    'calendar-prev-icon'?: (props: typeof __VLS_59) => any;
+    'calendar-prev-icon'?: (props: typeof __VLS_41) => any;
 } & {
-    'calendar-next-icon'?: (props: typeof __VLS_67) => any;
+    'calendar-next-icon'?: (props: typeof __VLS_49) => any;
 } & {
-    'calendar-heading'?: (props: typeof __VLS_69) => any;
+    'calendar-heading'?: (props: typeof __VLS_51) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (date: DateValue | undefined) => any;

package/dist/lib/components/ui/dates/calendar/calendar-day-label.d.ts

@@ -0,0 +1,17 @@
+import { DateValue } from 'reka-ui';
+/**
+ * A day's accessible name: its full localized date ("Thursday, October 1,
+ * 2026", "jeudi 1 octobre 2026"), nothing else. The chosen and current states
+ * are `aria-selected`, `aria-current` and a described-by "Selected", not words
+ * in the name. An unknown language tag falls back to English.
+ */
+export declare function labelDay(date: DateValue, locale?: string): string;
+/**
+ * A weekday column header's label: the full weekday of a date in that column
+ * ("Monday", "lundi"), as react-day-picker labels its own. The row shows the
+ * narrow form ("L", "M"…), and reka hides it from assistive tech (`<thead
+ * aria-hidden>`), so this is for whoever reads the header itself.
+ */
+export declare function labelWeekday(date: DateValue | undefined, locale?: string): string | undefined;
+/** `aria-current="date"` on today's cell, nothing on the others. */
+export declare function dayCurrent(date: DateValue): 'date' | undefined;

package/dist/lib/components/ui/dates/calendar/calendar-years.d.ts

@@ -0,0 +1,11 @@
+import { DateValue } from 'reka-ui';
+type YearRangeOptions = {
+    yearRange?: DateValue[];
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    placeholder?: DateValue;
+    defaultPlaceholder?: DateValue;
+};
+/** Years offered by the year select: the caller's, else min/max or -100/+10 years around the placeholder. */
+export declare function resolveYearRange(options: YearRangeOptions): DateValue[];
+export {};

package/dist/lib/components/ui/dates/calendar/partials/calendar-month-select.vue.d.ts

@@ -0,0 +1,18 @@
+import { DateValue } from 'reka-ui';
+type __VLS_Props = {
+    date: DateValue;
+    formatter: {
+        custom: (date: Date, options: Intl.DateTimeFormatOptions) => string;
+    };
+};
+type __VLS_ModelProps = {
+    'placeholder': DateValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:placeholder": (value: DateValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:placeholder"?: ((value: DateValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/dates/calendar/partials/calendar-year-select.vue.d.ts

@@ -0,0 +1,19 @@
+import { DateValue } from 'reka-ui';
+type __VLS_Props = {
+    date: DateValue;
+    years: DateValue[];
+    formatter: {
+        custom: (date: Date, options: Intl.DateTimeFormatOptions) => string;
+    };
+};
+type __VLS_ModelProps = {
+    'placeholder': DateValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:placeholder": (value: DateValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:placeholder"?: ((value: DateValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/dates/calendar/use-calendar-locale.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+/**
+ * The language of a calendar's month names, weekday row and day names: the
+ * calendar's own `locale`, else the active `I18nProvider` language, else
+ * English. It follows the provider when the language is switched.
+ */
+export declare function useCalendarLocale(own: () => string | undefined): ComputedRef<string>;

package/dist/lib/components/ui/dates/calendar/use-calendar-selected-hint.d.ts

@@ -0,0 +1,17 @@
+/**
+ * One hidden, translated "Selected" node per calendar: the chosen day's button
+ * is `aria-describedby` it, so the state is announced without being part of
+ * the day's name. `useId` keeps the id the same on the server and the client.
+ * Call it in the calendar; render `<span :id="hint.id" hidden>{{ hint.text }}</span>`.
+ */
+export declare function provideSelectedHint(): {
+    id: string;
+    readonly text: string;
+};
+/** The hint's id, for the day button of the calendar that provided it. */
+export declare function injectSelectedHintId(): string | undefined;
+/**
+ * The day button's `aria-describedby`: a consumer's own ids, then the hint
+ * when the day is chosen. Nothing when both are empty.
+ */
+export declare function describedByHint(own: unknown, hintId: string | undefined, selected: boolean): string | undefined;

package/dist/lib/components/ui/dates/date-range-field/partials/date-range-day.vue.d.ts

@@ -0,0 +1,8 @@
+import { DateValue } from '@internationalized/date';
+type __VLS_Props = {
+    day: DateValue;
+    month: DateValue;
+};
+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/display/cards/cards.gallery.d.ts

@@ -290,9 +290,9 @@ export declare function cardsGallery(): {
         ChecklistCard: import('vue').DefineComponent<import('./checklist-card.vue').ChecklistCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./checklist-card.vue').ChecklistCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         Button: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../actions/button/Button.vue').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                as: import('reka-ui').AsTag | import('vue').Component;
                 variant: "link" | "filled" | "tonal" | "outlined" | "ghost" | null;
                 color: "default" | "error" | "success" | "primary" | "secondary" | "info" | "warning" | null;
-                as: import('reka-ui').AsTag | import('vue').Component;
                 spinnerVariant: "1" | "2" | "3" | "4" | null;
             }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
@@ -302,18 +302,18 @@ export declare function cardsGallery(): {
                 M: {};
                 Defaults: {};
             }, Readonly<import('../../actions/button/Button.vue').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+                as: import('reka-ui').AsTag | import('vue').Component;
                 variant: "link" | "filled" | "tonal" | "outlined" | "ghost" | null;
                 color: "default" | "error" | "success" | "primary" | "secondary" | "info" | "warning" | null;
-                as: import('reka-ui').AsTag | import('vue').Component;
                 spinnerVariant: "1" | "2" | "3" | "4" | null;
             }>;
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('../../actions/button/Button.vue').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            as: import('reka-ui').AsTag | import('vue').Component;
             variant: "link" | "filled" | "tonal" | "outlined" | "ghost" | null;
             color: "default" | "error" | "success" | "primary" | "secondary" | "info" | "warning" | null;
-            as: import('reka-ui').AsTag | import('vue').Component;
             spinnerVariant: "1" | "2" | "3" | "4" | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {

package/dist/lib/components/ui/display/list-tile/list-tile.vue.d.ts

@@ -1,22 +1,26 @@
-import { HTMLAttributes } from 'vue';
+import { Component, HTMLAttributes } from 'vue';
 export type ListTileProps = {
     title: string;
     subtitle?: string;
     selected?: boolean;
     size?: 'sm' | 'md';
     href?: string;
+    /** The link element of a tile with an `href`, given `href` (the app shell's
+     * contract: it takes `href`, other attributes fall through; wrap `RouterLink`, which takes `to`).
+     * A plain `<a>` by default, which reloads the page. */
+    linkComponent?: Component;
     disabled?: boolean;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_1: {}, __VLS_15: {}, __VLS_17: {}, __VLS_31: {};
+declare var __VLS_10: {}, __VLS_24: {}, __VLS_26: {}, __VLS_40: {};
 type __VLS_Slots = {} & {
-    leading?: (props: typeof __VLS_1) => any;
+    leading?: (props: typeof __VLS_10) => any;
 } & {
-    trailing?: (props: typeof __VLS_15) => any;
+    trailing?: (props: typeof __VLS_24) => any;
 } & {
-    leading?: (props: typeof __VLS_17) => any;
+    leading?: (props: typeof __VLS_26) => any;
 } & {
-    trailing?: (props: typeof __VLS_31) => any;
+    trailing?: (props: typeof __VLS_40) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ListTileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;

package/dist/lib/components/ui/feedback/alert-dialog/AlertDialogContent.vue.d.ts

@@ -3,9 +3,9 @@ import { HTMLAttributes } from 'vue';
 type __VLS_Props = AlertDialogContentProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_21: {};
+declare var __VLS_25: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;

package/dist/lib/components/ui/feedback/sonner/index.d.ts

@@ -1 +1,2 @@
+export type { ToasterProps } from 'vue-sonner';
 export { default as Toaster } from './Sonner.vue';

package/dist/lib/components/ui/feedback/toast/toast.d.ts

@@ -4,6 +4,13 @@ export type ToastMethodProps = Omit<ToastProps, 'id'> & {
     icon?: unknown;
     options?: ExternalToast;
 };
+/**
+ * Shows a toast. One with an `action` stays until dismissed (WCAG 2.2.1: an
+ * auto-dismissed action cannot be reached by a keyboard or screen-reader user
+ * in time) unless `options.duration` says otherwise, and gets a close (X)
+ * button named by `dismissLabel`, by default the translated
+ * `material.toast.buttons.close`.
+ */
 export declare function toast({ options, icon, ...props }: ToastMethodProps): string | number;
 export type { ToastAction, ToastProps };
 export { sonnerToast, Toast };

package/dist/lib/components/ui/feedback/toast/toast.vue.d.ts

@@ -1,14 +1,30 @@
-import { HTMLAttributes } from 'vue';
+import { HTMLAttributes, VNodeChild } from 'vue';
 export type ToastAction = {
     label: string;
     onClick?: () => void;
-} | ((dismiss: () => void) => unknown);
+} | ((dismiss: () => void) => VNodeChild);
 export type ToastProps = {
     id: string | number;
     title?: string;
     description?: string;
     class?: HTMLAttributes['class'];
     action?: ToastAction;
+    /**
+     * Live-region role of the toast. None by default: the Toaster's own
+     * `aria-live="polite"` region already announces every toast, and a role on
+     * each one nests a second live region (read twice by some screen readers).
+     * `toasts.error` sets `alert`, which interrupts. A Toast rendered outside a
+     * Toaster needs its own live region.
+     */
+    role?: 'status' | 'alert';
+    /**
+     * Accessible name of the small close (X) icon button shown beside the
+     * `action`. `toast()` defaults it to the translated
+     * `material.toast.buttons.close` whenever an `action` is given; pass your
+     * own to rename it, or `''` to hide the button. Escape closes a toast
+     * whenever focus is inside it, with or without this button.
+     */
+    dismissLabel?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {