@bobbykim/mcl-forms 0.11.1 → 0.12.1

package/dist/index.d.ts

@@ -3,116 +3,204 @@ import { ColorPalette } from '@bobbykim/manguito-theme';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComponentPublicInstance } from 'vue';
+import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
 import { InputType } from '@bobbykim/manguito-theme';
 import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+invalid: boolean;
+required: boolean;
+groupLabel: boolean;
+disabled: boolean;
 textColor: ColorPalette;
 textSize: BodyText;
 textBold: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: File | null) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+}>, {
+invalid: boolean;
+required: boolean;
+disabled: boolean;
+textColor: ColorPalette;
+bgColor: ColorPalette;
+borderColor: ColorPalette;
+showBorder: boolean;
+showShadow: boolean;
+rounded: boolean;
+accept: string;
+buttonText: string;
+buttonTextColor: ColorPalette;
+buttonColor: ColorPalette;
+showClear: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-textColor: ColorPalette;
+invalid: boolean;
 type: InputType;
 required: boolean;
-showBorder: boolean;
-borderColor: ColorPalette;
-rounded: boolean;
+disabled: boolean;
+textColor: ColorPalette;
+placeholder: string;
 bgColor: ColorPalette;
+borderColor: ColorPalette;
+showBorder: boolean;
 showShadow: boolean;
+rounded: boolean;
 showHighlight: boolean;
 highlightColor: ColorPalette;
-placeholder: string;
-invalid: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_4: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | number | null) => any;
 } & {
 select: (value: string | number) => any;
-clear: () => any;
 open: () => any;
 close: () => any;
+clear: () => any;
 changed: (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
 onSelect?: ((value: string | number) => any) | undefined;
 "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
-onClear?: (() => any) | undefined;
 onOpen?: (() => any) | undefined;
 onClose?: (() => any) | undefined;
+onClear?: (() => any) | undefined;
 onChanged?: ((value: string | number) => any) | undefined;
 }>, {
-textColor: ColorPalette;
+invalid: boolean;
 required: boolean;
-showBorder: boolean;
-borderColor: ColorPalette;
-rounded: boolean;
+disabled: boolean;
+textColor: ColorPalette;
+placeholder: string;
 bgColor: ColorPalette;
+borderColor: ColorPalette;
+showBorder: boolean;
 showShadow: boolean;
+rounded: boolean;
 showHighlight: boolean;
 highlightColor: ColorPalette;
-placeholder: string;
-invalid: boolean;
 iconColor: ColorPalette;
 optionHoverColor: ColorPalette;
 noMatchText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-componentRef: HTMLDivElement;
-inputBox: HTMLInputElement;
-dropdownRef: HTMLUListElement;
+rootRef: HTMLDivElement;
+inputRef: HTMLInputElement;
+dropdownRef: HTMLDivElement;
 }, HTMLDivElement>;
 
+declare const __VLS_component_5: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+invalid: boolean;
+required: boolean;
+disabled: boolean;
+textColor: ColorPalette;
+placeholder: string;
+bgColor: ColorPalette;
+borderColor: ColorPalette;
+showBorder: boolean;
+showShadow: boolean;
+rounded: boolean;
+showHighlight: boolean;
+highlightColor: ColorPalette;
+rows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type __VLS_Props = {
-    labelFor: string;
+    /** Drives both the label's `for` and the descendant control's id. */
+    fieldId?: string;
+    /** Render `<fieldset>`/`<legend>` instead of `<label>`, for radio and checkbox sets. */
+    groupLabel?: boolean;
+    label?: string;
+    helpText?: string;
+    /**
+     * Presence of this prop (or the `invalid-feedback` slot) is what makes the
+     * group own the error region, and it is decided once at setup. Bind it to a
+     * string — use `''` for "no error yet" — not to a possibly-undefined value:
+     * `:invalid-feedback="errors.email"` with `errors.email` undefined at mount
+     * leaves the group not owning the region, and its message never renders.
+     */
+    invalidFeedback?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
     textColor?: ColorPalette;
     textSize?: BodyText;
     textBold?: boolean;
-    label?: string;
 };
 
 declare type __VLS_Props_2 = {
-    id: string;
+    id?: string;
+    name?: string;
+    accept?: string;
+    buttonText?: string;
+    buttonTextColor?: ColorPalette;
+    buttonColor?: ColorPalette;
     showBorder?: boolean;
     borderColor?: ColorPalette;
     rounded?: boolean;
     bgColor?: ColorPalette;
-    buttonText?: string;
-    buttonTextColor?: ColorPalette;
-    buttonColor?: ColorPalette;
-    showShadow?: boolean;
     textColor?: ColorPalette;
+    showShadow?: boolean;
     showClear?: boolean;
+    invalidFeedback?: string;
+    invalid?: boolean;
     required?: boolean;
-    accept?: string;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_3 = {
-    id: string;
-    radioSize?: InputSizeType;
+    id?: string;
+    name?: string;
+    size?: InputSizeType;
     bgColor?: ColorPalette;
-    checkedColor?: ColorPalette;
+    checkedBgColor?: ColorPalette;
+    indicatorColor?: ColorPalette;
+    /** Also the focus-ring colour, via useToggleControl. */
+    borderColor?: ColorPalette;
     showShadow?: boolean;
     value?: string | number;
-    checked?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_4 = {
-    id: string;
-    sliderColor?: ColorPalette;
-    onColor?: ColorPalette;
-    offColor?: ColorPalette;
-    switchSize?: InputSizeType;
+    id?: string;
+    name?: string;
+    size?: InputSizeType;
+    /** The track colour when off. */
+    bgColor?: ColorPalette;
+    /** The track colour when on. */
+    checkedBgColor?: ColorPalette;
+    /** The sliding knob. */
+    indicatorColor?: ColorPalette;
+    borderColor?: ColorPalette;
+    showShadow?: boolean;
     rounded?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_5 = {
-    id: string;
+    id?: string;
+    name?: string;
+    type?: InputType;
+    placeholder?: string;
+    autocomplete?: string;
     showBorder?: boolean;
     borderColor?: ColorPalette;
     rounded?: boolean;
@@ -120,19 +208,21 @@ declare type __VLS_Props_5 = {
     highlightColor?: ColorPalette;
     textColor?: ColorPalette;
     bgColor?: ColorPalette;
-    placeholder?: string;
-    type?: InputType;
     showShadow?: boolean;
-    required?: boolean;
-    invalid?: boolean;
     invalidFeedback?: string;
     minLength?: number;
     maxLength?: number;
     pattern?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_6 = {
-    id: string;
+    options: SelectOptions;
+    id?: string;
+    name?: string;
+    placeholder?: string;
     showBorder?: boolean;
     borderColor?: ColorPalette;
     rounded?: boolean;
@@ -141,42 +231,49 @@ declare type __VLS_Props_6 = {
     textColor?: ColorPalette;
     bgColor?: ColorPalette;
     iconColor?: ColorPalette;
-    placeholder?: string;
-    showShadow?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-    options: SelectOptions;
     optionHoverColor?: ColorPalette;
+    showShadow?: boolean;
     noMatchText?: string;
+    invalidFeedback?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_7 = {
-    id: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    rows?: number;
     showBorder?: boolean;
     borderColor?: ColorPalette;
     rounded?: boolean;
     showHighlight?: boolean;
     highlightColor?: ColorPalette;
-    bgColor?: ColorPalette;
     textColor?: ColorPalette;
-    placeholder?: string;
+    bgColor?: ColorPalette;
     showShadow?: boolean;
-    required?: boolean;
+    invalidFeedback?: string;
     invalid?: boolean;
-    rows?: number;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_8 = {
-    id: string;
-    inputSize?: InputSizeType;
+    id?: string;
+    name?: string;
+    size?: InputSizeType;
     bgColor?: ColorPalette;
     checkedBgColor?: ColorPalette;
-    checkColor?: ColorPalette;
+    indicatorColor?: ColorPalette;
     borderColor?: ColorPalette;
     showShadow?: boolean;
     rounded?: boolean;
+    /** Submitted value when checked; native form behaviour only. */
     value?: string | number;
-    checked?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
 };
 
 declare type __VLS_PublicProps = {
@@ -184,82 +281,124 @@ declare type __VLS_PublicProps = {
 } & __VLS_Props_2;
 
 declare type __VLS_PublicProps_2 = {
+    modelValue?: string | number | null;
+} & __VLS_Props_3;
+
+declare type __VLS_PublicProps_3 = {
     modelValue?: boolean;
 } & __VLS_Props_4;
 
-declare type __VLS_PublicProps_3 = {
+declare type __VLS_PublicProps_4 = {
     modelValue?: string;
 } & __VLS_Props_5;
 
-declare type __VLS_PublicProps_4 = {
+declare type __VLS_PublicProps_5 = {
     modelValue?: string | number | null;
 } & __VLS_Props_6;
 
-declare type __VLS_PublicProps_5 = {
+declare type __VLS_PublicProps_6 = {
     modelValue?: string;
 } & __VLS_Props_7;
 
-declare type __VLS_PublicProps_6 = {
+declare type __VLS_PublicProps_7 = {
     modelValue?: boolean;
 } & __VLS_Props_8;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        default: any;
-        label: any;
+        default?: () => unknown;
+        label?: () => unknown;
+        help?: () => unknown;
+        'invalid-feedback'?: () => unknown;
     }> & {
-        default: any;
-        label: any;
+        default?: () => unknown;
+        label?: () => unknown;
+        help?: () => unknown;
+        'invalid-feedback'?: () => unknown;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
-    slots: {
-        'invalid-feedback'?(_: {}): any;
+    slots: Readonly<{
+        'invalid-feedback'?: () => unknown;
+    }> & {
+        'invalid-feedback'?: () => unknown;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
     };
-    refs: {};
     rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_3(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        dropdown(props: {
-            optionClick: (e: Event, option: string | SelectOptionType) => void;
+        'invalid-feedback'?: () => unknown;
+    }> & {
+        'invalid-feedback'?: () => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        dropdown?(props: {
             options: (string | SelectOptionType)[];
             activeIndex: number;
+            optionClick: (option: string | SelectOptionType) => void;
             setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
             hover: (index: number) => void;
-        }): any;
-        'no-match': any;
+            optionId: (index: number) => string;
+        }): unknown;
+        'no-match'?: () => unknown;
+        'invalid-feedback'?: () => unknown;
     }> & {
-        dropdown(props: {
-            optionClick: (e: Event, option: string | SelectOptionType) => void;
+        dropdown?(props: {
             options: (string | SelectOptionType)[];
             activeIndex: number;
+            optionClick: (option: string | SelectOptionType) => void;
             setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
             hover: (index: number) => void;
-        }): any;
-        'no-match': any;
+            optionId: (index: number) => string;
+        }): unknown;
+        'no-match'?: () => unknown;
+        'invalid-feedback'?: () => unknown;
     };
     refs: {
-        componentRef: HTMLDivElement;
-        inputBox: HTMLInputElement;
-        dropdownRef: HTMLUListElement;
+        rootRef: HTMLDivElement;
+        inputRef: HTMLInputElement;
+        dropdownRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        'invalid-feedback'?: () => unknown;
+    }> & {
+        'invalid-feedback'?: () => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -278,102 +417,147 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+/** The resolved field state a control renders from. */
+export declare interface FieldContext {
+    /**
+     * Resolved once at setup (explicit prop -> shared group id in
+     * single-control mode -> a freshly generated id). Changing the source
+     * prop after mount has no effect — this is a stable DOM id, not a
+     * reactive value.
+     */
+    id: string;
+    /**
+     * Reactive because a group's own `name` prop can change after setup, and
+     * an object literal built from it (as MclFormGroup must build, since
+     * `hasHelpText`/`ownsFeedback` are derived from slot/prop presence rather
+     * than being props themselves) would otherwise snapshot the value.
+     *
+     * `undefined` on a control that has neither its own `name` nor a group to
+     * inherit one from. There is deliberately no id fallback: emitting a
+     * generated `name` into a native form submission is not something a
+     * consumer could opt out of. A control that genuinely needs a fallback
+     * (MclInputRadio, where `name` is what groups the set) supplies it itself.
+     */
+    name: ComputedRef<string | undefined>;
+    errorId: string;
+    descriptionId: string | undefined;
+    invalid: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    /** description and error ids in reading order, or undefined if neither applies. */
+    describedBy: ComputedRef<string | undefined>;
+    /**
+     * True when the surrounding MclFormGroup renders the error region itself, so
+     * the control must not render its own. Not reactive: it is decided at setup
+     * from the *presence* of the group's error prop or slot, not from its value.
+     */
+    feedbackOwnedByGroup: boolean;
+    /**
+     * True when the group renders a `<fieldset>`/`<legend>` around multiple
+     * controls (radio/checkbox groups), so descendants must not all claim the
+     * group's element id. False when the group renders a single `<label for>`
+     * bound to one control, which must reuse the group's id verbatim.
+     */
+    isGroupLabel: boolean;
+}
+
+/**
+ * Props every field control accepts on its own, independent of any
+ * MclFormGroup around it. `invalid`, `required` and `disabled` are
+ * deliberately `boolean | undefined`: `undefined` means "inherit from the
+ * group", which a `false` default would make indistinguishable.
+ */
+export declare interface FieldOwnProps {
+    id?: string;
+    name?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+
 export declare type InputSizeType = 'sm' | 'md' | 'lg';
 
-export declare const MclCheckbox: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const MclCheckbox: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
 } & {
-"checkbox-click": (event: Event, checked: boolean, value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+change: (event: Event) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-"onCheckbox-click"?: ((event: Event, checked: boolean, value: string | number) => any) | undefined;
+onChange?: ((event: Event) => any) | undefined;
 }>, {
-borderColor: ColorPalette;
-rounded: boolean;
+invalid: boolean;
+required: boolean;
+disabled: boolean;
+size: InputSizeType;
 bgColor: ColorPalette;
+borderColor: ColorPalette;
 showShadow: boolean;
-checked: boolean;
-inputSize: InputSizeType;
+rounded: boolean;
+indicatorColor: ColorPalette;
 checkedBgColor: ColorPalette;
-checkColor: ColorPalette;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-checkboxRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const MclFormGroup: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const MclInputFile: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: File | null) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-}>, {
-textColor: ColorPalette;
-required: boolean;
-showBorder: boolean;
-borderColor: ColorPalette;
-rounded: boolean;
-bgColor: ColorPalette;
-buttonText: string;
-buttonTextColor: ColorPalette;
-buttonColor: ColorPalette;
-showShadow: boolean;
-showClear: boolean;
-accept: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+export declare const MclInputFile: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const MclInputRadio: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-change: (event: Event, value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
-onChange?: ((event: Event, value: string | number) => any) | undefined;
+export declare const MclInputRadio: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | number | null) => any;
+} & {
+change: (event: Event) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+onChange?: ((event: Event) => any) | undefined;
 }>, {
+invalid: boolean;
+required: boolean;
+value: string | number;
+disabled: boolean;
+size: InputSizeType;
 bgColor: ColorPalette;
+borderColor: ColorPalette;
 showShadow: boolean;
-radioSize: InputSizeType;
-checkedColor: ColorPalette;
-value: string | number;
-checked: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-radioRef: HTMLInputElement;
-}, HTMLDivElement>;
+indicatorColor: ColorPalette;
+checkedBgColor: ColorPalette;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MclInputSwitch: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const MclInputSwitch: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+} & {
+change: (event: Event) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+onChange?: ((event: Event) => any) | undefined;
 }>, {
+invalid: boolean;
+required: boolean;
+disabled: boolean;
+size: InputSizeType;
+bgColor: ColorPalette;
+borderColor: ColorPalette;
+showShadow: boolean;
 rounded: boolean;
-sliderColor: ColorPalette;
-onColor: ColorPalette;
-offColor: ColorPalette;
-switchSize: InputSizeType;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+indicatorColor: ColorPalette;
+checkedBgColor: ColorPalette;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const MclInputText: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const MclInputText: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const MclSelect: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const MclSelect: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const MclTextArea: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-textColor: ColorPalette;
-required: boolean;
-showBorder: boolean;
-borderColor: ColorPalette;
-rounded: boolean;
-bgColor: ColorPalette;
-showShadow: boolean;
-showHighlight: boolean;
-highlightColor: ColorPalette;
-placeholder: string;
-invalid: boolean;
-rows: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const MclTextArea: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export declare type SelectOptions = SelectOptionType[] | string[];