@codeandfunction/callaloo 3.12.1 → 3.12.2

package/dist/components/Form/{CLInput.vue.d.ts → CLInput/CLInput.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLGenericInputFunction, CLSizes, CLColors, CLColorVariants, CLOrientation } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLGenericInputFunction, CLSizes, CLColors, CLColorVariants, CLOrientation } from '../../../index.ts';
+export interface CLInputProps {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
     /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete for more details. */
@@ -26,14 +26,22 @@ interface Props {
     label?: string;
     /** The maximum amount of characters allowed for entry. */
     maxLength?: number;
-    /** The minimum amount of characters required for entry. */
-    minLength?: number;
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
     messageType?: CLColors;
+    /** The minimum amount of characters required for entry. */
+    minLength?: number;
     /** A string representing name of the input. The name is submitted along with the input value when the form it belongs to is submitted. */
     name: string;
+    /** A callback function which handles when the input loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the input value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the input gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the input value changes due to user input. */
+    onInput?: CLGenericInputFunction;
     /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
     orientation?: CLOrientation;
     /** A regexp pattern that can be used for validation. */
@@ -62,36 +70,53 @@ interface Props {
     type?: CLInputTypes;
     /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
     variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
-    /** A callback function which handles when the input loses focus. */
-    onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the input value changes. */
-    onChange?: CLGenericFunction;
-    /** A callback function which handles when the input value changes due to user input. */
-    onInput?: CLGenericInputFunction;
-    /** A callback function which handles when the input gains focus. */
-    onFocus?: CLGenericFocusFunction;
 }
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: string | number;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+} & CLInputProps, {
     inputRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
     "update:modelValue": (value: string | number) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string | number;
+} & CLInputProps> & Readonly<{
     onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: CLColors;
+    form: string;
+    label: string;
+    pattern: string;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+    borderRadius: CLBorderRadius;
     testId: string;
     type: CLInputTypes;
+    required: boolean;
+    prefix: string | CLIconNames;
+    onFocus: CLGenericFocusFunction;
+    onBlur: CLGenericFocusFunction;
+    onChange: CLGenericFunction;
+    onInput: CLGenericInputFunction;
+    ariaLabel: string;
+    busy: boolean;
     rounded: boolean;
     fluid: boolean;
+    disabled: boolean;
+    pill: string;
     size: CLSizes;
+    placeholder: string;
     orientation: CLOrientation;
+    readonly: boolean;
+    messages: string[];
+    messageType: CLColors;
+    autoComplete: boolean;
+    charCounter: boolean;
+    grouped: boolean;
+    maxLength: number;
+    minLength: number;
+    spellCheck: boolean;
+    suffix: string | CLIconNames;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'input-elem': HTMLInputElement;
 }, HTMLDivElement>;

package/dist/components/Form/CLInput/index.d.ts

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

package/dist/components/Form/{CLRadioButton.vue.d.ts → CLRadioButton/CLRadioButton.vue.d.ts}

@@ -1,15 +1,15 @@
-import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../../index.ts';
+export interface CLRadioButtonProps {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
     /** A `boolean` value which dictates the busy state of the radiobutton. */
     busy?: boolean;
-    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
-    color?: CLColors;
     /** Set the checked state. */
     checked?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
     /** Set the disabled state. */
     disabled?: boolean;
     /** The form whom the radiobutton belongs to. Useful for when a radiobutton is not within a `form` element. */
@@ -43,15 +43,15 @@ interface Props {
     /** A callback function which handles when the radiobutton gains focus. */
     onFocus?: CLGenericFocusFunction;
 }
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: string | number;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+} & CLRadioButtonProps, {
     radiobuttonRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string | number;
+} & CLRadioButtonProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: CLColors;

package/dist/components/Form/CLRadioButton/index.d.ts

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

package/dist/components/Form/{CLSelect.vue.d.ts → CLSelect/CLSelect.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLOption, CLOrientation, CLSizes } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLOption, CLOrientation, CLSizes } from '../../../index.ts';
+export interface CLSelectProps {
     /** Sets the aria-label on the input. It should be used when there is no label present. */
     ariaLabel?: string;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
@@ -22,14 +22,14 @@ interface Props {
     messages?: string[];
     /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
     messageType?: CLColors;
-    /** The default text shown when there is no value. Useful for providing a hint of what is expected. */
-    placeholder?: string;
     /** A string representing name of the select. The name is submitted along with the select value when the form it belongs to is submitted. */
     name: string;
     /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
     orientation?: CLOrientation;
     /** A list of options */
     options: CLOption[];
+    /** The default text shown when there is no value. Useful for providing a hint of what is expected. */
+    placeholder?: string;
     /** Set the required state. */
     required?: boolean;
     /** When set to `false` it will not render with rounded corners. */
@@ -47,15 +47,15 @@ interface Props {
     /** A callback function which handles when the select gains focus. */
     onFocus?: CLGenericFocusFunction;
 }
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: string | number | null;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+} & CLSelectProps, {
     selectRef: Readonly<import('vue').ShallowRef<HTMLSelectElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | null) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string | number | null;
+} & CLSelectProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 }>, {
     color: CLColors;

package/dist/components/Form/CLSelect/index.d.ts

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

package/dist/components/Form/{CLTextArea.vue.d.ts → CLTextArea/CLTextArea.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLOrientation, CLSizes, CLColors, CLColorVariants } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLOrientation, CLSizes, CLColors, CLColorVariants } from '../../../index.ts';
+export interface CLTextAreaProps {
     /** Sets the aria-label on the textarea. It should be used when there is no label present. */
     ariaLabel?: string;
     /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#autocomplete for more details. */
@@ -26,14 +26,22 @@ interface Props {
     label?: string;
     /** The maximum amount of characters allowed for entry. */
     maxLength?: number;
-    /** The minimum amount of characters required for entry. */
-    minLength?: number;
     /** An array of messages to be displayed. */
     messages?: string[];
     /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
     messageType?: CLColors;
+    /** The minimum amount of characters required for entry. */
+    minLength?: number;
     /** A string representing name of the textarea. The name is submitted along with the textarea value when the form it belongs to is submitted. */
     name: string;
+    /** A callback function which handles when the textarea loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the textarea value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the textarea gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the input value changes due to user input. */
+    onInput?: CLGenericInputFunction;
     /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
     orientation?: CLOrientation;
     /** A regexp pattern that can be used for validation. */
@@ -58,24 +66,16 @@ interface Props {
     testId?: string;
     /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
     variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
-    /** A callback function which handles when the textarea loses focus. */
-    onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the textarea value changes. */
-    onChange?: CLGenericFunction;
-    /** A callback function which handles when the input value changes due to user input. */
-    onInput?: CLGenericInputFunction;
-    /** A callback function which handles when the textarea gains focus. */
-    onFocus?: CLGenericFocusFunction;
 }
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: string | number;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
-    textareaRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+} & CLTextAreaProps, {
+    textareaRef: Readonly<import('vue').ShallowRef<HTMLTextAreaElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string | number;
+} & CLTextAreaProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: CLColors;

package/dist/components/Form/CLTextArea/index.d.ts

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

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

@@ -1,11 +1,6 @@
-import { default as CLCheckbox } from './CLCheckbox.vue';
-import { default as CLInput } from './CLInput.vue';
-import { default as CLRadioButton } from './CLRadioButton.vue';
-import { default as CLSelect } from './CLSelect.vue';
-import { default as CLTextArea } from './CLTextArea.vue';
+import { CLCheckbox } from './CLCheckbox';
+import { CLInput } from './CLInput';
+import { CLRadioButton } from './CLRadioButton';
+import { CLSelect } from './CLSelect';
+import { CLTextArea } from './CLTextArea';
 export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea };
-export type CLCheckbox = InstanceType<typeof CLCheckbox>;
-export type CLInput = InstanceType<typeof CLInput>;
-export type CLRadioButton = InstanceType<typeof CLRadioButton>;
-export type CLSelect = InstanceType<typeof CLSelect>;
-export type CLTextArea = InstanceType<typeof CLTextArea>;

package/dist/components/Indicators/{CLBadge.vue.d.ts → CLBadge/CLBadge.vue.d.ts}

@@ -1,21 +1,21 @@
-import { CLBorderRadius, CLColors, CLColorVariants } from '../../index.ts';
-export interface Props {
+import { CLBorderRadius, CLColors, CLColorVariants } from '../../../index.ts';
+export interface CLBadgeProps {
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
     /** Sets the color of the Badge. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;
-    /** The count to display in the Badge. */
-    label: string | number;
     /** The `elevated` property displays a shadow to indicate elevation. */
     elevated?: boolean;
+    /** The count to display in the Badge. */
+    label: string | number;
     /** The maximum amount of characters to display. Once the amount characters goes beyond the limit, a plus sign is added after the displayed characters. */
     limit?: number;
     /** Sets a custom ID used for unit tests. */
     testId?: string;
-    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    /** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
     variant?: CLColorVariants;
 }
-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<CLBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLBadgeProps> & Readonly<{}>, {
     color: CLColors;
     variant: CLColorVariants;
     elevated: boolean;

package/dist/components/Indicators/CLBadge/index.d.ts

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

package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts

@@ -0,0 +1,49 @@
+import { CLAlign, CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction } from '../../../index.ts';
+export interface CLBannerProps {
+    /** The action label text to be displayed. */
+    actionLabel?: string;
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
+    align?: CLAlign;
+    /** Sets the aria-label on the banner if the `onClick` property has been set. It should be used when the `onClick` property has been set. */
+    ariaLabel?: string;
+    /** A boolean value when set to `true`, adds a border to the banner.  */
+    bordered?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
+    busy?: boolean;
+    /** Sets the color of the Badge. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Sets the height of the Banner, it's default value is `auto`. */
+    height?: string;
+    /** The text to be displayed as the message. */
+    message?: string;
+    /** A callback function to handle click events  */
+    onAction?: CLGenericFunction;
+    /** A callback function to handle click events. It should be used when in conjunction with the `ariaLabel` property. */
+    onClick?: CLGenericFunction;
+    /** A callback function to handle when the banner is dismissed. */
+    onDismiss?: CLGenericFunction;
+    /** When set to `false` it will not render a Banner with rounded corners. */
+    rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the text of the title which should be displayed. */
+    title?: string;
+    /** Sets the width of the Banner, it's default value is `100%`. */
+    width?: string;
+    /** Sets the color variant. The property can be one of `ColorVariants.Ghost | ColorVariants.Outline | ColorVariants.Soft | ColorVariants.Solid`, e.g `CLColorVariants.Soft`. */
+    variant?: CLColorVariants.Ghost | CLColorVariants.Outline | CLColorVariants.Soft | CLColorVariants.Solid;
+}
+declare const _default: import('vue').DefineComponent<CLBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLBannerProps> & Readonly<{}>, {
+    color: CLColors;
+    width: string;
+    height: string;
+    variant: CLColorVariants.Ghost | CLColorVariants.Outline | CLColorVariants.Soft | CLColorVariants.Solid;
+    testId: string;
+    align: CLAlign;
+    bordered: boolean;
+    busy: boolean;
+    rounded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Indicators/CLBanner/index.d.ts

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

package/dist/components/Indicators/{CLPill.vue.d.ts → CLPill/CLPill.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLGenericFunction, CLIconNames, CLColors, CLColorVariants } from '../../index.ts';
-export interface Props {
+import { CLGenericFunction, CLIconNames, CLColors, CLColorVariants } from '../../../index.ts';
+export interface CLPillProps {
     /** Sets the color of the Pill. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;
     /** The count to display in the Pill. */
@@ -16,10 +16,10 @@ export interface Props {
     rounded?: boolean;
     /** Sets a custom ID used for unit tests. */
     testId?: string;
-    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    /** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
     variant?: CLColorVariants;
 }
-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<CLPillProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLPillProps> & Readonly<{}>, {
     color: CLColors;
     variant: CLColorVariants;
     elevated: boolean;

package/dist/components/Indicators/CLPill/index.d.ts

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

package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts

@@ -0,0 +1,32 @@
+import { CLColors, CLSizes } from '../../../index.ts';
+export interface CLProgressProps {
+    /** The color of the progress bar */
+    color?: CLColors;
+    /** Set to true to invert the direction of the progress bar */
+    inverted?: boolean;
+    /** When set to `false` it will not render with rounded corners */
+    rounded?: boolean;
+    /** The size of the progress bar */
+    size?: CLSizes;
+    /** Set the value to true to display the current progress value above the bar */
+    status?: boolean;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: number;
+} & CLProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: number;
+} & CLProgressProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    color: CLColors;
+    testId: string;
+    rounded: boolean;
+    size: CLSizes;
+    inverted: boolean;
+    status: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Indicators/CLProgress/index.d.ts

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

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

@@ -1,9 +1,4 @@
-import { default as CLBadge } from './CLBadge.vue';
-import { default as CLBanner } from './CLBanner.vue';
-import { default as CLPill } from './CLPill.vue';
-import { default as CLProgress } from './Progress/CLProgress.vue';
-export { CLBadge, CLBanner, CLPill, CLProgress };
-export type CLBadge = InstanceType<typeof CLBadge>;
-export type CLBanner = InstanceType<typeof CLBanner>;
-export type CLPill = InstanceType<typeof CLPill>;
-export type CLProgress = InstanceType<typeof CLProgress>;
+export { CLBadge } from './CLBadge';
+export { CLBanner } from './CLBanner';
+export { CLPill } from './CLPill';
+export { CLProgress } from './CLProgress';

package/dist/components/Loading/{CLSkeleton.vue.d.ts → CLSkeleton/CLSkeleton.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLBorderRadius } from '../../index.ts';
-export interface Props {
+import { CLBorderRadius } from '../../../index.ts';
+export interface CLSkeletonProps {
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
     /** Sets the height of the Skeleton, it's default value is `100%`. */
@@ -11,7 +11,7 @@ export interface Props {
     /** Sets the width of the Skeleton, it's default value is `100%`. */
     width?: string;
 }
-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<CLSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLSkeletonProps> & Readonly<{}>, {
     width: string;
     height: string;
     testId: string;

package/dist/components/Loading/CLSkeleton/index.d.ts

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

package/dist/components/Loading/{CLSpinner.vue.d.ts → CLSpinner/CLSpinner.vue.d.ts}

@@ -1,6 +1,6 @@
-import { CLAlign, CLPosition, CLSizes, CLColors } from '../../index.ts';
-export interface Props {
-    /** Set the horizontal alignment of the Spinner on the page. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
+import { CLAlign, CLPosition, CLSizes, CLColors } from '../../../index.ts';
+export interface CLSpinnerProps {
+    /** Set the horizontal alignment of the Spinner on the page. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
     align?: CLAlign;
     /** Sets the color of the Spinner. The property can be one of `CLColors`, e.g. `CLColors.Primary` */
     color?: CLColors;
@@ -11,7 +11,7 @@ export interface Props {
     /** Sets a custom ID used for unit tests. */
     testId?: string;
 }
-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<CLSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLSpinnerProps> & Readonly<{}>, {
     color: CLColors;
     testId: string;
     align: CLAlign;

package/dist/components/Loading/CLSpinner/index.d.ts

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

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

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

package/dist/components/Modals/{CLModal.vue.d.ts → CLModal/CLModal.vue.d.ts}

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLGenericFunction } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLGenericFunction } from '../../../index.ts';
+export interface CLModalProps {
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
     /** Display a close button to dismiss the modal. It's default value is `true`. */
@@ -12,6 +12,8 @@ interface Props {
     fullscreen?: boolean;
     /** When set to `true`, the Modal is visible. */
     isOpen?: boolean;
+    /** Sets the max width of the modal, it's default value is `640px`. */
+    maxWidth?: string;
     /** The unique identifier of the Modal. */
     modalId: string;
     /** A callback function to be called when the Modal is closed. */
@@ -22,46 +24,36 @@ interface Props {
     testId?: string;
     /** The title content of the Modal. */
     title?: string;
-    /** Sets the max width of the modal, it's default value is `640px`. */
-    maxWidth?: string;
     /** The z-index of the Modal. */
     zIndex?: number | string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        body?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {
-        'modal-window': HTMLDivElement;
-        'overlay-ref': HTMLDivElement;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "modal-open": () => any;
     "modal-close": () => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<CLModalProps> & Readonly<{
     "onModal-open"?: (() => any) | undefined;
     "onModal-close"?: (() => any) | undefined;
 }>, {
-    testId: string;
+    title: string;
+    borderRadius: CLBorderRadius;
     close: boolean;
+    testId: string;
     isOpen: boolean;
     zIndex: number | string;
     closeBorderRadius: CLBorderRadius;
     dismissible: boolean;
     fullscreen: boolean;
-    overlay: boolean;
     maxWidth: string;
+    onClose: CLGenericFunction;
+    overlay: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'modal-window': HTMLDivElement;
     'overlay-ref': HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, any>, {
+    header?(_: {}): any;
+    body?(_: {}): any;
+    footer?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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>;