@indielayer/ui 1.18.1 → 2.1.0

package/lib/components/select/Select.vue.d.ts

@@ -1,72 +1,137 @@
-import { type PropType, type ExtractPublicPropTypes, type Ref, nextTick } from 'vue';
+import { type PropType, type ExtractPublicPropTypes, type Ref, type ComputedRef, nextTick } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { Size } from '../../composables/useCommon';
+import type { InputGroupPosition } from '../../common/inputGroupRadius';
 import XPopover from '../popover/Popover.vue';
 declare const selectProps: {
-    placeholder: StringConstructor;
-    options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    placeholder: {
+        type: StringConstructor;
+        description: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        description: string;
+    };
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
+    virtualListOffsetTop: {
+        type: NumberConstructor;
+        description: string;
+    };
+    virtualListOffsetBottom: {
+        type: NumberConstructor;
+        description: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
-    virtualListOffsetTop: NumberConstructor;
-    virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     virtualListOverscan: {
         type: NumberConstructor;
         default: number;
+        description: string;
+    };
+    placement: {
+        type: PropType<import("floating-vue").Placement>;
+        description: string;
     };
-    placement: PropType<import("floating-vue").Placement>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 };
 export type SelectOption = {
@@ -82,76 +147,142 @@ export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
 type InternalClasses = 'wrapper' | 'box' | 'truncateCounter' | 'content' | 'search' | 'contentBody' | 'iconWrapper' | 'clearButton' | 'icon';
 type InternalExtraData = {
     errorInternal: Ref<boolean>;
+    isInsideInputGroup: boolean;
+    inputGroupPosition: InputGroupPosition | undefined;
+    isPopoverOpen: ComputedRef<boolean>;
 };
 export interface SelectTheme extends ThemeComponent<SelectProps, InternalClasses, InternalExtraData> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filter: import('vue').PropType<any>;
-    placeholder: StringConstructor;
-    options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    placeholder: {
+        type: StringConstructor;
+        description: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        description: string;
+    };
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
+    virtualListOffsetTop: {
+        type: NumberConstructor;
+        description: string;
+    };
+    virtualListOffsetBottom: {
+        type: NumberConstructor;
+        description: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
-    virtualListOffsetTop: NumberConstructor;
-    virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     virtualListOverscan: {
         type: NumberConstructor;
         default: number;
+        description: string;
+    };
+    placement: {
+        type: PropType<import("floating-vue").Placement>;
+        description: string;
     };
-    placement: PropType<import("floating-vue").Placement>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>, {
     focus: () => void | undefined;
@@ -166,8 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -177,17 +307,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }> & Omit<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             readonly disabled: boolean;
             readonly type: string;
             readonly color: string;
-            readonly size: import("../../composables/useCommon").Size;
-            readonly block: boolean;
+            readonly size: Size;
             readonly loading: boolean;
             readonly loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             readonly readonly: boolean;
@@ -196,96 +323,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly hideFooter: boolean;
             readonly rules: unknown[];
             readonly skipFormRegistry: boolean;
-            readonly clearable: boolean;
             readonly showPasswordToggle: boolean;
             readonly dir: "rtl" | "ltr";
-            readonly showCounter: boolean;
             readonly error?: string | undefined;
             readonly name?: string | undefined;
             readonly icon?: string | undefined;
             readonly iconLeft?: string | undefined;
             readonly iconRight?: string | undefined;
+            readonly tooltip?: string | undefined;
+            readonly block?: boolean | undefined;
             readonly loadingLabel?: string | undefined;
             readonly modelValue?: string | number | boolean | object | any[] | undefined;
             readonly id?: string | undefined;
             readonly label?: string | undefined;
             readonly helper?: string | undefined;
-            readonly tooltip?: string | undefined;
             readonly placeholder?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly max?: string | number | undefined;
             readonly maxlength?: string | number | undefined;
             readonly min?: string | number | undefined;
             readonly minlength?: string | number | undefined;
             readonly step?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            showPasswordToggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dir: {
-                type: PropType<"rtl" | "ltr">;
-                default: string;
-            };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
-            type: {
-                type: StringConstructor;
-                default: string;
-            };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
-            modelValue: {
-                readonly type: PropType<string | number | boolean | object | any[] | undefined>;
-                readonly default: undefined;
-            };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
-            validateOnInput: {
-                readonly type: BooleanConstructor;
-                readonly default: true;
-            };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
-            rules: {
-                readonly type: ArrayConstructor;
-                readonly default: () => never[];
-            };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            loadingStatus: {
-                readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
-                readonly default: "active";
-            };
-            color: {
-                readonly type: StringConstructor;
-                readonly default: string | undefined;
-            };
-            size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
-                readonly default: "md";
-                readonly validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }>, "disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            readonly showCounter?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir">;
+        $attrs: import("vue").Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -301,64 +362,139 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             showPasswordToggle: {
                 type: BooleanConstructor;
                 default: boolean;
+                description: string;
             };
             dir: {
                 type: PropType<"rtl" | "ltr">;
                 default: string;
+                description: string;
+            };
+            icon: {
+                type: StringConstructor;
+                description: string;
+            };
+            iconLeft: {
+                type: StringConstructor;
+                description: string;
+            };
+            iconRight: {
+                type: StringConstructor;
+                description: string;
+            };
+            max: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            min: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                description: string;
             };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
             type: {
                 type: StringConstructor;
                 default: string;
+                description: string;
             };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
+            step: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            block: import("vue").Prop<boolean | undefined>;
+            showCounter: import("vue").Prop<boolean | undefined>;
+            clearable: import("vue").Prop<boolean | undefined>;
             modelValue: {
                 readonly type: PropType<string | number | boolean | object | any[] | undefined>;
                 readonly default: undefined;
+                readonly description: "Bound value (v-model).";
+            };
+            id: {
+                readonly type: StringConstructor;
+                readonly description: "Native id attribute for the input element.";
+            };
+            name: {
+                readonly type: StringConstructor;
+                readonly description: "Native name attribute for form submission.";
+            };
+            readonly: {
+                readonly type: BooleanConstructor;
+                readonly description: "Makes the field read-only without disabling it.";
+            };
+            required: {
+                readonly type: BooleanConstructor;
+                readonly description: "Marks the field as required for validation.";
             };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
             validateOnInput: {
                 readonly type: BooleanConstructor;
                 readonly default: true;
+                readonly description: "Runs validation on each input event when true.";
+            };
+            label: {
+                readonly type: StringConstructor;
+                readonly description: "Visible label text for the field.";
+            };
+            helper: {
+                readonly type: StringConstructor;
+                readonly description: "Helper text shown below the field.";
+            };
+            error: {
+                readonly type: StringConstructor;
+                readonly description: "External error message; overrides rule errors when set.";
+            };
+            hideFooter: {
+                readonly type: BooleanConstructor;
+                readonly description: "Hides the footer area (helper / error).";
             };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
             rules: {
                 readonly type: ArrayConstructor;
                 readonly default: () => never[];
+                readonly description: "Validation rule functions or rule descriptors.";
+            };
+            tooltip: {
+                readonly type: StringConstructor;
+                readonly description: "Optional tooltip text next to the label.";
+            };
+            skipFormRegistry: {
+                readonly type: BooleanConstructor;
+                readonly description: "Skips registering this field with a parent x-form.";
+            };
+            disabled: {
+                readonly type: BooleanConstructor;
+                readonly description: "Disables interaction and applies disabled styling.";
+            };
+            loading: {
+                readonly type: BooleanConstructor;
+                readonly description: "Shows a loading indicator and blocks interaction.";
+            };
+            loadingLabel: {
+                readonly type: StringConstructor;
+                readonly description: "Accessible label announced while loading.";
             };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
             loadingStatus: {
                 readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
                 readonly default: "active";
+                readonly description: "Loader visual status (for example active or indeterminate).";
             };
             color: {
                 readonly type: StringConstructor;
                 readonly default: string | undefined;
+                readonly description: "Theme or CSS color used for the control accents.";
             };
             size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
+                readonly type: PropType<Size>;
                 readonly default: "md";
                 readonly validator: (value: string) => boolean;
+                readonly description: "Control size. One of xs, sm, md, lg, xl.";
             };
         }>> & Readonly<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -372,8 +508,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -383,10 +518,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -411,8 +544,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         disabled: boolean;
         type: string;
         color: string;
-        size: import("../../composables/useCommon").Size;
-        block: boolean;
+        size: Size;
         loading: boolean;
         loadingStatus: import("../loader/Loader.vue").LoaderStatus;
         modelValue: string | number | boolean | object | any[] | undefined;
@@ -422,82 +554,155 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         hideFooter: boolean;
         rules: unknown[];
         skipFormRegistry: boolean;
-        clearable: boolean;
         showPasswordToggle: boolean;
         dir: "rtl" | "ltr";
-        showCounter: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         showPasswordToggle: {
             type: BooleanConstructor;
             default: boolean;
+            description: string;
         };
         dir: {
             type: PropType<"rtl" | "ltr">;
             default: string;
+            description: string;
+        };
+        icon: {
+            type: StringConstructor;
+            description: string;
+        };
+        iconLeft: {
+            type: StringConstructor;
+            description: string;
+        };
+        iconRight: {
+            type: StringConstructor;
+            description: string;
+        };
+        max: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        maxlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        min: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        minlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            description: string;
         };
-        icon: StringConstructor;
-        iconLeft: StringConstructor;
-        iconRight: StringConstructor;
-        max: (StringConstructor | NumberConstructor)[];
-        maxlength: (StringConstructor | NumberConstructor)[];
-        min: (StringConstructor | NumberConstructor)[];
-        minlength: (StringConstructor | NumberConstructor)[];
-        placeholder: StringConstructor;
         type: {
             type: StringConstructor;
             default: string;
+            description: string;
         };
-        step: (StringConstructor | NumberConstructor)[];
-        block: BooleanConstructor;
-        showCounter: BooleanConstructor;
-        clearable: BooleanConstructor;
+        step: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        block: import("vue").Prop<boolean | undefined>;
+        showCounter: import("vue").Prop<boolean | undefined>;
+        clearable: import("vue").Prop<boolean | undefined>;
         modelValue: {
             readonly type: PropType<string | number | boolean | object | any[] | undefined>;
             readonly default: undefined;
+            readonly description: "Bound value (v-model).";
+        };
+        id: {
+            readonly type: StringConstructor;
+            readonly description: "Native id attribute for the input element.";
+        };
+        name: {
+            readonly type: StringConstructor;
+            readonly description: "Native name attribute for form submission.";
+        };
+        readonly: {
+            readonly type: BooleanConstructor;
+            readonly description: "Makes the field read-only without disabling it.";
+        };
+        required: {
+            readonly type: BooleanConstructor;
+            readonly description: "Marks the field as required for validation.";
         };
-        id: StringConstructor;
-        name: StringConstructor;
-        readonly: BooleanConstructor;
-        required: BooleanConstructor;
         validateOnInput: {
             readonly type: BooleanConstructor;
             readonly default: true;
+            readonly description: "Runs validation on each input event when true.";
+        };
+        label: {
+            readonly type: StringConstructor;
+            readonly description: "Visible label text for the field.";
+        };
+        helper: {
+            readonly type: StringConstructor;
+            readonly description: "Helper text shown below the field.";
+        };
+        error: {
+            readonly type: StringConstructor;
+            readonly description: "External error message; overrides rule errors when set.";
+        };
+        hideFooter: {
+            readonly type: BooleanConstructor;
+            readonly description: "Hides the footer area (helper / error).";
         };
-        label: StringConstructor;
-        helper: StringConstructor;
-        error: StringConstructor;
-        hideFooter: BooleanConstructor;
         rules: {
             readonly type: ArrayConstructor;
             readonly default: () => never[];
+            readonly description: "Validation rule functions or rule descriptors.";
+        };
+        tooltip: {
+            readonly type: StringConstructor;
+            readonly description: "Optional tooltip text next to the label.";
+        };
+        skipFormRegistry: {
+            readonly type: BooleanConstructor;
+            readonly description: "Skips registering this field with a parent x-form.";
+        };
+        disabled: {
+            readonly type: BooleanConstructor;
+            readonly description: "Disables interaction and applies disabled styling.";
+        };
+        loading: {
+            readonly type: BooleanConstructor;
+            readonly description: "Shows a loading indicator and blocks interaction.";
+        };
+        loadingLabel: {
+            readonly type: StringConstructor;
+            readonly description: "Accessible label announced while loading.";
         };
-        tooltip: StringConstructor;
-        skipFormRegistry: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
         loadingStatus: {
             readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
             readonly default: "active";
+            readonly description: "Loader visual status (for example active or indeterminate).";
         };
         color: {
             readonly type: StringConstructor;
             readonly default: string | undefined;
+            readonly description: "Theme or CSS color used for the control accents.";
         };
         size: {
-            readonly type: PropType<import("../../composables/useCommon").Size>;
+            readonly type: PropType<Size>;
             readonly default: "md";
             readonly validator: (value: string) => boolean;
+            readonly description: "Control size. One of xs, sm, md, lg, xl.";
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter")> & import("vue").ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         reset: () => void;
         validate: (val?: any) => boolean;
         setError: (val: string) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
+    } & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
             prefix?(_: {}): any;
             suffix?(_: {}): any;
@@ -509,8 +714,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -520,17 +724,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }> & Omit<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             readonly disabled: boolean;
             readonly type: string;
             readonly color: string;
-            readonly size: import("../../composables/useCommon").Size;
-            readonly block: boolean;
+            readonly size: Size;
             readonly loading: boolean;
             readonly loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             readonly readonly: boolean;
@@ -539,96 +740,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly hideFooter: boolean;
             readonly rules: unknown[];
             readonly skipFormRegistry: boolean;
-            readonly clearable: boolean;
             readonly showPasswordToggle: boolean;
             readonly dir: "rtl" | "ltr";
-            readonly showCounter: boolean;
             readonly error?: string | undefined;
             readonly name?: string | undefined;
             readonly icon?: string | undefined;
             readonly iconLeft?: string | undefined;
             readonly iconRight?: string | undefined;
+            readonly tooltip?: string | undefined;
+            readonly block?: boolean | undefined;
             readonly loadingLabel?: string | undefined;
             readonly modelValue?: string | number | boolean | object | any[] | undefined;
             readonly id?: string | undefined;
             readonly label?: string | undefined;
             readonly helper?: string | undefined;
-            readonly tooltip?: string | undefined;
             readonly placeholder?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly max?: string | number | undefined;
             readonly maxlength?: string | number | undefined;
             readonly min?: string | number | undefined;
             readonly minlength?: string | number | undefined;
             readonly step?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            showPasswordToggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dir: {
-                type: PropType<"rtl" | "ltr">;
-                default: string;
-            };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
-            type: {
-                type: StringConstructor;
-                default: string;
-            };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
-            modelValue: {
-                readonly type: PropType<string | number | boolean | object | any[] | undefined>;
-                readonly default: undefined;
-            };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
-            validateOnInput: {
-                readonly type: BooleanConstructor;
-                readonly default: true;
-            };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
-            rules: {
-                readonly type: ArrayConstructor;
-                readonly default: () => never[];
-            };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            loadingStatus: {
-                readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
-                readonly default: "active";
-            };
-            color: {
-                readonly type: StringConstructor;
-                readonly default: string | undefined;
-            };
-            size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
-                readonly default: "md";
-                readonly validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }>, "disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            readonly showCounter?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir">;
+        $attrs: import("vue").Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -644,64 +779,139 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             showPasswordToggle: {
                 type: BooleanConstructor;
                 default: boolean;
+                description: string;
             };
             dir: {
                 type: PropType<"rtl" | "ltr">;
                 default: string;
+                description: string;
+            };
+            icon: {
+                type: StringConstructor;
+                description: string;
+            };
+            iconLeft: {
+                type: StringConstructor;
+                description: string;
+            };
+            iconRight: {
+                type: StringConstructor;
+                description: string;
+            };
+            max: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            min: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                description: string;
             };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
             type: {
                 type: StringConstructor;
                 default: string;
+                description: string;
             };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
+            step: {
+                type: (StringConstructor | NumberConstructor)[];
+                description: string;
+            };
+            block: import("vue").Prop<boolean | undefined>;
+            showCounter: import("vue").Prop<boolean | undefined>;
+            clearable: import("vue").Prop<boolean | undefined>;
             modelValue: {
                 readonly type: PropType<string | number | boolean | object | any[] | undefined>;
                 readonly default: undefined;
+                readonly description: "Bound value (v-model).";
+            };
+            id: {
+                readonly type: StringConstructor;
+                readonly description: "Native id attribute for the input element.";
+            };
+            name: {
+                readonly type: StringConstructor;
+                readonly description: "Native name attribute for form submission.";
+            };
+            readonly: {
+                readonly type: BooleanConstructor;
+                readonly description: "Makes the field read-only without disabling it.";
+            };
+            required: {
+                readonly type: BooleanConstructor;
+                readonly description: "Marks the field as required for validation.";
             };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
             validateOnInput: {
                 readonly type: BooleanConstructor;
                 readonly default: true;
+                readonly description: "Runs validation on each input event when true.";
+            };
+            label: {
+                readonly type: StringConstructor;
+                readonly description: "Visible label text for the field.";
+            };
+            helper: {
+                readonly type: StringConstructor;
+                readonly description: "Helper text shown below the field.";
+            };
+            error: {
+                readonly type: StringConstructor;
+                readonly description: "External error message; overrides rule errors when set.";
+            };
+            hideFooter: {
+                readonly type: BooleanConstructor;
+                readonly description: "Hides the footer area (helper / error).";
             };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
             rules: {
                 readonly type: ArrayConstructor;
                 readonly default: () => never[];
+                readonly description: "Validation rule functions or rule descriptors.";
+            };
+            tooltip: {
+                readonly type: StringConstructor;
+                readonly description: "Optional tooltip text next to the label.";
+            };
+            skipFormRegistry: {
+                readonly type: BooleanConstructor;
+                readonly description: "Skips registering this field with a parent x-form.";
+            };
+            disabled: {
+                readonly type: BooleanConstructor;
+                readonly description: "Disables interaction and applies disabled styling.";
+            };
+            loading: {
+                readonly type: BooleanConstructor;
+                readonly description: "Shows a loading indicator and blocks interaction.";
+            };
+            loadingLabel: {
+                readonly type: StringConstructor;
+                readonly description: "Accessible label announced while loading.";
             };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
             loadingStatus: {
                 readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
                 readonly default: "active";
+                readonly description: "Loader visual status (for example active or indeterminate).";
             };
             color: {
                 readonly type: StringConstructor;
                 readonly default: string | undefined;
+                readonly description: "Theme or CSS color used for the control accents.";
             };
             size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
+                readonly type: PropType<Size>;
                 readonly default: "md";
                 readonly validator: (value: string) => boolean;
+                readonly description: "Control size. One of xs, sm, md, lg, xl.";
             };
         }>> & Readonly<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -715,8 +925,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -726,10 +935,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -754,8 +961,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         disabled: boolean;
         type: string;
         color: string;
-        size: import("../../composables/useCommon").Size;
-        block: boolean;
+        size: Size;
         loading: boolean;
         loadingStatus: import("../loader/Loader.vue").LoaderStatus;
         modelValue: string | number | boolean | object | any[] | undefined;
@@ -765,82 +971,155 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         hideFooter: boolean;
         rules: unknown[];
         skipFormRegistry: boolean;
-        clearable: boolean;
         showPasswordToggle: boolean;
         dir: "rtl" | "ltr";
-        showCounter: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         showPasswordToggle: {
             type: BooleanConstructor;
             default: boolean;
+            description: string;
         };
         dir: {
             type: PropType<"rtl" | "ltr">;
             default: string;
+            description: string;
+        };
+        icon: {
+            type: StringConstructor;
+            description: string;
+        };
+        iconLeft: {
+            type: StringConstructor;
+            description: string;
+        };
+        iconRight: {
+            type: StringConstructor;
+            description: string;
+        };
+        max: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        maxlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        min: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        minlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            description: string;
         };
-        icon: StringConstructor;
-        iconLeft: StringConstructor;
-        iconRight: StringConstructor;
-        max: (StringConstructor | NumberConstructor)[];
-        maxlength: (StringConstructor | NumberConstructor)[];
-        min: (StringConstructor | NumberConstructor)[];
-        minlength: (StringConstructor | NumberConstructor)[];
-        placeholder: StringConstructor;
         type: {
             type: StringConstructor;
             default: string;
+            description: string;
+        };
+        step: {
+            type: (StringConstructor | NumberConstructor)[];
+            description: string;
         };
-        step: (StringConstructor | NumberConstructor)[];
-        block: BooleanConstructor;
-        showCounter: BooleanConstructor;
-        clearable: BooleanConstructor;
+        block: import("vue").Prop<boolean | undefined>;
+        showCounter: import("vue").Prop<boolean | undefined>;
+        clearable: import("vue").Prop<boolean | undefined>;
         modelValue: {
             readonly type: PropType<string | number | boolean | object | any[] | undefined>;
             readonly default: undefined;
+            readonly description: "Bound value (v-model).";
+        };
+        id: {
+            readonly type: StringConstructor;
+            readonly description: "Native id attribute for the input element.";
+        };
+        name: {
+            readonly type: StringConstructor;
+            readonly description: "Native name attribute for form submission.";
+        };
+        readonly: {
+            readonly type: BooleanConstructor;
+            readonly description: "Makes the field read-only without disabling it.";
+        };
+        required: {
+            readonly type: BooleanConstructor;
+            readonly description: "Marks the field as required for validation.";
         };
-        id: StringConstructor;
-        name: StringConstructor;
-        readonly: BooleanConstructor;
-        required: BooleanConstructor;
         validateOnInput: {
             readonly type: BooleanConstructor;
             readonly default: true;
+            readonly description: "Runs validation on each input event when true.";
+        };
+        label: {
+            readonly type: StringConstructor;
+            readonly description: "Visible label text for the field.";
+        };
+        helper: {
+            readonly type: StringConstructor;
+            readonly description: "Helper text shown below the field.";
+        };
+        error: {
+            readonly type: StringConstructor;
+            readonly description: "External error message; overrides rule errors when set.";
+        };
+        hideFooter: {
+            readonly type: BooleanConstructor;
+            readonly description: "Hides the footer area (helper / error).";
         };
-        label: StringConstructor;
-        helper: StringConstructor;
-        error: StringConstructor;
-        hideFooter: BooleanConstructor;
         rules: {
             readonly type: ArrayConstructor;
             readonly default: () => never[];
+            readonly description: "Validation rule functions or rule descriptors.";
+        };
+        tooltip: {
+            readonly type: StringConstructor;
+            readonly description: "Optional tooltip text next to the label.";
+        };
+        skipFormRegistry: {
+            readonly type: BooleanConstructor;
+            readonly description: "Skips registering this field with a parent x-form.";
+        };
+        disabled: {
+            readonly type: BooleanConstructor;
+            readonly description: "Disables interaction and applies disabled styling.";
+        };
+        loading: {
+            readonly type: BooleanConstructor;
+            readonly description: "Shows a loading indicator and blocks interaction.";
+        };
+        loadingLabel: {
+            readonly type: StringConstructor;
+            readonly description: "Accessible label announced while loading.";
         };
-        tooltip: StringConstructor;
-        skipFormRegistry: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
         loadingStatus: {
             readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
             readonly default: "active";
+            readonly description: "Loader visual status (for example active or indeterminate).";
         };
         color: {
             readonly type: StringConstructor;
             readonly default: string | undefined;
+            readonly description: "Theme or CSS color used for the control accents.";
         };
         size: {
-            readonly type: PropType<import("../../composables/useCommon").Size>;
+            readonly type: PropType<Size>;
             readonly default: "md";
             readonly validator: (value: string) => boolean;
+            readonly description: "Control size. One of xs, sm, md, lg, xl.";
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter")> & import("vue").ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         reset: () => void;
         validate: (val?: any) => boolean;
         setError: (val: string) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
+    } & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
             prefix?(_: {}): any;
             suffix?(_: {}): any;
@@ -848,79 +1127,141 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     }) | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filter: import('vue').PropType<any>;
-    placeholder: StringConstructor;
-    options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    placeholder: {
+        type: StringConstructor;
+        description: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        description: string;
+    };
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
+    virtualListOffsetTop: {
+        type: NumberConstructor;
+        description: string;
+    };
+    virtualListOffsetBottom: {
+        type: NumberConstructor;
+        description: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
-    virtualListOffsetTop: NumberConstructor;
-    virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     virtualListOverscan: {
         type: NumberConstructor;
         default: number;
+        description: string;
+    };
+    placement: {
+        type: PropType<import("floating-vue").Placement>;
+        description: string;
     };
-    placement: PropType<import("floating-vue").Placement>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    flat: boolean;
     color: string;
-    size: import("../../composables/useCommon").Size;
+    size: Size;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     modelValue: string | number | boolean | object | any[] | undefined;
@@ -930,17 +1271,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     hideFooter: boolean;
     rules: unknown[];
     skipFormRegistry: boolean;
-    clearable: boolean;
-    multiple: boolean;
-    multipleCheckbox: boolean;
-    truncate: boolean;
-    native: boolean;
-    filterable: boolean;
     filterPlaceholder: string;
-    filterablePrefix: boolean;
-    filterableSuffix: boolean;
-    hideSelectedOptionSlots: boolean;
-    virtualList: boolean;
     virtualListItemHeight: number;
     virtualListOverscan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {