@nxgt/material-vue 0.23.4 → 0.25.0

package/dist/lib/components/ui/collections/filter/partials/filter-field-slider-range.vue.d.ts

@@ -2,11 +2,8 @@ import { FilterField, FilterValue } from '../types';
 export type FilterFieldSliderRangeProps = {
     field: FilterField;
     value: FilterValue;
+    error?: string;
     disabled?: boolean;
-    label?: string;
-    placeholder?: string;
-    error?: boolean;
-    helperText?: string;
     class?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<FilterFieldSliderRangeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/lib/components/ui/collections/pagination/index.d.ts

@@ -6,3 +6,8 @@ export { default as PaginationItem } from './PaginationItem.vue';
 export { default as PaginationLast } from './PaginationLast.vue';
 export { default as PaginationNext } from './PaginationNext.vue';
 export { default as PaginationPrevious } from './PaginationPrevious.vue';
+export type { PaginationBarProps } from './pagination-bar.vue';
+export { default as PaginationBar } from './pagination-bar.vue';
+export type { PaginationItemToken } from './pagination-items';
+export { paginationItems } from './pagination-items';
+export { default as PaginationLink } from './pagination-link.vue';

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+export type PaginationBarProps = {
+    /** The current page, from 1. Controlled: bind it with `v-model:page`. */
+    page: number;
+    pageCount: number;
+    /** Pages shown on each side of the current one before an ellipsis. */
+    siblingCount?: number;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<PaginationBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:page": (page: number) => any;
+    pageChange: (page: number) => any;
+}, string, import('vue').PublicProps, Readonly<PaginationBarProps> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    onPageChange?: ((page: number) => any) | undefined;
+}>, {
+    siblingCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/collections/pagination/pagination-items.d.ts

@@ -0,0 +1,2 @@
+export type PaginationItemToken = number | 'ellipsis';
+export declare function paginationItems(page: number, pageCount: number, siblingCount?: number): PaginationItemToken[];

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+export type PaginationLinkProps = {
+    isActive?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<PaginationLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PaginationLinkProps> & 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/tree/use-tree.d.ts

@@ -10,6 +10,8 @@ export declare function useTree(options: UseTreeOptions): {
     selected: import('vue').ComputedRef<string[]>;
     expanded: import('vue').ComputedRef<string[]>;
     focusedId: import('vue').Ref<string | null, string | null>;
+    /** The row with `tabindex="0"`: `focusedId` while visible, else the first row. */
+    tabbableId: import('vue').ComputedRef<string | null>;
     setFocusedId: (id: string) => void;
     toggleExpanded: (id: string) => void;
     select: (id: string) => void;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'vue';
+import { DisabledDays } from './day-matcher';
 export type DateFieldProps = {
     modelValue?: Date;
     placeholder?: string;
@@ -13,11 +14,19 @@ export type DateFieldProps = {
     /** Names the trigger (`aria-label`); it wins over `label`. Needed with neither `label` nor `placeholder`. */
     ariaLabel?: string;
     ariaLabelledby?: string;
+    /**
+     * Days that cannot be picked: a day, a list, a range, `{ before }`,
+     * `{ after }`, `{ dayOfWeek }`, a function, or a list of those (any that
+     * matches disables the day). `@nxgt/material`'s `disabledDays`.
+     */
+    disabledDays?: DisabledDays;
 };
 declare const __VLS_export: import('vue').DefineComponent<DateFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value?: Date | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<DateFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value?: Date | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabledDays: DisabledDays;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/lib/components/ui/dates/date-field/date-form-field.vue.d.ts

@@ -2,6 +2,8 @@ import { DateFieldProps } from './date-field.vue';
 type __VLS_Props = {
     name: string;
 } & Omit<DateFieldProps, '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 __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabledDays: import('./day-matcher').DisabledDays;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/lib/components/ui/dates/date-field/day-matcher.d.ts

@@ -0,0 +1,26 @@
+import { DateValue } from '@internationalized/date';
+/**
+ * One day rule, with `@nxgt/material`'s shapes (react-day-picker's
+ * `Matcher`): `true` every day, a day, a list of days, a range (ends
+ * included), before or after a day (excluded), between two days, some days of
+ * the week (`0` is Sunday), or a function.
+ */
+export type DayMatcher = boolean | Date | Date[] | ((date: Date) => boolean) | {
+    from: Date | undefined;
+    to?: Date | undefined;
+} | {
+    before: Date;
+    after: Date;
+} | {
+    before: Date;
+} | {
+    after: Date;
+} | {
+    dayOfWeek: number | number[];
+};
+/** `disabledDays`: one rule, or a list where any rule that matches disables the day. */
+export type DisabledDays = DayMatcher | DayMatcher[];
+/** Whether `date` is one of `disabledDays`. */
+export declare function isDayDisabled(date: Date, disabledDays?: DisabledDays): boolean;
+/** Reka's `isDateDisabled` for a `disabledDays`, or nothing without one. */
+export declare function toIsDateDisabled(disabledDays?: DisabledDays): ((value: DateValue) => boolean) | undefined;

package/dist/lib/components/ui/dates/date-field/index.d.ts

@@ -1,4 +1,5 @@
 export type { DateFieldProps } from './date-field.vue';
 export { default as DateField } from './date-field.vue';
 export { default as DateFormField } from './date-form-field.vue';
+export type { DayMatcher, DisabledDays } from './day-matcher';
 export { fromDateValue, toCalendarDate } from './to-calendar-date';

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

@@ -1,7 +1,9 @@
+import { DisabledDays } from '../day-matcher';
 type __VLS_Props = {
     modelValue?: Date;
     showTimePicker?: boolean;
     disabled?: boolean;
+    disabledDays?: DisabledDays;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;

package/dist/lib/components/ui/dates/date-range-field/date-range-field.utils.d.ts

@@ -0,0 +1,11 @@
+import { DateRangeRules } from '@nxgt/material-core/date-range';
+import { DisabledDays } from '../date-field/day-matcher';
+/**
+ * What a preset's range must respect: the field's day rule (`disabledDays`)
+ * and its first and last day (`minDate` / `maxDate`), as the calendar itself
+ * applies them.
+ */
+export declare function dateRangeRules(disabledDays: DisabledDays | undefined, bounds?: {
+    minDate?: Date;
+    maxDate?: Date;
+}): DateRangeRules;

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

@@ -1,4 +1,6 @@
+import { DateRangePresetOption } from '@nxgt/material-core/date-range';
 import { HTMLAttributes } from 'vue';
+import { DisabledDays } from '../date-field/day-matcher';
 export type DateRange = {
     from?: Date;
     to?: Date;
@@ -16,11 +18,34 @@ export type DateRangeFieldProps = {
     /** Names the trigger (`aria-label`); it wins over `label`. Needed with neither `label` nor `placeholder`. */
     ariaLabel?: string;
     ariaLabelledby?: string;
+    /**
+     * Days that cannot be picked: a day, a list, a range, `{ before }`,
+     * `{ after }`, `{ dayOfWeek }`, a function, or a list of those (any that
+     * matches disables the day). `@nxgt/material`'s `disabledDays`.
+     */
+    disabledDays?: DisabledDays;
+    /** The first day that can be picked (Reka's `minValue`). */
+    minDate?: Date;
+    /** The last day that can be picked (Reka's `maxValue`). */
+    maxDate?: Date;
+    /**
+     * One-click ranges beside the calendar: built-in ids (`'today'`,
+     * `'last-7-days'`, … — `DATE_RANGE_PRESET_IDS` lists them all) and
+     * `{ label, range }` of your own, where `range` may be `(now) => range`.
+     */
+    presets?: readonly DateRangePresetOption[];
+    /** A time of day on each end of the range, under the calendar. */
+    withTime?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<DateRangeFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value?: DateRange | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<DateRangeFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value?: DateRange | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    presets: readonly DateRangePresetOption[];
+    disabledDays: DisabledDays;
+    minDate: Date;
+    maxDate: Date;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -2,6 +2,8 @@ import { DateRangeFieldProps } from './date-range-field.vue';
 type __VLS_Props = {
     name: string;
 } & Omit<DateRangeFieldProps, '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 __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabledDays: import('..').DisabledDays;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/lib/components/ui/dates/date-range-field/index.d.ts

@@ -1,3 +1,4 @@
+export { DATE_RANGE_PRESET_IDS, type DateRangePreset, type DateRangePresetId, type DateRangePresetOption, type DayRange, } from '@nxgt/material-core/date-range';
 export type { DateRange, DateRangeFieldProps } from './date-range-field.vue';
 export { default as DateRangeField } from './date-range-field.vue';
 export { default as DateRangeFormField } from './date-range-form-field.vue';

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

@@ -1,4 +1,5 @@
 import { DateValue } from '@internationalized/date';
+import { DisabledDays } from '../../date-field/day-matcher';
 export type CalendarRange = {
     start: DateValue | undefined;
     end: DateValue | undefined;
@@ -6,6 +7,10 @@ export type CalendarRange = {
 type __VLS_Props = {
     modelValue: CalendarRange;
     disabled?: boolean;
+    disabledDays?: DisabledDays;
+    /** The first and last day that can be picked. */
+    minValue?: DateValue;
+    maxValue?: DateValue;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: CalendarRange) => any;

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

@@ -4,6 +4,8 @@ type __VLS_Props = {
     placeholder?: string;
     error?: boolean;
     modelValue?: DateRange;
+    /** Each end shows its time too. */
+    withTime?: 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/components/ui/dates/date-range-field/partials/date-range-presets.vue.d.ts

@@ -0,0 +1,12 @@
+import { DayRange } from '@nxgt/material-core/date-range';
+import { DateRangePresetItem } from '../use-date-range-presets';
+type __VLS_Props = {
+    items: DateRangePresetItem[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pick: (range: DayRange) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((range: DayRange) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import { DateRange } from '../date-range-field.vue';
+type __VLS_Props = {
+    modelValue?: DateRange;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    done: () => any;
+    "update:modelValue": (value: DateRange) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDone?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/dates/date-range-field/use-date-range-presets.d.ts

@@ -0,0 +1,23 @@
+import { DateRangePresetOption, DateRangeRules, DayRange, PartialDayRange } from '@nxgt/material-core/date-range';
+/** One entry of the preset list, resolved while the popover is open. */
+export type DateRangePresetItem = {
+    key: string;
+    label: string;
+    range: DayRange;
+    /** Its range starts before `minDate`, ends after `maxDate`, or on a disabled day. */
+    disabled: boolean;
+    /** The field's value covers the same days. */
+    active: boolean;
+};
+/**
+ * The presets a `DateRangeField` lists, each with its range, its label in the
+ * provider's language, and its state against the field's rules and value.
+ * "Now" is read again each time the popover opens.
+ */
+export declare function useDateRangePresets(options: {
+    presets: () => readonly DateRangePresetOption[] | undefined;
+    value: () => PartialDayRange | undefined;
+    rules: () => DateRangeRules;
+    withTime: () => boolean;
+    open: () => boolean;
+}): import('vue').ComputedRef<DateRangePresetItem[]>;

package/dist/lib/components/ui/dates/time-picker/time-picker-utils.d.ts

@@ -1,3 +1,10 @@
 export declare function parseHours(value: string, period: 'AM' | 'PM'): number;
 export declare function parseMinutes(value?: string): number;
 export declare function formatValue(value: number): string;
+/** The half of the day `date` is in. */
+export declare function periodOf(date: Date): 'AM' | 'PM';
+/**
+ * `date` moved into `period`'s half of the day, at the same hour on the
+ * 12-hour clock; a date already in it is returned unchanged (as a copy).
+ */
+export declare function withPeriod(date: Date, period: 'AM' | 'PM'): Date;

package/dist/lib/components/ui/display/accordion-card/accordion-card.vue.d.ts

@@ -11,7 +11,29 @@ export type AccordionCardProps = {
     type?: 'single' | 'multiple';
     collapsible?: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<AccordionCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+/** The slots are `@nxgt/material`'s render props (`renderHeader`) and nodes. */
+type __VLS_Slots = {
+    /**
+     * Replaces the whole header: one element, which becomes the trigger
+     * (`as-child`) — so a `<button>`, as React's `renderHeader` returns.
+     */
+    header?: (props: {
+        item: AccordionCardItem;
+        index: number;
+        title: string;
+    }) => unknown;
+    /** The header's title, beside the chevron. Defaults to `item.title`. */
+    title?: (props: {
+        item: AccordionCardItem;
+        index: number;
+    }) => unknown;
+    /** The panel's content. Defaults to `item.content`. */
+    content?: (props: {
+        item: AccordionCardItem;
+        index: number;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<AccordionCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | string[]) => any;
 }, string, import('vue').PublicProps, Readonly<AccordionCardProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
@@ -20,5 +42,11 @@ declare const __VLS_export: import('vue').DefineComponent<AccordionCardProps, {}
     collapsible: boolean;
     showIcon: 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/ui/display/avatar/Avatar.vue.d.ts

@@ -1,12 +1,23 @@
 import { HTMLAttributes } from 'vue';
-type __VLS_Props = {
+import { StatusTone } from '../status-indicator/status-indicator.vue';
+export type AvatarProps = {
     class?: HTMLAttributes['class'];
+    /**
+     * Presence: a dot at the bottom right, named for a screen reader —
+     * `success` Online, `neutral` Offline, `warning` Away, `error` Busy,
+     * anything else Active. Absent, the avatar renders alone.
+     */
+    status?: StatusTone;
+    /** Pulses the status dot. */
+    statusPulse?: boolean;
 };
-declare var __VLS_8: {};
+declare var __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_16) => 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<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & 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/display/avatar/index.d.ts

@@ -1,3 +1,4 @@
+export type { AvatarProps } from './Avatar.vue';
 export { default as Avatar } from './Avatar.vue';
 export { default as AvatarFallback } from './AvatarFallback.vue';
 export { default as AvatarImage } from './AvatarImage.vue';

package/dist/lib/components/ui/display/cards/cards.gallery.d.ts

@@ -325,26 +325,22 @@ export declare function cardsGallery(): {
         Sparkles: import('@lucide/vue').LucideIcon;
         Zap: import('@lucide/vue').LucideIcon;
         Avatar: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                class?: import('vue').HTMLAttributes["class"];
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../avatar/Avatar.vue').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
                 C: {};
                 M: {};
                 Defaults: {};
-            }, Readonly<{
-                class?: import('vue').HTMLAttributes["class"];
-            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            }, Readonly<import('../avatar/Avatar.vue').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<{
-            class?: import('vue').HTMLAttributes["class"];
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        } & import('vue').ComponentOptionsBase<Readonly<import('../avatar/Avatar.vue').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
                 default?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         });
         AvatarFallback: {

package/dist/lib/components/ui/display/markdown/index.d.ts

@@ -1,2 +1,20 @@
 export type { MarkdownProps } from './markdown.vue';
 export { default as Markdown } from './markdown.vue';
+/**
+ * A mermaid chart (`chart`), rendered in the browser only: `mermaid` is
+ * imported on mount, never by this module, so the barrel stays SSR-safe.
+ */
+export declare const MermaidDiagram: import('vue').Component<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+    chart: string;
+    class?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{
+    chart: string;
+    class?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, {}>>;

package/dist/lib/components/ui/display/qrcode/qrcode.vue.d.ts

@@ -14,9 +14,11 @@ export type QRCodeProps = {
     'aria-label'?: string;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** The logo, centred over the code on a white pad (React's `logo`). Use `level="H"`. */
+    logo?: () => unknown;
+    /** The same as `#logo`, kept for code written before it. */
+    default?: () => unknown;
 };
 declare const __VLS_base: import('vue').DefineComponent<QRCodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRCodeProps> & Readonly<{}>, {
     size: number;

package/dist/lib/components/ui/display/status-indicator/status-tone.d.ts

@@ -0,0 +1,3 @@
+import { StatusTone } from './status-indicator.vue';
+/** The dot's colour per tone: `StatusIndicator`'s, and `Avatar`'s presence dot. */
+export declare const STATUS_TONE_DOT: Record<StatusTone, string>;

package/dist/lib/components/ui/feedback/confirmation-dialog/async-form-scope.d.ts

@@ -0,0 +1,15 @@
+import { Component } from 'vue';
+/**
+ * `FormScope`, loaded only by a dialog with `formOptions`: the others never
+ * reach vee-validate (the reason for its import boundary). A failed load is
+ * tried once more; a second failure shows a message in the form's place, and
+ * confirm stays disabled.
+ */
+export declare function asyncFormScope(loader?: () => Promise<Component | {
+    default: Component;
+}>): import('vue').ComponentOptions<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> | import('vue').FunctionalComponent<any, {}, any, {}> | {
+    new (...args: any[]): any;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+};

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

@@ -1,5 +1,16 @@
 import { IconButtonProps } from '../../actions/icon-button/icon-button.vue';
-export type ConfirmationDialogProps = {
+import { FormScopeSchema, FormScopeSlotProps } from '../../forms/form-scope-schema';
+/**
+ * A form inside the confirmation: `schema` (a Zod 4 schema, any Standard
+ * Schema, or a vee-validate typed schema) and its `defaultValues`. The
+ * `#form` slot renders the fields — `*-form-field` wrappers join the form —
+ * and `confirm` carries the schema's output, once the form is valid.
+ */
+export type ConfirmationDialogFormOptions<TInput extends Record<string, any> = Record<string, any>, TOutput extends Record<string, any> = TInput> = {
+    schema: FormScopeSchema<TInput, TOutput>;
+    defaultValues?: Partial<TInput>;
+};
+export type ConfirmationDialogProps<TInput extends Record<string, any> = Record<string, any>, TOutput extends Record<string, any> = TInput> = {
     open?: boolean;
     title?: string;
     description?: string;
@@ -7,30 +18,32 @@ export type ConfirmationDialogProps = {
     confirmText?: string;
     variant?: IconButtonProps['variant'];
     color?: IconButtonProps['color'];
+    formOptions?: ConfirmationDialogFormOptions<TInput, TOutput>;
 };
-declare var __VLS_11: {}, __VLS_14: {}, __VLS_27: {};
-type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_11) => any;
-} & {
-    icon?: (props: typeof __VLS_14) => any;
-} & {
-    default?: (props: typeof __VLS_27) => any;
+declare const __VLS_export: <TInput extends Record<string, any> = Record<string, any>, TOutput extends Record<string, any> = TInput>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<ConfirmationDialogProps<TInput, TOutput> & {
+        onConfirm?: ((values?: TOutput | undefined) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: () => unknown;
+        trigger?: () => unknown;
+        icon?: () => unknown;
+        /** The fields of `formOptions`' form (React's `renderForm`). */
+        form?: (props: FormScopeSlotProps<TInput>) => unknown;
+    };
+    emit: ((evt: "confirm", values?: TOutput | undefined) => void) & ((evt: "update:open", open: boolean) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
-declare const __VLS_base: import('vue').DefineComponent<ConfirmationDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    confirm: () => any;
-    "update:open": (open: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<ConfirmationDialogProps> & Readonly<{
-    onConfirm?: (() => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-}>, {
-    variant: "link" | "filled" | "tonal" | "outlined" | "ghost" | null;
-    color: "default" | "error" | "success" | "primary" | "secondary" | "info" | "warning" | null;
-}, {}, {}, {}, 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;
-    };
-};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/lib/components/ui/feedback/confirmation-dialog/index.d.ts

@@ -1,2 +1,2 @@
-export type { ConfirmationDialogProps } from './confirmation-dialog.vue';
+export type { ConfirmationDialogFormOptions, ConfirmationDialogProps, } from './confirmation-dialog.vue';
 export { default as ConfirmationDialog } from './confirmation-dialog.vue';

package/dist/lib/components/ui/feedback/confirmation-dialog/partials/confirmation-dialog-form-error.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/ui/feedback/skeleton/skeleton-text.vue.d.ts

@@ -5,8 +5,8 @@ export type SkeletonTextProps = {
     class?: HTMLAttributes['class'];
 };
 declare const __VLS_export: import('vue').DefineComponent<SkeletonTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonTextProps> & Readonly<{}>, {
-    lines: number;
     labelled: boolean;
+    lines: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/lib/components/ui/feedback/spinner/spinner.compound-variants.d.ts

@@ -26,6 +26,10 @@ export declare const spinnerCompoundVariants: ({
     variant: "1";
     color: "default";
     class: string;
+} | {
+    variant: "1";
+    color: "light";
+    class: string;
 } | {
     variant: "2";
     color: "primary";