@synopackageland/ui 0.20.2 → 0.20.4

package/dist/components/composite/record-panel/recordPanelWidth.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @license MIT
+ * The width rule (560 default, 320 minimum, 240 of the view kept beside the
+ * panel, the secondary column added on top and capped at the host) is ported
+ * from Teable's record side panel
+ * (packages/sdk/src/components/expand-record/Panel.tsx:20-26, 83-88 at
+ * f8be01fad).
+ *
+ * Copyright (c) 2023-2025 Teable, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export declare const RECORD_PANEL_DEFAULT_WIDTH = 560;
+export declare const RECORD_PANEL_MIN_WIDTH = 320;
+/** However wide the panel is dragged, this much of the view stays visible beside it. */
+export declare const RECORD_PANEL_MIN_MAIN_WIDTH = 240;
+/** The comments (or other secondary) column, added on the panel's far side. */
+export declare const RECORD_PANEL_SECONDARY_WIDTH = 320;
+/** Body padding switches from 24 to 48 at this body width (Teable `getBodyPadding`). */
+export declare const RECORD_PANEL_WIDE_BODY = 640;
+export interface RecordPanelBounds {
+    minWidth: number;
+    minMainWidth: number;
+}
+/** The widest the main column may be in a host; unbounded while the host is not measured. */
+export declare function maxPanelWidth(hostWidth: number, bounds: RecordPanelBounds): number;
+/** The main column's width: the stored width clamped to the host. */
+export declare function clampPanelWidth(width: number, hostWidth: number, bounds: RecordPanelBounds): number;
+/**
+ * True when the host cannot hold a docked panel with the view beside it, or is
+ * phone-narrow: the panel becomes a full-screen sheet. An unmeasured host
+ * (zero) stays docked.
+ */
+export declare function panelNeedsSheet(hostWidth: number, compactBelow: number, bounds: RecordPanelBounds): boolean;
+/** 24 px below a 640 px body, 48 px from there. */
+export declare function bodyPadding(bodyWidth: number): number;
+export declare function readStoredWidth(key: string | undefined): number | undefined;
+export declare function writeStoredWidth(key: string | undefined, width: number): void;

package/dist/components/composite/summary-card/SummaryCard.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     disabled: boolean;
     error: string;
     figures: SummaryCardFigure[];
-    note: string;
     state: string;
+    note: string;
     stateTone: SummaryCardTone;
     wide: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/composite/tag-editor/TagEditor.vue.d.ts

@@ -14,13 +14,13 @@ type __VLS_Props = {
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     error: (error: unknown) => any;
     "update:modelValue": (value: string[]) => any;
-    open: () => any;
     close: () => any;
+    open: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onError?: ((error: unknown) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: string[];

package/dist/components/composite/tree-view/TreeView.vue.d.ts

@@ -81,9 +81,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     onCollapse?: ((node: TreeNode) => any) | undefined;
 }>, {
     multiple: boolean;
+    expanded: string[];
     checkedKeys: string[];
     draggable: boolean | TreeViewDraggableConfig;
-    expanded: string[];
     showIcons: boolean;
     checkable: boolean;
     defaultCheckedKeys: string[];

package/dist/components/composite/wizard/Wizard.vue.d.ts

@@ -57,16 +57,16 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     cancel: typeof cancel;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => any;
+    finished: () => any;
     "update:activeStepKey": (key: string) => any;
     "next-step": (change: WizardStepChange) => any;
     "previous-step": (change: WizardStepChange) => any;
-    finished: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
+    onFinished?: (() => any) | undefined;
     "onUpdate:activeStepKey"?: ((key: string) => any) | undefined;
     "onNext-step"?: ((change: WizardStepChange) => any) | undefined;
     "onPrevious-step"?: ((change: WizardStepChange) => any) | undefined;
-    onFinished?: (() => any) | undefined;
 }>, {
     footer: WizardFooterConfig;
     fit: boolean;

package/dist/components/composite/wizard/WizardDialog.vue.d.ts

@@ -23,12 +23,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
     cancel: () => any;
+    "update:open": (value: boolean) => any;
     finished: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onCancel?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onFinished?: (() => any) | undefined;
 }>, {
     defaultOpen: boolean;

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

@@ -37,9 +37,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/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/context-menu/ContextMenu.vue.d.ts

@@ -2,6 +2,8 @@ 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: {};
 type __VLS_Slots = {} & {
@@ -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

@@ -55,12 +55,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    flush: boolean;
     defaultOpen: boolean;
     open: boolean;
-    flush: boolean;
+    closeOnOutside: boolean;
     showClose: boolean;
     headerDivider: boolean;
-    closeOnOutside: boolean;
     scrim: "dim" | "light" | "none";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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,6 +14,8 @@ 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: {};
 type __VLS_Slots = {} & {
@@ -37,6 +40,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     align: "start" | "center" | "end";
     open: boolean;
+    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/popover/Popover.vue.d.ts

@@ -1,25 +1,33 @@
+import { OverlayMotion } from './overlay';
 type __VLS_Props = {
     /** Controlled open state (`v-model:open`), so the caller can close it after a pick or open it from elsewhere. */
     open?: boolean;
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     width?: string;
+    /** `none` drops the open and close motion (a grid editor's list); inherits `provideOverlayMotion`. */
+    motion?: OverlayMotion;
 };
-declare var __VLS_16: {}, __VLS_30: {};
+declare var __VLS_16: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_30) => any;
+    default?: (props: typeof __VLS_34) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     width: string;
     side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
     open: boolean;
+    motion: OverlayMotion;
 }, {}, {}, {}, 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/popover/floating.d.ts

@@ -0,0 +1,27 @@
+import { MaybeRefOrGetter } from 'vue';
+/** Room kept between a popup and the edge of its boundary. */
+export declare const FLOATING_GAP = 8;
+/** The largest a popup may be: the room floating-ui found next to its anchor. */
+export declare const FLOATING_SIZE_CLASS = "max-w-[var(--reka-popper-available-width)] max-h-[var(--reka-popper-available-height)]";
+export interface FloatingPadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/** 8px from each edge plus the safe area, and the soft keyboard at the bottom, as seen from `anchor`. */
+export declare function floatingPadding(anchor: Element | null | undefined): FloatingPadding;
+/**
+ * The collision props for a popup anchored at `anchor`, while `open`. The
+ * padding is read when it opens and again when the visual viewport changes
+ * (the keyboard opens or closes, the phone turns).
+ */
+export declare function useFloating(anchor: MaybeRefOrGetter<HTMLElement | null | undefined>, open: () => boolean): import('vue').ComputedRef<{
+    avoidCollisions: boolean;
+    collisionBoundary: HTMLElement | HTMLElement[];
+    collisionPadding: FloatingPadding;
+    sticky: "partial";
+    hideWhenDetached: boolean;
+}>;
+/** True on a touch-first device (no fine pointer), where a tap stands in for hover. */
+export declare function coarsePointer(): boolean;

package/dist/components/primitives/popover/overlay.d.ts

@@ -0,0 +1,36 @@
+import { MaybeRefOrGetter } from 'vue';
+/** `none`: the surface appears and leaves on the same frame (a grid editor's select, date or person list). */
+export type OverlayMotion = 'auto' | 'none';
+/** Popups opened inside this component (a grid cell editor) take `motion` unless they set their own. */
+export declare function provideOverlayMotion(motion: MaybeRefOrGetter<OverlayMotion>): void;
+/** The motion a popup uses: its own prop, else the nearest scope, else `auto`. */
+export declare function useOverlayMotion(own: () => OverlayMotion | undefined): () => OverlayMotion;
+/**
+ * True while an input method owns Escape: during composition, or the first
+ * Escape right after it ends (Safari sends compositionend first). One guard
+ * per window, kept for the window's life.
+ */
+export declare function imeOwnsEscape(event: KeyboardEvent): boolean;
+/** For a Reka `escapeKeyDown`: an Escape that cancels a composition never closes the surface. */
+export declare function keepEscapeForIme(event: KeyboardEvent): void;
+/**
+ * Joins an open popup to the interaction core's layer stack, so Escape closes
+ * only the topmost surface (a popup opened from a record panel or a grid
+ * editor closes before them) and a press inside the popup is never outside
+ * them. Returns the attributes for the popup's content element.
+ */
+export declare function useOverlayLayer(open: () => boolean, close: () => void): {
+    'data-ui-layer': string;
+    "data-ui-ignore-outside": string;
+};
+/**
+ * For a Reka `pointerDownOutside` / `interactOutside`: a press or focus inside
+ * a portal marked `data-ui-ignore-outside` (a grid editor, a popup another
+ * surface opened) belongs to that surface and never dismisses this one.
+ */
+export declare function keepForIgnoredPortal(event: Event): void;
+/**
+ * For a Reka `openAutoFocus`: with a coarse pointer the surface takes no
+ * initial focus (interaction-spec §14), so a soft keyboard does not cover it.
+ */
+export declare function skipAutoFocusOnTouch(event: Event): void;

package/dist/components/primitives/segment-control/SegmentControl.vue.d.ts

@@ -1,4 +1,4 @@
-import { SegmentVariant } from './context';
+import { SegmentSize, SegmentVariant } from './context';
 type __VLS_Props = {
     /** Selected item value. */
     modelValue?: string;
@@ -10,6 +10,8 @@ type __VLS_Props = {
     disabled?: boolean;
     /** Toolbar view switcher; use RadioGroup for form choices. `sheet` draws joined tabs on a rule. */
     variant?: SegmentVariant;
+    /** `sm` draws a 32px track of 24px tabs (12px labels), the selected one raised on the surface, for a panel's surface switch. Only for `variant="segment"`. */
+    size?: SegmentSize;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -22,6 +24,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    size: SegmentSize;
     variant: SegmentVariant;
     disabled: boolean;
     modelValue: string;

package/dist/components/primitives/segment-control/context.d.ts

@@ -8,10 +8,13 @@ export type SegmentItemHandle = {
 export type SegmentMove = 'previous' | 'next' | 'first' | 'last';
 /** `segment`: a segmented control; `sheet`: joined sheet tabs on a rule, the selected one open to the content below. */
 export type SegmentVariant = 'segment' | 'sheet';
+/** `md`: the toolbar switch; `sm`: a 32px track of 24px tabs that switches the surfaces of a panel (an aside's tabs). */
+export type SegmentSize = 'md' | 'sm';
 export type SegmentControlContext = {
     selected: Ref<string>;
     groupDisabled: Ref<boolean>;
     variant: Ref<SegmentVariant>;
+    size: Ref<SegmentSize>;
     select: (value: string) => void;
     register: (handle: SegmentItemHandle) => void;
     unregister: (handle: SegmentItemHandle) => void;

package/dist/components/primitives/select/Select.vue.d.ts

@@ -1,4 +1,5 @@
 import { SelectOptions, SelectSearch } from './internal/types';
+import { OverlayMotion } from '../popover/overlay';
 export type SelectOption = {
     label: string;
     value: string;
@@ -15,6 +16,8 @@ type __VLS_Props = {
     searchPlaceholder?: string;
     notFoundText?: string;
     loadingText?: string;
+    /** `none` drops the list's open and close motion (a grid editor); inherits `provideOverlayMotion`. */
+    motion?: OverlayMotion;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
@@ -26,6 +29,7 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     options: SelectOptions;
     minSearchChar: number;
     caseSensitive: boolean;
+    motion: OverlayMotion;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts

@@ -30,6 +30,7 @@ declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {},
     options: import('./types').SelectOptions;
     minSearchChar: number;
     caseSensitive: boolean;
+    motion: "auto" | "none";
     multiple: boolean;
     allowCreate: import('./types').SelectAllowCreate;
     editable: boolean;