telegram-ui-vue
Version:
Vue UI kit for Telegram Mini Apps inspired by Telegram interface.
1,201 lines (1,054 loc) • 118 kB
TypeScript
import { AllowedComponentProps } from 'vue';
import { AnchorHTMLAttributes } from 'vue';
import { ArrowOptions } from '@floating-ui/vue';
import { ButtonHTMLAttributes } from 'vue';
import { Component } from 'vue';
import { ComponentCustomProperties } from 'vue';
import { ComponentCustomProps } from 'vue';
import { ComponentInternalInstance } from 'vue';
import { ComponentOptionsBase } from 'vue';
import { ComponentOptionsMixin } from 'vue';
import { ComponentProvideOptions } from 'vue';
import { ComponentPublicInstance } from 'vue';
import { Coords } from '@floating-ui/vue';
import { CreateComponentPublicInstanceWithMixins } from 'vue';
import { DebuggerEvent } from 'vue';
import { DefineComponent } from 'vue';
import { DrawerDirection } from 'vauland';
import { FloatingArrowProps } from './floatingArrow/FloatingArrow';
import { GlobalComponents } from 'vue';
import { GlobalDirectives } from 'vue';
import { ImgHTMLAttributes } from 'vue';
import { InputHTMLAttributes } from 'vue';
import { LabelHTMLAttributes } from 'vue';
import { LiHTMLAttributes } from 'vue';
import { MaybeElement } from '@floating-ui/vue';
import { MaybeRef } from 'vue';
import { Middleware } from '@floating-ui/vue';
import { nextTick } from 'vue';
import { OnCleanup } from '@vue/reactivity';
import { Placement } from '@floating-ui/vue';
import { PublicProps } from 'vue';
import { ReferenceElement } from '@floating-ui/vue';
import { SelectHTMLAttributes } from 'vue';
import { ShallowUnwrapRef } from 'vue';
import { Slot } from 'vue';
import { TextareaHTMLAttributes } from 'vue';
import { UnwrapRef } from 'vue';
import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from '../../service';
import { VNode } from 'vue';
import { VNodeProps } from 'vue';
import { WatchOptions } from 'vue';
import { WatchStopHandle } from 'vue';
declare const __VLS_component: DefineComponent<AvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_10: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
declare const __VLS_component_11: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
declare const __VLS_component_12: DefineComponent<SectionHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SectionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
declare const __VLS_component_13: DefineComponent<SectionFooterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SectionFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
declare const __VLS_component_14: DefineComponent<TimelineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_15: DefineComponent<TimelineItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLIElement>;
declare const __VLS_component_16: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
is: Component | string;
size: "s" | "m" | "l";
mode: "filled" | "bezeled" | "plain" | "gray" | "outline" | "white";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_17: DefineComponent<CellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CellProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_18: DefineComponent<InfoProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InfoProps> & Readonly<{}>, {
type: "text" | "avatarStack";
subtitle: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_19: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const __VLS_component_2: DefineComponent<AvatarBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AvatarBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_20: DefineComponent<ButtonCellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonCellProps> & Readonly<{}>, {
is: Component | string;
mode: "default" | "destructive";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_21: DefineComponent<BannerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
close: () => any;
}, string, PublicProps, Readonly<BannerProps> & Readonly<{
onClose?: (() => any) | undefined;
}>, {
type: "section" | "inline";
showCloseIcon: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
declare const __VLS_component_22: DefineComponent<CardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardProps> & Readonly<{}>, {
type: CardInjection["type"];
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
declare const __VLS_component_23: DefineComponent<CardCellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardCellProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_24: DefineComponent<CardChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardChipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_25: DefineComponent<IconButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconButtonProps> & Readonly<{}>, {
size: "s" | "m" | "l";
mode: "bezeled" | "plain" | "gray" | "outline";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_26: DefineComponent<AccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
change: (expanded: boolean) => any;
}, string, PublicProps, Readonly<AccordionProps> & Readonly<{
onChange?: ((expanded: boolean) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_27: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
body: HTMLDivElement;
}, HTMLDivElement>;
declare const __VLS_component_28: DefineComponent<AccordionSummaryProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionSummaryProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_29: DefineComponent<InlineButtonsItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InlineButtonsItemProps> & Readonly<{}>, {
text: string;
mode: "plain" | "gray" | "bezeled";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_3: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const __VLS_component_30: DefineComponent<InlineButtonsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InlineButtonsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_31: DefineComponent<SkeletonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_32: DefineComponent<SpoilerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SpoilerProps> & Readonly<{}>, {
visible: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_33: DefineComponent<SnackbarButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SnackbarButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_34: DefineComponent<ChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ChipProps> & Readonly<{}>, {
is: Component | string;
mode: "elevated" | "mono" | "outline";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_35: DefineComponent<FileInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FileInputProps> & Readonly<{}>, {
label: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_36: DefineComponent<FixedLayoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FixedLayoutProps> & Readonly<{}>, {
is: Component | string;
vertical: "top" | "bottom";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_37: DefineComponent<TabbarItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabbarItemProps> & Readonly<{}>, {
selected: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_38: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
declare const __VLS_component_39: DefineComponent<BreadcrumbsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BreadcrumbsProps> & Readonly<{}>, {
divider: "dot" | "slash" | "chevron";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_4: DefineComponent<BadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
large: boolean;
mode: "primary" | "critical" | "secondary" | "gray" | "white";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
declare const __VLS_component_40: DefineComponent<BreadcrumbsItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BreadcrumbsItemProps> & Readonly<{}>, {
is: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_41: DefineComponent<CompactPaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CompactPaginationProps> & Readonly<{}>, {
mode: "default" | "ambient" | "white";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_42: DefineComponent<CompactPaginationItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CompactPaginationItemProps> & Readonly<{}>, {
selected: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
declare const __VLS_component_43: DefineComponent<LinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLAnchorElement>;
declare const __VLS_component_44: DefineComponent<TabsListItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListItemProps> & Readonly<{}>, {
selected: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_45: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const __VLS_component_46: DefineComponent<SegmentedControlItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SegmentedControlItemProps> & Readonly<{}>, {
selected: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_47: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const __VLS_component_48: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
declare const __VLS_component_49: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
declare const __VLS_component_5: DefineComponent<BlockquoteProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BlockquoteProps> & Readonly<{}>, {
type: "text" | "other";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_50: DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
mode: "light" | "dark";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_51: DefineComponent<HorizontalScrollProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<HorizontalScrollProps> & Readonly<{}>, {
is: Component | string | number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_52: DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
is: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_53: DefineComponent<AppRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AppRootProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
appRoot: HTMLDivElement;
}, HTMLDivElement>;
declare const __VLS_component_54: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
declare const __VLS_component_55: DefineComponent<TappableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TappableProps> & Readonly<{}>, {
is: Component | string;
interactiveAnimation: "opacity" | "background";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_56: DefineComponent<CaptionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CaptionProps> & Readonly<{}>, {
level: CaptionLevel;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_57: DefineComponent<HeadlineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<HeadlineProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_58: DefineComponent<LargeTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LargeTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_59: DefineComponent<SubheadlineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SubheadlineProps> & Readonly<{}>, {
level: SubheadlineLevel;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_6: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
declare const __VLS_component_60: DefineComponent<TextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_61: DefineComponent<TitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TitleProps> & Readonly<{}>, {
level: TitleLevel;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_62: DefineComponent<TypographyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TypographyProps> & Readonly<{}>, {
plain: boolean;
weight: "1" | "2" | "3";
caps: boolean;
is: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_7: DefineComponent<ImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
load: (event: Event) => any;
error: (event: Event) => any;
}, string, PublicProps, Readonly<ImageProps> & Readonly<{
onLoad?: ((event: Event) => any) | undefined;
onError?: ((event: Event) => any) | undefined;
}>, {
size: 20 | 24 | 28 | 40 | 48 | 96;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const __VLS_component_8: DefineComponent<ImageBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare const __VLS_component_9: DefineComponent<ListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ListProps> & Readonly<{}>, {
is: string | Component;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Optional children to render within the image component's container. */
default?: () => VNode[];
/** An element (often an icon) displayed `acronym` props is not provided. */
"fallback-icon"?: () => VNode[];
}> & {
/** Optional children to render within the image component's container. */
default?: () => VNode[];
/** An element (often an icon) displayed `acronym` props is not provided. */
"fallback-icon"?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_10(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Element(s) to be displayed as the primary visual content, typically an image or an animation. */
default?: () => VNode[];
/** The primary text, usually a title or a header, for the placeholder. */
header?: () => VNode[];
/** Additional descriptive text to provide more details or context. */
description?: () => VNode[];
/** An actionable element, such as a button, to be placed in the placeholder for user interaction. */
action?: () => VNode[];
}> & {
/** Element(s) to be displayed as the primary visual content, typically an image or an animation. */
default?: () => VNode[];
/** The primary text, usually a title or a header, for the placeholder. */
header?: () => VNode[];
/** Additional descriptive text to provide more details or context. */
description?: () => VNode[];
/** An actionable element, such as a button, to be placed in the placeholder for user interaction. */
action?: () => VNode[];
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_11(): {
attrs: Partial<{}>;
slots: Readonly<{
/** The content for the section body. */
default?: () => VNode[];
/**
* The content for the section header. If a string is passed, `SectionHeader` is automatically used.
* For more control or a large title, use `<SectionHeader large>{{ headerText }}</SectionHeader>`.
*/
header?: () => VNode[];
/**
* The content for the section footer. If a string is passed, `SectionFooter` is automatically used.
* For a centered footer, use `<SectionFooter centered>{{ footerText }}</SectionFooter>`.
*/
footer?: () => VNode[];
}> & {
/** The content for the section body. */
default?: () => VNode[];
/**
* The content for the section header. If a string is passed, `SectionHeader` is automatically used.
* For more control or a large title, use `<SectionHeader large>{{ headerText }}</SectionHeader>`.
*/
header?: () => VNode[];
/**
* The content for the section footer. If a string is passed, `SectionFooter` is automatically used.
* For a centered footer, use `<SectionFooter centered>{{ footerText }}</SectionFooter>`.
*/
footer?: () => VNode[];
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_12(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
default?(_: {}): any;
default?(_: {}): any;
default?(_: {}): any;
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_13(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
default?(_: {}): any;
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_14(): {
attrs: Partial<{}>;
slots: Readonly<{
/** The default slot of the Timeline, expected to be a collection of `TimelineItem` components. */
default?: () => VNode[];
}> & {
/** The default slot of the Timeline, expected to be a collection of `TimelineItem` components. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_15(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Description of the item */
default?: () => VNode[];
}> & {
/** Description of the item */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLLIElement;
};
declare function __VLS_template_16(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Inserts a component before the button text, typically an icon. */
before?: () => VNode[];
/** Inserts a component after the button text, such as a badge or indicator. */
after?: () => VNode[];
/** Main content of a button. */
default?: () => VNode[];
}> & {
/** Inserts a component before the button text, typically an icon. */
before?: () => VNode[];
/** Inserts a component after the button text, such as a badge or indicator. */
after?: () => VNode[];
/** Main content of a button. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_17(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
}> & {
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_18(): {
attrs: Partial<{}>;
slots: Readonly<{
/** An `AvatarStack` component to display when the `type` is 'avatarStack', showcasing multiple avatars. */
"avatar-stack"?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
}> & {
/** An `AvatarStack` component to display when the `type` is 'avatarStack', showcasing multiple avatars. */
"avatar-stack"?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_19(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Text content of the navigation component */
default?: () => VNode[];
}> & {
/** Text content of the navigation component */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_2(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_20(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Element or component displayed before the main content, adding visual context or functionality. */
before?: () => VNode[];
/** Element or component displayed after the main content, typically indicating a possible action or outcome. */
after?: () => VNode[];
/** The content within the button cell, usually text. */
default?: () => VNode[];
}> & {
/** Element or component displayed before the main content, adding visual context or functionality. */
before?: () => VNode[];
/** Element or component displayed after the main content, typically indicating a possible action or outcome. */
after?: () => VNode[];
/** The content within the button cell, usually text. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_21(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Element(s) to be placed on the left side of the banner, typically an icon or an image. */
before?: () => VNode[];
/** Content displayed above the main content as a subheading */
callout?: () => VNode[];
/** The main text or title displayed in the banner. */
header?: () => VNode[];
/** Additional information or subtext displayed below the header. */
subheader?: () => VNode[];
/** Further details or description provided under the subheader. */
description?: () => VNode[];
/** Custom background component or design, such as an image or gradient, that covers the banner's area. */
background?: () => VNode[];
/** Content or components, such as buttons, displayed within the banner. */
default?: () => VNode[];
}> & {
/** Element(s) to be placed on the left side of the banner, typically an icon or an image. */
before?: () => VNode[];
/** Content displayed above the main content as a subheading */
callout?: () => VNode[];
/** The main text or title displayed in the banner. */
header?: () => VNode[];
/** Additional information or subtext displayed below the header. */
subheader?: () => VNode[];
/** Further details or description provided under the subheader. */
description?: () => VNode[];
/** Custom background component or design, such as an image or gradient, that covers the banner's area. */
background?: () => VNode[];
/** Content or components, such as buttons, displayed within the banner. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_22(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_23(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
}> & {
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_24(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content or component to be placed before the main text, typically an icon or avatar. */
before?: () => VNode[];
/** Content or component to be placed after the main text, such as an icon indicating an action. */
after?: () => VNode[];
/** The main text content of the chip. */
default?: () => VNode[];
}> & {
/** Content or component to be placed before the main text, typically an icon or avatar. */
before?: () => VNode[];
/** Content or component to be placed after the main text, such as an icon indicating an action. */
after?: () => VNode[];
/** The main text content of the chip. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_25(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_26(): {
attrs: Partial<{}>;
slots: Readonly<{
/**
* Content of the Accordion component. Pass `AccordionSummary` and
* `AccordionContent` to create a functional accordion structure.
*/
default?: () => VNode[];
}> & {
/**
* Content of the Accordion component. Pass `AccordionSummary` and
* `AccordionContent` to create a functional accordion structure.
*/
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_27(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {
body: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
declare function __VLS_template_28(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
}> & {
/** Content displayed above the main content as a subheading */
subhead?: () => VNode[];
/** Main content displayed as a header */
default?: () => VNode[];
/** Content displayed alongside the header as a hint */
hint?: () => VNode[];
/** A badge component to be displayed next to the header */
"title-badge"?: () => VNode[];
/** Content displayed below the header as a subtitle */
subtitle?: () => VNode[];
/** Additional description displayed below the subtitle */
description?: () => VNode[];
/** Content or elements to be displayed on the left side of the cell */
before?: () => VNode[];
/** Content or elements to be displayed on the right side of the cell */
after?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_29(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Typically an Icon, to be rendered inside the button. */
default?: () => VNode[];
}> & {
/** Typically an Icon, to be rendered inside the button. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_3(): {
attrs: Partial<{}>;
slots: Readonly<{
/** An array of `Avatar` components to be rendered within the stack. */
default?: () => VNode[];
}> & {
/** An array of `Avatar` components to be rendered within the stack. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_30(): {
attrs: Partial<{}>;
slots: Readonly<{
/**
* Should be a list of `InlineButtonsItem` components. Each child will inherit the `mode`
* from this parent, ensuring consistent styling across all items.
*/
default?: () => VNode[];
}> & {
/**
* Should be a list of `InlineButtonsItem` components. Each child will inherit the `mode`
* from this parent, ensuring consistent styling across all items.
*/
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_31(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_32(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_33(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_34(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content or component to be placed before the main text, typically an icon or avatar. */
before?: () => VNode[];
/** Content or component to be placed after the main text, such as an icon indicating an action. */
after?: () => VNode[];
/** The main text content of the chip. */
default?: () => VNode[];
}> & {
/** Content or component to be placed before the main text, typically an icon or avatar. */
before?: () => VNode[];
/** Content or component to be placed after the main text, such as an icon indicating an action. */
after?: () => VNode[];
/** The main text content of the chip. */
default?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_35(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_36(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_37(): {
attrs: Partial<{}>;
slots: Readonly<{
/** The icon displayed on the tab. It should have dimensions of 28x28. */
default?: () => VNode[];
/** The text displayed on the tab. */
text?: () => VNode[];
}> & {
/** The icon displayed on the tab. It should have dimensions of 28x28. */
default?: () => VNode[];
/** The text displayed on the tab. */
text?: () => VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_38(): {
attrs: Partial<{}>;
slots: Readonly<{
/** The child elements of the Tabbar, expected to be `TabbarItem` components. */
default(): VNode[];
}> & {
/** The child elements of the Tabbar, expected to be `TabbarItem` components. */
default(): VNode[];
};
refs: {};
rootEl: any;
};
declare function __VLS_template_39(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content of the breadcrumbs. */
default?: () => VNode[];
}> & {
/** Content of the breadcrumbs. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_4(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Text content of the badge. */
default?: () => VNode[];
}> & {
/** Text content of the badge. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLSpanElement;
};
declare function __VLS_template_40(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_41(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_42(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Content of the compact pagination item component. */
default?: () => VNode[];
}> & {
/** Content of the compact pagination item component. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLButtonElement;
};
declare function __VLS_template_43(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLAnchorElement;
};
declare function __VLS_template_44(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_45(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Children should be TabsListItem components to be rendered as tabs. */
default?: () => VNode[];
}> & {
/** Children should be TabsListItem components to be rendered as tabs. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_46(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_47(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Children should be SegmentedControlItem components to render within the control. */
default?: () => VNode[];
}> & {
/** Children should be SegmentedControlItem components to render within the control. */
default?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_48(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_49(): {
attrs: Partial<{}>;
slots: Readonly<{
default?: () => VNode[];
/** Inserts a component before the header text, e.g. Icon */
before?: () => VNode[];
/** Inserts a component after the header text, e.g. Icon */
after?: () => VNode[];
}> & {
default?: () => VNode[];
/** Inserts a component before the header text, e.g. Icon */
before?: () => VNode[];
/** Inserts a component after the header text, e.g. Icon */
after?: () => VNode[];
};
refs: {};
rootEl: HTMLElement;
};
declare function __VLS_template_5(): {
attrs: Partial<{}>;
slots: Readonly<{
/** The main content of the blockquote. When `type` is 'text', this content is wrapped in a typography component. */
default?: () => VNode[];
/** An optional icon displayed in the top right corner of the blockquote. Defaults to a quote icon. */
"top-right-icon"?: () => VNode[];
}> & {
/** The main content of the blockquote. When `type` is 'text', this content is wrapped in a typography component. */
default?: () => VNode[];
/** An optional icon displayed in the top right corner of the blockquote. Defaults to a quote icon. */
"top-right-icon"?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_50(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_51(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_52(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_53(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {
appRoot: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
declare function __VLS_template_54(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_55(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_56(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_57(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_58(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_59(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_6(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_60(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_61(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_62(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_7(): {
attrs: Partial<{}>;
slots: Readonly<{
/** Optional children to render within the image component's container. */
default?: () => VNode[];
/** An element (often an icon) displayed when the image fails to load or the `src` attribute is not provided. */
"fallback-icon"?: () => VNode[];
}> & {
/** Optional children to render within the image component's container. */
default?: () => VNode[];
/** An element (often an icon) displayed when the image fails to load or the `src` attribute is not provided. */
"fallback-icon"?: () => VNode[];
};
refs: {};
rootEl: HTMLDivElement;
};
declare function __VLS_template_8(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare function __VLS_template_9(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: any;
};
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
declare type __VLS_TemplateResult_16 = ReturnType<typeof __VLS_template_16>;
declare type __VLS_TemplateResult_17 = ReturnType<typeof __VLS_template_17>;
declare type __VLS_TemplateResult_18 = ReturnType<typeof __VLS_template_18>;
declare type __VLS_TemplateResult_19 = ReturnType<typeof __VLS_template_19>;
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
declare type __VLS_TemplateResult_20 = ReturnType<typeof __VLS_template_20>;
declare type __VLS_TemplateResult_21 = ReturnType<typeof __VLS_template_21>;
declare type __VLS_TemplateResult_22 = ReturnType<typeof __VLS_template_22>;
declare type __VLS_TemplateResult_23 = ReturnType<typeof __VLS_template_23>;
declare type __VLS_TemplateResult_24 = ReturnType<typeof __VLS_template_24>;
declare type __VLS_TemplateResult_25 = ReturnType<typeof __VLS_template_25>;
declare type __VLS_TemplateResult_26 = ReturnType<typeof __VLS_template_26>;
declare type __VLS_TemplateResult_27 = ReturnType<typeof __VLS_template_27>;
declare type __VLS_TemplateResult_28 = ReturnType<typeof __VLS_template_28>;
declare type __VLS_TemplateResult_29 = ReturnType<typeof __VLS_template_29>;
declare type __VLS_TemplateResult_3 = ReturnTy