bitboss-ui 2.1.112 → 2.1.114

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

@@ -176,7 +176,15 @@ export type BaseCheckboxIconSlotProps = {
      * @defaultValue `false`
      */
     hasErrors: boolean;
+    /**
+     * The `id` attribute forwarded to the native input.
+     * Mirrors `props.id`.
+     */
     id: BaseCheckboxProps['id'];
+    /**
+     * The `name` attribute forwarded to the native input.
+     * Mirrors `props.name`.
+     */
     name: BaseCheckboxProps['name'];
     /**
      * Serialized `trueValue` used by native form submission.

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

@@ -1,225 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
-export type BaseCheckboxGroupProps<T> = {
-    /**
-     * ID of the element that describes the entire checkbox group for assistive
-     * technologies. Forwarded to each generated input as `aria-describedby`.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Automatically focuses the first checkbox on mount when true.
-     * Applied only to the first option.
-     * @defaultValue `false`
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Visual color of the checkboxes.
-     * - If a valid CSS color (HEX/RGB/HSL/etc.), it is applied via the `--color`
-     *   CSS variable.
-     * - Otherwise, a BEM modifier class `bb-base-checkbox--{color}` is added for
-     *   theme-based styling.
-     */
-    color?: string;
-    /**
-     * List of reactive values which, when changed, trigger items re-fetching.
-     * Useful to reload options based on external inputs.
-     * @defaultValue `[]`
-     */
-    dependencies?: any[];
-    /**
-     * Debounce delay (ms) applied when reacting to `dependencies` changes.
-     * @defaultValue `0`
-     */
-    depsDebounceTime?: number;
-    /**
-     * Direction of the group layout.
-     * - `horizontal`: options flow in rows
-     * - `vertical`: options stack in a column
-     * @defaultValue `'horizontal'`
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     * Disables interaction for the whole group.
-     * @defaultValue `false`
-     */
-    disabled?: boolean;
-    /**
-     * Enforces that `modelValue` contains only values present in `items`.
-     * Incoherent values are removed and `update:modelValue` is emitted with a
-     * coherent array. Please check out {@link https://ui-components-docs.vercel.app/it/guides/coherence | the docs} for more information.
-     * @defaultValue `false`
-     */
-    enforceCoherence?: boolean;
-    /**
-     * Puts the component into an error state adds the error styling class.
-     * @defaultValue `false`
-     */
-    hasErrors?: boolean;
-    /**
-     * Visually hides the label while keeping it accessible to screen readers.
-     * @defaultValue `false`
-     */
-    hideLabel?: boolean;
-    /**
-     * Identifier of the group. Used to derive per-option IDs
-     * for accessible labeling.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Items provider. Can be:
-     * - An array of items
-     * - A sync/async function `(prefill, modelValue) => items`
-     *
-     * When a function is provided, it is invoked on prefill and when dependencies
-     * change to load options dynamically.
-     * @defaultValue `[]`
-     */
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
-    /**
-     * Defines how to derive the display text from an item. Accepts a nested key path
-     * into the item or a function `(item) => string`.
-     * @example `'address.city.label'`
-     * @example `(item) => item.address.city.label`
-     * @defaultValue `JSON.stringify(item)`
-     */
-    itemText?: T extends object ? string | ((item: T) => string) : (item: T) => string;
-    /**
-     * Defines how to derive the value from an item. Accepts a nested key path into the
-     * item or a function `(item) => any`.
-     * @example `'address.city.value'`
-     * @example `(item) => item.address.city.value`
-     * @defaultValue `JSON.stringify(item)`
-     */
-    itemValue?: T extends object ? string | ((item: T) => string) : (item: T) => any;
-    /**
-     * Text displayed while items are loading.
-     * @defaultValue `'Loading...'`
-     */
-    loadingText?: string;
-    /**
-     * Maximum number of selectable items.
-     * @defaultValue `Infinity`
-     */
-    max?: number;
-    /**
-     * Selected values for the group. Used with `v-model`.
-     * Must be an array.
-     */
-    modelValue: any[];
-    /**
-     * Debounce delay (ms) applied when reacting to `modelValue` changes.
-     * @defaultValue `0`
-     */
-    modelValueDebounceTime?: number;
-    /**
-     * Name attribute applied to each input for form submission.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Text displayed when there are no items to show.
-     * @defaultValue `'No data to display'`
-     */
-    noDataText?: MaybeRefOrGetter<string>;
-    /**
-     * Makes all checkboxes read-only. Since checkboxes do not support native
-     * `readonly`, inputs are disabled while styled as read-only.
-     * @defaultValue `false`
-     */
-    readonly?: boolean;
-};
-export type BaseCheckboxGroupEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'inactive'): 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: any): void;
-};
-export type BaseCheckboxGroupSlots<T> = {
-    /**
-     * Content rendered after the last option, inside the options container.
-     */
-    append?: (props: object) => any;
-    /**
-     * Replaces the default checkmark icon for each checkbox option. Receives all `BaseCheckbox`
-     * slot attributes plus the source item and its display text.
-     * @param checked - Whether this option is currently checked.
-     * @param disabled - Whether this option is disabled.
-     * @param falseValue - The unchecked value for this option.
-     * @param focused - Whether this option's input currently has focus.
-     * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-     * @param hasErrors - Whether the group is in an error state.
-     * @param id - The `id` of this option's input.
-     * @param name - The `name` of this option's input.
-     * @param parsedValue - The `trueValue` serialized for form submission.
-     * @param readonly - Whether this option is read-only.
-     * @param trueValue - The checked value for this option.
-     * @param value - The current effective value for this option.
-     * @param item - The raw item from the `items` prop.
-     * @param text - The display text resolved for this option.
-     */
-    icon?: (props: BaseCheckboxIconSlotProps & {
-        item: T;
-        text: string;
-    }) => any;
-    /**
-     * Replaces the default label text for each option.
-     * @param item - The raw item from the `items` prop.
-     * @param text - The resolved display text for this option.
-     * @param checked - Whether this option is currently checked.
-     */
-    label?: (props: {
-        item: T;
-        text: string;
-        checked: boolean;
-    }) => any;
-    /**
-     * Content shown while options are loading (replaces the default loading text).
-     */
-    loading?: (props: object) => any;
-    /**
-     * Content shown when no options are available (replaces the default "no data" text).
-     */
-    'no-data'?: (props: object) => any;
-    /**
-     * Content rendered after each option's checkbox and label.
-     * @param checked - Whether this option is currently checked.
-     * @param disabled - Whether this option is disabled.
-     * @param id - The `id` of this option's input, if set.
-     * @param item - The raw item from the `items` prop.
-     * @param text - The display text for this option.
-     */
-    'option:append'?: (props: {
-        checked: boolean;
-        disabled: boolean;
-        id?: string;
-        item: T;
-        text: string;
-    }) => any;
-    /**
-     * Content rendered before each option's checkbox.
-     * @param checked - Whether this option is currently checked.
-     * @param disabled - Whether this option is disabled.
-     * @param id - The `id` of this option's input, if set.
-     * @param item - The raw item from the `items` prop.
-     * @param text - The display text for this option.
-     */
-    'option:prepend'?: (props: {
-        checked: boolean;
-        disabled: boolean;
-        id?: string;
-        item: T;
-        text: string;
-    }) => any;
-    /**
-     * Content rendered before the first option, inside the options container.
-     */
-    prepend?: (props: object) => any;
-};
+import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps, BaseCheckboxGroupSlots } from './types';
 declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onInput?: ((event: Event) => any) | undefined;

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

@@ -0,0 +1,283 @@
+import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
+import { BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
+export type BaseCheckboxGroupProps<T = any> = {
+    /**
+     * ID of the element that describes the entire checkbox group for assistive
+     * technologies. Forwarded to each generated input as `aria-describedby`.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Automatically focuses the first checkbox on mount when true.
+     * Applied only to the first option.
+     * @defaultValue `false`
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Visual color of the checkboxes.
+     * - If a valid CSS color (HEX/RGB/HSL/etc.), it is applied via the `--color`
+     *   CSS variable.
+     * - Otherwise, a BEM modifier class `bb-base-checkbox--{color}` is added for
+     *   theme-based styling.
+     */
+    color?: string;
+    /**
+     * List of reactive values which, when changed, trigger items re-fetching.
+     * Useful to reload options based on external inputs.
+     * @defaultValue `[]`
+     */
+    dependencies?: any[];
+    /**
+     * Debounce delay (ms) applied when reacting to `dependencies` changes.
+     * @defaultValue `0`
+     */
+    depsDebounceTime?: number;
+    /**
+     * Direction of the group layout.
+     * - `horizontal`: options flow in rows
+     * - `vertical`: options stack in a column
+     * @defaultValue `'horizontal'`
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Disables interaction for the whole group.
+     * @defaultValue `false`
+     */
+    disabled?: boolean;
+    /**
+     * Enforces that `modelValue` contains only values present in `items`.
+     * Incoherent values are removed and `update:modelValue` is emitted with a
+     * coherent array. Please check out {@link https://ui-components-docs.vercel.app/it/guides/coherence | the docs} for more information.
+     * @defaultValue `false`
+     */
+    enforceCoherence?: boolean;
+    /**
+     * Puts the component into an error state adds the error styling class.
+     * @defaultValue `false`
+     */
+    hasErrors?: boolean;
+    /**
+     * Visually hides the label while keeping it accessible to screen readers.
+     * @defaultValue `false`
+     */
+    hideLabel?: boolean;
+    /**
+     * Identifier of the group. Used to derive per-option IDs
+     * for accessible labeling.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Items provider. Can be:
+     * - An array of items
+     * - A sync/async function `(prefill, modelValue) => items`
+     *
+     * When a function is provided, it is invoked on prefill and when dependencies
+     * change to load options dynamically.
+     * @defaultValue `[]`
+     */
+    items: T[] | ((prefill: boolean, modelValue?: any) => Promise<T[]>) | ((prefill: boolean, modelValue?: any) => T[]);
+    /**
+     * Defines how to derive the display text from an item. Accepts a nested key path
+     * into the item or a function `(item) => string`.
+     * @example `'address.city.label'`
+     * @example `(item) => item.address.city.label`
+     * @defaultValue `JSON.stringify(item)`
+     */
+    itemText?: T extends object ? string | ((item: T) => string) : (item: T) => string;
+    /**
+     * Defines how to derive the value from an item. Accepts a nested key path into the
+     * item or a function `(item) => any`.
+     * @example `'address.city.value'`
+     * @example `(item) => item.address.city.value`
+     * @defaultValue `JSON.stringify(item)`
+     */
+    itemValue?: T extends object ? string | ((item: T) => string) : (item: T) => any;
+    /**
+     * Text displayed while items are loading.
+     * @defaultValue `'Loading...'`
+     */
+    loadingText?: string;
+    /**
+     * Maximum number of selectable items.
+     * @defaultValue `Infinity`
+     */
+    max?: number;
+    /**
+     * Selected values for the group. Used with `v-model`.
+     * Single value when `multiple` is false, array when `multiple` is true.
+     */
+    modelValue: any;
+    /**
+     * Enables multi-selection behavior.
+     * When `true`, `modelValue` must be an array and emitted updates are arrays.
+     * When `false`, `modelValue` must be a single value (or `null`) and emitted
+     * updates are single values.
+     * @defaultValue `true`
+     */
+    multiple?: boolean;
+    /**
+     * Debounce delay (ms) applied when reacting to `modelValue` changes.
+     * @defaultValue `0`
+     */
+    modelValueDebounceTime?: number;
+    /**
+     * Name attribute applied to each input for form submission.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Text displayed when there are no items to show.
+     * @defaultValue `'No data to display'`
+     */
+    noDataText?: MaybeRefOrGetter<string>;
+    /**
+     * Makes all checkboxes read-only. Since checkboxes do not support native
+     * `readonly`, inputs are disabled while styled as read-only.
+     * @defaultValue `false`
+     */
+    readonly?: boolean;
+};
+export type BaseCheckboxGroupEvents = {
+    /**
+     * Emitted when one of the generated checkbox inputs loses focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'blur', event: FocusEvent): void;
+    /**
+     * Emitted when a checkbox option is toggled.
+     * Forwards the original DOM `Event` from the checkbox input.
+     */
+    (e: 'change', event: Event): void;
+    /**
+     * Emitted when one of the generated checkbox inputs is clicked.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'click', event: MouseEvent): void;
+    /**
+     * Emitted when one of the generated checkbox inputs receives focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'focus', event: FocusEvent): void;
+    /**
+     * Emitted when focus/click moves outside the group after it was active.
+     * Useful for validation-on-blur flows at group level.
+     */
+    (e: 'inactive'): void;
+    /**
+     * Emitted on native input events from generated checkbox inputs.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'input', event: Event): void;
+    /**
+     * Emitted for keyboard interaction on generated checkbox inputs.
+     * Forwards the original DOM `KeyboardEvent`.
+     */
+    (e: 'keydown', event: KeyboardEvent): void;
+    /**
+     * Emitted when a pointing device button is pressed over a checkbox input.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mousedown', event: MouseEvent): void;
+    /**
+     * Emitted when a pointing device button is released over a checkbox input.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mouseup', event: MouseEvent): void;
+    /**
+     * Emitted with the coherent next selection array whenever selection changes.
+     */
+    (e: 'update:modelValue', value: any): void;
+};
+/**
+ * Marker type for slots that do not expose scoped props.
+ */
+type BaseCheckboxGroupEmptySlotProps = Record<string, never>;
+/**
+ * Props exposed by the `icon` slot for each option.
+ */
+type BaseCheckboxGroupIconSlotProps<T> = BaseCheckboxIconSlotProps & {
+    /**
+     * Original source item for this option.
+     */
+    item: T;
+    /**
+     * Resolved display text for this option.
+     */
+    text: string;
+};
+/**
+ * Props exposed by the `label` slot for each option.
+ */
+type BaseCheckboxGroupLabelSlotProps<T> = {
+    /**
+     * Original source item for this option.
+     */
+    item: T;
+    /**
+     * Resolved display text for this option.
+     */
+    text: string;
+    /**
+     * Whether this option is currently selected.
+     */
+    checked: boolean;
+};
+/**
+ * Props exposed by option affix slots (`option:prepend` / `option:append`).
+ */
+type BaseCheckboxGroupOptionAffixSlotProps<T> = {
+    /**
+     * Whether this option is currently selected.
+     */
+    checked: boolean;
+    /**
+     * Whether this option is currently disabled.
+     */
+    disabled: boolean;
+    /**
+     * Generated id for the underlying checkbox input, when available.
+     */
+    id?: string;
+    /**
+     * Original source item for this option.
+     */
+    item: T;
+    /**
+     * Resolved display text for this option.
+     */
+    text: string;
+};
+export type BaseCheckboxGroupSlots<T> = {
+    /**
+     * Content rendered after the last option, inside the options container.
+     */
+    append?: (props: BaseCheckboxGroupEmptySlotProps) => any;
+    /**
+     * Replaces the default checkmark icon for each checkbox option. Receives all `BaseCheckbox`
+     * slot attributes plus the source item and its display text.
+     */
+    icon?: (props: BaseCheckboxGroupIconSlotProps<T>) => any;
+    /**
+     * Replaces the default label text for each option.
+     */
+    label?: (props: BaseCheckboxGroupLabelSlotProps<T>) => any;
+    /**
+     * Content shown while options are loading (replaces the default loading text).
+     */
+    loading?: (props: BaseCheckboxGroupEmptySlotProps) => any;
+    /**
+     * Content shown when no options are available (replaces the default "no data" text).
+     */
+    'no-data'?: (props: BaseCheckboxGroupEmptySlotProps) => any;
+    /**
+     * Content rendered after each option's checkbox and label.
+     */
+    'option:append'?: (props: BaseCheckboxGroupOptionAffixSlotProps<T>) => any;
+    /**
+     * Content rendered before each option's checkbox.
+     */
+    'option:prepend'?: (props: BaseCheckboxGroupOptionAffixSlotProps<T>) => any;
+    /**
+     * Content rendered before the first option, inside the options container.
+     */
+    prepend?: (props: BaseCheckboxGroupEmptySlotProps) => any;
+};
+export {};

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

@@ -1,150 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { IconType } from '../../types/Icon';
-/**
- * Color input with hex value masking and an optional palette popover.
- * Accepts and emits `#RRGGBB` (or `#RRGGBBAA` when `alpha` is enabled) values via v-model
- * and supports full input chrome slots.
- */
-export type BaseColorInputProps = {
-    /**
-     * Enable the alpha channel. When true the picker shows an opacity slider and
-     * emits / accepts `#RRGGBBAA` hex8 values.
-     */
-    alpha?: boolean;
-    /**
-     * Name of the icon to render at the right hand side of the input.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Id(s) of element(s) describing this input for assistive tech (space-separated).
-     * Typically includes the container hint id if used within a BaseInputContainer.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Autocomplete hint for the browser.
-     * @default 'off'
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Focus the input on mount.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Show a clear button when the input has a value.
-     */
-    clearable?: boolean;
-    /**
-     * Display the component in a compact layout.
-     */
-    compact?: boolean;
-    /**
-     * Disable all interactions.
-     */
-    disabled?: boolean;
-    /**
-     * Visually mark the component as invalid (also sets aria-invalid on the input).
-     */
-    hasErrors?: boolean;
-    /**
-     * The id attribute for the input element. Defaults to a generated `bb_<unique>` id when omitted.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Display the loading state.
-     */
-    loading?: boolean;
-    /**
-     * v-model value: `#RRGGBB` hex string or `null` when empty.
-     * Example: `#1A2B3C`
-     */
-    modelValue: string | null;
-    /**
-     * Name attribute of the input.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Placeholder text when there is no value.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to render at the start of the input.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * Make the input read-only.
-     */
-    readonly?: boolean;
-    /**
-     * Mark the input as required.
-     */
-    required?: boolean;
-    /**
-     * Show an eyedropper button to sample any color on screen.
-     * Uses the native EyeDropper API — hidden automatically on unsupported browsers.
-     * @default false
-     */
-    picker?: boolean;
-    /**
-     * Controls swatches display in the picker:
-     * - `true`       — show the built-in Material-palette swatches
-     * - `string[][]` — show custom swatches (each inner array = a column of shades)
-     * - `false` / omitted — no swatches section
-     */
-    swatches?: boolean | string[][];
-    /**
-     * Transition duration (ms) of the palette popover.
-     * @default 250
-     */
-    transitionDuration?: number;
-};
-/**
- * Events emitted by the color input.
- * - blur/change/click/focus/input/keydown/mousedown/mouseup: native input events (payload: original event)
- * - update:modelValue: emits `#RRGGBB` when valid, `null` when cleared/invalid
- */
-export type BaseColorInputEvents = {
-    (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 to customize the input chrome.
- * Use `prepend`/`append` for inline adornments; `prepend-outer`/`append-outer` for the outer container areas.
- */
-export type BaseColorInputSlots = {
-    /**
-     * Content rendered after the color picker indicator button, at the end of the inner container.
-     * When provided, replaces the default suffix wrapper (use the `suffix` slot if you only need inline trailing text).
-     */
-    append?: (props: object) => any;
-    /**
-     * Content rendered after the entire input control, outside the input chrome.
-     */
-    'append-outer'?: (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 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.
-     * Renders inside the default `append` area's suffix wrapper.
-     */
-    suffix?: (props: object) => any;
-};
+import { BaseColorInputProps, BaseColorInputSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseColorInputSlots> & BaseColorInputSlots;
@@ -202,9 +56,9 @@ declare function __VLS_template(): {
             $: 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;
@@ -347,9 +201,9 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
         $: 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;