@propelinc/citrus-ui 1.0.4 → 1.3.0

package/dist/components/CPill.vue.d.ts

@@ -0,0 +1,41 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** The icon to display. */
+    icon?: string | string[] | IconDefinition;
+    /**
+     * By default, this is a boolean that determines if the pill is selected or
+     * not. If in a pill group, this is a string that identifies this pill.
+     */
+    value?: boolean | string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+        icon?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+        icon?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: () => any;
+    input: (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onInput?: ((value: boolean) => any) | undefined;
+}>, {
+    value: boolean | string;
+    icon: string | string[] | IconDefinition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CPillGroup.vue.d.ts

@@ -0,0 +1,39 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FaIcon } from '../types/font-awesome';
+interface PillConfig {
+    label: string;
+    value: string;
+    icon?: FaIcon;
+}
+type __VLS_Props = {
+    /** A list of pills to display. This is overwritten by the default slot. */
+    options?: PillConfig[];
+    /** Specifies which pill is selected. */
+    value?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    input: (value: string | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInput?: ((value: string | undefined) => any) | undefined;
+}>, {
+    value: string;
+    options: PillConfig[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CPopup.vue.d.ts

@@ -0,0 +1,37 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    value?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+        content?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+        content?: () => VNode[];
+    };
+    refs: {
+        popup: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    mouseleave: () => any;
+    "outside-click": () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMouseleave?: (() => any) | undefined;
+    "onOutside-click"?: (() => any) | undefined;
+}>, {
+    value: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    popup: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CProgressLinear.vue.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** Customizes screen reader only text alternative, should be translated */
+    accessibleText?: string;
+    /** Selector for testing */
+    dataTest?: string;
+    /** Renders an indefinite loading state */
+    indeterminate?: boolean;
+    /** Rounds the progress bar */
+    rounded?: boolean;
+    /** The current progress from 0 to 100 */
+    value?: number | string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    value: number | string;
+    dataTest: string;
+    accessibleText: string;
+    indeterminate: boolean;
+    rounded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/CProgressRing.vue.d.ts

@@ -0,0 +1,48 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { default as Colors, HexColor } from '../colors/colors';
+type __VLS_Props = {
+    /** Customizes screen reader only text alternative, should be translated */
+    accessibleText?: string;
+    /** Selector for testing */
+    dataTest?: string;
+    /** The current progress, from 0 to valueMax */
+    value?: number | string;
+    /** Total progress */
+    valueMax?: number | string;
+    /** The outer diameter of the progress ring, in px */
+    size?: number | string;
+    /** The width of the progress ring, in px */
+    trackWidth?: number | string;
+    /** Sets the indicator color */
+    color?: HexColor | keyof typeof Colors;
+    /** Sets the track color underneath the indicator */
+    trackColor?: HexColor | keyof typeof Colors;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    value: number | string;
+    size: number | string;
+    dataTest: string;
+    accessibleText: string;
+    color: HexColor | keyof typeof Colors;
+    trackColor: HexColor | keyof typeof Colors;
+    valueMax: number | string;
+    trackWidth: number | string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CRadio.vue.d.ts

@@ -0,0 +1,40 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    value: any;
+    id?: string | null;
+    label?: string | null;
+    dataTest?: string;
+    hideRadio?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: () => VNode[];
+    }> & {
+        label?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: (event: Event) => any;
+    blur: () => any;
+    focus: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+}>, {
+    label: string | null;
+    id: string | null;
+    dataTest: string;
+    hideRadio: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CRadioGroup.vue.d.ts

@@ -0,0 +1,54 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Rules } from '../composables/validations';
+type __VLS_Props = {
+    value?: any;
+    id?: string | null;
+    dataTest?: string;
+    label?: string | null;
+    column?: boolean;
+    mandatory?: boolean;
+    rules?: Rules<string>;
+    hideDetails?: boolean | 'auto';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: () => VNode[];
+        default?: () => VNode[];
+        message?: () => VNode[];
+    }> & {
+        label?: () => VNode[];
+        default?: () => VNode[];
+        message?: () => VNode[];
+    };
+    refs: {
+        radioGroup: HTMLFieldSetElement;
+    };
+    rootEl: HTMLFieldSetElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+    input: (value: any) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    onInput?: ((value: any) => any) | undefined;
+}>, {
+    label: string | null;
+    id: string | null;
+    value: any;
+    dataTest: string;
+    rules: Rules<string>;
+    hideDetails: boolean | "auto";
+    column: boolean;
+    mandatory: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    radioGroup: HTMLFieldSetElement;
+}, HTMLFieldSetElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CRebrand.vue.d.ts

@@ -0,0 +1,28 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * NOTE(slanden): This component is no longer used. We are keeping it around for now
+ * because it is used in the CMS, but other than applying the w-100 class, it has
+ * no effect. We will remove this component in a future PR.
+ */
+type __VLS_Props = {
+    fullWidth?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fullWidth: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CRow.vue.d.ts

@@ -0,0 +1,41 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** Applies the align-items css property.
+     * Available options are: start, center, end and stretch. */
+    align?: 'center' | 'start' | 'end' | 'stretch' | null;
+    /** Applies the align-content css property.
+     * Available options are: start, center, end, and stretch. */
+    alignContent?: 'center' | 'start' | 'end' | 'stretch' | null;
+    /**  Reduces the gutter between c-cols. */
+    dense?: boolean;
+    /** Removes the gutter between c-cols. */
+    noGutters?: boolean;
+    /** Applies the justify-content css property.
+     * Available options are: start, center, end, space-between and space-around. */
+    justify?: 'center' | 'start' | 'end' | 'space-between' | 'space-around' | null;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "center" | "start" | "end" | "stretch" | null;
+    alignContent: "center" | "start" | "end" | "stretch" | null;
+    dense: boolean;
+    noGutters: boolean;
+    justify: "center" | "start" | "end" | "space-between" | "space-around" | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSafeArea.vue.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSectionHeader.vue.d.ts

@@ -0,0 +1,29 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** The tag used for the title text. */
+    tag?: string;
+    /** The title text to display. */
+    title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        append?: () => VNode[];
+    }> & {
+        append?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    tag: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSelect.vue.d.ts

@@ -0,0 +1,96 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface SelectItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    /** Overrides label for screenreader-only */
+    ariaLabel?: string;
+    /** Prefix for test selectors */
+    dataTest?: string;
+    /** Controls whether the select is disabled */
+    disabled?: boolean;
+    /**
+     * Hides the validation message area. Defaults to `false` (show message area even
+     * when valid), so validations transition in gracefully.
+     *
+     * If set to 'auto', the validation message area will only display if there is a message.
+     */
+    hideDetails?: boolean | 'auto';
+    /** Hides the label and instead labels the field with `aria-label` */
+    hideLabel?: boolean;
+    /** Assigns the select input's id */
+    id?: string;
+    /** List of options like `{ label: 'Yes', value: 'yes' }` */
+    items?: SelectItem[];
+    /** The select's label, both visual and screenreader-only */
+    label?: string;
+    /** Controls whether the select is loading */
+    loading?: boolean;
+    /** Set the select's placeholder text */
+    placeholder?: string;
+    /**  If true, the select will be required */
+    required?: boolean;
+    /**
+     * An array of functions that either return either true / false or a string
+     * containing an error message. The component passes the input value as an
+     * argument. The input field will enter an error state if a function does
+     * not return true.
+     */
+    rules?: ((value: string) => string | boolean)[];
+    /** Controls the value of the select */
+    value?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: () => VNode[];
+        message?: () => VNode[];
+    }> & {
+        label?: () => VNode[];
+        message?: () => VNode[];
+    };
+    refs: {
+        select: HTMLSelectElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {
+    startValidating: () => boolean;
+    clearValidations: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    input: (value: string) => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    label: string;
+    id: string;
+    value: string;
+    dataTest: string;
+    placeholder: string;
+    loading: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    rules: ((value: string) => string | boolean)[];
+    required: boolean;
+    hideDetails: boolean | "auto";
+    hideLabel: boolean;
+    items: SelectItem[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    select: HTMLSelectElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSkeleton.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CSkeletonLoaderCard.vue.d.ts

@@ -0,0 +1,9 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** Controls the height of the skeleton loader card */
+    height?: number | string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: number | string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CSkeletonLoaderCircle.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CSkeletonLoaderText.vue.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type SkeletonLoaderType = 'balance' | 'body' | 'caption' | 'eyebrow' | 'headline' | 'large-headline' | 'overline' | 'statement' | 'subheadline' | 'wallet-caption' | 'x-large-headline';
+type __VLS_Props = {
+    /** Applies the align-items css property. */
+    align?: 'center' | 'start' | 'end';
+    /** Controls how many rows of loading text are shown */
+    rows?: number;
+    /** Controls the appearance of the loading text */
+    type?: SkeletonLoaderType;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: SkeletonLoaderType;
+    align: "center" | "start" | "end";
+    rows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CSlideFadeTransition.vue.d.ts

@@ -0,0 +1,36 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type Direction = 'to-left' | 'to-right' | 'to-top' | 'to-bottom';
+type __VLS_Props = {
+    /**
+     * The amount of pixels to slide the elements in or out. Should be >= 0
+     * @default 20
+     */
+    amount?: number;
+    /**
+     * Changes the direction of the slide fade transition
+     * @default 'to-left'
+     */
+    direction?: Direction;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => VNode[];
+    }> & {
+        default: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    amount: number;
+    direction: Direction;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSplitInput.vue.d.ts

@@ -0,0 +1,56 @@
+import { HTMLAttributes, VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Rules } from '../composables/validations';
+import { SplitInputField } from '../types';
+type __VLS_Props = {
+    /** Controls the underlying input's autocomplete attribute */
+    autocomplete?: string;
+    /** Custom data-test selector */
+    dataTest?: string;
+    /** Controls whether the input is disabled */
+    disabled?: boolean;
+    /** The fields for each of the split inputs of type SplitInputField */
+    fields: SplitInputField[];
+    /** A hint to show the appropriate virtual keyboard, e.g. "numeric". */
+    inputmode?: HTMLAttributes['inputmode'];
+    /** The input's label */
+    label?: string | null;
+    /** The input's name */
+    name?: string;
+    /** Validation rules */
+    rules?: Rules<string>;
+    /** The input's type, either text or tel */
+    type?: 'text' | 'tel';
+    /** The input's value */
+    value?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: () => VNode[];
+        message?: () => VNode[];
+    }> & {
+        label?: () => VNode[];
+        message?: () => VNode[];
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "text" | "tel";
+    label: string | null;
+    value: string;
+    dataTest: string;
+    name: string;
+    disabled: boolean;
+    rules: Rules<string>;
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
+    autocomplete: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CSquaredIcon.vue.d.ts

@@ -0,0 +1,33 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** The background color */
+    color?: string;
+    /** The Font Awesome icon to display */
+    icon?: string | string[] | IconDefinition | null;
+    /** Makes the icon and background larger */
+    large?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string | string[] | IconDefinition | null;
+    color: string;
+    large: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};