@webx-ui/core 0.6.0 → 0.8.0

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,41 @@
+import { AlertProps } from './types';
+import { IconName } from '../Icon/types';
+type __VLS_Props = AlertProps;
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    variant: import('./types').AlertVariant;
+    type: import('./types').AlertType;
+    title: string;
+    icon: IconName | false;
+    description: string;
+    closable: boolean;
+    closeLabel: string;
+    live: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Alert/index.d.ts

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

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

@@ -0,0 +1,29 @@
+import { IconName } from '../Icon/types';
+export type AlertType = 'info' | 'success' | 'warning' | 'danger';
+export type AlertVariant = 'soft' | 'solid' | 'outline';
+export interface AlertProps {
+    /** Semantic role of the message. */
+    type?: AlertType;
+    /** Visual weight. `soft` is the tinted panel an admin page usually wants. */
+    variant?: AlertVariant;
+    /** Headline above the body. Without it the body carries the message alone. */
+    title?: string;
+    /** The message, when a slot would be overkill. */
+    description?: string;
+    /**
+     * The leading icon. A name overrides the one implied by `type`; `false` drops it.
+     */
+    icon?: IconName | false;
+    /** Adds a × that closes the alert. */
+    closable?: boolean;
+    /** Accessible name of the close button. */
+    closeLabel?: string;
+    /**
+     * Announces the alert when it appears. Leave it off for a message that is part of
+     * the page from the start — a screen reader would read it out of nowhere.
+     */
+    live?: boolean;
+}
+export interface AlertEmits {
+    close: [event: MouseEvent];
+}

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

@@ -0,0 +1,25 @@
+import { AsideProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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;
+    collapsedWidth: number | string;
+    scroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/Aside/index.d.ts

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

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

@@ -0,0 +1,14 @@
+export interface AsideProps {
+    /** Width of the column: pixels as a number, or any CSS length. */
+    width?: number | string;
+    /** Width once `collapsed` is on — the icon rail of a sidebar. */
+    collapsedWidth?: number | string;
+    /** Narrows the column to `collapsedWidth`. Pair it with a collapsed `WxMenu`. */
+    collapsed?: boolean;
+    /** Which edge carries the rule: the sidebar's own side of the page. */
+    side?: 'start' | 'end';
+    /** Rule between the column and the page. */
+    bordered?: boolean;
+    /** Scrolls the column on its own, independently of the page. */
+    scroll?: boolean;
+}

package/dist/components/Badge/Badge.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {},
     size: import('./types').BadgeSize;
     type: import('./types').BadgeType;
     round: boolean;
-    dot: boolean;
     closable: boolean;
     closeLabel: string;
+    dot: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,23 @@
+import { BreadcrumbProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {
+    size: import('./types').BreadcrumbSize;
+    label: string;
+    separator: string;
+    separatorIcon: import('..').IconName;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/Breadcrumb/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { IconName } from '../Icon/types';
+import { BreadcrumbSize } from '../../composables/useBreadcrumb';
+export type { BreadcrumbSize };
+export interface BreadcrumbProps {
+    /** Character drawn between items. */
+    separator?: string;
+    /** Icon drawn between items instead of the character — `chevron-right`, usually. */
+    separatorIcon?: IconName;
+    /** Text size of the trail. */
+    size?: BreadcrumbSize;
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+}

package/dist/components/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -0,0 +1,28 @@
+import { BreadcrumbItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BreadcrumbItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BreadcrumbItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    as: string | import('vue').Component;
+    target: string;
+    icon: import('..').IconName;
+    href: string;
+    current: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/BreadcrumbItem/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import { Component } from 'vue';
+import { IconName } from '../Icon/types';
+export interface BreadcrumbItemProps {
+    /** Where the crumb points. Without it the crumb is plain text. */
+    href?: string;
+    target?: string;
+    /** Renders through another component — `RouterLink`, say, with `to` in the attrs. */
+    as?: string | Component;
+    /** Icon before the label. */
+    icon?: IconName;
+    /**
+     * Marks the crumb as the page you are on. Left alone, a crumb that links nowhere
+     * counts as the current page, which is how the last crumb is normally written.
+     */
+    current?: boolean;
+}
+export interface BreadcrumbItemEmits {
+    click: [event: MouseEvent];
+}

package/dist/components/Cascader/Cascader.d.ts

@@ -43,11 +43,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     clearable: boolean;
     status: import('../..').ControlStatus;
     id: string;
+    separator: string;
     expandTrigger: "click" | "hover";
     checkStrictly: boolean;
     emitPath: boolean;
     showAllLevels: boolean;
-    separator: string;
     lazy: boolean;
     load: import('./types').CascaderLoader;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Col/Col.d.ts

@@ -0,0 +1,27 @@
+import { ColBreakpoint, ColProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColProps> & Readonly<{}>, {
+    sm: ColBreakpoint;
+    md: ColBreakpoint;
+    as: string | import('vue').Component;
+    span: number;
+    lg: ColBreakpoint;
+    offset: number;
+    xl: ColBreakpoint;
+    order: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Col/index.d.ts

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

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

@@ -0,0 +1,24 @@
+import { Component } from 'vue';
+/** A width at one breakpoint: the span alone, or the span with an offset. */
+export type ColBreakpoint = number | {
+    span?: number;
+    offset?: number;
+};
+export interface ColProps {
+    /** Columns out of 24 the cell takes. This is the base — it holds at every width. */
+    span?: number;
+    /** Empty columns before the cell, out of 24. */
+    offset?: number;
+    /** From 640px up. */
+    sm?: ColBreakpoint;
+    /** From 768px up. */
+    md?: ColBreakpoint;
+    /** From 1024px up. */
+    lg?: ColBreakpoint;
+    /** From 1280px up. */
+    xl?: ColBreakpoint;
+    /** Visual order within the row, without touching the source order. */
+    order?: number;
+    /** The element to render. */
+    as?: string | Component;
+}

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,23 @@
+import { ContainerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ContainerProps> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    direction: import('./types').ContainerDirection;
+    fullHeight: boolean;
+    viewport: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Container/index.d.ts

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

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

@@ -0,0 +1,23 @@
+import { Component } from 'vue';
+export type ContainerDirection = 'vertical' | 'horizontal';
+export interface ContainerProps {
+    /**
+     * How the children stack. A page is `vertical` — header, body, footer; the body
+     * itself is `horizontal` — sidebar beside the main column.
+     */
+    direction?: ContainerDirection;
+    /** Makes the container at least as tall as the viewport. For the outermost one. */
+    fullHeight?: boolean;
+    /**
+     * Makes the container exactly as tall as the viewport and stops it growing, so
+     * that what scrolls is a pane inside it rather than the page. This is the shape an
+     * admin shell has: a header that stays put and a main column that scrolls under
+     * it. Pair it with `scroll` on the `WxMain` inside.
+     *
+     * `fullHeight` is the other answer — at least the viewport, with the page itself
+     * scrolling. Use that for a document, this for an application.
+     */
+    viewport?: boolean;
+    /** The element to render. */
+    as?: string | Component;
+}

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

@@ -80,8 +80,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     ariaLabel: string;
     closable: boolean;
     closeLabel: string;
-    scroll: import('./types').DialogScroll;
     width: number | string;
+    scroll: import('./types').DialogScroll;
     height: number | string;
     stickyFooter: boolean;
     minWidth: number;

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,24 @@
+import { DividerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    variant: import('./types').DividerVariant;
+    label: string;
+    align: import('./types').DividerAlign;
+    direction: import('./types').DividerDirection;
+    spacing: import('./types').DividerSpacing;
+}, {}, {}, {}, 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/Divider/index.d.ts

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

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

@@ -0,0 +1,16 @@
+export type DividerDirection = 'horizontal' | 'vertical';
+export type DividerVariant = 'solid' | 'dashed' | 'dotted';
+export type DividerAlign = 'start' | 'center' | 'end';
+export type DividerSpacing = 'none' | 'sm' | 'md' | 'lg';
+export interface DividerProps {
+    /** A rule across the flow, or a hairline between two things on one line. */
+    direction?: DividerDirection;
+    /** Line style. */
+    variant?: DividerVariant;
+    /** Where the label sits on the line. Ignored without a label. */
+    align?: DividerAlign;
+    /** Margin around the rule. */
+    spacing?: DividerSpacing;
+    /** Label on the line, when a slot would be overkill. */
+    label?: string;
+}

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

@@ -0,0 +1,23 @@
+import { FooterProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        end?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/Footer/index.d.ts

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

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

@@ -0,0 +1,8 @@
+export interface FooterProps {
+    /** Height of the bar: pixels as a number, or any CSS length. */
+    height?: number | string;
+    /** Rule along the top edge. */
+    bordered?: boolean;
+    /** Inner padding. */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}

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

@@ -0,0 +1,24 @@
+import { HeaderProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        end?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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;
+    sticky: 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;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,10 @@
+export interface HeaderProps {
+    /** Height of the bar: pixels as a number, or any CSS length. */
+    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. */
+    sticky?: boolean;
+    /** Inner padding. `none` hands the bar over to whatever is inside it. */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}

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

@@ -31,6 +31,7 @@ export declare const builtinIcons: {
     readonly 'arrow-left': "<path d=\"M20 12H4m0 0 6-6m-6 6 6 6\"/>";
     readonly 'arrow-right': "<path d=\"M4 12h16m0 0-6-6m6 6-6 6\"/>";
     readonly menu: "<path d=\"M4 7h16M4 12h16M4 17h16\"/>";
+    readonly sidebar: "<rect x=\"3\" y=\"4.5\" width=\"18\" height=\"15\" rx=\"2.5\"/><path d=\"M9.5 4.5v15\"/>";
     readonly 'more-horizontal': "<circle cx=\"5.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"18.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
     readonly 'more-vertical': "<circle cx=\"12\" cy=\"5.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"18.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
     readonly drag: "<circle cx=\"9\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/>";

package/dist/components/ListDetail/ListDetail.d.ts

@@ -0,0 +1,73 @@
+import { ListDetailProps } from './types';
+type __VLS_Props = ListDetailProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+    'filtersOpen'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** What narrows the list: views, folders, filters. The column is optional. */
+        filters?: (props: {
+            inline: boolean;
+            close: () => void;
+        }) => unknown;
+        /** The records. */
+        list?: (props: {
+            filtersInline: boolean;
+            openFilters: () => void;
+        }) => unknown;
+        /** The record that is open. */
+        detail?: (props: {
+            inline: boolean;
+            back: () => void;
+        }) => unknown;
+        /** Shown in the pane's place while nothing is selected. */
+        empty?: () => unknown;
+    }> & {
+        /** What narrows the list: views, folders, filters. The column is optional. */
+        filters?: (props: {
+            inline: boolean;
+            close: () => void;
+        }) => unknown;
+        /** The records. */
+        list?: (props: {
+            filtersInline: boolean;
+            openFilters: () => void;
+        }) => unknown;
+        /** The record that is open. */
+        detail?: (props: {
+            inline: boolean;
+            back: () => void;
+        }) => unknown;
+        /** Shown in the pane's place while nothing is selected. */
+        empty?: () => unknown;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:filtersOpen": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:filtersOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    filtersWidth: number | string;
+    listWidth: number | string;
+    detailMin: number;
+    filtersTitle: string;
+    detailLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, 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/ListDetail/index.d.ts

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

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

@@ -0,0 +1,19 @@
+export interface ListDetailProps {
+    /**
+     * Width of the column that narrows the list: saved views, filters, folders.
+     * The column is only rendered when the `filters` slot is used.
+     */
+    filtersWidth?: number | string;
+    /** Width of the list of records. */
+    listWidth?: number | string;
+    /**
+     * The narrowest the detail pane may be. It is what the two thresholds are made
+     * of: the filters column folds away when it would push the pane under this, and
+     * the pane stops standing beside the list when it no longer fits either.
+     */
+    detailMin?: number;
+    /** Heading of the panel the filters move into once the column does not fit. */
+    filtersTitle?: string;
+    /** Accessible name of the panel the detail opens in on a narrow screen. */
+    detailLabel?: string;
+}

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

@@ -0,0 +1,22 @@
+import { MainProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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<{}>, {
+    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;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,8 @@
+export interface MainProps {
+    /** Inner padding. */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Scrolls the column on its own instead of scrolling the page. */
+    scroll?: boolean;
+    /** Caps the content width and centres it — for forms and reading columns. */
+    maxWidth?: number | string;
+}