@codeandfunction/callaloo 3.12.0 → 3.12.2

package/dist/components/Modals/CLModal/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLModalComponent } from './CLModal.vue';
+export { CLModalComponent as CLModal };
+export default CLModalComponent;
+export type CLModal = InstanceType<typeof CLModalComponent>;

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

@@ -1,3 +1,2 @@
-import { default as CLModal } from './CLModal.vue';
+import { CLModal } from './CLModal';
 export { CLModal };
-export type CLModal = InstanceType<typeof CLModal>;

package/dist/components/Navigation/{CLLink.vue.d.ts → CLLink/CLLink.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLLinkTarget, CLColors, CLGenericFunction } from '../../index';
-export interface Props {
+import { CLColors, CLGenericFunction, CLLinkTarget } from '../../../index.ts';
+export interface CLLinkProps {
     /** Sets the aria-label on the Link element. */
     ariaLabel?: string;
     /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Secondary`. */
@@ -19,24 +19,16 @@ export interface Props {
     /** When set to `true`, it adds an underline to the link. */
     underline?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLAnchorElement;
-};
-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<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLLinkProps> & Readonly<{}>, {
     color: CLColors;
     testId: string;
     target: CLLinkTarget;
     external: boolean;
     rel: string;
     underline: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Navigation/CLLink/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLLinkComponent } from './CLLink.vue';
+export { CLLinkComponent as CLLink };
+export default CLLinkComponent;
+export type CLLink = InstanceType<typeof CLLinkComponent>;

package/dist/components/Navigation/{CLNavLink.vue.d.ts → CLNavLink/CLNavLink.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLLinkTarget, CLColors, CLGenericFunction } from '../../index';
-export interface Props {
+import { CLColors, CLGenericFunction, CLLinkTarget } from '../../../index.ts';
+export interface CLNavLinkProps {
     /** Sets the aria-label on the NavLink element. */
     ariaLabel?: string;
     /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
@@ -19,22 +19,18 @@ export interface Props {
     /** Sets a custom ID used for unit tests. */
     testId?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLAnchorElement;
-};
-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<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLNavLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<CLNavLinkProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+}>, {
     color: CLColors;
     testId: string;
     external: boolean;
     rel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Navigation/CLNavLink/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLNavLinkComponent } from './CLNavLink.vue';
+export { CLNavLinkComponent as CLNavLink };
+export default CLNavLinkComponent;
+export type CLNavLink = InstanceType<typeof CLNavLinkComponent>;

package/dist/components/Navigation/{CLNavSection.vue.d.ts → CLNavSection/CLNavSection.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLNavItem, CLOrientation, CLColors } from '../../index';
-export interface Props {
+import { CLColors, CLNavItem, CLOrientation } from '../../../index.ts';
+export interface CLNavSectionProps {
     /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Secondary`. */
     color?: CLColors;
     /** An array of `CLNavItem` objects that will be rendered as a list of navigation items. */
@@ -9,7 +9,7 @@ export interface Props {
     /** Sets the orientation of the navigation section. The property can be one of `CLOrientation`, e.g. `CLOrientation.Horizontal` */
     type?: CLOrientation;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<CLNavSectionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLNavSectionProps> & Readonly<{}>, {
     color: CLColors;
     testId: string;
     type: CLOrientation;

package/dist/components/Navigation/CLNavSection/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLNavSectionComponent } from './CLNavSection.vue';
+export { CLNavSectionComponent as CLNavSection };
+export default CLNavSectionComponent;
+export type CLNavSection = InstanceType<typeof CLNavSectionComponent>;

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

@@ -1,7 +1,4 @@
-import { default as CLLink } from './CLLink.vue';
-import { default as CLNavLink } from './CLNavLink.vue';
-import { default as CLNavSection } from './CLNavSection.vue';
+import { CLLink } from './CLLink';
+import { CLNavLink } from './CLNavLink';
+import { CLNavSection } from './CLNavSection';
 export { CLLink, CLNavLink, CLNavSection };
-export type CLLink = InstanceType<typeof CLLink>;
-export type CLNavLink = InstanceType<typeof CLNavLink>;
-export type CLNavSection = InstanceType<typeof CLNavSection>;

package/dist/components/Navigation/utils.d.ts

@@ -1,4 +1,4 @@
-import { CLColors } from '../../index';
+import { CLColors } from '../../index.ts';
 interface BaseLinkProps {
     color: CLColors;
     underline?: boolean;

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts

@@ -0,0 +1,204 @@
+import { CLBorderRadius, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLPlacement, CLSizes } from '../../../index.ts';
+export interface CLDropdownMenuProps {
+    /** Sets the aria-label on the anchor button. */
+    buttonAriaLabel: string;
+    /** Set the border radius size on the anchor button. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    buttonBorderRadius?: CLBorderRadius;
+    /** Sets the color of the anchor button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    buttonColor?: CLColors;
+    /** Sets the height of the anchor button, its default value is `auto`. */
+    buttonHeight?: string;
+    /** Sets the anchor button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    buttonSize?: CLSizes;
+    /** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    buttonVariant?: CLColorVariants;
+    /** Sets the width of the anchor button, its default value is `auto`. */
+    buttonWidth?: string;
+    /** When set to `true`, it will remove any horizontal and vertical padding from the button. */
+    buttonWrapped?: boolean;
+    /** Set the border radius size on the content container. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    containerBorderRadius?: CLBorderRadius;
+    /** Sets the width of the content container. */
+    contentWidth?: string;
+    /** A unique identifier, this is required. It ensures that if multiple dropdowns are used, each will be handled properly. */
+    dropdownId: string;
+    /** Sets the icon to be displayed after the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.ChevronDown`. */
+    iconAfter?: CLIconNames;
+    /** Sets the size of the icon displayed after the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
+    iconAfterSize?: CLIconSizes;
+    /** Sets the icon to be displayed before the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.Menu`. */
+    iconBefore?: CLIconNames;
+    /** Sets the size of the icon displayed before the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
+    iconSize?: CLIconSizes;
+    /** Sets the initial open state of the DropdownMenu. */
+    isOpen?: boolean;
+    /** Sets the label on the anchor button. */
+    label?: string;
+    /** A callback function to be called when the DropdownMenu is closed. */
+    onCloseHandler?: () => void;
+    /** A callback function to be called when the DropdownMenu is opened. */
+    onOpenHandler?: () => void;
+    /** Sets the placement of the content container. The property can be one of `CLPlacement`, e.g. `CLPlacement.BottomStart`. */
+    placement?: CLPlacement;
+    /** A test identifier for testing purposes. */
+    testId?: string;
+    /** Sets the z-index of the content container. */
+    zIndex?: number | string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDropdownMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDropdownMenuProps> & Readonly<{}>, {
+    testId: string;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLIconSizes;
+    iconSize: CLIconSizes;
+    buttonColor: CLColors;
+    buttonHeight: string;
+    buttonSize: CLSizes;
+    buttonVariant: CLColorVariants;
+    buttonWidth: string;
+    contentWidth: string;
+    isOpen: boolean;
+    placement: CLPlacement;
+    zIndex: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    anchor: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly active?: boolean | undefined;
+            readonly alignContent?: import('../../../index.ts').CLAlign | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly as?: import('../../../index.ts').CLButtonTags | undefined;
+            readonly borderRadius?: CLBorderRadius | undefined;
+            readonly busy?: boolean | undefined;
+            readonly color?: CLColors | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly elevated?: boolean | undefined;
+            readonly form?: string | undefined;
+            readonly forwardRef?: import('../../../index.ts').CLButtonForwardRefFunction | undefined;
+            readonly height?: string | undefined;
+            readonly href?: string | undefined;
+            readonly iconAfter?: CLIconNames | undefined;
+            readonly iconBefore?: CLIconNames | undefined;
+            readonly iconAfterSize?: CLIconSizes | undefined;
+            readonly iconSize?: CLIconSizes | undefined;
+            readonly onClick?: ((event?: Event) => void) | undefined;
+            readonly pill?: boolean | undefined;
+            readonly rounded?: boolean | undefined;
+            readonly size?: CLSizes | undefined;
+            readonly target?: import('../../../index.ts').CLLinkTarget | undefined;
+            readonly testId?: string | undefined;
+            readonly title?: string | undefined;
+            readonly type?: import('../../../index.ts').CLButtonTypes | undefined;
+            readonly variant?: CLColorVariants | undefined;
+            readonly width?: string | undefined;
+            readonly wrap?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            title: string;
+            color: CLColors;
+            width: string;
+            height: string;
+            form: string;
+            variant: CLColorVariants;
+            borderRadius: CLBorderRadius;
+            elevated: boolean;
+            testId: string;
+            type: import('../../../index.ts').CLButtonTypes;
+            onClick: (event?: Event) => void;
+            ariaLabel: string;
+            busy: boolean;
+            rounded: boolean;
+            active: boolean;
+            alignContent: import('../../../index.ts').CLAlign;
+            as: import('../../../index.ts').CLButtonTags;
+            disabled: boolean;
+            forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
+            href: string;
+            iconAfter: CLIconNames;
+            iconBefore: CLIconNames;
+            iconAfterSize: CLIconSizes;
+            iconSize: CLIconSizes;
+            pill: boolean;
+            size: CLSizes;
+            target: import('../../../index.ts').CLLinkTarget;
+            wrap: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        title: string;
+        color: CLColors;
+        width: string;
+        height: string;
+        form: string;
+        variant: CLColorVariants;
+        borderRadius: CLBorderRadius;
+        elevated: boolean;
+        testId: string;
+        type: import('../../../index.ts').CLButtonTypes;
+        onClick: (event?: Event) => void;
+        ariaLabel: string;
+        busy: boolean;
+        rounded: boolean;
+        active: boolean;
+        alignContent: import('../../../index.ts').CLAlign;
+        as: import('../../../index.ts').CLButtonTags;
+        disabled: boolean;
+        forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
+        href: string;
+        iconAfter: CLIconNames;
+        iconBefore: CLIconNames;
+        iconAfterSize: CLIconSizes;
+        iconSize: CLIconSizes;
+        pill: boolean;
+        size: CLSizes;
+        target: import('../../../index.ts').CLLinkTarget;
+        wrap: boolean;
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "width" | "height" | "form" | "variant" | "borderRadius" | "elevated" | "testId" | "type" | "onClick" | "ariaLabel" | "busy" | "rounded" | "active" | "alignContent" | "as" | "disabled" | "forwardRef" | "href" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "size" | "target" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    dropdownElem: HTMLDivElement;
+}, HTMLDivElement>, {
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popups/CLDropdownMenu/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLDropdownMenuComponent } from './CLDropdownMenu.vue';
+export { CLDropdownMenuComponent as CLDropdownMenu };
+export default CLDropdownMenuComponent;
+export type CLDropdownMenu = InstanceType<typeof CLDropdownMenuComponent>;

package/dist/components/Popups/{CLToast.vue.d.ts → CLToast/CLToast.vue.d.ts}

@@ -1,4 +1,4 @@
-import { CLColorVariants, CLIconSizes, CLColors, CLToastPosition, CLToastProps } from '../../index';
+import { CLColorVariants, CLIconSizes, CLColors, CLToastPosition, CLToastProps } from '../../../index.ts';
 declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
     color: CLColors;
     width: string;

package/dist/components/Popups/CLToast/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLToastComponent } from './CLToast.vue';
+export { CLToastComponent as CLToast };
+export default CLToastComponent;
+export type CLToast = InstanceType<typeof CLToastComponent>;

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

@@ -1,5 +1,2 @@
-import { default as CLDropdownMenu } from './CLDropdownMenu.vue';
-import { default as CLToast } from './CLToast.vue';
-export { CLDropdownMenu, CLToast };
-export type CLDropdownMenu = InstanceType<typeof CLDropdownMenu>;
-export type CLToast = InstanceType<typeof CLToast>;
+export { CLDropdownMenu } from './CLDropdownMenu';
+export { CLToast } from './CLToast';

package/dist/components/Popups/utils.d.ts

@@ -1,4 +1,4 @@
-import { CLColors, CLColorVariants } from '../../index';
+import { CLColors, CLColorVariants } from '../../index.ts';
 interface ThemeProps {
     color: CLColors;
     variant: CLColorVariants;

package/dist/components/{Theme → Providers/Theme}/CLThemeProvider.vue.d.ts

@@ -1,4 +1,4 @@
-import { CLThemeConfig } from '../../index';
+import { CLThemeConfig } from '../../../index';
 /** The `<CLThemeProvider />` component configures the visual look of your application, it also facilitates the use of custom themes. You should wrap your entire application with it. It will apply the default theme required for all Callaloo components.*/
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     /** An HTML element used as the root element. The default tag used is `<div>`. */

package/dist/components/{Theme → Providers/Theme}/base-theme.d.ts

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../index';
+import { CLBorderRadius, CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../../index.ts';
 export declare const DEFAULT_THEME: CLThemeConfig;
 type ColorMap = Record<CLColorVariants, Record<CLMode, ColorModesKeys>>;
 export interface ColorModesKeys {
@@ -22,21 +22,21 @@ export declare const setupTheme: (config?: CLThemeConfig) => void;
 export declare const useTheme: () => {
     borderRadius: globalThis.Ref<CLBorderRadius | undefined, CLBorderRadius | undefined>;
     colors: globalThis.Ref<{
-        primary?: import('../../types').Shades | undefined;
-        secondary?: import('../../types').Shades | undefined;
-        neutral?: import('../../types').Shades | undefined;
-        danger?: import('../../types').Shades | undefined;
-        warning?: import('../../types').Shades | undefined;
-        success?: import('../../types').Shades | undefined;
-        info?: import('../../types').Shades | undefined;
+        primary?: import('../../../index.ts').CLShades | undefined;
+        secondary?: import('../../../index.ts').CLShades | undefined;
+        neutral?: import('../../../index.ts').CLShades | undefined;
+        danger?: import('../../../index.ts').CLShades | undefined;
+        warning?: import('../../../index.ts').CLShades | undefined;
+        success?: import('../../../index.ts').CLShades | undefined;
+        info?: import('../../../index.ts').CLShades | undefined;
     }, CLPalette | {
-        primary?: import('../../types').Shades | undefined;
-        secondary?: import('../../types').Shades | undefined;
-        neutral?: import('../../types').Shades | undefined;
-        danger?: import('../../types').Shades | undefined;
-        warning?: import('../../types').Shades | undefined;
-        success?: import('../../types').Shades | undefined;
-        info?: import('../../types').Shades | undefined;
+        primary?: import('../../../index.ts').CLShades | undefined;
+        secondary?: import('../../../index.ts').CLShades | undefined;
+        neutral?: import('../../../index.ts').CLShades | undefined;
+        danger?: import('../../../index.ts').CLShades | undefined;
+        warning?: import('../../../index.ts').CLShades | undefined;
+        success?: import('../../../index.ts').CLShades | undefined;
+        info?: import('../../../index.ts').CLShades | undefined;
     }>;
     darkMode: globalThis.Ref<boolean | undefined, boolean | undefined>;
     fontFamily: globalThis.Ref<string | undefined, string | undefined>;

package/dist/components/{Theme → Providers/Theme}/utils.d.ts

@@ -1,4 +1,4 @@
-import { CLColors, CLColorVariants, CLMode, CLPalette } from '../../index';
+import { CLColors, CLColorVariants, CLMode, CLPalette } from '../../../index.ts';
 export declare const baseContentBox: () => string;
 interface BaseFormElementProps {
     backgroundColor?: string;

package/dist/components/Providers/Toast/CLToastProvider.vue.d.ts

@@ -1,12 +1,12 @@
 import { Ref } from 'vue';
-import { CLToastPosition, CLToastProps } from '../../../index';
+import { CLToastPosition, CLToastProps } from '../../../index.ts';
 interface Props {
     dismissTimer?: number;
     position?: CLToastPosition;
 }
 export interface CLToastProviderOutput {
     visible: Ref<boolean>;
-    showToast: (toastProps: Omit<CLToastProps, 'onDismiss'>) => void;
+    showToast: (newToastProps: Omit<CLToastProps, 'onDismiss'>) => void;
     hideToast: () => void;
 }
 declare function __VLS_template(): {

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

@@ -1,4 +1,6 @@
+import { default as CLThemeProvider } from './Theme/CLThemeProvider.vue';
 import { default as CLToastProvider } from './Toast/CLToastProvider.vue';
-export { CLToastProvider };
+export { CLThemeProvider, CLToastProvider };
 export type { CLToastProviderOutput } from './Toast/CLToastProvider.vue';
+export type CLThemeProvider = InstanceType<typeof CLThemeProvider>;
 export type CLToastProvider = InstanceType<typeof CLToastProvider>;

package/dist/components/Table/CLTable.vue.d.ts

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLTableTypes } from '../../index';
-export interface Props {
+import { CLBorderRadius, CLTableTypes } from '../../index.ts';
+export interface CLTableProps {
     /** When set to `true` adds borders to the entire table and its rows and columns. */
     bordered?: boolean;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
@@ -21,23 +21,15 @@ export interface Props {
     /** When set to `true` adds vertical lines to the table. */
     withVerticalLines?: boolean;
 }
-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<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableProps> & Readonly<{}>, {
     testId: string;
     type: CLTableTypes;
     rounded: boolean;
     id: string;
     rowHeight: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Table/CLTableCell.vue.d.ts

@@ -1,5 +1,5 @@
-import { CLGenericFunction } from '../../index';
-export interface Props {
+import { CLGenericFunction } from '../../index.ts';
+export interface CLTableCellProps {
     /** The number of columns that the cell should span. */
     colSpan?: number;
     /** When set to `true` sets the horizontal alignment of the cell content to right. */
@@ -13,26 +13,18 @@ export interface Props {
     /** The function to call when the cell is clicked. */
     onClick?: CLGenericFunction;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        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<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableCellProps> & Readonly<{}>, {
     colSpan: number;
     isAction: boolean;
     isActive: boolean;
     isHeader: boolean;
     isNumber: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    default?(_: {}): any;
+    default?(_: {}): any;
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Table/CLTableNestedCell.vue.d.ts

@@ -1,17 +1,10 @@
-export interface Props {
+export interface CLTableNestedCellProps {
+    /** When set to `true` truncates the text content with ellipsis. */
     truncate?: boolean;
 }
-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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableNestedCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableNestedCellProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Table/CLTableRow.vue.d.ts

@@ -1,19 +1,11 @@
-import { CLGenericFunction } from '../../index';
-export interface Props {
+import { CLGenericFunction } from '../../index.ts';
+export interface CLTableRowProps {
     /** The function to call when the row is clicked. */
     onClick?: CLGenericFunction;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLTableRowElement;
-};
-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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {