@webx-ui/core 0.20.0 → 0.22.0

package/dist/components/Action/Action.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionProps, {}, {}
     tone: ActionTone;
     href: string;
     hidden: boolean;
+    tooltipSide: import('..').TooltipSide;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Action/types.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'vue';
 import { IconName } from '../Icon/types';
+import { TooltipSide } from '../Tooltip/types';
 /**
  * What the action does. It picks the icon, the colour and the accessible name, so a
  * row of actions stays consistent across screens — `icon`, `tone` and `label`
@@ -14,7 +15,7 @@ export interface ActionProps {
     icon?: IconName;
     /** Colour to use instead of the one the type picks. */
     tone?: ActionTone;
-    /** Native tooltip; also the accessible name when `label` is not given. */
+    /** What the tooltip says; also the accessible name when `label` is not given. */
     title?: string;
     /** Accessible name. Needed whenever `title` is absent and the type is not enough. */
     label?: string;
@@ -31,6 +32,8 @@ export interface ActionProps {
     hidden?: boolean;
     /** Defaults to the size of the enclosing `WxActions`. */
     size?: ActionSize;
+    /** Which side of the button the tooltip prefers. It flips when there is no room. */
+    tooltipSide?: TooltipSide;
 }
 export interface ActionEmits {
     click: [event: MouseEvent];

package/dist/components/ActionBar/ActionBar.d.ts

@@ -0,0 +1,22 @@
+import { ActionBarProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        state?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ActionBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionBarProps> & Readonly<{}>, {
+    bordered: boolean;
+    sticky: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ActionBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxActionBar } from './ActionBar';
+export type * from './types';

package/dist/components/ActionBar/types.d.ts

@@ -0,0 +1,13 @@
+export interface ActionBarProps {
+    /**
+     * Keeps the bar at the bottom of the window while there is screen left below it, and
+     * lets it settle into its place in the flow at the end.
+     *
+     * `--wx-action-bar-bottom` is how far off the bottom edge it stops, so a shell that
+     * insets its column can say so; the strip below the bar is painted over, or the content
+     * scrolling past would show through it.
+     */
+    sticky?: boolean;
+    /** Rule around the bar. Off leaves the surface and the shadow. */
+    bordered?: boolean;
+}

package/dist/components/Actions/Actions.d.ts

@@ -25,7 +25,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    collapsed: import('vue').Ref<boolean, boolean>;
+    collapsed: import('vue').ComputedRef<boolean>;
     measure: typeof measure;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     collapse: (collapsed: boolean) => any;
@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     size: import('..').ActionSize;
     align: import('./types').ActionsAlign;
-    collapse: boolean;
     ariaLabel: string;
+    collapse: boolean | "always";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     row: HTMLDivElement;

package/dist/components/Actions/types.d.ts

@@ -9,8 +9,12 @@ export interface ActionsProps {
      * Collapses the row into a dropdown as soon as it no longer fits the container.
      * The container has to have a width of its own — a table cell, a card, a column —
      * otherwise there is nothing to measure against.
+     *
+     * `'always'` never draws the row at all: the actions are a menu whatever the width,
+     * which is what a list wants when every row in the panel has to open the same way
+     * whether it holds one action or seven.
      */
-    collapse?: boolean;
+    collapse?: boolean | 'always';
     /** Accessible name of the group, e.g. "Row actions". */
     ariaLabel?: string;
 }

package/dist/components/Aside/Aside.d.ts

@@ -2,7 +2,10 @@ import { AsideProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        top?(_: {}): any;
         default?(_: {}): any;
+        default?(_: {}): any;
+        bottom?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLElement;
@@ -11,10 +14,12 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AsideProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AsideProps> & Readonly<{}>, {
     bordered: boolean;
     side: "start" | "end";
-    collapsed: boolean;
     width: number | string;
+    sticky: boolean;
+    collapsed: boolean;
     collapsedWidth: number | string;
     scroll: boolean;
+    floating: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Aside/types.d.ts

@@ -9,6 +9,26 @@ export interface AsideProps {
     side?: 'start' | 'end';
     /** Rule between the column and the page. */
     bordered?: boolean;
-    /** Scrolls the column on its own, independently of the page. */
+    /**
+     * Scrolls the column on its own, independently of the page. With the `top` or
+     * `bottom` slots in use it is the middle zone that scrolls, so that the brand and
+     * the account stay where they are put.
+     */
     scroll?: boolean;
+    /**
+     * Keeps the column in place while the page scrolls past it, at its own height
+     * rather than the page's. This is the shape a sidebar has next to a document that
+     * scrolls natively; `scroll` is the other one, where the column carries the
+     * scrollbar itself.
+     *
+     * The offset from the top and the height are `--wx-aside-top` and
+     * `--wx-aside-height`, so a shell that insets the column can say so.
+     */
+    sticky?: boolean;
+    /**
+     * Draws the column as a card — its own border, radius and shadow — instead of as
+     * a wall between the menu and the page. Pair it with `bordered` off: the rule on
+     * one side is what the card replaces.
+     */
+    floating?: boolean;
 }

package/dist/components/Countdown/Countdown.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<CountdownProps, {
 }>, {
     size: import('..').StatisticSize;
     title: string;
-    tone: import('..').TextTone;
     align: import('..').TextAlign;
+    tone: import('..').TextTone;
     format: string;
     prefix: string;
     suffix: string;

package/dist/components/Dialog/Dialog.d.ts

@@ -76,14 +76,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onLayout?: ((layout: DialogLayout) => any) | undefined;
 }>, {
     title: string;
-    modal: boolean;
+    width: number | string;
+    height: number | string;
     ariaLabel: string;
+    modal: boolean;
     closable: boolean;
     closeLabel: string;
-    width: number | string;
     scroll: import('./types').DialogScroll;
     minHeight: number;
-    height: number | string;
     stickyFooter: boolean;
     minWidth: number;
     sidebarWidth: number | string;

package/dist/components/Drawer/Drawer.d.ts

@@ -76,8 +76,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     size: number | string;
     title: string;
     side: import('./types').DrawerSide;
-    modal: boolean;
     ariaLabel: string;
+    modal: boolean;
     closable: boolean;
     closeLabel: string;
     sidebarWidth: number | string;
@@ -87,6 +87,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     resizable: boolean;
     persist: string;
     minSize: number;
+    fullScreen: boolean;
     resizeLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Drawer/types.d.ts

@@ -33,6 +33,12 @@ export interface DrawerProps {
     resizable?: boolean;
     /** Remember the size under this key, in `localStorage`. */
     persist?: string;
+    /**
+     * On a narrow screen the panel takes the whole of it. Off keeps the declared size there,
+     * so a strip of the page stays visible — which is right for a panel that is navigation
+     * rather than work: a menu 260px wide is a menu, and one that covers the phone is a page.
+     */
+    fullScreen?: boolean;
     /** Accessible name for the panel when it has no visible heading. */
     ariaLabel?: string;
     /** Label of the resize handle, for screen readers. */

package/dist/components/Dropdown/Dropdown.d.ts

@@ -31,10 +31,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     side: import('./types').DropdownSide;
     align: import('./types').DropdownAlign;
     offset: number;
+    teleport: boolean;
     alignOffset: number;
     closeOnClick: boolean;
     matchTriggerWidth: boolean;
-    teleport: boolean;
     modal: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/FileCard/FileCard.d.ts

@@ -180,6 +180,8 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
     removable: boolean;
     confirmRemove: boolean;
     copyable: boolean;
+    downloadUrl: string;
+    actionsMenu: boolean;
     renameLabel: string;
     saveLabel: string;
     cancelLabel: string;
@@ -187,6 +189,7 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
     removeLabel: string;
     removeConfirmText: string;
     copyLabel: string;
+    downloadLabel: string;
     copiedLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     field: ({

package/dist/components/FileCard/types.d.ts

@@ -39,6 +39,19 @@ export interface FileCardProps {
     confirmRemove?: boolean;
     /** Offers copying `url` to the clipboard. */
     copyable?: boolean;
+    /**
+     * Offers saving the file, from this address. Separate from `url` on purpose: what a card
+     * shows a file with may be a signed address on another host, and a browser ignores the
+     * download attribute across origins — it navigates instead. What downloads is whatever the
+     * caller can serve from its own.
+     */
+    downloadUrl?: string;
+    /**
+     * The actions are a `···` menu at every width, rather than a row of icons that folds into
+     * one when it runs out of room. For a grid inside a panel where every other list puts a
+     * record's actions behind the same menu — one place to look, whatever the card's size.
+     */
+    actionsMenu?: boolean;
     renameLabel?: string;
     /** The two buttons under the field renaming opens. */
     saveLabel?: string;
@@ -48,6 +61,7 @@ export interface FileCardProps {
     /** The question `confirmRemove` asks. The file name is worth putting in it. */
     removeConfirmText?: string;
     copyLabel?: string;
+    downloadLabel?: string;
     /** Shown on the copy action for a moment after it worked. */
     copiedLabel?: string;
 }

package/dist/components/Footer/Footer.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FooterProps> & Readonly<{}>, {
     bordered: boolean;
-    padding: "none" | "sm" | "md" | "lg";
     height: number | string;
+    padding: "none" | "sm" | "md" | "lg";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Header/Header.d.ts

@@ -11,9 +11,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<HeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
     bordered: boolean;
+    height: number | string;
     sticky: boolean;
+    floating: boolean;
     padding: "none" | "sm" | "md" | "lg";
-    height: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Header/types.d.ts

@@ -3,8 +3,17 @@ export interface HeaderProps {
     height?: number | string;
     /** Rule along the bottom edge, separating the bar from the page. */
     bordered?: boolean;
-    /** Keeps the bar in place while the page scrolls under it. */
+    /**
+     * Keeps the bar in place while the page scrolls under it. How far from the top it
+     * stops is `--wx-header-top`, so a shell that insets the bar can say so.
+     */
     sticky?: boolean;
+    /**
+     * Draws the bar as a card — its own border, radius and shadow — with the page
+     * showing all around it. Pair it with `bordered` off: the rule along the bottom
+     * edge is what the card replaces.
+     */
+    floating?: boolean;
     /** Inner padding. `none` hands the bar over to whatever is inside it. */
     padding?: 'none' | 'sm' | 'md' | 'lg';
 }

package/dist/components/Heading/Heading.d.ts

@@ -10,8 +10,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<HeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingProps> & Readonly<{}>, {
     size: HeadingSize;
-    tone: import('..').TextTone;
     align: import('..').TextAlign;
+    tone: import('..').TextTone;
     level: HeadingLevel;
     truncate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Icon/icons.d.ts

@@ -48,6 +48,7 @@ export declare const builtinIcons: {
     readonly home: "<path d=\"M4 10.5 12 4l8 6.5V19a1.5 1.5 0 0 1-1.5 1.5H15V14H9v6.5H5.5A1.5 1.5 0 0 1 4 19Z\"/>";
     readonly file: "<path d=\"M13.5 3.5H7a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9zm0 0V9H19\"/>";
     readonly folder: "<path d=\"M3.5 7a2 2 0 0 1 2-2h3.2a2 2 0 0 1 1.5.7l1.3 1.5h7a2 2 0 0 1 2 2v8.3a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z\"/>";
+    readonly 'folder-move': string;
     readonly image: "<rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2.5\"/><circle cx=\"8.75\" cy=\"9.75\" r=\"1.75\"/><path d=\"m4 17 4.5-4.2a2 2 0 0 1 2.7 0l3 2.8 1.6-1.5a2 2 0 0 1 2.7 0L20 16\"/>";
     readonly calendar: "<rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2.5\"/><path d=\"M3.5 10h17M8 3.5V7M16 3.5V7\"/>";
     readonly clock: "<circle cx=\"12\" cy=\"12\" r=\"8.5\"/><path d=\"M12 7.5V12l3 2\"/>";

package/dist/components/Image/Image.d.ts

@@ -25,12 +25,12 @@ declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {},
 }>, {
     placeholder: string;
     width: number | string;
+    height: number | string;
     src: string;
     alt: string;
     fit: import('./types').ImageFit;
     lazy: boolean;
     preview: boolean;
-    height: number | string;
     radius: number | string;
     previewLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/ImageEditor/ImageEditor.d.ts

@@ -31,13 +31,13 @@ declare const _default: import('vue').DefineComponent<ImageEditorProps, {
 }>, {
     disabled: boolean;
     footer: boolean;
+    maxWidth: number;
     maxHeight: number;
     format: "auto" | "image/jpeg" | "image/png" | "image/webp";
     background: string;
     filters: boolean;
     resizable: boolean;
     minSize: number;
-    maxWidth: number;
     saveLabel: string;
     cancelLabel: string;
     ratio: ImageEditorRatio;

package/dist/components/Indicator/Indicator.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_component: import('vue').DefineComponent<IndicatorProps, {},
     type: import('./types').IndicatorType;
     label: string;
     value: number | string;
-    hidden: boolean;
     offset: [number, number];
+    hidden: boolean;
     max: number;
     dot: boolean;
     showZero: boolean;

package/dist/components/Loading/Loading.d.ts

@@ -19,10 +19,10 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<LoadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
     size: import('./types').LoadingSize;
     text: string;
+    delay: number;
     ariaLabel: string;
     loading: boolean;
     blur: boolean;
-    delay: number;
     fullscreen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Main/Main.d.ts

@@ -9,9 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MainProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MainProps> & Readonly<{}>, {
+    maxWidth: number | string;
     scroll: boolean;
     padding: "none" | "sm" | "md" | "lg";
-    maxWidth: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Popconfirm/Popconfirm.d.ts

@@ -52,13 +52,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     side: import('..').PopoverSide;
     align: import('..').PopoverAlign;
     offset: number;
-    description: string;
+    arrow: boolean;
     width: number | string;
+    description: string;
     loading: boolean;
     confirmText: string;
     cancelText: string;
     confirmType: import('..').ButtonType;
-    arrow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Popover/Popover.d.ts

@@ -57,14 +57,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     side: import('./types').PopoverSide;
     align: import('./types').PopoverAlign;
     offset: number;
-    alignOffset: number;
+    arrow: boolean;
     teleport: boolean;
-    modal: boolean;
+    width: number | string;
+    alignOffset: number;
     ariaLabel: string;
+    modal: boolean;
     closable: boolean;
     closeLabel: string;
-    width: number | string;
-    arrow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Row/types.d.ts

@@ -2,7 +2,7 @@ import { Component } from 'vue';
 export type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 export type RowAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 export interface RowProps {
-    /** Gap between columns: pixels as a number, or any CSS length. */
+    /** Gap between columns: pixels as a number, or any CSS length. Defaults to the panel's step. */
     gutter?: number | string;
     /** Gap between rows once the columns wrap. Defaults to `gutter`. */
     gutterY?: number | string;

package/dist/components/Scrollbar/Scrollbar.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollbarProps, {
     onScroll?: ((event: Event) => any) | undefined;
 }>, {
     size: import('./types').ScrollbarSize;
+    height: number | string;
     always: boolean;
     maxHeight: number | string;
-    height: number | string;
     axis: import('./types').ScrollbarAxis;
     chainScroll: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Skeleton/Skeleton.d.ts

@@ -18,8 +18,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
     title: boolean;
-    loading: boolean;
     delay: number;
+    loading: boolean;
     rows: number;
     animated: boolean;
     avatar: boolean;

package/dist/components/Statistic/Statistic.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<StatisticProps, {},
     size: import('./types').StatisticSize;
     title: string;
     value: number | string;
-    tone: import('..').TextTone;
     align: import('..').TextAlign;
+    tone: import('..').TextTone;
     precision: number;
     locale: string;
     grouping: boolean;

package/dist/components/Table/types.d.ts

@@ -162,6 +162,19 @@ export interface TableProps<T = TableRow> {
     bordered?: boolean;
     /** Highlight the row under the pointer. */
     hover?: boolean;
+    /**
+     * Whether a click on a row leads anywhere.
+     *
+     * Left alone it is inferred from whether anybody is listening for `row-click` — the caller has
+     * already said it by listening, and a second way to say the same thing is a second thing to
+     * get wrong. Said out loud when the answer changes while the table is on screen: the vnode a
+     * component was rendered with is not reactive, so the inference runs once and never again, and
+     * a list that puts its destination away — a bin, an archive, a picker that takes several at a
+     * time — would keep the cursor and the highlight it no longer earns.
+     *
+     * `false` is the whole promise withdrawn: no pointer, no highlight, and no `row-click` either.
+     */
+    clickable?: boolean;
     size?: ControlSize;
     /** Adds the checkbox column. */
     selectable?: boolean;

package/dist/components/Tabs/Tabs.d.ts

@@ -23,6 +23,7 @@ declare function __VLS_template(): {
         extra?: () => unknown;
     };
     refs: {
+        layout: HTMLDivElement;
         scroller: HTMLDivElement;
     };
     rootEl: any;
@@ -43,10 +44,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     orientation: import('./types').TabsOrientation;
     align: import('./types').TabsAlign;
     ariaLabel: string;
+    items: import('./types').TabItem[];
     loop: boolean;
     keepAlive: boolean;
+    collapseBelow: number;
     activationMode: import('./types').TabsActivationMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    layout: HTMLDivElement;
     scroller: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Tabs/types.d.ts

@@ -6,7 +6,32 @@ export type TabsSize = 'sm' | 'md';
 export type TabsOrientation = 'horizontal' | 'vertical';
 export type TabsAlign = 'start' | 'center' | 'end' | 'stretch';
 export type TabsActivationMode = 'automatic' | 'manual';
+/** One tab of a strip that has no panels of its own. */
+export interface TabItem {
+    value: TabValue;
+    label?: string;
+    icon?: IconName;
+    badge?: string | number;
+    disabled?: boolean;
+}
 export interface TabsProps {
+    /**
+     * Builds the strip from a list instead of from the `WxTab`s in the slot, and treats the
+     * default slot as the one panel under it — the panel does not change with the tab, what
+     * is inside it does.
+     *
+     * This is what a list screen switches views with: the table stays mounted, keeping its
+     * search, its page and its scroll, and the tab only says which rows it is asking for.
+     */
+    items?: TabItem[];
+    /**
+     * Below this container width the strip folds into a single switch labelled with the view
+     * that is open. Only in `items` mode; `0` — the default — never folds.
+     *
+     * A strip is worth scrolling while it is navigation somebody reads along. Five views of a
+     * list on a phone are not that: they are one question with one answer showing.
+     */
+    collapseBelow?: number;
     /** Underlined strip, a segmented control, or folder tabs. */
     variant?: TabsVariant;
     size?: TabsSize;

package/dist/components/Text/Text.d.ts

@@ -11,8 +11,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {
     size: import('./types').TextSize;
     as: string;
-    tone: import('./types').TextTone;
     align: import('./types').TextAlign;
+    tone: import('./types').TextTone;
     italic: boolean;
     truncate: boolean | number;
     mono: boolean;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -30,10 +30,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     side: import('./types').TooltipSide;
     align: import('./types').TooltipAlign;
     offset: number;
-    teleport: boolean;
     delay: number;
     arrow: boolean;
     maxWidth: number | string;
+    teleport: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Transfer/Transfer.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     size: import('../..').ControlSize;
     disabled: boolean;
-    emptyText: string;
     height: number | string;
+    emptyText: string;
     items: TransferItem[];
     searchable: boolean;
     searchPlaceholder: string;

package/dist/components/Tree/types.d.ts

@@ -78,7 +78,7 @@ export interface TreeProps<T = TreeNode> {
     filter?: string;
     /** Draws the guide lines that connect a child to its parent. */
     showLines?: boolean;
-    /** How far one level sits from the next, in pixels. */
+    /** How far one level sits from the next, in pixels — the guide line included. */
     indent?: number;
     size?: TreeSize;
     /** Shown when there is nothing to draw. */

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './Accordion';
 export * from './AccordionItem';
 export * from './Action';
+export * from './ActionBar';
 export * from './Actions';
 export * from './Affix';
 export * from './Alert';