@synopackageland/ui 0.20.3 → 0.20.5

package/dist/components/containers/card/Card.vue.d.ts

@@ -31,8 +31,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
 }>, {
-    hasHeader: boolean;
     expanded: boolean;
+    hasHeader: boolean;
     expandable: boolean;
     layoutType: "regular" | "compact";
     footerAlign: "start" | "end" | "between";

package/dist/components/containers/card/CardField.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** The field name, translated by the caller. */
+    label: string;
+    /** Value-row height in px; the same number goes into `cardHeight()`. */
+    height?: number;
+    /** Shows a muted "-" in the value row, which keeps its height. */
+    empty?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: number;
+    empty: 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/components/containers/card-grid/CardCover.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    src?: string;
+    /** Translated by the caller; empty for a decorative cover. */
+    alt?: string;
+    /** The image's own size, so the browser knows its ratio before it loads. */
+    width?: number;
+    height?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: number;
+    width: number;
+    src: string;
+    alt: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/containers/card-grid/CardGrid.vue.d.ts

@@ -14,8 +14,8 @@ 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<{}>, {
-    gap: string;
     minItemWidth: string;
+    gap: string;
     fit: "stretch" | "fill";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/containers/card-grid/VirtualCardGrid.vue.d.ts

@@ -0,0 +1,71 @@
+import { ContextMenuEntry } from '../../primitives/context-menu/types';
+declare const __VLS_export: <T>(__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<{
+        /** All cards in the view, loaded or not; usually from a count read. */
+        count: number;
+        /** The card at `index`, or undefined while its window is not loaded yet. */
+        getItem: (index: number) => T | undefined;
+        itemKey: (item: T, index: number) => string | number;
+        /** Every card's height in px, from `cardHeight()`; cards are never measured. */
+        cardHeight: number;
+        /** Cover box height in px, reserved on every card and placeholder; 0 for none. */
+        cover?: number;
+        /** Accessible name of the list, translated by the caller. */
+        label?: string;
+        /** The card whose record is open; it keeps an accent ring. */
+        activeKey?: string | number;
+        selectedKeys?: ReadonlySet<string | number>;
+        /**
+         * Cards re-render only when their item, state or this value changes. Change
+         * it when what the slots draw changes for every card (fields, cover field).
+         */
+        memoKey?: unknown;
+        /** Entries for the one shared context menu, built when it opens; none shows the browser's menu. */
+        menuItems?: (item: T, index: number) => ContextMenuEntry[];
+        /** Rows rendered above and below the visible ones. */
+        overscan?: number;
+    } & {
+        onRange?: ((start: number, end: number) => any) | undefined;
+        onOpen?: ((item: T, index: number) => any) | undefined;
+        onPick?: ((item: T, index: number, mode: "range" | "toggle") => any) | undefined;
+        "onMenu-select"?: ((key: string, item: T, index: number) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        scrollToIndex: (index: number) => void;
+        focusCard: (index: number) => void;
+        columns: import('vue').Ref<number, number>;
+    }>) => void;
+    attrs: any;
+    slots: {
+        /** The card body under the cover, inset 8 by 12 px: a 20 px title line and CardFields, stacked 8 px apart. */
+        default?: (props: {
+            item: T;
+            index: number;
+        }) => unknown;
+        cover?: (props: {
+            item: T;
+            index: number;
+        }) => unknown;
+        /** Actions over the card's top end, shown on hover and focus without taking space; always shown without hover (touch). */
+        actions?: (props: {
+            item: T;
+            index: number;
+        }) => unknown;
+        /** Inside the frame of a card that is not loaded yet. */
+        placeholder?: (props: {
+            index: number;
+        }) => unknown;
+    };
+    emit: ((evt: "range", start: number, end: number) => void) & ((evt: "open", item: T, index: number) => void) & ((evt: "pick", item: T, index: number, mode: "range" | "toggle") => void) & ((evt: "menu-select", key: string, item: T, index: number) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/containers/expandable-item/ExpandableItem.vue.d.ts

@@ -64,8 +64,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onDrag-over"?: ((event: DragEvent) => any) | undefined;
     "onDrag-end"?: ((event: DragEvent) => any) | undefined;
 }>, {
-    draggable: boolean;
     expanded: boolean;
+    draggable: boolean;
     selectable: boolean;
     expandable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/containers/fieldset/Fieldset.vue.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     "onHeader-click"?: (() => any) | undefined;
     "onHeader-dblclick"?: (() => any) | undefined;
 }>, {
-    collapsible: boolean;
     collapsed: boolean;
+    collapsible: boolean;
     collapseTriggerEvent: FieldsetCollapseTrigger;
     collapseIcon: "left" | "none";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/containers/list-detail/ListDetail.vue.d.ts

@@ -18,13 +18,15 @@ type __VLS_Props = {
 };
 /** Goes back to the default width and forgets the remembered one. */
 declare function reset(): void;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {};
+declare var __VLS_1: {}, __VLS_12: {}, __VLS_14: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    header?: (props: typeof __VLS_3) => any;
+    header?: (props: typeof __VLS_12) => any;
 } & {
-    detail?: (props: typeof __VLS_13) => any;
+    header?: (props: typeof __VLS_14) => any;
+} & {
+    detail?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     reset: typeof reset;
@@ -37,9 +39,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     title: string;
     open: boolean;
     minWidth: number;
-    closable: boolean;
     storageKey: string;
     defaultWidth: number;
+    closable: boolean;
     listMinWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/containers/split-pane/SplitPane.vue.d.ts

@@ -34,10 +34,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     modelValue: number;
     orientation: "horizontal" | "vertical";
     gap: number;
+    storageKey: string;
     defaultSize: number;
     minStart: number;
     minEnd: number;
-    storageKey: string;
 }, {}, {}, {}, 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/components/feedback/notification/Notification.vue.d.ts

@@ -31,8 +31,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onConfirm?: (() => any) | undefined;
 }>, {
     title: string | false;
-    open: boolean;
     cancel: NotificationAction;
+    open: boolean;
     content: string | false;
     tone: NotificationTone;
     duration: number | false;

package/dist/components/feedback/notification/NotificationProvider.vue.d.ts

@@ -19,9 +19,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, NotificationController, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     duration: number;
+    gap: number;
     alignment: NotificationAlignment;
     stackSize: number | false;
-    gap: number;
     stackGap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/feedback/validation-popup/ValidationPopup.vue.d.ts

@@ -24,11 +24,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    open: boolean;
     offset: number;
     side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
     defaultOpen: boolean;
-    open: boolean;
     disable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/primitives/breadcrumb/Breadcrumb.vue.d.ts

@@ -12,12 +12,12 @@ type __VLS_Props = {
     collapsedLabel?: string;
 };
 declare function selectItem(item: BreadcrumbItem): void;
-declare var __VLS_84: {
+declare var __VLS_88: {
     items: BreadcrumbActionItem[];
     select: typeof selectItem;
 };
 type __VLS_Slots = {} & {
-    'action-menu-dropdown'?: (props: typeof __VLS_84) => any;
+    'action-menu-dropdown'?: (props: typeof __VLS_88) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clickItem: (item: BreadcrumbItem) => any;

package/dist/components/primitives/color-picker/ColorPicker.vue.d.ts

@@ -34,13 +34,13 @@ type __VLS_Props = {
 declare function reset(): void;
 declare function showCustom(): void;
 declare function closeDropdown(): void;
-declare var __VLS_36: {}, __VLS_38: {}, __VLS_40: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-    'top-custom'?: (props: typeof __VLS_36) => any;
+    'top-custom'?: (props: typeof __VLS_7) => any;
 } & {
-    'bottom-custom'?: (props: typeof __VLS_38) => any;
+    'bottom-custom'?: (props: typeof __VLS_9) => any;
 } & {
-    bottom?: (props: typeof __VLS_40) => any;
+    bottom?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     reset: typeof reset;

package/dist/components/primitives/combobox/Combobox.vue.d.ts

@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: SelectOption) => any;
     blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     invalid: (text: string) => any;
     "update:modelValue": (value: string) => any;
-    focus: (event: FocusEvent) => any;
-    "update:loading": (loading: boolean) => any;
     create: (value: string) => any;
+    "update:loading": (loading: boolean) => any;
     "open-dropdown": () => any;
     "close-dropdown": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((option: SelectOption) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     onInvalid?: ((text: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
+    "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     "onOpen-dropdown"?: (() => any) | undefined;
     "onClose-dropdown"?: (() => any) | undefined;
 }>, {

package/dist/components/primitives/context-menu/ContextMenu.vue.d.ts

@@ -2,10 +2,12 @@ import { ContextMenuEntry } from './types';
 type __VLS_Props = {
     items: ContextMenuEntry[];
     disabled?: boolean;
+    /** How long a touch press is held before the menu opens, in ms; Reka's 700 when unset. */
+    pressOpenDelay?: number;
 };
-declare var __VLS_18: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string) => any;
@@ -15,6 +17,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onToggle?: ((key: string, checked: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
+    pressOpenDelay: number;
 }, {}, {}, {}, 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/components/primitives/context-menu/ContextMenuItems.vue.d.ts

@@ -1,8 +1,9 @@
+import { useFloating } from '../popover/floating';
 import { ContextMenuEntry } from './types';
 type __VLS_Props = {
     items: ContextMenuEntry[];
-    /** Where submenus must stay; see useCollisionBoundary. */
-    collisionBoundary?: HTMLElement | HTMLElement[];
+    /** The parent menu's shared placement preset, including keyboard and safe-area padding. */
+    floating: ReturnType<typeof useFloating>['value'];
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string) => any;
@@ -10,8 +11,6 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((key: string) => any) | undefined;
     onToggle?: ((key: string, checked: boolean) => any) | undefined;
-}>, {
-    collisionBoundary: HTMLElement | HTMLElement[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/primitives/dialog/Dialog.vue.d.ts

@@ -16,7 +16,7 @@ type __VLS_Props = {
     minHeight?: string;
     /** The tallest the panel grows before its body scrolls (default 85vh), capped to the available height. */
     maxHeight?: string;
-    /** Fills the viewport: `true` always, `'mobile'` only on a phone-width screen (640px and narrower), for a dialog that is a page there. */
+    /** Fills the viewport: `true` always, `'mobile'` only on a phone (an app 640px or narrower), for a dialog that is a page there. On a phone every dialog is a bottom sheet: `true`, `'mobile'` and a form of more than 3 fields fill the screen, the rest fit their content. */
     fullscreen?: boolean | 'mobile';
     closeLabel?: string;
     /** Hides the header close affordance for fixed-flow dialogs that own their dismiss path. */
@@ -30,15 +30,23 @@ type __VLS_Props = {
     /** The mask over the app behind: `dim` (default), `light` (a faint tint, as DSM leaves the window behind a wizard) or `none`. It blocks presses in each case. */
     scrim?: 'dim' | 'light' | 'none';
 };
-declare var __VLS_14: {}, __VLS_62: {}, __VLS_75: {}, __VLS_83: {};
+declare var __VLS_15: {}, __VLS_18: {}, __VLS_20: {}, __VLS_23: {}, __VLS_38: {}, __VLS_86: {}, __VLS_99: {}, __VLS_107: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_14) => any;
+    trigger?: (props: typeof __VLS_15) => any;
 } & {
-    header?: (props: typeof __VLS_62) => any;
+    header?: (props: typeof __VLS_18) => any;
 } & {
-    default?: (props: typeof __VLS_75) => any;
+    default?: (props: typeof __VLS_20) => any;
 } & {
-    footer?: (props: typeof __VLS_83) => any;
+    footer?: (props: typeof __VLS_23) => any;
+} & {
+    trigger?: (props: typeof __VLS_38) => any;
+} & {
+    header?: (props: typeof __VLS_86) => any;
+} & {
+    default?: (props: typeof __VLS_99) => any;
+} & {
+    footer?: (props: typeof __VLS_107) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
@@ -55,13 +63,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    defaultOpen: boolean;
     open: boolean;
     flush: boolean;
+    defaultOpen: boolean;
     showClose: boolean;
-    headerDivider: boolean;
     closeOnOutside: boolean;
     scrim: "dim" | "light" | "none";
+    headerDivider: boolean;
 }, {}, {}, {}, 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/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,3 +1,4 @@
+import { OverlayMotion } from '../popover/overlay';
 import { DropdownMenuEntry } from './types';
 export type { DropdownMenuEntry } from './types';
 type __VLS_Props = {
@@ -13,10 +14,12 @@ type __VLS_Props = {
     radioValues?: Record<string, string>;
     /** Mark of the selected radio entry: a filled dot (default) or a check. */
     radioIndicator?: 'dot' | 'check';
+    /** `none` drops the open and close motion (a grid editor's menu); inherits `provideOverlayMotion`. */
+    motion?: OverlayMotion;
 };
-declare var __VLS_16: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_16) => any;
+    trigger?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string) => any;
@@ -35,8 +38,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:radioValues"?: ((value: Record<string, string>) => any) | undefined;
     onRadioSelect?: ((value: string, key: string, group: string) => any) | undefined;
 }>, {
-    align: "start" | "center" | "end";
     open: boolean;
+    align: "start" | "center" | "end";
+    motion: OverlayMotion;
     radioIndicator: "dot" | "check";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/primitives/dropdown-menu/DropdownMenuItems.vue.d.ts

@@ -1,12 +1,15 @@
+import { useFloating } from '../popover/floating';
 import { DropdownMenuEntry } from './types';
 type __VLS_Props = {
     items: DropdownMenuEntry[];
     checkedKeys?: string[];
     radioValues?: Record<string, string>;
-    /** Where submenus must stay; see useCollisionBoundary. */
-    collisionBoundary?: HTMLElement | HTMLElement[];
+    /** The parent menu's shared placement preset, including keyboard and safe-area padding. */
+    floating: ReturnType<typeof useFloating>['value'];
     /** Mark of the selected radio entry: a filled dot (default) or a check. */
     radioIndicator?: 'dot' | 'check';
+    /** The open menu's motion, so a submenu moves (or not) like it. */
+    motion?: 'auto' | 'none';
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string) => any;
@@ -17,7 +20,7 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     onRadio?: ((value: string, key: string, group: string) => any) | undefined;
     onToggle?: ((key: string, checked: boolean) => any) | undefined;
 }>, {
-    collisionBoundary: HTMLElement | HTMLElement[];
+    motion: "auto" | "none";
     checkedKeys: string[];
     radioValues: Record<string, string>;
     radioIndicator: "dot" | "check";

package/dist/components/primitives/dropdown-menu/DropdownMenuSheet.vue.d.ts

@@ -0,0 +1,28 @@
+import { DropdownMenuEntry } from './types';
+type __VLS_Props = {
+    open: boolean;
+    items: DropdownMenuEntry[];
+    /** The sheet's title on the first level, e.g. the name of the button that opened it. */
+    title?: string;
+    checkedKeys?: string[];
+    radioValues?: Record<string, string>;
+    radioIndicator?: 'dot' | 'check';
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (key: string) => any;
+    radio: (value: string, key: string, group: string) => any;
+    toggle: (key: string, checked: boolean) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((key: string) => any) | undefined;
+    onRadio?: ((value: string, key: string, group: string) => any) | undefined;
+    onToggle?: ((key: string, checked: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    checkedKeys: string[];
+    radioValues: Record<string, string>;
+    radioIndicator: "dot" | "check";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/primitives/input/Input.vue.d.ts

@@ -1,5 +1,12 @@
 type __VLS_Props = {
     modelValue?: string | number;
+    /**
+     * The native input type, plus `integer` and `decimal`: text fields that open
+     * a number keyboard (`inputmode` numeric or decimal) without the native
+     * number field's spinner and value parsing. The type also sets the phone
+     * keyboard's hints (`inputmode`, `autocapitalize`, `spellcheck`,
+     * `enterkeyhint`); an attribute of the same name overrides each.
+     */
     type?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -25,9 +32,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     size: "sm" | "md" | "lg";
     type: string;
     disabled: boolean;
+    invalid: boolean;
     modelValue: string | number;
     readonly: boolean;
-    invalid: boolean;
 }, {}, {}, {}, 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/components/primitives/input/Textarea.vue.d.ts

@@ -16,9 +16,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
+    invalid: boolean;
     modelValue: string;
     readonly: boolean;
-    invalid: boolean;
     rows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/primitives/input-steppers/InputSteppers.vue.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     menu: InputSteppersMenuItem[];
     disabled: boolean;
-    modelValue: number;
     width: number;
+    modelValue: number;
     controlsType: "right-left" | "up-down";
     hasDivider: boolean;
     selectOnFocus: boolean;

package/dist/components/primitives/motion/PushTransition.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    /** Whether the page is pushed. */
+    show: boolean;
+    /** Push motion, the edge swipe, the back header and the Back key. Off: the page shows and hides at once. */
+    enabled?: boolean;
+    /** The page underneath: it slides 30% left, dims and turns inert while covered. */
+    under?: HTMLElement | null;
+    /** The back header's title; without it (and without the `title` slot) the page has no back header. */
+    title?: string;
+    /** Keeps the page mounted, hidden, while it is popped (its local drafts stay). */
+    keepMounted?: boolean;
+    /** The page's element. */
+    as?: string;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+    title?: () => unknown;
+    'header-actions'?: () => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pop: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPop?: (() => any) | undefined;
+}>, {
+    title: string;
+    as: string;
+    enabled: boolean;
+    under: HTMLElement | null;
+    keepMounted: 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/components/primitives/multiple-select/MultipleSelect.vue.d.ts

@@ -6,21 +6,21 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: SelectOption) => any;
     blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     invalid: (text: string) => any;
     "update:modelValue": (value: string[]) => any;
-    focus: (event: FocusEvent) => any;
-    "update:loading": (loading: boolean) => any;
     create: (value: string) => any;
+    "update:loading": (loading: boolean) => any;
     "open-dropdown": () => any;
     "close-dropdown": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((option: SelectOption) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     onInvalid?: ((text: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
+    "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     "onOpen-dropdown"?: (() => any) | undefined;
     "onClose-dropdown"?: (() => any) | undefined;
 }>, {