@codeandfunction/callaloo 3.12.1 → 3.12.3

package/dist/components/Containers/CLCard/CLCard.vue.d.ts

@@ -0,0 +1,105 @@
+import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLGenericFunction, CLHeadingLevels, CLHeadingTypes, CLLinkTarget, CLLoading, CLOrder } from '../../../index.ts';
+export interface CLCardProps {
+    /** When set to `true`, it elevates the card to indicate its active state */
+    active?: boolean;
+    /** Set the horizontal alignment of content */
+    align?: CLAlign;
+    /** Sets the aria-label if the `onClick` or `href` property has been set */
+    ariaLabel?: string;
+    /** The border radius size */
+    borderRadius?: CLBorderRadius;
+    /** When set to `true`, adds a border to the card */
+    bordered?: boolean;
+    /** When set to `true`, utilizes the `<CLSkeleton />` component for loading state */
+    busy?: boolean;
+    /** Appears below the title for meta data like time and date */
+    byline?: string;
+    /** Sets the color of the Card */
+    color?: CLColors;
+    /** When set to `true`, utilizes a more compact layout */
+    compact?: boolean;
+    /** Displays a shadow to indicate elevation */
+    elevated?: boolean;
+    /** Callback function which provides a reference to the element */
+    forwardRef?: (elem: HTMLDivElement) => void;
+    /** Sets the height of the Card */
+    height?: string;
+    /** Provide a URL for the entire Card to behave as a link */
+    href?: string;
+    /** Provide a URL/relative path to an image to be displayed */
+    image?: string;
+    /** Set the alt text for an image */
+    imageAltText?: string;
+    /** Sets the height of the image */
+    imageHeight?: string;
+    /** Indicates how the browser should load the image */
+    imageLoading?: CLLoading;
+    /** Set the position of the image relative to content */
+    imageOrder?: CLOrder;
+    /** Sets the width of the image */
+    imageWidth?: string;
+    /** Callback function to handle click events */
+    onClick?: CLGenericFunction;
+    /** When set to `false`, removes horizontal and vertical padding */
+    padded?: boolean;
+    /** When set to `false`, renders a Card without rounded corners */
+    rounded?: boolean;
+    /** Sets where to display the linked URL */
+    target?: CLLinkTarget;
+    /** Sets a custom ID used for unit tests */
+    testId?: string;
+    /** Set the text of the title to be displayed */
+    title?: string;
+    /** Set the title heading level */
+    titleHLevel?: CLHeadingLevels;
+    /** Set the title type */
+    titleType?: CLHeadingTypes;
+    /** When set to `true`, truncate the title if it overflows its container */
+    truncateTitle?: boolean;
+    /** Sets the Card type/size */
+    type?: CLCardTypes;
+    /** Sets the color variant */
+    variant?: CLColorVariants;
+    /** Sets the width of the Card */
+    width?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCardProps> & Readonly<{}>, {
+    color: CLColors;
+    width: string;
+    height: string;
+    variant: CLColorVariants;
+    elevated: boolean;
+    testId: string;
+    type: CLCardTypes;
+    align: CLAlign;
+    bordered: boolean;
+    busy: boolean;
+    rounded: boolean;
+    active: boolean;
+    target: CLLinkTarget;
+    compact: boolean;
+    imageAltText: string;
+    imageHeight: string;
+    imageLoading: CLLoading;
+    imageWidth: string;
+    padded: boolean;
+    titleHLevel: CLHeadingLevels;
+    titleType: CLHeadingTypes;
+    truncateTitle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    refExpandedArea: HTMLDivElement;
+    slotContent: HTMLDivElement;
+}, HTMLDivElement>, {
+    heading?(_: {}): any;
+    heading?(_: {}): any;
+    byline?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+    image?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Containers/CLCard/index.d.ts

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

package/dist/components/Containers/{Carousel → CLCarousel}/CLCarousel.vue.d.ts

@@ -1,5 +1,5 @@
-import { CLAlign, CLColors, CLColorVariants, CLPaginationType, CLOrder } from '../../../index';
-export interface Props {
+import { CLAlign, CLColors, CLColorVariants, CLPaginationType, CLOrder } from '../../../index.ts';
+export interface CLCarouselProps {
     /** Sets the color of the carousel navigation components. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;
     /** Set the horizontal alignment of the controls. The property can be one of `CLAlign`, e.g. `CLAlign.Right` */
@@ -22,25 +22,12 @@ export interface Props {
     testId?: string;
     /** Sets the title of the carousel. */
     title?: string;
-    /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
-    width?: string;
     /** Sets the color variant which will be applied to pagination buttons. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
     variant?: CLColorVariants;
+    /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
+    width?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        beforeControls: HTMLDivElement;
-        scrollContainer: HTMLDivElement;
-    };
-    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<CLCarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCarouselProps> & Readonly<{}>, {
     color: CLColors;
     width: string;
     variant: CLColorVariants;
@@ -54,8 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     beforeControls: HTMLDivElement;
     scrollContainer: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, HTMLDivElement>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts

@@ -0,0 +1,37 @@
+import { CLColors, CLColorVariants, CLGenericFunction, CLPaginationType } from '../../../index.ts';
+export interface CLCarouselNavigationProps {
+    /** Sets the color of the navigation components. */
+    color: CLColors;
+    /** The current active page number. */
+    currentPage: number;
+    /** Whether the navigation controls are enabled. */
+    enabled: boolean;
+    /** Function to navigate to a specific page. */
+    gotoPage: (index: number) => void;
+    /** ARIA label for the more button. */
+    moreAriaLabel?: string;
+    /** Label text for the more button. */
+    moreLabel: string;
+    /** Whether the next page button is enabled. */
+    nextPageEnabled: boolean;
+    /** The type of pagination display to use. */
+    paginationType: CLPaginationType;
+    /** CSS class prefix for styling. */
+    prefix: string;
+    /** Whether the previous page button is enabled. */
+    prevPageEnabled: boolean;
+    /** Function to handle showing more items. */
+    showMore?: CLGenericFunction;
+    /** Function to show next page items. */
+    showNextItems?: CLGenericFunction;
+    /** Function to show previous page items. */
+    showPrevItems?: CLGenericFunction;
+    /** Total number of pages available. */
+    totalPages: number;
+    /** Color variant style for the navigation components. */
+    variant: CLColorVariants;
+}
+declare const _default: import('vue').DefineComponent<CLCarouselNavigationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCarouselNavigationProps> & Readonly<{}>, {
+    moreAriaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Containers/CLCarousel/index.d.ts

@@ -0,0 +1,11 @@
+import { default as CLCarouselComponent } from './CLCarousel.vue';
+import { default as CLCarouselSlideComponent } from './CLCarouselSlide.vue';
+declare const CLCarousel: typeof CLCarouselComponent & {
+    Slide: typeof CLCarouselSlideComponent;
+};
+export { CLCarousel };
+export default CLCarousel;
+export type CLCarousel = InstanceType<typeof CLCarouselComponent & {
+    Slide: typeof CLCarouselSlideComponent;
+}>;
+export type CLCarouselSlide = InstanceType<typeof CLCarouselSlideComponent>;

package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts

@@ -0,0 +1,70 @@
+import { CLBorderRadius, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconNames, CLIconSizes, CLSizes, CLTextTypes } from '../../../index.ts';
+export interface CLDisclosureProps {
+    /** When set to `true` adds borders to the disclosure's trigger container and content */
+    bordered?: boolean;
+    /** The border radius size */
+    borderRadius?: CLBorderRadius;
+    /** Sets the color of the Disclosure */
+    color?: CLColors;
+    /** When set to `true`, removes horizontal padding and overrides vertical padding */
+    compact?: boolean;
+    /** When set to `false`, removes horizontal and vertical padding */
+    contentSpacing?: boolean;
+    /** A unique identifier, required for proper handling of multiple disclosures */
+    disclosureId: string;
+    /** Set the expanded state of the disclosure */
+    expanded?: boolean;
+    /** Set the icon to display when the disclosure is expanded */
+    expandedIcon?: CLIconNames;
+    /** Set the text of the heading displayed in the trigger */
+    heading?: string;
+    /** Set the heading level */
+    headingLevel?: CLHeadingLevels;
+    /** Set the heading type */
+    headingType?: CLHeadingTypes;
+    /** Set the icon to display when the disclosure is collapsed */
+    iconAfter?: CLIconNames;
+    /** Set the size of the icon after the heading text */
+    iconAfterSize?: CLIconSizes;
+    /** Set the icon to display before the heading text */
+    iconBefore?: CLIconNames;
+    /** Set the size of the icon before the heading text */
+    iconBeforeSize?: CLIconSizes;
+    /** Set the rounded state of the disclosure */
+    rounded?: boolean;
+    /** Set the text of the sub-heading displayed after the heading */
+    subHeading?: string;
+    /** Set the sub-heading text type */
+    subHeadingType?: CLTextTypes;
+    /** Sets a custom ID used for unit tests */
+    testId?: string;
+    /** Set the size of the trigger button */
+    triggerButtonSize?: CLSizes;
+    /** Sets the color variant */
+    variant?: CLColorVariants;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDisclosureProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDisclosureProps> & Readonly<{}>, {
+    color: CLColors;
+    variant: CLColorVariants;
+    borderRadius: CLBorderRadius;
+    testId: string;
+    bordered: boolean;
+    rounded: boolean;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLIconSizes;
+    compact: boolean;
+    contentSpacing: boolean;
+    expanded: boolean;
+    expandedIcon: CLIconNames;
+    headingType: CLHeadingTypes;
+    subHeadingType: CLTextTypes;
+    triggerButtonSize: CLSizes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Containers/CLDisclosure/index.d.ts

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

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

@@ -1,9 +1,3 @@
-import { default as CLCard } from './CLCard.vue';
-import { default as CLCarousel } from './Carousel/CLCarousel.vue';
-import { default as CLCarouselSlide } from './Carousel/CLCarouselSlide.vue';
-import { default as CLDisclosure } from './CLDisclosure.vue';
-export { CLCard, CLCarousel, CLCarouselSlide, CLDisclosure };
-export type CLCard = InstanceType<typeof CLCard>;
-export type CLCarousel = InstanceType<typeof CLCarousel>;
-export type CLCarouselSlide = InstanceType<typeof CLCarouselSlide>;
-export type CLDisclosure = InstanceType<typeof CLDisclosure>;
+export { CLCard } from './CLCard';
+export { CLCarousel } from './CLCarousel';
+export { CLDisclosure } from './CLDisclosure';

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

@@ -1,5 +1,5 @@
-import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../index.ts';
-interface Props {
+import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../../index.ts';
+export interface CLCheckboxProps {
     /** 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,6 +22,12 @@ interface Props {
     messageType?: CLColors;
     /** A string representing name of the checkbox. The name is submitted along with the checkbox value when the form it belongs to is submitted. */
     name: string;
+    /** A callback function which handles when the checkbox loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the checkbox is clicked. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the checkbox gains focus. */
+    onFocus?: CLGenericFocusFunction;
     /** Set the required state. */
     required?: boolean;
     /** When set to `false` it will not render with rounded corners. */
@@ -34,29 +40,36 @@ interface Props {
     value?: string | number | boolean;
     /** 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 checkbox loses focus. */
-    onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the checkbox is clicked. */
-    onChange?: CLGenericFunction;
-    /** A callback function which handles when the checkbox gains focus. */
-    onFocus?: CLGenericFocusFunction;
 }
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
+declare const _default: import('vue').DefineComponent<{
     modelValue?: boolean;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+} & CLCheckboxProps, {
     checkboxRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: boolean;
+} & CLCheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     color: CLColors;
+    form: string;
+    label: string;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+    borderRadius: CLBorderRadius;
     testId: string;
+    required: boolean;
+    onFocus: CLGenericFocusFunction;
+    onBlur: CLGenericFocusFunction;
+    onChange: CLGenericFunction;
+    ariaLabel: string;
+    busy: boolean;
     rounded: boolean;
+    disabled: boolean;
     size: CLSizes;
+    value: string | number | boolean;
+    messages: string[];
+    messageType: CLColors;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'checkbox-ref': HTMLInputElement;
 }, HTMLDivElement>;

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

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

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