@webx-ui/core 0.3.0 → 0.4.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,40 @@
+import { AccordionModelValue, AccordionProps } from './types';
+type __VLS_Props = AccordionProps;
+type __VLS_PublicProps = {
+    modelValue?: AccordionModelValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** The `WxAccordionItem`s. */
+        default?: () => unknown;
+    }> & {
+        /** The `WxAccordionItem`s. */
+        default?: () => unknown;
+    };
+    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, {
+    change: (value: AccordionModelValue) => any;
+    "update:modelValue": (value: AccordionModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: AccordionModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: AccordionModelValue) => any) | undefined;
+}>, {
+    multiple: boolean;
+    collapsible: boolean;
+    variant: import('./types').AccordionVariant;
+    size: import('./types').AccordionSize;
+    iconPosition: import('./types').AccordionIconPosition;
+    headingTag: string;
+    disabled: 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/Accordion/index.d.ts

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

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

@@ -0,0 +1,25 @@
+import { AccordionIconPosition, AccordionSize, AccordionVariant } from '../../composables/useAccordion';
+/** One open item, or a set of them when `multiple` is on. */
+export type AccordionModelValue = string | string[] | undefined;
+export interface AccordionProps {
+    /** Let more than one item stand open. The model becomes an array. */
+    multiple?: boolean;
+    /** With one item at a time, clicking the open one closes it. */
+    collapsible?: boolean;
+    /** Outline around the whole list, a card per item, or bare rules. */
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    /** Chevron before the title or after it. */
+    iconPosition?: AccordionIconPosition;
+    /**
+     * Element the titles are written as. Headings are how a screen reader skims a page,
+     * so pick the level that follows the one above the accordion.
+     */
+    headingTag?: string;
+    /** Nothing in the accordion opens or closes. */
+    disabled?: boolean;
+}
+export interface AccordionEmits {
+    change: [value: AccordionModelValue];
+}
+export type { AccordionIconPosition, AccordionSize, AccordionVariant };

package/dist/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,41 @@
+import { AccordionItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** The panel. */
+        default?: () => unknown;
+        /** Replaces `title`. */
+        title?: () => unknown;
+        /**
+         * Sits at the end of the header, outside the button — so a switch or a menu there
+         * can be operated without opening the item.
+         */
+        extra?: () => unknown;
+    }> & {
+        /** The panel. */
+        default?: () => unknown;
+        /** Replaces `title`. */
+        title?: () => unknown;
+        /**
+         * Sits at the end of the header, outside the button — so a switch or a menu there
+         * can be operated without opening the item.
+         */
+        extra?: () => unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+    subtitle: string;
+    icon: import('..').IconName;
+}, {}, {}, {}, 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/AccordionItem/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import { IconName } from '../Icon/types';
+export interface AccordionItemProps {
+    /** Unique within the accordion; this is what `v-model` holds. */
+    value: string;
+    /** Text of the header. The `title` slot replaces it. */
+    title?: string;
+    /** A second line under the title — a hint, a count, a status. */
+    subtitle?: string;
+    /** Icon before the title, after the chevron when that sits first. */
+    icon?: IconName;
+    disabled?: boolean;
+}

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

@@ -15,15 +15,15 @@ declare const __VLS_component: import('vue').DefineComponent<ActionProps, {}, {}
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: import('./types').ActionSize;
-    label: string;
+    disabled: boolean;
     type: ActionType;
+    as: string | import('vue').Component;
+    label: string;
+    target: string;
     title: string;
     icon: IconName;
     tone: ActionTone;
     href: string;
-    target: string;
-    as: string | import('vue').Component;
-    disabled: boolean;
     hidden: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -17,27 +17,27 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
+    change: (value: string) => any;
     search: (term: string) => any;
+    "update:modelValue": (value: string) => any;
+    close: () => any;
     select: (option: AutocompleteOption) => any;
-    clear: () => any;
     open: () => any;
-    change: (value: string) => any;
-    "update:modelValue": (value: string) => any;
+    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSearch?: ((term: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onSelect?: ((option: AutocompleteOption) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    teleport: boolean;
     placeholder: string;
+    teleport: boolean;
     ariaLabel: string;
     options: AutocompleteOption[];
     remote: boolean;

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

@@ -14,10 +14,10 @@ declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{
     onClose?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    variant: import('./types').BadgeVariant;
     size: import('./types').BadgeSize;
     type: import('./types').BadgeType;
     round: boolean;
-    variant: import('./types').BadgeVariant;
     dot: boolean;
     closable: boolean;
     closeLabel: string;

package/dist/components/Button/Button.d.ts

@@ -14,14 +14,14 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    variant: import('./types').ButtonVariant;
     size: import('./types').ButtonSize;
+    disabled: boolean;
     type: import('./types').ButtonType;
+    target: string;
     round: boolean;
     href: string;
-    target: string;
-    disabled: boolean;
     loading: boolean;
-    variant: import('./types').ButtonVariant;
     block: boolean;
     nativeType: import('./types').ButtonNativeType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -9,12 +9,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+    variant: import('..').ButtonVariant;
     size: import('..').ButtonSize;
-    type: import('..').ButtonType;
     disabled: boolean;
-    ariaLabel: string;
-    variant: import('..').ButtonVariant;
+    type: import('..').ButtonType;
     vertical: boolean;
+    ariaLabel: string;
     attached: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Card/Card.d.ts

@@ -14,10 +14,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    bordered: boolean;
     title: string;
     shadow: import('./types').CardShadow;
     padding: import('./types').CardPadding;
-    bordered: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -18,25 +18,25 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
-    clear: () => any;
-    open: () => any;
     change: (value: CascaderModelValue) => any;
     "update:modelValue": (value: CascaderModelValue) => any;
+    close: () => any;
+    open: () => any;
+    clear: () => any;
     expand: (path: CascaderOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onChange?: ((value: CascaderModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
     onExpand?: ((path: CascaderOption[]) => any) | undefined;
 }>, {
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    teleport: boolean;
     placeholder: string;
+    teleport: boolean;
     ariaLabel: string;
     options: CascaderOption[];
     emptyText: string;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     name: string;
     size: import('../..').ControlSize;
-    label: string;
     disabled: boolean;
-    ariaLabel: string;
+    label: string;
     value: import('../../composables/useFormField').ChoiceValue;
+    ariaLabel: string;
     id: string;
     indeterminate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    teleport: boolean;
     placeholder: string;
+    teleport: boolean;
     ariaLabel: string;
     clearable: boolean;
     status: import('../..').ControlStatus;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -5,30 +5,30 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: any;
+    slots: Readonly<Record<string, (props: Record<string, unknown>) => unknown>> & Record<string, (props: Record<string, unknown>) => unknown>;
     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: () => any;
-    clear: () => any;
-    open: () => any;
     change: (value: DatePickerModelValue) => any;
     "update:modelValue": (value: DatePickerModelValue) => any;
+    close: () => any;
+    open: () => any;
+    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onChange?: ((value: DatePickerModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: DatePickerModelValue) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     name: string;
     size: import('../..').ControlSize;
-    type: import('./types').DatePickerType;
     disabled: boolean;
-    teleport: boolean | string;
+    type: import('./types').DatePickerType;
     placeholder: string;
+    teleport: boolean | string;
     ariaLabel: string;
     clearable: boolean;
     status: import('../..').ControlStatus;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -5,29 +5,29 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: any;
+    slots: Readonly<Record<string, (props: Record<string, unknown>) => unknown>> & Record<string, (props: Record<string, unknown>) => unknown>;
     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: () => any;
-    clear: () => any;
-    open: () => any;
     change: (value: DateRangePickerModelValue) => any;
     "update:modelValue": (value: DateRangePickerModelValue) => any;
+    close: () => any;
+    open: () => any;
+    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onChange?: ((value: DateRangePickerModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: DateRangePickerModelValue) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    teleport: boolean;
     placeholder: string;
+    teleport: boolean;
     ariaLabel: string;
     clearable: boolean;
     status: import('../..').ControlStatus;

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -12,7 +12,7 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: any;
+    slots: Readonly<Record<string, (props: Record<string, unknown>) => unknown>> & Record<string, (props: Record<string, unknown>) => unknown>;
     refs: {};
     rootEl: any;
 };
@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    teleport: boolean | string;
     placeholder: string;
+    teleport: boolean | string;
     ariaLabel: string;
     clearable: boolean;
     status: import('../..').ControlStatus;

package/dist/components/DropdownItem/DropdownItem.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownItemProps,
 }, string, import('vue').PublicProps, Readonly<DropdownItemProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    disabled: boolean;
+    as: string | import('vue').Component;
+    target: string;
     icon: import('..').IconName;
     tone: import('./types').DropdownItemTone;
     href: string;
-    target: string;
-    as: string | import('vue').Component;
-    disabled: boolean;
     active: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/EntityCard/EntityCard.d.ts

@@ -18,14 +18,14 @@ declare const __VLS_component: import('vue').DefineComponent<EntityCardProps, {}
 }, string, import('vue').PublicProps, Readonly<EntityCardProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    image: string;
+    bordered: boolean;
+    variant: import('./types').EntityCardVariant;
     size: import('./types').EntityCardSize;
+    image: string;
     meta: import('./types').EntityCardMeta[];
     title: string;
-    href: string;
-    variant: import('./types').EntityCardVariant;
-    bordered: boolean;
     subtitle: string;
+    href: string;
     imageAlt: string;
     shape: import('./types').EntityCardShape;
     imageSize: number | string;

package/dist/components/FormItem/FormItem.d.ts

@@ -16,9 +16,9 @@ declare const __VLS_component: import('vue').DefineComponent<FormItemProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
     name: string;
     size: ControlSize;
-    label: string;
-    required: boolean;
     disabled: boolean;
+    required: boolean;
+    label: string;
     error: string | string[];
     labelWidth: string;
     help: string;

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

@@ -1,8 +1,8 @@
 import { IconProps } from './types';
 declare const _default: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: import('./types').IconSize | number | string;
+    label: string;
     strokeWidth: number | string;
     spin: boolean;
-    label: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -10,11 +10,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndicatorProps> & Readonly<{}>, {
-    label: string;
     type: import('./types').IndicatorType;
+    label: string;
+    value: number | string;
     hidden: boolean;
     offset: [number, number];
-    value: number | string;
     dot: boolean;
     max: number;
     showZero: boolean;

package/dist/components/Input/Input.d.ts

@@ -21,23 +21,23 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     select: () => void | undefined;
     input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (value: string) => any;
-    clear: () => any;
     change: (value: string) => any;
     "update:modelValue": (value: InputModelValue) => any;
+    input: (value: string) => any;
+    clear: () => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: InputModelValue) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
 }>, {
     size: import('./types').InputSize;
-    type: import('./types').InputNativeType;
     disabled: boolean;
+    type: import('./types').InputNativeType;
     placeholder: string;
     ariaLabel: string;
     clearable: boolean;

package/dist/components/Link/Link.d.ts

@@ -15,11 +15,11 @@ declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {},
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: import('..').TextSize;
+    disabled: boolean;
     type: import('./types').LinkType;
-    href: string;
-    target: string;
     as: string | import('vue').Component;
-    disabled: boolean;
+    target: string;
+    href: string;
     rel: string;
     underline: import('./types').LinkUnderline;
     weight: import('..').TextWeight;

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

@@ -0,0 +1,75 @@
+import { PopoverProps } from './types';
+type __VLS_Props = PopoverProps;
+declare function close(): void;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** The control the panel hangs off. Exactly one element. */
+        trigger?: (props: {
+            open: boolean;
+        }) => unknown;
+        /** The panel. */
+        default?: (props: {
+            close: () => void;
+        }) => unknown;
+        /** Replaces `title`. */
+        title?: () => unknown;
+        /** A row under the panel — where the Save and Cancel usually go. */
+        footer?: (props: {
+            close: () => void;
+        }) => unknown;
+    }> & {
+        /** The control the panel hangs off. Exactly one element. */
+        trigger?: (props: {
+            open: boolean;
+        }) => unknown;
+        /** The panel. */
+        default?: (props: {
+            close: () => void;
+        }) => unknown;
+        /** Replaces `title`. */
+        title?: () => unknown;
+        /** A row under the panel — where the Save and Cancel usually go. */
+        footer?: (props: {
+            close: () => void;
+        }) => unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    close: typeof close;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    open: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    title: string;
+    side: import('./types').PopoverSide;
+    align: import('./types').PopoverAlign;
+    offset: number;
+    alignOffset: number;
+    teleport: boolean;
+    modal: boolean;
+    ariaLabel: string;
+    closable: boolean;
+    closeLabel: string;
+    arrow: boolean;
+    width: number | string;
+}, {}, {}, {}, 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/Popover/index.d.ts

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

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

@@ -0,0 +1,34 @@
+export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+export type PopoverAlign = 'start' | 'center' | 'end';
+export interface PopoverProps {
+    /** Which side of the trigger the panel prefers; it flips when there is no room. */
+    side?: PopoverSide;
+    /** How the panel lines up with the trigger along that side. */
+    align?: PopoverAlign;
+    /** Distance from the trigger, in pixels. */
+    offset?: number;
+    /** Shift along the alignment axis, in pixels. */
+    alignOffset?: number;
+    /** Draws the little pointer at the trigger. */
+    arrow?: boolean;
+    /** Heading of the panel. The `title` slot replaces it. */
+    title?: string;
+    /** Width of the panel: a number in pixels, or any CSS length. */
+    width?: number | string;
+    /** Render the panel in a portal so it escapes `overflow: hidden`. */
+    teleport?: boolean;
+    /** Block the page behind the panel and trap focus in it. */
+    modal?: boolean;
+    /** The trigger stops opening anything. */
+    disabled?: boolean;
+    /** Adds a × in the heading. */
+    closable?: boolean;
+    /** Label of that ×, for screen readers. */
+    closeLabel?: string;
+    /** Accessible name for the panel when it has no visible heading. */
+    ariaLabel?: string;
+}
+export interface PopoverEmits {
+    open: [];
+    close: [];
+}