@synopackageland/ui 0.20.3 → 0.20.5

package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts

@@ -0,0 +1,61 @@
+import { OverlayMotion } from '../../primitives/popover/overlay';
+type __VLS_Props = {
+    /** Controlled open state (`v-model:open`). */
+    open?: boolean;
+    /** Names the panel: the sheet's title, and the popover's accessible name. */
+    title?: string;
+    /** A line under the sheet's title. */
+    description?: string;
+    /** The popover's place beside the trigger. */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    /** The popover's width. */
+    width?: string;
+    /** The edge the sheet comes from. */
+    sheetSide?: 'bottom' | 'right';
+    /** The sheet's height (bottom) or width (right). */
+    sheetSize?: string;
+    /** At this host width and narrower the panel is a sheet. */
+    compactBelow?: number;
+    /** The element whose width decides; defaults to the enclosing AppRoot, else the document. */
+    container?: HTMLElement | null;
+    /** The sheet's close button label; the Sheet's localized default otherwise. */
+    closeLabel?: string;
+    /** Popover motion; `none` inside a grid editor. */
+    motion?: OverlayMotion;
+};
+declare var __VLS_11: {}, __VLS_23: {
+    compact: boolean;
+}, __VLS_31: {
+    compact: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_11) => any;
+} & {
+    footer?: (props: typeof __VLS_23) => any;
+} & {
+    default?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    width: string;
+    side: "top" | "right" | "bottom" | "left";
+    align: "start" | "center" | "end";
+    motion: OverlayMotion;
+    sheetSide: "bottom" | "right";
+    sheetSize: string;
+    compactBelow: number;
+    container: HTMLElement | 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;
+    };
+};

package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts

@@ -39,9 +39,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onSelect-lane"?: ((id: string) => any) | undefined;
 }>, {
     compact: boolean;
+    cards: boolean;
     selectable: boolean;
     selectedLane: string | number;
-    cards: boolean;
     layout: "stacked" | "columns";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/composite/data-grid/DataGrid.vue.d.ts

@@ -1,5 +1,6 @@
 import { DataGridLabels } from './labels';
 import { TableColumnAlign, TableColumnType } from './columnType';
+import { TableColumnListRole } from './listLayout';
 export type DataGridSort = {
     key: string;
     direction: 'asc' | 'desc';
@@ -47,6 +48,8 @@ export type DataGridColumn = {
     /** Cell slots of an editable column get `editing`, `startEdit`, `stopEdit` and `update`. */
     editable?: boolean;
     compare?: (a: unknown, b: unknown, rowA: Record<string, unknown>, rowB: Record<string, unknown>) => number;
+    /** Its place in the phone list (see TableColumnListRole); unset, the first column is the title and the next two the subtitle. */
+    list?: TableColumnListRole;
 };
 export type DataGridColumnWidths = Record<string, number>;
 export type DataGridGroup = {
@@ -117,6 +120,12 @@ export type DataGridGroupSlotProps = {
     expanded: boolean;
     toggle: () => void;
 };
+export type DataGridSelectionSlotProps = {
+    keys: string[];
+    rows: Record<string, unknown>[];
+    /** Clears the selection, which ends the phone list's select mode. */
+    clear: () => void;
+};
 export type DataGridExpandSlotProps = {
     row: Record<string, unknown>;
     index: number;
@@ -205,6 +214,12 @@ type __VLS_Props = {
     defaultExpandedKeys?: string[];
     /** Row reordering with drag and drop plus keyboard support. */
     draggable?: boolean | DataGridDraggable;
+    /**
+     * `auto` shows a list in an app 640px or narrower (a phone): a row per
+     * item with a title, a subtitle and a trailing status, long press to
+     * select, and sorting and columns in a sheet. `list` always, `table` never.
+     */
+    mobileView?: 'auto' | 'list' | 'table';
 };
 declare function resetColumns(): void;
 type __VLS_Slots = {
@@ -216,6 +231,8 @@ type __VLS_Slots = {
         pageCount: number;
     }) => unknown;
     expand?: (props: DataGridExpandSlotProps) => unknown;
+    /** Actions in the phone list's selection bar. */
+    'selection-actions'?: (props: DataGridSelectionSlotProps) => unknown;
     [name: `header-${string}`]: (props: {
         column: DataGridColumn;
     }) => unknown;
@@ -303,15 +320,16 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     fill: boolean;
     footer: boolean;
     loading: boolean;
+    draggable: boolean | DataGridDraggable;
     group: DataGridGroup | null;
     loadingText: string;
-    draggable: boolean | DataGridDraggable;
     page: number;
     pageSize: number;
     selectable: boolean;
     columnOrder: string[];
     hiddenColumns: string[];
     rowKey: string;
+    mobileView: "auto" | "list" | "table";
     resizable: boolean;
     defaultSort: DataGridSort | null;
     selectedKeys: string[];

package/dist/components/composite/data-grid/labels.d.ts

@@ -28,6 +28,15 @@ export type DataGridLabels = {
     pageSize?: string;
     /** Beside a column the chooser lists that the width leaves out. */
     hiddenByWidth?: string;
+    /** The phone list's selection bar. */
+    selected?: (count: number) => string;
+    /** Ends the phone list's select mode and clears the selection. */
+    cancelSelection?: string;
+    /** The phone list's sort and columns sheet, and its button. */
+    viewOptions?: string;
+    sortBy?: string;
+    ascending?: string;
+    descending?: string;
 };
 /** `DataGridLabels` after the defaults were merged in: every label is present. */
 export type ResolvedDataGridLabels = DataGridLabels & {
@@ -40,6 +49,12 @@ export type ResolvedDataGridLabels = DataGridLabels & {
     noMatch: string;
     pageSize: string;
     hiddenByWidth: string;
+    selected: (count: number) => string;
+    cancelSelection: string;
+    viewOptions: string;
+    sortBy: string;
+    ascending: string;
+    descending: string;
 };
 export declare const defaultDataGridLabels: ResolvedDataGridLabels;
 /** Locale-aware chrome; the exported English defaults remain available to callers. */

package/dist/components/composite/data-grid/listLayout.d.ts

@@ -0,0 +1,26 @@
+import { TableColumnType } from './columnType';
+/**
+ * A column's place in the phone list (DataGrid and DataTable at 640px or
+ * narrower): `title` is the row's first line, `subtitle` joins the second
+ * line (two at most), `trailing` sits at the row's end (a status badge, the
+ * actions), `none` leaves the column out of the list.
+ */
+export type TableColumnListRole = 'title' | 'subtitle' | 'trailing' | 'none';
+type ListColumn = {
+    key: string;
+    type?: TableColumnType;
+    list?: TableColumnListRole;
+};
+export type ListLayout<T extends ListColumn> = {
+    title: T | undefined;
+    subtitle: T[];
+    trailing: T[];
+};
+export declare const MAX_LIST_SUBTITLE_COLUMNS = 2;
+/**
+ * Places the shown columns in the list. Without `list` roles the first column
+ * is the title, the next two make the subtitle and an `actions` column trails.
+ * A column marked `subtitle` replaces the unmarked ones on the second line.
+ */
+export declare function listLayout<T extends ListColumn>(columns: readonly T[]): ListLayout<T>;
+export {};

package/dist/components/composite/data-table/DataTable.vue.d.ts

@@ -1,4 +1,5 @@
 import { TableColumnAlign, TableColumnType } from '../data-grid/columnType';
+import { TableColumnListRole } from '../data-grid/listLayout';
 export type DataTableColumn = {
     key: string;
     label: string;
@@ -11,6 +12,8 @@ export type DataTableColumn = {
     minWidth?: string | number;
     /** Overrides the table's `resizable` for this column. */
     resizable?: boolean;
+    /** Its place in the phone list (see TableColumnListRole); unset, the first column is the title and the next two the subtitle. */
+    list?: TableColumnListRole;
 };
 type __VLS_Props = {
     columns: DataTableColumn[];
@@ -18,8 +21,13 @@ type __VLS_Props = {
     rowKey?: string;
     emptyText?: string;
     compact?: boolean;
-    /** Simple tables become fully labeled cards in mobile mode unless set to table. `container` picks cards from the measured width (see `containerBreakpoint`) whatever the app presentation. */
-    mobileView?: 'auto' | 'cards' | 'table' | 'container';
+    /**
+     * `auto` shows a list in mobile mode (an app 640px or narrower): a row per
+     * item with a title, a subtitle and a trailing column. `list` and `cards`
+     * (fully labeled cards) always, `table` never. `container` picks cards from
+     * the measured width (see `containerBreakpoint`) whatever the app presentation.
+     */
+    mobileView?: 'auto' | 'list' | 'cards' | 'table' | 'container';
     /** Width in px under which `mobileView="container"` shows cards. */
     containerBreakpoint?: number;
     /**
@@ -39,11 +47,23 @@ declare var __VLS_2: `cell-${string}`, __VLS_3: {
     row: Record<string, unknown>;
     value: unknown;
     column: DataTableColumn;
-}, __VLS_12: `cell-${string}`, __VLS_13: {
+}, __VLS_6: `cell-${string}`, __VLS_7: {
+    row: Record<string, unknown>;
+    value: unknown;
+    column: DataTableColumn;
+}, __VLS_10: `cell-${string}`, __VLS_11: {
+    row: Record<string, unknown>;
+    value: unknown;
+    column: DataTableColumn;
+}, __VLS_14: `cell-${string}`, __VLS_15: {
+    row: Record<string, unknown>;
+    value: unknown;
+    column: DataTableColumn;
+}, __VLS_24: `cell-${string}`, __VLS_25: {
     row: Record<string, unknown>;
     value: unknown;
     column: DataTableColumn;
-}, __VLS_16: `cell-${string}`, __VLS_17: {
+}, __VLS_28: `cell-${string}`, __VLS_29: {
     row: Record<string, unknown>;
     value: unknown;
     column: DataTableColumn;
@@ -51,9 +71,15 @@ declare var __VLS_2: `cell-${string}`, __VLS_3: {
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
 } & {
-    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    [K in NonNullable<typeof __VLS_14>]?: (props: typeof __VLS_15) => any;
+} & {
+    [K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
 } & {
-    [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any;
+    [K in NonNullable<typeof __VLS_28>]?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:columnWidths": (value: Record<string, number>) => any;
@@ -64,7 +90,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     columnWidths: Record<string, number>;
     rowKey: string;
-    mobileView: "auto" | "cards" | "table" | "container";
+    mobileView: "auto" | "list" | "cards" | "table" | "container";
     containerBreakpoint: number;
     resizable: boolean;
     stateKey: string;

package/dist/components/composite/file-picker/FilePicker.vue.d.ts

@@ -38,13 +38,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     variant: "dropzone" | "compact";
     disabled: boolean;
+    paste: boolean;
     modelValue: File[];
     multiple: boolean;
-    paste: boolean;
+    showList: boolean;
     maxFiles: number;
     maxSize: number;
     directory: boolean;
-    showList: 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/composite/form/FormGroup.vue.d.ts

@@ -1,5 +1,5 @@
 type __VLS_Props = {
-    /** Indent levels (multiples of 28px) or any CSS length. */
+    /** Indent levels (28px, or 12px on a touch phone) or any CSS length. */
     indent?: number | string;
     /** Disables every control in the group, usually `!parentOn`. */
     disabled?: boolean;

package/dist/components/composite/form/context.d.ts

@@ -18,6 +18,19 @@ export type FormContext = {
     validateMessageDisplayMode: ValidateMessageDisplayMode;
     registerField: (field: FormFieldHandle) => void;
     unregisterField: (field: FormFieldHandle) => void;
+    /** Text entry fields, kept in document order for their keyboard's Enter key. */
+    registerTextControl?: (control: FormTextControl) => void;
+    unregisterTextControl?: (control: FormTextControl) => void;
+    /** `done` for the form's last active text field, `next` for the others. */
+    enterKeyHint?: (control: FormTextControl) => 'next' | 'done' | undefined;
+    /** The active text field after this one, if any. */
+    nextTextControl?: (control: FormTextControl) => HTMLElement | undefined;
+};
+/** One text entry field of a Form (an Input), for the Next / Done keyboard key. */
+export type FormTextControl = {
+    element: () => HTMLElement | null;
+    /** False while the field is disabled or read-only: it is skipped. */
+    active: () => boolean;
 };
 /** One registered FormItem, as used by `Form.validate()` / `resetFields()` / `commit()`. */
 export type FormFieldHandle = {

package/dist/components/composite/form-actions/FormActions.vue.d.ts

@@ -4,7 +4,11 @@ type __VLS_Props = {
     labelWidth?: string;
     /** Indents the actions past the shared label column (`--ui-label-column`). */
     inset?: boolean;
-    /** Keeps the actions in view at the bottom of a long scrolling form, over a divider. */
+    /**
+     * Keeps the actions in view at the bottom of a long scrolling form, over a
+     * divider, and above the on-screen keyboard. On by default on a phone, off
+     * elsewhere; `false` turns it off on a phone too.
+     */
     sticky?: boolean;
 };
 declare var __VLS_1: {};
@@ -12,9 +16,9 @@ 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<{}>, {
-    align: "start" | "end";
     sticky: boolean;
     inset: boolean;
+    align: "start" | "end";
 }, {}, {}, {}, 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/composite/mention-list/MentionList.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_Props = {
     boundary?: HTMLElement;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    choose: (person: MentionCandidate) => any;
     close: () => any;
+    choose: (person: MentionCandidate) => any;
     hover: (index: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChoose?: ((person: MentionCandidate) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onChoose?: ((person: MentionCandidate) => any) | undefined;
     onHover?: ((index: number) => any) | undefined;
 }>, {
     loading: boolean;

package/dist/components/composite/overflow-toolbar/OverflowToolbar.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
 };
 declare var __VLS_1: {}, __VLS_4: string, __VLS_5: {
     item: OverflowToolbarItem;
-}, __VLS_35: {}, __VLS_37: {}, __VLS_124: {
+}, __VLS_35: {}, __VLS_37: {}, __VLS_126: {
     item: OverflowToolbarItem;
 };
 type __VLS_Slots = {} & {
@@ -21,7 +21,7 @@ type __VLS_Slots = {} & {
 } & {
     right?: (props: typeof __VLS_37) => any;
 } & {
-    'overflow-item'?: (props: typeof __VLS_124) => any;
+    'overflow-item'?: (props: typeof __VLS_126) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clickItem: (item: OverflowToolbarMenuEntry | OverflowToolbarItem) => any;

package/dist/components/composite/record-panel/RecordPanel.vue.d.ts

@@ -0,0 +1,91 @@
+/** `swipe` is any other way the phone sheet was let go: a drag, or Back. */
+export type RecordPanelCloseReason = 'escape' | 'button' | 'outside' | 'swipe';
+type __VLS_Props = {
+    /** Controlled open state (`v-model:open`). */
+    open?: boolean;
+    /** The panel's accessible name (the record's title, or "Record"), already translated. */
+    label?: string;
+    /** The main column's width (`v-model:width`); the stored or default width otherwise. */
+    width?: number;
+    /** Remembers the dragged width in localStorage under this key (one per App). */
+    storageKey?: string;
+    defaultWidth?: number;
+    minWidth?: number;
+    /** The view kept visible beside the panel, however wide it is dragged. */
+    minMainWidth?: number;
+    /** Shows the `secondary` slot (comments) as a column on the far side; the panel grows by `secondaryWidth`. On the phone sheet it is a page pushed over the body, and its Back emits `update:secondaryOpen`. */
+    secondaryOpen?: boolean;
+    secondaryWidth?: number;
+    /** The pushed comments page's title on the phone sheet, already translated. */
+    secondaryLabel?: string;
+    /** The element the panel docks to and is clipped by; it must be positioned. The parent element otherwise. */
+    container?: HTMLElement | null;
+    /** At this host width and narrower the panel is a bottom sheet. */
+    compactBelow?: number;
+    /** The phone sheet's footer: Previous and Next record, disabled where false. Without both, no footer. */
+    hasPrevious?: boolean;
+    hasNext?: boolean;
+    /** Where focus goes on close when the element that had it at open is gone (a re-rendered card). */
+    returnFocus?: () => HTMLElement | null | undefined;
+    /** `field`: the first editable field (not on touch or the phone sheet); `panel`: the panel itself; `none`: focus stays. */
+    initialFocus?: 'field' | 'panel' | 'none';
+    /** No body padding; the caller lays the body out. */
+    flush?: boolean;
+    closeLabel?: string;
+    resizeLabel?: string;
+};
+type __VLS_Slots = {
+    header?: (props: SlotProps) => unknown;
+    default?: (props: SlotProps) => unknown;
+    secondary?: (props: SlotProps) => unknown;
+};
+type SlotProps = {
+    compact: boolean;
+    width: number;
+    padding: number;
+    close: () => void;
+};
+declare function close(reason?: RecordPanelCloseReason): void;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    close: typeof close;
+    compact: import('vue').ComputedRef<boolean>;
+    width: import('vue').ComputedRef<number>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    next: () => any;
+    close: (reason: RecordPanelCloseReason) => any;
+    "update:open": (value: boolean) => any;
+    "update:width": (value: number) => any;
+    "update:secondaryOpen": (value: boolean) => any;
+    resizeEnd: (value: number) => any;
+    previous: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNext?: (() => any) | undefined;
+    onClose?: ((reason: RecordPanelCloseReason) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:secondaryOpen"?: ((value: boolean) => any) | undefined;
+    onResizeEnd?: ((value: number) => any) | undefined;
+    onPrevious?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    width: number;
+    initialFocus: "field" | "panel" | "none";
+    minWidth: number;
+    compactBelow: number;
+    container: HTMLElement | null;
+    defaultWidth: number;
+    minMainWidth: number;
+    secondaryOpen: boolean;
+    secondaryWidth: number;
+    hasPrevious: boolean;
+    hasNext: boolean;
+    returnFocus: () => HTMLElement | null | undefined;
+}, {}, {}, {}, 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/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/settings-section/SettingsSection.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:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    defaultOpen: boolean;
     open: boolean;
+    defaultOpen: boolean;
     collapsible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,14 +13,14 @@ 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;
+    "update:modelValue": (value: string[]) => 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;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: string[];

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

@@ -43,11 +43,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     collapseNode: (id: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (node: TreeNode) => any;
-    "update:modelValue": (value: string | string[] | undefined) => any;
     load: (payload: {
         node: TreeNode;
         children: TreeNode[];
     }) => any;
+    "update:modelValue": (value: string | string[] | undefined) => any;
     check: (payload: TreeViewCheckPayload) => any;
     "update:checkedKeys": (value: string[]) => any;
     "update:expanded": (value: string[]) => any;
@@ -62,11 +62,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     collapse: (node: TreeNode) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((node: TreeNode) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
     onLoad?: ((payload: {
         node: TreeNode;
         children: TreeNode[];
     }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
     onCheck?: ((payload: TreeViewCheckPayload) => any) | undefined;
     "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -80,10 +80,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:nodes"?: ((value: TreeNode[]) => any) | undefined;
     onCollapse?: ((node: TreeNode) => any) | undefined;
 }>, {
+    expanded: string[];
+    draggable: boolean | TreeViewDraggableConfig;
     multiple: boolean;
     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,19 +23,19 @@ 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;
     open: boolean;
+    defaultOpen: boolean;
     showClose: boolean;
-    closeOnFinish: boolean;
     confirmClose: boolean;
+    closeOnFinish: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;