bitboss-ui 2.1.113 → 2.1.115

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

@@ -1,146 +1,7 @@
-import { nextTick, InputHTMLAttributes, HTMLAttributes } from 'vue';
+import { nextTick } from 'vue';
 import { Option as BaseOption } from '../../types/Option';
-import { IconType } from '../../types/Icon';
-/**
- * Props for the tag input component that allows creating tags by typing and pressing a divider key.
- */
-export type BaseTagProps = {
-    /**
-     * Name of the icon to render at the right hand side of the input.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Id(s) of elements describing this tag input for assistive technologies.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Browser autocomplete hint for the input field.
-     * @default 'off'
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Focus the input automatically on mount.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Display selected tags as a comma-separated string instead of individual chips.
-     * When enabled, tags cannot be deselected by clicking individual chips.
-     */
-    comma?: boolean;
-    /**
-     * Show a clear button whenever tags are present and the control is interactive.
-     */
-    clearable?: boolean;
-    /**
-     * Apply the compact density variant.
-     */
-    compact?: boolean;
-    /**
-     * Disable all interactions with the tag input.
-     */
-    disabled?: boolean;
-    /**
-     * Keyboard key that triggers tag creation from current input value.
-     * @default 'Enter'
-     */
-    divider?: KeyboardEvent['key'];
-    /**
-     * Apply error styling to the tag input.
-     */
-    hasErrors?: boolean;
-    /**
-     * Explicit id for the input element.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Display the loading state styles.
-     */
-    loading?: boolean;
-    /**
-     * Maximum number of tags that can be created.
-     */
-    max?: number;
-    /**
-     * v-model value. Single value for single tag, array for multiple tags.
-     */
-    modelValue: any;
-    /**
-     * Enable multiple tag selection. When true, modelValue must be an array.
-     * @default true
-     */
-    multiple?: boolean;
-    /**
-     * Name attribute forwarded to the input element.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Placeholder text when no tags are present.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to render at the left hand side of the input.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * Make the input read-only while keeping tags visible.
-     */
-    readonly?: boolean;
-    /**
-     * Mark the input as required for form validation.
-     */
-    required?: boolean;
-};
-/**
- * Events emitted by `BaseTag`.
- * - Native events (`blur`, `change`, `click`, `focus`, `input`, `keydown`, `keyup`) are forwarded.
- * - `inactive`: fired when focus leaves the tag input.
- * - `duplicate`: emitted when attempting to add a tag that already exists.
- * - `update:modelValue`: emitted with new tag array/value when tags change.
- */
-export type BaseTagEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'duplicate', string: string): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'inactive'): void;
-    (e: 'input', event: Event): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'keyup', event: KeyboardEvent): void;
-    (e: 'update:modelValue', value: any): void;
-};
-/**
- * Slots for customizing the tag input chrome.
- * - `prepend` / `append`: wrap the input field.
- * - `prepend-outer` / `append-outer`: wrap the entire control.
- * - `prefix` / `suffix`: add inline content within the input.
- */
-export type BaseTagSlots = {
-    /**
-     * Content rendered after the tag input, at the end of the inner container.
-     */
-    append?: (props: object) => any;
-    /**
-     * Content rendered after the entire tag input control, outside the input chrome.
-     */
-    'append-outer'?: (props: object) => any;
-    /**
-     * Content rendered before the tag input, at the start of the inner container.
-     */
-    prepend?: (props: object) => any;
-    /**
-     * Content rendered before the entire tag input control, outside the input chrome.
-     */
-    'prepend-outer'?: (props: object) => any;
-    /**
-     * Inline content rendered at the start of the input field area, before the typed text.
-     */
-    prefix?: (props: object) => any;
-    /**
-     * Inline content rendered at the end of the input field area, after the typed text.
-     */
-    suffix?: (props: object) => any;
-};
+import { BaseTagProps, BaseTagEvents, BaseTagSlots } from './types';
+export type { BaseTagProps, BaseTagEvents, BaseTagSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseTagSlots> & BaseTagSlots;
@@ -184,23 +45,15 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                'prepend-outer'?: (props: object) => any;
-                default?: (props: object) => any;
-                'append-outer'?: (props: object) => any;
-            }> & {
-                'prepend-outer'?: (props: object) => any;
-                default?: (props: object) => any;
-                'append-outer'?: (props: object) => any;
-            };
+            $slots: Readonly<import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots> & import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots;
         }) | null;
         innerContainer: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly 'append:icon'?: IconType | undefined;
+                readonly 'append:icon'?: import('../..').IconType | undefined;
                 readonly clearable?: boolean | undefined;
-                readonly 'prepend:icon'?: IconType | undefined;
+                readonly 'prepend:icon'?: import('../..').IconType | undefined;
                 readonly preventFocus?: boolean | undefined;
                 readonly "onClick:clear"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -220,7 +73,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: (event: "click:clear") => void;
             $el: HTMLSpanElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
                 "onClick:clear"?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "click:clear": () => any;
@@ -244,26 +97,12 @@ declare function __VLS_template(): {
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
+        } & Readonly<{}> & Omit<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
             "onClick:clear"?: (() => any) | undefined;
         }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                prepend?: (props: object) => any;
-                prefix?: (props: object) => any;
-                default?: (props: object) => any;
-                append?: (props: object) => any;
-                suffix?: (props: object) => any;
-            }> & {
-                prepend?: (props: object) => any;
-                prefix?: (props: object) => any;
-                default?: (props: object) => any;
-                append?: (props: object) => any;
-                suffix?: (props: object) => any;
-            };
+            $slots: Readonly<import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots> & import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots;
         }) | null;
-        commaBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            options: BaseOption[];
-        }> & Readonly<{
+        commaBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../CommaBox/types').CommaBoxProps> & Readonly<{
             "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
         }>, {
             focusNext: () => void;
@@ -285,9 +124,7 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            options: BaseOption[];
-        }> & Readonly<{
+        }, Readonly<import('../CommaBox/types').CommaBoxProps> & Readonly<{
             "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
         }>, {
             focusNext: () => void;
@@ -301,9 +138,7 @@ declare function __VLS_template(): {
             focusByHash: (hash: BaseOption["valueHash"]) => void;
             getHighlighted: () => BaseOption | undefined;
         }, {}, {}, {}, {}> | null;
-        chipsBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            options: BaseOption[];
-        }> & Readonly<{
+        chipsBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ChipsBox/types').ChipsBoxProps> & Readonly<{
             "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
         }>, {
             focusNext: () => void;
@@ -325,9 +160,7 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            options: BaseOption[];
-        }> & Readonly<{
+        }, Readonly<import('../ChipsBox/types').ChipsBoxProps> & Readonly<{
             "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
         }>, {
             focusNext: () => void;
@@ -348,23 +181,23 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: any) => any;
-    keydown: (event: KeyboardEvent) => any;
     blur: (event: FocusEvent) => any;
     change: (event: Event) => any;
     click: (event: MouseEvent) => any;
     focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:modelValue": (value: any) => any;
     keyup: (event: KeyboardEvent) => any;
     inactive: () => any;
     duplicate: (string: string) => any;
 }, string, import('vue').PublicProps, Readonly<BaseTagProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
     onInactive?: (() => any) | undefined;
     onDuplicate?: ((string: string) => any) | undefined;
@@ -412,23 +245,15 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            'prepend-outer'?: (props: object) => any;
-            default?: (props: object) => any;
-            'append-outer'?: (props: object) => any;
-        }> & {
-            'prepend-outer'?: (props: object) => any;
-            default?: (props: object) => any;
-            'append-outer'?: (props: object) => any;
-        };
+        $slots: Readonly<import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots> & import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots;
     }) | null;
     innerContainer: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly 'append:icon'?: IconType | undefined;
+            readonly 'append:icon'?: import('../..').IconType | undefined;
             readonly clearable?: boolean | undefined;
-            readonly 'prepend:icon'?: IconType | undefined;
+            readonly 'prepend:icon'?: import('../..').IconType | undefined;
             readonly preventFocus?: boolean | undefined;
             readonly "onClick:clear"?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -448,7 +273,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         $host: Element | null;
         $emit: (event: "click:clear") => void;
         $el: HTMLSpanElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
             "onClick:clear"?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "click:clear": () => any;
@@ -472,26 +297,12 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
+    } & Readonly<{}> & Omit<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
         "onClick:clear"?: (() => any) | undefined;
     }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            prepend?: (props: object) => any;
-            prefix?: (props: object) => any;
-            default?: (props: object) => any;
-            append?: (props: object) => any;
-            suffix?: (props: object) => any;
-        }> & {
-            prepend?: (props: object) => any;
-            prefix?: (props: object) => any;
-            default?: (props: object) => any;
-            append?: (props: object) => any;
-            suffix?: (props: object) => any;
-        };
+        $slots: Readonly<import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots> & import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots;
     }) | null;
-    commaBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        options: BaseOption[];
-    }> & Readonly<{
+    commaBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../CommaBox/types').CommaBoxProps> & Readonly<{
         "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
     }>, {
         focusNext: () => void;
@@ -513,9 +324,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        options: BaseOption[];
-    }> & Readonly<{
+    }, Readonly<import('../CommaBox/types').CommaBoxProps> & Readonly<{
         "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
     }>, {
         focusNext: () => void;
@@ -529,9 +338,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         focusByHash: (hash: BaseOption["valueHash"]) => void;
         getHighlighted: () => BaseOption | undefined;
     }, {}, {}, {}, {}> | null;
-    chipsBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        options: BaseOption[];
-    }> & Readonly<{
+    chipsBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ChipsBox/types').ChipsBoxProps> & Readonly<{
         "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
     }>, {
         focusNext: () => void;
@@ -553,9 +360,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseTagProps, {}, {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        options: BaseOption[];
-    }> & Readonly<{
+    }, Readonly<import('../ChipsBox/types').ChipsBoxProps> & Readonly<{
         "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
     }>, {
         focusNext: () => void;

package/dist/components/BaseTag/types.d.ts

@@ -0,0 +1,136 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
+export type BaseTagProps = {
+    /**
+     * Name of the icon to render at the right hand side of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Id(s) of elements describing this tag input for assistive technologies.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Browser autocomplete hint for the input field.
+     * @defaultValue `'off'`
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Focus the input automatically on mount.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Display selected tags as a comma-separated string instead of individual chips.
+     * When enabled, tags cannot be deselected by clicking individual chips.
+     */
+    comma?: boolean;
+    /**
+     * Show a clear button whenever tags are present and the control is interactive.
+     */
+    clearable?: boolean;
+    /**
+     * Apply the compact density variant.
+     */
+    compact?: boolean;
+    /**
+     * Disable all interactions with the tag input.
+     */
+    disabled?: boolean;
+    /**
+     * Keyboard key that triggers tag creation from current input value.
+     * @defaultValue `'Enter'`
+     */
+    divider?: KeyboardEvent['key'];
+    /**
+     * Apply error styling to the tag input.
+     */
+    hasErrors?: boolean;
+    /**
+     * Explicit id for the input element.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Display the loading state styles.
+     */
+    loading?: boolean;
+    /**
+     * Maximum number of tags that can be created.
+     */
+    max?: number;
+    /**
+     * v-model value. Single value for single tag, array for multiple tags.
+     */
+    modelValue: any;
+    /**
+     * Enable multiple tag selection. When true, modelValue must be an array.
+     * @defaultValue `true`
+     */
+    multiple?: boolean;
+    /**
+     * Name attribute forwarded to the input element.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Placeholder text when no tags are present.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to render at the left hand side of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Make the input read-only while keeping tags visible.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the input as required for form validation.
+     */
+    required?: boolean;
+};
+export type BaseTagEvents = {
+    /** Emitted when the native input loses focus. Forwards the original DOM `FocusEvent`. */
+    (e: 'blur', event: FocusEvent): void;
+    /** Emitted when the native input fires a change event. Forwards the original DOM `Event`. */
+    (e: 'change', event: Event): void;
+    /** Emitted when the input receives a click interaction. Forwards the original DOM `MouseEvent`. */
+    (e: 'click', event: MouseEvent): void;
+    /** Emitted when an attempt is made to add a tag that already exists. */
+    (e: 'duplicate', string: string): void;
+    /** Emitted when the native input gains focus. Forwards the original DOM `FocusEvent`. */
+    (e: 'focus', event: FocusEvent): void;
+    /** Emitted when focus/click moves outside the tag input after it was active. */
+    (e: 'inactive'): void;
+    /** Emitted on native input events. Forwards the original DOM `Event`. */
+    (e: 'input', event: Event): void;
+    /** Emitted for keyboard interaction. Forwards the original DOM `KeyboardEvent`. */
+    (e: 'keydown', event: KeyboardEvent): void;
+    /** Emitted when a key is released. Forwards the original DOM `KeyboardEvent`. */
+    (e: 'keyup', event: KeyboardEvent): void;
+    /** Emitted when the tag array changes. */
+    (e: 'update:modelValue', value: any): void;
+};
+export type BaseTagSlots = {
+    /**
+     * Content rendered after the tag input, at the end of the inner container.
+     */
+    append?: (props: object) => any;
+    /**
+     * Content rendered after the entire tag input control, outside the input chrome.
+     */
+    'append-outer'?: (props: object) => any;
+    /**
+     * Content rendered before the tag input, at the start of the inner container.
+     */
+    prepend?: (props: object) => any;
+    /**
+     * Content rendered before the entire tag input control, outside the input chrome.
+     */
+    'prepend-outer'?: (props: object) => any;
+    /**
+     * Inline content rendered at the start of the input field area, before the typed text.
+     */
+    prefix?: (props: object) => any;
+    /**
+     * Inline content rendered at the end of the input field area, after the typed text.
+     */
+    suffix?: (props: object) => any;
+};

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

@@ -1,140 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { MaskInputOptions } from 'maska';
-import { IconType } from '../../types/Icon';
-/**
- * Props for the base text input component with optional masking support.
- */
-export type BaseTextInputProps = {
-    /**
-     * Name of the icon to render at the right hand side of the input.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Id(s) of elements describing this input for assistive technologies.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Browser autocomplete hint for the input field.
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Focus the input automatically on mount.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Show a clear button whenever a value is present and the control is interactive.
-     */
-    clearable?: boolean;
-    /**
-     * Apply the compact density variant.
-     */
-    compact?: boolean;
-    /**
-     * Disable all interactions with the input.
-     */
-    disabled?: boolean;
-    /**
-     * When using a mask, emit the formatted (masked) value instead of the raw input.
-     */
-    emitMasked?: boolean;
-    /**
-     * Apply error styling to the input and set `aria-invalid`.
-     */
-    hasErrors?: boolean;
-    /**
-     * Explicit id for the input element.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Input mode hint for mobile keyboards.
-     */
-    inputMode?: InputHTMLAttributes['inputmode'];
-    /**
-     * Display the loading state styles.
-     */
-    loading?: boolean;
-    /**
-     * Input mask configuration. When provided, enables formatted input with validation.
-     */
-    mask?: MaskInputOptions;
-    /**
-     * v-model value: the input text, or `null` when empty.
-     */
-    modelValue: string | null;
-    /**
-     * Name attribute forwarded to the input element.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Placeholder text when no value is present.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to render at the left hand side of the input.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * Make the input read-only while keeping it visible.
-     */
-    readonly?: boolean;
-    /**
-     * Mark the input as required for form validation.
-     */
-    required?: boolean;
-    /**
-     * HTML input type attribute.
-     * @default 'text'
-     */
-    type?: HTMLInputElement['type'];
-};
-/**
- * Events emitted by `BaseTextInput`.
- * - Native events (`blur`, `change`, `click`, `focus`, `input`, `keydown`, `mousedown`, `mouseup`) are forwarded.
- * - `update:modelValue`: emitted with the new value when it changes (masked or unmasked depending on `emitMasked`).
- */
-export type BaseTextInputEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'input', event: Event): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'mousedown', event: MouseEvent): void;
-    (e: 'mouseup', event: MouseEvent): void;
-    (e: 'update:modelValue', value: string | null): void;
-};
-/**
- * Slots for customizing the input chrome.
- * - `prepend` / `append`: wrap the input element.
- * - `prepend-outer` / `append-outer`: wrap the entire control.
- * - `prefix` / `suffix`: add inline content within the input area.
- */
-export type BaseTextInputSlots = {
-    /**
-     * Content rendered after the entire text input control, outside the input chrome.
-     */
-    'append-outer'?: (props: object) => any;
-    /**
-     * Content rendered after the text input, at the end of the inner container.
-     */
-    append?: (props: object) => any;
-    /**
-     * Inline content rendered at the start of the input field area, before the typed text.
-     */
-    prefix?: (props: object) => any;
-    /**
-     * Content rendered before the text input, at the start of the inner container.
-     */
-    prepend?: (props: object) => any;
-    /**
-     * Content rendered before the entire text input control, outside the input chrome.
-     */
-    'prepend-outer'?: (props: object) => any;
-    /**
-     * Inline content rendered at the end of the input field area, after the typed text.
-     */
-    suffix?: (props: object) => any;
-};
+import { BaseTextInputProps, BaseTextInputSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseTextInputSlots> & BaseTextInputSlots;
@@ -146,24 +10,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseTextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: string | null) => any;
-    keydown: (event: KeyboardEvent) => any;
     blur: (event: FocusEvent) => any;
     change: (event: Event) => any;
     click: (event: MouseEvent) => any;
     focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
     mousedown: (event: MouseEvent) => any;
     mouseup: (event: MouseEvent) => any;
+    "update:modelValue": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<BaseTextInputProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onMousedown?: ((event: MouseEvent) => any) | undefined;
     onMouseup?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     type: HTMLInputElement["type"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {