@aitronos/freddy-plugins 0.4.2 → 0.4.3

package/dist/index.d.ts

@@ -13,63 +13,63 @@ import { Ref } from 'vue';
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_2: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: (event: MouseEvent) => any;
-    hoverIconClick: (event: MouseEvent) => any;
+click: (event: MouseEvent) => any;
+hoverIconClick: (event: MouseEvent) => any;
 }, string, PublicProps, Readonly<Props> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    onHoverIconClick?: ((event: MouseEvent) => any) | undefined;
+onClick?: ((event: MouseEvent) => any) | undefined;
+onHoverIconClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    label: string;
-    size: "s" | "sm" | "md" | "lg" | "xl";
-    disabled: boolean;
-    loading: boolean;
-    showLeftIcon: boolean;
-    showRightIcon: boolean;
-    leftIcon: any;
-    rightIcon: any;
-    hoverIcon: any;
-    iconOnly: boolean;
-    hierarchy: "primary" | "secondary" | "tertiary" | "text" | "success";
-    destructive: boolean;
-    tooltip: string;
-    tooltipPlacement: "top" | "bottom" | "left" | "right";
+size: "s" | "sm" | "md" | "lg" | "xl";
+label: string;
+disabled: boolean;
+loading: boolean;
+showLeftIcon: boolean;
+showRightIcon: boolean;
+leftIcon: any;
+rightIcon: any;
+hoverIcon: any;
+iconOnly: boolean;
+hierarchy: "primary" | "secondary" | "tertiary" | "text" | "success";
+destructive: boolean;
+tooltip: string;
+tooltipPlacement: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_3: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    select: (value: Option_2) => any;
-    toggle: (value: Option_2) => any;
+select: (value: Option_2) => any;
+toggle: (value: Option_2) => any;
 }, string, PublicProps, Readonly<Props_2> & Readonly<{
-    onSelect?: ((value: Option_2) => any) | undefined;
-    onToggle?: ((value: Option_2) => any) | undefined;
+onSelect?: ((value: Option_2) => any) | undefined;
+onToggle?: ((value: Option_2) => any) | undefined;
 }>, {
-    label: string;
-    size: "s" | "sm" | "md" | "lg" | "xl";
-    iconOnly: boolean;
-    options: Option_2[];
-    searchable: boolean;
-    searchPlaceholder: string;
-    openUp: boolean;
-    chevronRight: boolean;
-    showIcon: boolean;
-    customIcon: any;
-    optionIconRight: boolean;
-    showShortcut: boolean;
-    background: string;
-    borderRadius: string;
-    activeBackground: string;
-    openBackground: string;
-    variant: "primary" | "secondary" | "blanc";
-    stayOpen: boolean;
+size: "s" | "sm" | "md" | "lg" | "xl";
+label: string;
+iconOnly: boolean;
+options: Option_2[];
+searchable: boolean;
+searchPlaceholder: string;
+openUp: boolean;
+chevronRight: boolean;
+showIcon: boolean;
+customIcon: any;
+optionIconRight: boolean;
+showShortcut: boolean;
+background: string;
+borderRadius: string;
+activeBackground: string;
+openBackground: string;
+variant: "primary" | "secondary" | "blanc";
+stayOpen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_4: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
+declare const __VLS_component_4: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
+onClose?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_5: DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    tooltipWrapper: HTMLDivElement;
+tooltipWrapper: HTMLDivElement;
 }, HTMLDivElement>;
 
 declare type __VLS_Props = {
@@ -78,6 +78,11 @@ declare type __VLS_Props = {
 };
 
 declare type __VLS_Props_2 = {
+    code: string;
+    language: string;
+};
+
+declare type __VLS_Props_3 = {
     isChecked: boolean;
     isDashInput?: boolean;
     blueCheckbox?: boolean;
@@ -85,29 +90,29 @@ declare type __VLS_Props_2 = {
     ariaLabel?: string;
 };
 
-declare type __VLS_Props_3 = {
+declare type __VLS_Props_4 = {
     modalTitle: string;
     headerClass: string;
     disableClickOutside?: boolean;
 };
 
-declare type __VLS_Props_4 = {
+declare type __VLS_Props_5 = {
     disabled?: boolean;
     active?: boolean;
     size?: "s" | "sm" | "md" | "lg" | "xl";
 };
 
-declare type __VLS_Props_5 = {
+declare type __VLS_Props_6 = {
     type: SkeletonType;
     hasHeader?: boolean;
     count?: number;
 };
 
-declare type __VLS_Props_6 = {
+declare type __VLS_Props_7 = {
     customClass?: string;
 };
 
-declare type __VLS_Props_7 = {
+declare type __VLS_Props_8 = {
     modelValue: boolean;
     disabled?: boolean;
     size?: 's' | 'sm' | 'md' | 'lg' | 'xl';
@@ -223,32 +228,96 @@ export declare const calculatePercentage: (partialValue: number, totalValue: num
 
 export declare function cloneDeepSafe<T>(value: T): T;
 
-export declare const ConfirmationModal: DefineComponent<ExtractPropTypes<    {
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
+export declare const CodeBlock: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLPreElement>;
+
+export declare interface ColorConfig {
+    name: string;
+    id: string;
+    version: number;
+    order: number;
+    isPublic: boolean;
+    isDefault: boolean;
+    sections: Record<string, ColorSection>;
+}
+
+/**
+ * Interfaces for ColorComparison component
+ */
+export declare interface ColorInfo {
+    name: string;
+    id: string;
+    version: number;
+    value: string;
+}
+
+export declare interface ColorMode {
+    name: string;
+    id: string;
+    version: number;
+    order: number;
+    modeKey: string;
+    isDefault: boolean;
+    colorConfig: ColorConfig;
+}
+
+export declare interface ColorSection {
+    name: string;
+    id: string;
+    version: number;
+    colors: Record<string, ColorInfo>;
+}
+
+export declare interface ComparisonItem {
+    colorName: string;
+    color1: string;
+    color2: string;
+}
+
+export declare type CompatibilityTest = {
+    id: string;
+    name: string;
+    textColor: string;
+    backgroundColor: string;
+    contrastRatio: number;
+    pass: boolean;
+};
+
+export declare interface Configuration {
+    metadata: {
+        generatedAt: string;
+        source: string;
+        totalProjects: number;
+        note: string;
     };
+    projects: Project[];
+}
+
+export declare const ConfirmationModal: DefineComponent<ExtractPropTypes<    {
+title: {
+type: StringConstructor;
+required: true;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    confirmDeletion: (...args: any[]) => void;
+close: (...args: any[]) => void;
+confirmDeletion: (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
+title: {
+type: StringConstructor;
+required: true;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
 }>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onConfirmDeletion?: ((...args: any[]) => any) | undefined;
+onClose?: ((...args: any[]) => any) | undefined;
+onConfirmDeletion?: ((...args: any[]) => any) | undefined;
 }>, {
-    description: string;
+description: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 /**
@@ -257,10 +326,10 @@ export declare const ConfirmationModal: DefineComponent<ExtractPropTypes<    {
  */
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;
 
-export declare const CustomCheckbox: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    "update:isChecked": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
-    "onUpdate:isChecked"?: ((value: boolean) => any) | undefined;
+export declare const CustomCheckbox: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:isChecked": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
+"onUpdate:isChecked"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
 export declare const daysInMonth: number;
@@ -275,7 +344,6 @@ export declare const daysInMonth: number;
  * @returns A debounced version of the original function.
  *
  * @example
- * const debouncedFn = debounce(() => console.log('Called!'), 500)
  * window.addEventListener('resize', debouncedFn)
  */
 export declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number): (...args: Parameters<T>) => void;
@@ -294,35 +362,56 @@ export declare function deepEqual<T>(a: T, b: T): boolean;
 export declare const defaultImageSrc = "https://img.freepik.com/premium-vector/default-image-icon-vector-missing-picture-page-website-design-mobile-app-no-photo-available_87543-11093.jpg";
 
 export declare const DeleteConfirmationModal: DefineComponent<ExtractPropTypes<    {
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
+title: {
+type: StringConstructor;
+required: true;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    confirmDeletion: (...args: any[]) => void;
+close: (...args: any[]) => void;
+confirmDeletion: (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
+title: {
+type: StringConstructor;
+required: true;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
 }>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onConfirmDeletion?: ((...args: any[]) => any) | undefined;
+onClose?: ((...args: any[]) => any) | undefined;
+onConfirmDeletion?: ((...args: any[]) => any) | undefined;
 }>, {
-    description: string;
+description: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 export declare const Dropdown: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
+export declare const EmailCodeVerification: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+verify: (code: string) => any;
+resend: () => any;
+}, string, PublicProps, Readonly<Props_3> & Readonly<{
+onVerify?: ((code: string) => any) | undefined;
+onResend?: (() => any) | undefined;
+}>, {
+loading: boolean;
+error: string;
+brand: "contentplate" | "flowplate" | "freddy";
+resendCooldown: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare interface ErrorDetails {
+    message: string;
+    code?: string | number;
+    stack?: string;
+    timestamp: string;
+    context?: Record<string, unknown>;
+}
+
 /**
  * Formats a file size in bytes into a human-readable string.
  * @param bytes - The file size in bytes.
@@ -540,6 +629,8 @@ export declare const IconLense: DefineComponent<    {}, {}, {}, {}, {}, Componen
 
 export declare const IconLightCross: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 
+export declare const IconLink04: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+
 export declare const IconLoadingError: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 
 export declare const IconLoadingOrg: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
@@ -650,49 +741,51 @@ export declare const IconWarningOctal: DefineComponent<    {}, {}, {}, {}, {}, C
 
 export declare const IconZip: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 
+/**
+ * Interfaces for TabList component
+ */
 export declare interface IMenuListItem {
-    title: string;
     id: number;
-    path: string;
+    title: string;
 }
 
-export declare const InputField: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    input: (value: string) => any;
-    blur: (event: FocusEvent) => any;
-    focus: (event: FocusEvent) => any;
-    "update:modelValue": (value: string) => any;
-    "trailing-button-click": (event: MouseEvent) => any;
-}, string, PublicProps, Readonly<Props_3> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onTrailing-button-click"?: ((event: MouseEvent) => any) | undefined;
+export declare const InputField: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (value: string) => any;
+blur: (event: FocusEvent) => any;
+focus: (event: FocusEvent) => any;
+"update:modelValue": (value: string) => any;
+"trailing-button-click": (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<Props_4> & Readonly<{
+onInput?: ((value: string) => any) | undefined;
+onBlur?: ((event: FocusEvent) => any) | undefined;
+onFocus?: ((event: FocusEvent) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onTrailing-button-click"?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    label: string;
-    type: "default" | "leading-dropdown" | "trailing-dropdown" | "leading-text" | "payment" | "trailing-button" | "clear" | "freddy-input";
-    placeholder: string;
-    size: "sm" | "md" | "lg";
-    disabled: boolean;
-    destructive: boolean;
-    required: boolean;
-    value: string;
-    modelValue: string;
-    colorStyle: "freddy" | "contentplate";
-    state: "placeholder" | "filled" | "focused" | "disabled";
-    iconLeading: boolean;
-    leadingIcon: any;
-    hintText: string;
-    helpIcon: boolean;
-    helpText: string;
-    inputType: string;
-    readonly: boolean;
-    leadingDropdownText: string;
-    trailingDropdownText: string;
-    leadingText: string;
-    trailingButtonText: string;
+value: string;
+size: "sm" | "md" | "lg";
+label: string;
+type: "default" | "leading-dropdown" | "trailing-dropdown" | "leading-text" | "payment" | "trailing-button" | "clear" | "freddy-input";
+placeholder: string;
+disabled: boolean;
+destructive: boolean;
+required: boolean;
+modelValue: string;
+colorStyle: "freddy" | "contentplate";
+state: "placeholder" | "filled" | "focused" | "disabled" | "loading" | "success" | "error";
+iconLeading: boolean;
+leadingIcon: any;
+hintText: string;
+helpIcon: boolean;
+helpText: string;
+inputType: string;
+readonly: boolean;
+leadingDropdownText: string;
+trailingDropdownText: string;
+leadingText: string;
+trailingButtonText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-    inputRef: HTMLInputElement;
+inputRef: HTMLInputElement;
 }, HTMLDivElement>;
 
 /**
@@ -709,12 +802,6 @@ export declare interface ITabList {
     currentTab?: number;
 }
 
-export declare const Logo: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_4> & Readonly<{}>, {
-    size: "sm" | "md" | "lg";
-    brand: "contentplate" | "flowplate" | "flowplate-csv" | "freddy";
-    showTitle: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
 export { ModalBox }
 
 export declare const ModalOverlay: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
@@ -735,47 +822,61 @@ declare interface Option_2 {
 }
 
 export declare const Pagination: DefineComponent<ExtractPropTypes<    {
-    totalItems: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
-    itemsPerPage: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
-    currentPage: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
+totalItems: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
+itemsPerPage: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
+currentPage: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:currentPage": (...args: any[]) => void;
+"update:currentPage": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
-    totalItems: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
-    itemsPerPage: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
-    currentPage: {
-        type: NumberConstructor;
-        required: true;
-        default: number;
-    };
+totalItems: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
+itemsPerPage: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
+currentPage: {
+type: NumberConstructor;
+required: true;
+default: number;
+};
 }>> & Readonly<{
-    "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
+"onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
 }>, {
-    totalItems: number;
-    itemsPerPage: number;
-    currentPage: number;
+totalItems: number;
+itemsPerPage: number;
+currentPage: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare interface PerformanceMetrics {
+    renderTime: number;
+    componentCount: number;
+    memoryUsage?: number;
+    timestamp: string;
+}
+
+export declare interface Project {
+    name: string;
+    id: string;
+    version: number;
+    colorModes: ColorMode[];
+}
+
 declare interface Props {
     size?: "s" | "sm" | "md" | "lg" | "xl";
     disabled?: boolean;
@@ -815,10 +916,18 @@ declare interface Props_2 {
 }
 
 declare interface Props_3 {
+    email: string;
+    brand?: 'contentplate' | 'flowplate' | 'freddy';
+    loading?: boolean;
+    error?: string;
+    resendCooldown?: number;
+}
+
+declare interface Props_4 {
     size?: "sm" | "md" | "lg";
     colorStyle?: "freddy" | "contentplate";
     type?: "default" | "leading-dropdown" | "trailing-dropdown" | "leading-text" | "payment" | "trailing-button" | "clear" | "freddy-input";
-    state?: "placeholder" | "filled" | "focused" | "disabled";
+    state?: 'placeholder' | 'filled' | 'focused' | 'disabled' | 'loading' | 'success' | 'error';
     destructive?: boolean;
     iconLeading?: boolean;
     leadingIcon?: any;
@@ -839,12 +948,6 @@ declare interface Props_3 {
     modelValue?: string;
 }
 
-declare interface Props_4 {
-    brand?: 'contentplate' | 'flowplate' | 'flowplate-csv' | 'freddy';
-    size?: 'sm' | 'md' | 'lg';
-    showTitle?: boolean;
-}
-
 /**
  * Converts a date to a human-readable format (e.g., "12 Dec 2023 at 12:34").
  * @param date - The date string or Date object to format.
@@ -852,6 +955,24 @@ declare interface Props_4 {
  */
 export declare function readableDateFormat(date: Date | string): string;
 
+export declare interface Reference {
+    id: string;
+    title?: string;
+    name?: string;
+    description?: string;
+    url?: string;
+    type?: string;
+    path?: string;
+    metadata?: Record<string, unknown>;
+}
+
+/**
+ * Scrolls a container element to its bottom.
+ * @param containerElement - The container element or its ID to scroll to bottom.
+ * @param smooth - Whether to use smooth scrolling. Defaults to false for better performance during streaming.
+ */
+export declare const scrollToBottom: (containerElement: HTMLElement | string, smooth?: boolean) => void;
+
 /**
  * Smoothly scrolls to a target element by its ID.
  * @param targetElement - The ID of the target element.
@@ -859,16 +980,16 @@ export declare function readableDateFormat(date: Date | string): string;
 export declare const scrollToElement: (targetElement: string) => void;
 
 export declare const SearchInput: DefineComponent<SearchInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    "update:searchInput": (inputValue: string | null) => any;
+"update:searchInput": (inputValue: string | null) => any;
 }, string, PublicProps, Readonly<SearchInputProps> & Readonly<{
-    "onUpdate:searchInput"?: ((inputValue: string | null) => any) | undefined;
+"onUpdate:searchInput"?: ((inputValue: string | null) => any) | undefined;
 }>, {
-    placeholder: string;
-    showLoaderForSearch: boolean;
-    maxCharLimit: number;
+placeholder: string;
+showLoaderForSearch: boolean;
+maxCharLimit: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-    dropdownRef: HTMLDivElement;
-    searchInput: HTMLInputElement;
+dropdownRef: HTMLDivElement;
+searchInput: HTMLInputElement;
 }, any>;
 
 declare interface SearchInputProps {
@@ -880,9 +1001,9 @@ declare interface SearchInputProps {
     maxCharLimit?: number;
 }
 
-export declare const SendButton: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export declare const SendButton: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-export declare const SkeletonLoader: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const SkeletonLoader: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare type SkeletonType = "card" | "paragraph" | "table" | "single-box" | "single-paragraph";
 
@@ -903,22 +1024,33 @@ declare interface SpacemanLogoProps {
     customStyle?: string | Record<string, string>;
 }
 
-export declare const Spinner: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const Spinner: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const Switch: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+export declare const Switch: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
 export declare const TabList: DefineComponent<ITabList, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    tabSwitch: (...args: any[]) => void;
+tabSwitch: (...args: any[]) => void;
 }, string, PublicProps, Readonly<ITabList> & Readonly<{
-    onTabSwitch?: ((...args: any[]) => any) | undefined;
+onTabSwitch?: ((...args: any[]) => any) | undefined;
 }>, {
-    currentTab: number;
+currentTab: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+/**
+ * Interfaces for ColorValidation component
+ */
+export declare type TestResult = {
+    name: string;
+    varName: string;
+    expected: string;
+    actual: string;
+    pass: boolean;
+};
+
 declare interface Toast {
     message: string;
     toastType: "success" | "danger" | "info";
@@ -942,19 +1074,110 @@ declare interface TooltipProps {
     contentClass?: string;
 }
 
+/**
+ * Composable for centralized error handling
+ */
+export declare function useErrorHandler(options?: UseErrorHandlerOptions): {
+    errors: ComputedRef<    {
+    message: string;
+    code?: string | number | undefined;
+    stack?: string | undefined;
+    timestamp: string;
+    context?: Record<string, unknown> | undefined;
+    }[]>;
+    hasErrors: ComputedRef<boolean>;
+    latestError: ComputedRef<    {
+    message: string;
+    code?: string | number | undefined;
+    stack?: string | undefined;
+    timestamp: string;
+    context?: Record<string, unknown> | undefined;
+    }>;
+    isLoading: ComputedRef<boolean>;
+    retryCount: ComputedRef<number>;
+    handleError: (error: unknown, context?: Record<string, unknown>) => ErrorDetails;
+    handleAsync: <T>(operation: () => Promise<T>, context?: Record<string, unknown>) => Promise<{
+        data: T | null;
+        error: ErrorDetails | null;
+    }>;
+    retryAsync: <T>(operation: () => Promise<T>, context?: Record<string, unknown>) => Promise<{
+        data: T | null;
+        error: ErrorDetails | null;
+    }>;
+    clearErrors: () => void;
+    clearError: (index: number) => void;
+    isCriticalError: (error: unknown) => boolean;
+};
+
+export declare interface UseErrorHandlerOptions {
+    logErrors?: boolean;
+    throwOnCritical?: boolean;
+    maxRetries?: number;
+}
+
+/**
+ * Composable for performance monitoring and optimization
+ */
+export declare function usePerformance(options?: UsePerformanceOptions): {
+    metrics: ComputedRef<    {
+    renderTime: number;
+    componentCount: number;
+    memoryUsage?: number | undefined;
+    timestamp: string;
+    }[]>;
+    isTracking: ComputedRef<boolean>;
+    averageRenderTime: ComputedRef<number>;
+    maxRenderTime: ComputedRef<number>;
+    startTracking: (label?: string) => void;
+    endTracking: (label?: string, componentCount?: number) => PerformanceMetrics | undefined;
+    measureAsync: <T>(operation: () => Promise<T>, label?: string) => Promise<{
+        result: T;
+        metrics: PerformanceMetrics;
+    }>;
+    debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);
+    throttle: <T extends (...args: any[]) => any>(func: T, limit: number) => ((...args: Parameters<T>) => void);
+    scheduleWork: (callback: () => void, timeout?: number) => void;
+    lazyLoad: <T>(loader: () => Promise<T>, delay?: number) => Promise<T>;
+    createVirtualList: <T>(items: T[], itemHeight: number, containerHeight: number) => (scrollTop: number) => {
+        visibleItems: T[];
+        startIndex: number;
+        endIndex: number;
+        totalHeight: number;
+        offsetY: number;
+    };
+    clearMetrics: () => void;
+    getSummary: () => {
+        totalMeasurements: number;
+        averageRenderTime: number;
+        maxRenderTime: number;
+        recentMetrics: {
+            renderTime: number;
+            componentCount: number;
+            memoryUsage?: number | undefined;
+            timestamp: string;
+        }[];
+    };
+};
+
+export declare interface UsePerformanceOptions {
+    enableMetrics?: boolean;
+    trackMemory?: boolean;
+    sampleRate?: number;
+}
+
 export declare const useSnackBar: () => {
     snackQueue: Ref<    {
-        title: string;
-        message: string;
-        toastType: ToastType;
-        duration?: number | undefined;
-        toastContainerSize?: "full" | "half" | "side70" | undefined;
+    title: string;
+    message: string;
+    toastType: ToastType;
+    duration?: number | undefined;
+    toastContainerSize?: "full" | "half" | "side70" | undefined;
     }[], Snack[] | {
-        title: string;
-        message: string;
-        toastType: ToastType;
-        duration?: number | undefined;
-        toastContainerSize?: "full" | "half" | "side70" | undefined;
+    title: string;
+    message: string;
+    toastType: ToastType;
+    duration?: number | undefined;
+    toastContainerSize?: "full" | "half" | "side70" | undefined;
     }[]>;
     addSnackBar: (snack: Snack) => void;
     removeSnackBar: (snack: Snack) => void;
@@ -962,13 +1185,13 @@ export declare const useSnackBar: () => {
 
 export declare const useToast: () => {
     toastQueue: Ref<    {
-        message: string;
-        toastType: "success" | "danger" | "info";
-        duration?: number | undefined;
+    message: string;
+    toastType: "success" | "danger" | "info";
+    duration?: number | undefined;
     }[], Toast[] | {
-        message: string;
-        toastType: "success" | "danger" | "info";
-        duration?: number | undefined;
+    message: string;
+    toastType: "success" | "danger" | "info";
+    duration?: number | undefined;
     }[]>;
     addToast: (toast: Toast) => void;
     hasToasts: ComputedRef<boolean>;
@@ -980,3 +1203,11 @@ export declare const vFrSanitize: {
 };
 
 export { }
+
+
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $themeService: ReturnType<typeof useThemeService>;
+        $theme: ReturnType<typeof useThemeService>;
+    }
+}