@coreui/vue-pro 5.0.0-alpha.0 → 5.0.0-beta.0

package/dist/esm/components/form/CFormControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormControlWrapper.js","sources":["../../../../src/components/form/CFormControlWrapper.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMM,MAAA,mBAAmB,GAAG,eAAe,CAAC;AAC1C,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;QACL,GAAG,sBAAsB,CAAC,KAAK;AAC/B;;;;AAIG;AACH,QAAA,aAAa,EAAE,MAAM;AACrB;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;;;AAIG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;;;AAIG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,qBAAqB,GAAG,MAC5B,CAAC,CACC,sBAAsB,EACtB;YACE,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,EACD;YACE,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE;AAC5E,YAAA,IAAI,KAAK,CAAC,eAAe,IAAI;gBAC3B,eAAe,EAAE,MAAM,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,EAAE;aACxE;AACD,YAAA,IAAI,KAAK,CAAC,aAAa,IAAI;gBACzB,aAAa,EAAE,MAAM,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,EAAE;aACtE;AACF,SAAA,CACF,CAAA;AAEH,QAAA,OAAO,MACL,KAAK,CAAC,aAAa;AACjB,cAAE,CAAC,CAAC,aAAa,EAAE,MAAM;AACrB,gBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;gBAChC,CAAC,CACC,UAAU,EACV;oBACE,GAAG,EAAE,KAAK,CAAC,EAAE;iBACd,EACD;oBACE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,aAAa;iBACpF,CACF;AACD,gBAAA,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI;oBACvB,CAAC,CACC,SAAS,EACT;wBACE,EAAE,EAAE,KAAK,CAAC,WAAW;qBACtB,EACD;AACE,wBAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI;qBAC1D,CACF;AACH,gBAAA,qBAAqB,EAAE;aACxB,CAAC;AACJ,cAAE;AACE,gBAAA,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;oBACzB,CAAC,CACC,UAAU,EACV;wBACE,GAAG,EAAE,KAAK,CAAC,EAAE;qBACd,EACD;AACE,wBAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK;qBAC7D,CACF;AACH,gBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,gBAAA,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI;oBACvB,CAAC,CACC,SAAS,EACT;wBACE,EAAE,EAAE,KAAK,CAAC,WAAW;qBACtB,EACD;AACE,wBAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI;qBAC1D,CACF;AACH,gBAAA,qBAAqB,EAAE;aACxB,CAAA;KACR;AACF,CAAA;;;;"}

package/dist/esm/components/form/CFormFeedback.d.ts

@@ -0,0 +1,49 @@
+declare const CFormFeedback: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * If your form layout allows it, you can display validation feedback in a styled tooltip.
+     */
+    tooltip: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * If your form layout allows it, you can display validation feedback in a styled tooltip.
+     */
+    tooltip: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}>>, {
+    invalid: boolean;
+    component: string;
+    tooltip: boolean;
+    valid: boolean;
+}, {}>;
+export { CFormFeedback };

package/dist/esm/components/form/CFormFeedback.js

@@ -0,0 +1,39 @@
+import { defineComponent, h } from 'vue';
+
+const CFormFeedback = defineComponent({
+    name: 'CFormFeedback',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'div',
+        },
+        /**
+         * Method called immediately after the `value` prop changes.
+         */
+        invalid: Boolean,
+        /**
+         * If your form layout allows it, you can display validation feedback in a styled tooltip.
+         */
+        tooltip: Boolean,
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, {
+            class: [
+                {
+                    [`invalid-${props.tooltip ? 'tooltip' : 'feedback'}`]: props.invalid,
+                    [`valid-${props.tooltip ? 'tooltip' : 'feedback'}`]: props.valid,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+export { CFormFeedback };
+//# sourceMappingURL=CFormFeedback.js.map

package/dist/esm/components/form/CFormFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFeedback.js","sources":["../../../../src/components/form/CFormFeedback.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AAChB;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AAChB;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,CAAC,WAAW,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA,CAAE,GAAG,KAAK,CAAC,OAAO;AACpE,oBAAA,CAAC,SAAS,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA,CAAE,GAAG,KAAK,CAAC,KAAK;AACjE,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/form/CFormFloating.d.ts

@@ -0,0 +1,4 @@
+declare const CFormFloating: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CFormFloating };

package/dist/esm/components/form/CFormFloating.js

@@ -0,0 +1,13 @@
+import { defineComponent, h } from 'vue';
+
+const CFormFloating = defineComponent({
+    name: 'CFormFloating',
+    setup(_, { slots }) {
+        return () => h('div', {
+            class: 'form-floating',
+        }, slots.default && slots.default());
+    },
+});
+
+export { CFormFloating };
+//# sourceMappingURL=CFormFloating.js.map

package/dist/esm/components/form/CFormFloating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFloating.js","sources":["../../../../src/components/form/CFormFloating.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE,eAAe;SACvB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/form/CFormInput.d.ts

@@ -0,0 +1,357 @@
+export declare const File: {
+    new (value?: any): {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    getPrototypeOf(o: any): any;
+    getOwnPropertyDescriptor(o: any, p: PropertyKey): PropertyDescriptor | undefined;
+    getOwnPropertyNames(o: any): string[];
+    create(o: object | null): any;
+    create(o: object | null, properties: PropertyDescriptorMap & ThisType<any>): any;
+    defineProperty<T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>): T;
+    defineProperties<T_1>(o: T_1, properties: PropertyDescriptorMap & ThisType<any>): T_1;
+    seal<T_2>(o: T_2): T_2;
+    freeze<T_3 extends Function>(f: T_3): T_3;
+    freeze<T_4 extends {
+        [idx: string]: object | U | null | undefined;
+    }, U extends string | number | bigint | boolean | symbol>(o: T_4): Readonly<T_4>;
+    freeze<T_5>(o: T_5): Readonly<T_5>;
+    preventExtensions<T_6>(o: T_6): T_6;
+    isSealed(o: any): boolean;
+    isFrozen(o: any): boolean;
+    isExtensible(o: any): boolean;
+    keys(o: object): string[];
+    keys(o: {}): string[];
+    assign<T_7 extends {}, U_1>(target: T_7, source: U_1): T_7 & U_1;
+    assign<T_8 extends {}, U_2, V>(target: T_8, source1: U_2, source2: V): T_8 & U_2 & V;
+    assign<T_9 extends {}, U_3, V_1, W>(target: T_9, source1: U_3, source2: V_1, source3: W): T_9 & U_3 & V_1 & W;
+    assign(target: object, ...sources: any[]): any;
+    getOwnPropertySymbols(o: any): symbol[];
+    is(value1: any, value2: any): boolean;
+    setPrototypeOf(o: any, proto: object | null): any;
+    values<T_10>(o: {
+        [s: string]: T_10;
+    } | ArrayLike<T_10>): T_10[];
+    values(o: {}): any[];
+    entries<T_11>(o: {
+        [s: string]: T_11;
+    } | ArrayLike<T_11>): [string, T_11][];
+    entries(o: {}): [string, any][];
+    getOwnPropertyDescriptors<T_12>(o: T_12): { [P in keyof T_12]: TypedPropertyDescriptor<T_12[P]>; } & {
+        [x: string]: PropertyDescriptor;
+    };
+    fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
+        [k: string]: T_13;
+    };
+    fromEntries(entries: Iterable<readonly any[]>): any;
+} | {
+    new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+    prototype: File;
+};
+declare const CFormInput: import("vue").DefineComponent<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: StringConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: StringConstructor;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: StringConstructor;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: StringConstructor;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: (NumberConstructor | StringConstructor | {
+        new (value?: any): {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        getPrototypeOf(o: any): any;
+        getOwnPropertyDescriptor(o: any, p: PropertyKey): PropertyDescriptor | undefined;
+        getOwnPropertyNames(o: any): string[];
+        create(o: object | null): any;
+        create(o: object | null, properties: PropertyDescriptorMap & ThisType<any>): any;
+        defineProperty<T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>): T;
+        defineProperties<T_1>(o: T_1, properties: PropertyDescriptorMap & ThisType<any>): T_1;
+        seal<T_2>(o: T_2): T_2;
+        freeze<T_3 extends Function>(f: T_3): T_3;
+        freeze<T_4 extends {
+            [idx: string]: object | U | null | undefined;
+        }, U extends string | number | bigint | boolean | symbol>(o: T_4): Readonly<T_4>;
+        freeze<T_5>(o: T_5): Readonly<T_5>;
+        preventExtensions<T_6>(o: T_6): T_6;
+        isSealed(o: any): boolean;
+        isFrozen(o: any): boolean;
+        isExtensible(o: any): boolean;
+        keys(o: object): string[];
+        keys(o: {}): string[];
+        assign<T_7 extends {}, U_1>(target: T_7, source: U_1): T_7 & U_1;
+        assign<T_8 extends {}, U_2, V>(target: T_8, source1: U_2, source2: V): T_8 & U_2 & V;
+        assign<T_9 extends {}, U_3, V_1, W>(target: T_9, source1: U_3, source2: V_1, source3: W): T_9 & U_3 & V_1 & W;
+        assign(target: object, ...sources: any[]): any;
+        getOwnPropertySymbols(o: any): symbol[];
+        is(value1: any, value2: any): boolean;
+        setPrototypeOf(o: any, proto: object | null): any;
+        values<T_10>(o: {
+            [s: string]: T_10;
+        } | ArrayLike<T_10>): T_10[];
+        values(o: {}): any[];
+        entries<T_11>(o: {
+            [s: string]: T_11;
+        } | ArrayLike<T_11>): [string, T_11][];
+        entries(o: {}): [string, any][];
+        getOwnPropertyDescriptors<T_12>(o: T_12): { [P in keyof T_12]: TypedPropertyDescriptor<T_12[P]>; } & {
+            [x: string]: PropertyDescriptor;
+        };
+        fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
+            [k: string]: T_13;
+        };
+        fromEntries(entries: Iterable<readonly any[]>): any;
+    } | {
+        new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+        prototype: File;
+    })[];
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText: BooleanConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm' | 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: StringConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'color' | 'file' | 'text' | string
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: StringConstructor;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: StringConstructor;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: StringConstructor;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: StringConstructor;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: StringConstructor;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: StringConstructor;
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: (NumberConstructor | StringConstructor | {
+        new (value?: any): {
+            constructor: Function;
+            toString(): string;
+            toLocaleString(): string;
+            valueOf(): Object;
+            hasOwnProperty(v: PropertyKey): boolean;
+            isPrototypeOf(v: Object): boolean;
+            propertyIsEnumerable(v: PropertyKey): boolean;
+        };
+        getPrototypeOf(o: any): any;
+        getOwnPropertyDescriptor(o: any, p: PropertyKey): PropertyDescriptor | undefined;
+        getOwnPropertyNames(o: any): string[];
+        create(o: object | null): any;
+        create(o: object | null, properties: PropertyDescriptorMap & ThisType<any>): any;
+        defineProperty<T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>): T;
+        defineProperties<T_1>(o: T_1, properties: PropertyDescriptorMap & ThisType<any>): T_1;
+        seal<T_2>(o: T_2): T_2;
+        freeze<T_3 extends Function>(f: T_3): T_3;
+        freeze<T_4 extends {
+            [idx: string]: object | U | null | undefined;
+        }, U extends string | number | bigint | boolean | symbol>(o: T_4): Readonly<T_4>;
+        freeze<T_5>(o: T_5): Readonly<T_5>;
+        preventExtensions<T_6>(o: T_6): T_6;
+        isSealed(o: any): boolean;
+        isFrozen(o: any): boolean;
+        isExtensible(o: any): boolean;
+        keys(o: object): string[];
+        keys(o: {}): string[];
+        assign<T_7 extends {}, U_1>(target: T_7, source: U_1): T_7 & U_1;
+        assign<T_8 extends {}, U_2, V>(target: T_8, source1: U_2, source2: V): T_8 & U_2 & V;
+        assign<T_9 extends {}, U_3, V_1, W>(target: T_9, source1: U_3, source2: V_1, source3: W): T_9 & U_3 & V_1 & W;
+        assign(target: object, ...sources: any[]): any;
+        getOwnPropertySymbols(o: any): symbol[];
+        is(value1: any, value2: any): boolean;
+        setPrototypeOf(o: any, proto: object | null): any;
+        values<T_10>(o: {
+            [s: string]: T_10;
+        } | ArrayLike<T_10>): T_10[];
+        values(o: {}): any[];
+        entries<T_11>(o: {
+            [s: string]: T_11;
+        } | ArrayLike<T_11>): [string, T_11][];
+        entries(o: {}): [string, any][];
+        getOwnPropertyDescriptors<T_12>(o: T_12): { [P in keyof T_12]: TypedPropertyDescriptor<T_12[P]>; } & {
+            [x: string]: PropertyDescriptor;
+        };
+        fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
+            [k: string]: T_13;
+        };
+        fromEntries(entries: Iterable<readonly any[]>): any;
+    } | {
+        new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+        prototype: File;
+    })[];
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText: BooleanConstructor;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm' | 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: StringConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Specifies the type of component.
+     *
+     * @values 'color' | 'file' | 'text' | string
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    invalid: boolean;
+    type: string;
+    disabled: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
+    readonly: boolean;
+    plainText: boolean;
+}, {}>;
+export { CFormInput };

package/dist/esm/components/form/CFormInput.js

@@ -0,0 +1,173 @@
+import { defineComponent, h } from 'vue';
+import { CFormControlWrapper } from './CFormControlWrapper.js';
+
+const File = typeof window === 'undefined' ? class File extends Object {
+} : window.File;
+const CFormInput = defineComponent({
+    name: 'CFormInput',
+    props: {
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        // Inherited Props from CFormControlWrapper
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.3.0
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.3.0
+         */
+        feedbackInvalid: String,
+        /**
+         * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         *
+         * @since 4.3.0
+         */
+        feedbackValid: String,
+        /**
+         * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         *
+         * @since 4.3.0
+         */
+        floatingLabel: String,
+        /**
+         * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+         */
+        id: String,
+        /**
+         * Set component validation state to invalid.
+         */
+        invalid: Boolean,
+        /**
+         * Add a caption for a component.
+         *
+         * @since 4.3.0
+         */
+        label: String,
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: [File, Number, String],
+        /**
+         * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+         */
+        plainText: Boolean,
+        /**
+         * Toggle the readonly state for the component.
+         */
+        readonly: Boolean,
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm' | 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Add helper text to the component.
+         *
+         * @since 4.3.0
+         */
+        text: String,
+        /**
+         * Display validation feedback in a styled tooltip.
+         *
+         * @since 4.3.0
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Specifies the type of component.
+         *
+         * @values 'color' | 'file' | 'text' | string
+         */
+        type: {
+            type: String,
+            default: 'text',
+        },
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+    },
+    emits: [
+        /**
+         * Event occurs when the element loses focus, after the content has been changed.
+         */
+        'change',
+        /**
+         * Event occurs immediately after the value of a component has changed.
+         */
+        'input',
+        /**
+         * Emit the new value whenever there’s an input or change event.
+         */
+        'update:modelValue',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', event);
+            emit('update:modelValue', target.value);
+        };
+        const handleInput = (event) => {
+            const target = event.target;
+            emit('input', event);
+            emit('update:modelValue', target.value);
+        };
+        return () => h(CFormControlWrapper, {
+            describedby: attrs['aria-describedby'],
+            feedback: props.feedback,
+            feedbackInvalid: props.feedbackInvalid,
+            feedbackValid: props.feedbackValid,
+            floatingLabel: props.floatingLabel,
+            id: props.id,
+            invalid: props.invalid,
+            label: props.label,
+            text: props.text,
+            tooltipFeedback: props.tooltipFeedback,
+            valid: props.valid,
+        }, {
+            default: () => h('input', {
+                id: props.id,
+                ...attrs,
+                class: [
+                    props.plainText ? 'form-control-plaintext' : 'form-control',
+                    {
+                        'form-control-color': props.type === 'color',
+                        [`form-control-${props.size}`]: props.size,
+                        'is-invalid': props.invalid,
+                        'is-valid': props.valid,
+                    },
+                    attrs.class,
+                ],
+                disabled: props.disabled,
+                onChange: (event) => handleChange(event),
+                onInput: (event) => handleInput(event),
+                readonly: props.readonly,
+                type: props.type,
+                ...((props.modelValue || props.modelValue === 0) && { value: props.modelValue }),
+            }, slots.default && slots.default()),
+            ...(slots.feedback && { feedback: () => slots.feedback && slots.feedback() }),
+            ...(slots.feedbackInvalid && {
+                feedbackInvalid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+            }),
+            ...(slots.feedbackValid && {
+                feedbackValid: () => slots.feedbackInvalid && slots.feedbackInvalid(),
+            }),
+            ...(slots.label && { label: () => slots.label && slots.label() }),
+            ...(slots.text && { text: () => slots.text && slots.text() }),
+        });
+    },
+});
+
+export { CFormInput, File };
+//# sourceMappingURL=CFormInput.js.map

package/dist/esm/components/form/CFormInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormInput.js","sources":["../../../../src/components/form/CFormInput.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/form/CFormLabel.d.ts

@@ -0,0 +1,14 @@
+declare const CFormLabel: import("vue").DefineComponent<{
+    /**
+     * A string of all className you want to be applied to the component, and override standard className value.
+     */
+    customClassName: (StringConstructor | ArrayConstructor)[];
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A string of all className you want to be applied to the component, and override standard className value.
+     */
+    customClassName: (StringConstructor | ArrayConstructor)[];
+}>>, {}, {}>;
+export { CFormLabel };