@codeandfunction/callaloo 3.12.1 → 3.12.3

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

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

@@ -1,5 +1,5 @@
-import { CLLinkTarget, CLColors, CLGenericFunction } from '../../index.ts';
-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.ts';
-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.ts';
-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>;