@cognigy/chat-components-vue 0.1.0

package/dist/components/Message.vue.d.ts

@@ -0,0 +1,11 @@
+import { MessageProps } from '../types';
+declare const _default: import('vue').DefineComponent<MessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MessageProps> & Readonly<{}>, {
+    action: import('..').MessageSender;
+    config: import('..').ChatConfig;
+    onEmitAnalytics: (event: string, payload?: unknown) => void;
+    theme: import('..').ChatTheme;
+    prevMessage: import('@cognigy/socket-client').IMessage;
+    disableHeader: boolean;
+    plugins: import('..').MessagePlugin[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/common/ActionButton.vue.d.ts

@@ -0,0 +1,59 @@
+import { IWebchatButton, IWebchatQuickReply, ChatConfig, MessageSender, CustomIcon, AnalyticsEventCallback } from '../../types';
+type NormalizedActionButton = {
+    type?: string;
+    content_type?: string;
+    contentType?: string;
+    title?: string;
+    payload?: string;
+    url?: string;
+    target?: string;
+    image_url?: string;
+    imageUrl?: string;
+    image_alt_text?: string;
+    imageAltText?: string;
+};
+interface Props {
+    button: (IWebchatButton | IWebchatQuickReply) & NormalizedActionButton;
+    action?: MessageSender;
+    disabled?: boolean;
+    total: number;
+    position: number;
+    customIcon?: CustomIcon;
+    showUrlIcon?: boolean;
+    config?: ChatConfig;
+    dataMessageId?: string;
+    onEmitAnalytics?: AnalyticsEventCallback;
+    size?: 'small' | 'large';
+    id?: string;
+    className?: string;
+    openXAppOverlay?: (url: string | undefined) => void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    id: string;
+    size: "small" | "large";
+    action: MessageSender;
+    disabled: boolean;
+    config: ChatConfig;
+    className: string;
+    customIcon: CustomIcon;
+    showUrlIcon: boolean;
+    dataMessageId: string;
+    onEmitAnalytics: AnalyticsEventCallback;
+    openXAppOverlay: (url: string | undefined) => void;
+}, {}, {}, {}, 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/common/ActionButtons.vue.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties } from 'vue';
+import { IWebchatButton, IWebchatQuickReply, ChatConfig, MessageSender, CustomIcon, AnalyticsEventCallback } from '../../types';
+interface Props {
+    payload: (IWebchatButton | IWebchatQuickReply)[];
+    action?: MessageSender;
+    className?: string;
+    containerClassName?: string;
+    containerStyle?: CSSProperties;
+    buttonClassName?: string;
+    buttonListItemClassName?: string;
+    customIcon?: CustomIcon;
+    showUrlIcon?: boolean;
+    config?: ChatConfig;
+    dataMessageId?: string;
+    onEmitAnalytics?: AnalyticsEventCallback;
+    size?: 'small' | 'large';
+    templateTextId?: string;
+    openXAppOverlay?: (url: string | undefined) => void;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "small" | "large";
+    action: MessageSender;
+    config: ChatConfig;
+    className: string;
+    customIcon: CustomIcon;
+    showUrlIcon: boolean;
+    dataMessageId: string;
+    onEmitAnalytics: AnalyticsEventCallback;
+    openXAppOverlay: (url: string | undefined) => void;
+    containerClassName: string;
+    containerStyle: CSSProperties;
+    buttonClassName: string;
+    buttonListItemClassName: string;
+    templateTextId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/common/ChatBubble.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    className?: string;
+}
+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<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    className: string;
+}, {}, {}, {}, 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/common/ChatEvent.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ChatEvent - Display chat event notifications
+ *
+ * Used for system messages like "Conversation started", "Agent joined", etc.
+ * These are informational messages that are not part of the conversation flow.
+ */
+interface Props {
+    /** Event text to display */
+    text?: string;
+    /** Additional CSS class names */
+    className?: string;
+    /** Element ID */
+    id?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    id: string;
+    className: string;
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/common/LinkIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/common/TypingIndicator.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * TypingIndicator - Animated typing indicator
+ *
+ * Displays three bouncing dots to indicate that bot or agent is typing.
+ * Purely presentational - parent components control visibility via v-if.
+ */
+type SourceDirection = 'incoming' | 'outgoing';
+interface Props {
+    /** Additional CSS class names */
+    className?: string;
+    /** Direction of the indicator (incoming: left-aligned, outgoing: right-aligned) */
+    direction?: SourceDirection;
+    /** Remove border styling */
+    disableBorder?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    className: string;
+    disableBorder: boolean;
+    direction: SourceDirection;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/common/Typography.vue.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'vue';
+export type TagVariant = 'h1-semibold' | 'h2-regular' | 'h2-semibold' | 'title1-semibold' | 'title1-regular' | 'title2-semibold' | 'title2-regular' | 'body-regular' | 'body-semibold' | 'copy-medium' | 'cta-semibold';
+interface Props {
+    variant?: TagVariant;
+    component?: string;
+    className?: string;
+    style?: CSSProperties;
+    color?: string;
+    id?: string;
+    ariaHidden?: boolean;
+    tabIndex?: number;
+}
+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<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    id: string;
+    component: string;
+    style: CSSProperties;
+    color: string;
+    className: string;
+    variant: TagVariant;
+    ariaHidden: boolean;
+    tabIndex: 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/messages/AdaptiveCard.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/messages/AudioMessage.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    audioRef: HTMLAudioElement;
+    downloadLinkRef: HTMLAnchorElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/messages/FileMessage.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/messages/Gallery.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/messages/GalleryItem.vue.d.ts

@@ -0,0 +1,7 @@
+import { IWebchatAttachmentElement } from '../../types';
+interface Props {
+    slide: IWebchatAttachmentElement;
+    contentId: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/messages/ImageMessage.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    buttonRef: HTMLDivElement;
+    downloadButtonRef: HTMLButtonElement;
+}, any>;
+export default _default;

package/dist/components/messages/List.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/messages/ListItem.vue.d.ts

@@ -0,0 +1,16 @@
+import { IWebchatAttachmentElement } from '../../types';
+interface Props {
+    element: IWebchatAttachmentElement;
+    isHeaderElement?: boolean;
+    headingLevel?: 'h4' | 'h5';
+    id: string;
+    dividerBefore?: boolean;
+    dividerAfter?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    isHeaderElement: boolean;
+    headingLevel: "h4" | "h5";
+    dividerBefore: boolean;
+    dividerAfter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/messages/TextMessage.vue.d.ts

@@ -0,0 +1,15 @@
+interface Props {
+    content?: string | string[];
+    className?: string;
+    markdownClassName?: string;
+    id?: string;
+    ignoreLiveRegion?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    id: string;
+    content: string | string[];
+    className: string;
+    markdownClassName: string;
+    ignoreLiveRegion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/messages/TextWithButtons.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/messages/VideoMessage.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    videoRef: HTMLVideoElement;
+    downloadLinkRef: HTMLAnchorElement;
+}, any>;
+export default _default;

package/dist/composables/useChannelPayload.d.ts

@@ -0,0 +1,47 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { IMessage } from '@cognigy/socket-client';
+import { ChatConfig, IWebchatChannelPayload } from '../types';
+export interface UseChannelPayloadReturn {
+    /**
+     * The resolved channel payload (_webchat, _defaultPreview, or _facebook)
+     */
+    payload: ComputedRef<IWebchatChannelPayload | undefined>;
+    /**
+     * Whether the message has any channel payload
+     */
+    hasPayload: ComputedRef<boolean>;
+    /**
+     * The message content from the payload
+     */
+    message: ComputedRef<IWebchatChannelPayload['message'] | undefined>;
+    /**
+     * Quick check for quick replies
+     */
+    hasQuickReplies: ComputedRef<boolean>;
+    /**
+     * Quick check for attachment
+     */
+    hasAttachment: ComputedRef<boolean>;
+    /**
+     * The attachment type if present
+     */
+    attachmentType: ComputedRef<string | undefined>;
+}
+/**
+ * Reactive composable for accessing channel-specific payload from a message
+ *
+ * @param message - The message (can be ref, getter, or plain value)
+ * @param config - Optional chat config (can be ref, getter, or plain value)
+ * @returns Reactive payload accessors
+ *
+ * @example
+ * ```ts
+ * const { payload, hasQuickReplies, attachmentType } = useChannelPayload(message, config)
+ *
+ * // In template or computed
+ * if (hasQuickReplies.value) {
+ *   // Render quick reply buttons
+ * }
+ * ```
+ */
+export declare function useChannelPayload(message: MaybeRefOrGetter<IMessage>, config?: MaybeRefOrGetter<ChatConfig | undefined>): UseChannelPayloadReturn;

package/dist/composables/useCollation.d.ts

@@ -0,0 +1,47 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { IMessage } from '@cognigy/socket-client';
+import { ChatConfig } from '../types';
+/**
+ * A message that may have been collated from multiple bot messages.
+ * When collated, text becomes an array and collatedFrom contains the originals.
+ */
+export type CollatedMessage = IMessage & {
+    /**
+     * Original messages that were collated into this one (only present if collated)
+     */
+    collatedFrom?: IMessage[];
+};
+export interface UseCollationReturn {
+    /**
+     * Messages with consecutive bot messages collated
+     */
+    collatedMessages: ComputedRef<CollatedMessage[]>;
+    /**
+     * Whether collation is currently enabled
+     */
+    isCollationEnabled: ComputedRef<boolean>;
+    /**
+     * Original message count
+     */
+    originalCount: ComputedRef<number>;
+    /**
+     * Collated message count
+     */
+    collatedCount: ComputedRef<number>;
+}
+/**
+ * Collate consecutive bot messages into combined messages
+ *
+ * @param messages - Array of messages (can be ref, getter, or plain value)
+ * @param config - Chat configuration (can be ref, getter, or plain value)
+ * @returns Reactive collated messages
+ *
+ * @example
+ * ```ts
+ * const { collatedMessages, isCollationEnabled } = useCollation(messages, config)
+ *
+ * // Use in template
+ * <Message v-for="msg in collatedMessages" :key="msg.traceId" :message="msg" />
+ * ```
+ */
+export declare function useCollation(messages: MaybeRefOrGetter<IMessage[]>, config?: MaybeRefOrGetter<ChatConfig | undefined>): UseCollationReturn;

package/dist/composables/useImageContext.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey, ComputedRef } from 'vue';
+import { IWebchatButton } from '../types';
+export interface ImageContext {
+    onExpand: () => void;
+    onClose: () => void;
+    url: string;
+    altText?: string;
+    button?: IWebchatButton;
+    isDownloadable: ComputedRef<boolean>;
+}
+export declare const ImageContextKey: InjectionKey<ImageContext>;
+export declare function provideImageContext(context: ImageContext): void;
+export declare function useImageContext(): ImageContext;

package/dist/composables/useMessageContext.d.ts

@@ -0,0 +1,18 @@
+import { InjectionKey } from 'vue';
+import { MessageContext } from '../types';
+export declare const MessageContextKey: InjectionKey<MessageContext>;
+/**
+ * Provide message context to child components
+ * @param context - Message context to provide
+ */
+export declare function provideMessageContext(context: MessageContext): void;
+/**
+ * Use message context in a child component
+ * @returns Message context or throws error if not provided
+ */
+export declare function useMessageContext(): MessageContext;
+/**
+ * Use message context with optional fallback
+ * @returns Message context or undefined if not provided
+ */
+export declare function useMessageContextOptional(): MessageContext | undefined;

package/dist/composables/useSanitize.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HTML sanitization composable
+ * Uses message context for config
+ */
+export declare function useSanitize(): {
+    processHTML: (text: string) => string;
+    isSanitizeEnabled: import('vue').ComputedRef<boolean>;
+};

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Main entry point for @cognigy/chat-components-vue
+ * Exports all public components, composables, and utilities
+ */
+export { default as Message } from './components/Message.vue';
+export { default as TypingIndicator } from './components/common/TypingIndicator.vue';
+export { default as ChatEvent } from './components/common/ChatEvent.vue';
+export { default as Typography } from './components/common/Typography.vue';
+export { default as ActionButtons } from './components/common/ActionButtons.vue';
+export { default as ActionButton } from './components/common/ActionButton.vue';
+export { default as ChatBubble } from './components/common/ChatBubble.vue';
+export { default as TextMessage } from './components/messages/TextMessage.vue';
+export { default as ImageMessage } from './components/messages/ImageMessage.vue';
+export { default as VideoMessage } from './components/messages/VideoMessage.vue';
+export { default as AudioMessage } from './components/messages/AudioMessage.vue';
+export { default as TextWithButtons } from './components/messages/TextWithButtons.vue';
+export { default as Gallery } from './components/messages/Gallery.vue';
+export { default as List } from './components/messages/List.vue';
+export { default as FileMessage } from './components/messages/FileMessage.vue';
+export { default as DatePicker } from './components/messages/DatePicker.vue';
+export { default as AdaptiveCard } from './components/messages/AdaptiveCard.vue';
+export { useMessageContext, useMessageContextOptional, provideMessageContext, MessageContextKey } from './composables/useMessageContext';
+export { useSanitize } from './composables/useSanitize';
+export { useImageContext, provideImageContext, ImageContextKey } from './composables/useImageContext';
+export { useChannelPayload, type UseChannelPayloadReturn } from './composables/useChannelPayload';
+export { useCollation, type UseCollationReturn, type CollatedMessage } from './composables/useCollation';
+export { DownloadIcon, CloseIcon, VideoPlayIcon, AudioPlayIcon, AudioPauseIcon, ArrowBackIcon, LinkIcon } from './assets/svg';
+export { match, getChannelPayload } from './utils/matcher';
+export { sanitizeHTMLWithConfig, sanitizeContent } from './utils/sanitize';
+export { configColorsToCssVariables } from './utils/theme';
+export { getWebchatButtonLabel, interpolateString, getRandomId, moveFocusToMessageFocusTarget, replaceUrlsWithHTMLanchorElem, getBackgroundImage, getFileName, getFileExtension, getSizeLabel, isImageAttachment, VALID_IMAGE_MIME_TYPES } from './utils/helpers';
+export type { ChatConfig, ChatSettings, ChatTheme, MessageProps, MessageSender, MessagePlugin, MessagePluginOptions, MessageContext, IMessage, IWebchatButton, IWebchatQuickReply, IWebchatTemplateAttachment, IWebchatAttachmentElement, IWebchatAudioAttachment, IWebchatImageAttachment, IWebchatVideoAttachment, IUploadFileAttachmentData, IDatePickerData, IWebchatChannelPayload, } from './types';
+export type { TagVariant } from './components/common/Typography.vue';