bitboss-ui 2.1.129 → 2.1.130

package/dist/ai/BbTable.md

@@ -31,7 +31,11 @@
 				<col
 					v-for="track in columnTracks"
 					:key="track.key"
-					:style="{ width: track.width }"
+					:style="{
+						width: track.width,
+						minWidth: track.locked ? track.width : undefined,
+						maxWidth: track.locked ? track.width : undefined,
+					}"
 				/>
 			</colgroup>
 			<thead>
@@ -566,6 +570,29 @@ const toLength = (width: number | string) => {
 	return /^-?\d*\.?\d+$/.test(trimmed) ? `${trimmed}px` : trimmed;
 };
 
+/**
+ * Resolves a CSS length to px in the context of `host`.
+ * Returns `null` when the value cannot be resolved reliably.
+ */
+const resolveLengthToPx = (
+	width: number | string,
+	host: HTMLElement
+): number | null => {
+	const length = toLength(width);
+	if (/^-?\d*\.?\d+px$/.test(length)) return parseFloat(length);
+
+	const probe = document.createElement('div');
+	probe.style.position = 'absolute';
+	probe.style.visibility = 'hidden';
+	probe.style.pointerEvents = 'none';
+	probe.style.width = length;
+	host.appendChild(probe);
+	const px = probe.getBoundingClientRect().width;
+	host.removeChild(probe);
+
+	return Number.isFinite(px) && px > 0 ? px : null;
+};
+
 /** Number of data columns the parent renders (numeric track keys). */
 const parentDataColumns = computed(() => {
 	const tracks = parentNode.value?.tracks;
@@ -776,10 +803,10 @@ const columnTracks = computed(() => {
 		fixedLayout.value && structuralFit[key]
 			? (structuralFit[key] as string)
 			: sync(key);
-	const tracks: { key: string; width: string }[] = [];
+	const tracks: { key: string; width: string; locked?: boolean }[] = [];
 
 	if (props.selectable) {
-		tracks.push({ key: 'select', width: structural('select') });
+		tracks.push({ key: 'select', width: structural('select'), locked: false });
 	}
 
 	const lastIndex = props.columns.length - 1;
@@ -793,7 +820,7 @@ const columnTracks = computed(() => {
 		// track plus the folded edge region plus any deficit. Skipped when the
 		// table overflows: there is no leftover then, and it must content-size.
 		if (index === fillColumnIndex.value && !overflowsParent.value) {
-			tracks.push({ key, width: 'auto' });
+			tracks.push({ key, width: 'auto', locked: false });
 			return;
 		}
 
@@ -828,11 +855,11 @@ const columnTracks = computed(() => {
 			? `calc(${[...offsets, span ?? '0px'].join(' + ')})`
 			: (span ?? 'auto');
 
-		tracks.push({ key, width });
+		tracks.push({ key, width, locked: frozen != null });
 	});
 
 	if (props.actions) {
-		tracks.push({ key: 'actions', width: structural('actions') });
+		tracks.push({ key: 'actions', width: structural('actions'), locked: false });
 	}
 
 	return tracks;
@@ -989,6 +1016,19 @@ const fillValue = ref(0);
  */
 const naturalTotalWidth = ref<string | null>(null);
 
+/**
+ * Width budget for probe distribution. Prefer the immediate parent's visible
+ * width (the scroll viewport) over this table's own offset width so a
+ * max-content growth loop in ancestors cannot recursively inflate probe output.
+ */
+const probeViewportWidth = (container: HTMLElement): number => {
+	const parentWidth = container.parentElement?.clientWidth ?? 0;
+	const selfWidth = container.clientWidth || container.getBoundingClientRect().width;
+	const fallback = container.offsetWidth;
+	const width = parentWidth || selfWidth || fallback;
+	return Number.isFinite(width) && width > 0 ? width : 0;
+};
+
 const runNaturalWidthProbe = () => {
 	const container = containerRef.value;
 	if (!container || !fixedLayout.value) return;
@@ -1001,7 +1041,8 @@ const runNaturalWidthProbe = () => {
 	)
 		return;
 
-	const containerWidth = container.offsetWidth;
+	const containerWidth = probeViewportWidth(container);
+	if (containerWidth <= 0) return;
 	const dataOffset = props.selectable ? 1 : 0;
 
 	// ── Real-table measurements ────────────────────────────────────────────
@@ -1013,17 +1054,21 @@ const runNaturalWidthProbe = () => {
 		? parseFloat(structuralFit.actions)
 		: 0;
 
-	// Live rendered widths from the fixed-layout table. `frozenTotal` (declared
-	// widths) feeds the stable min-width floor; `nonFlexTotal` (frozen + inherited)
-	// is what the flex columns share the remainder of. The inherited part is only
-	// used for that `available` figure — never fed back into min-width, since those
-	// widths stretch with the table and would otherwise lock min-width above
-	// max-content and force a spurious uniform stretch on every column.
+	// Live rendered widths from the fixed-layout table. Frozen columns use their
+	// declared width (resolved to px) so an explicit width like `200` remains a
+	// true floor in the probe math even when the live render is under pressure.
+	// `frozenTotal` (declared widths) feeds the stable min-width floor;
+	// `nonFlexTotal` (frozen + inherited) is what the flex columns share.
 	const realThs = headerCells();
 	let frozenTotal = 0;
 	let nonFlexTotal = 0;
 	props.columns.forEach((col, i) => {
-		const width = realThs[dataOffset + i]?.getBoundingClientRect().width ?? 0;
+		const renderedWidth =
+			realThs[dataOffset + i]?.getBoundingClientRect().width ?? 0;
+		const declaredFrozenWidth =
+			col.width != null ? resolveLengthToPx(col.width, container) : null;
+		const width = declaredFrozenWidth ?? renderedWidth;
+
 		if (col.width != null) frozenTotal += width;
 		if (!isFlexColumn(i)) nonFlexTotal += width;
 	});
@@ -2126,10 +2171,22 @@ export type BbTableSlots<Item = any> = {
 			width: 100%;
 
 			thead {
+				th {
+					box-sizing: border-box;
+					min-width: 0;
+				}
+
 				.bb-table-header--actions {
 					width: auto;
 				}
 			}
+
+			tbody {
+				td {
+					box-sizing: border-box;
+					min-width: 0;
+				}
+			}
 		}
 	}
 

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

@@ -1,13 +1,18 @@
 import { BaseButtonProps, BaseButtonSlots } from './types';
-type __VLS_Slots = BaseButtonSlots;
-declare const __VLS_base: import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
     tag: string;
     type: HTMLButtonElement["type"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/BaseButton/RouterComponent.vue.d.ts

@@ -1,17 +1,20 @@
-/**
- * Resolve the appropriate link component at setup time (not computed).
- * This is critical for Nuxt compatibility - resolveComponent cannot be used
- * inside computed properties or reactive contexts in Nuxt.
- */
-type __VLS_Slots = {
-    /** Content rendered inside the resolved link component (router-link, Nuxt link, or Inertia link). */
-    default?: (props: object) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Content rendered inside the resolved link component (router-link, Nuxt link, or Inertia link). */
+        default?: (props: object) => any;
+    }> & {
+        /** Content rendered inside the resolved link component (router-link, Nuxt link, or Inertia link). */
+        default?: (props: object) => any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,11 +1,24 @@
 import { BaseCheckboxProps, BaseCheckboxIconSlotProps } from './types';
-type __VLS_Slots = {
-    /**
-     * Replaces the default checkmark SVG rendered inside the checkbox box.
-     */
-    icon?: (props: BaseCheckboxIconSlotProps) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Replaces the default checkmark SVG rendered inside the checkbox box.
+         */
+        icon?: (props: BaseCheckboxIconSlotProps) => any;
+    }> & {
+        /**
+         * Replaces the default checkmark SVG rendered inside the checkbox box.
+         */
+        icon?: (props: BaseCheckboxIconSlotProps) => any;
+    };
+    refs: {
+        checkboxInput: HTMLInputElement;
+    };
+    rootEl: HTMLSpanElement;
 };
-declare const __VLS_base: import('vue').DefineComponent<BaseCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
     "update:modelValue": (value: any) => any;
     click: (event: MouseEvent) => any;
@@ -28,11 +41,12 @@ declare const __VLS_base: import('vue').DefineComponent<BaseCheckboxProps, {}, {
 }>, {
     falseValue: any;
     trueValue: any;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkboxInput: HTMLInputElement;
+}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,30 +1,25 @@
 import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps, BaseCheckboxGroupSlots } from './types';
-declare const __VLS_export: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<BaseCheckboxGroupProps<T> & {
-        onInput?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        onClick?: ((event: MouseEvent) => any) | undefined;
-        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onMousedown?: ((event: MouseEvent) => any) | undefined;
-        onMouseup?: ((event: MouseEvent) => any) | undefined;
-        onInactive?: (() => any) | undefined;
-    }> & import('vue').PublicProps & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
+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;
+        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseup?: ((event: MouseEvent) => any) | undefined;
+        readonly onInactive?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onKeydown" | "onClick" | "onMousedown" | "onMouseup" | "onUpdate:modelValue" | "onInactive"> & BaseCheckboxGroupProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: BaseCheckboxGroupSlots<T>;
+    slots: Readonly<BaseCheckboxGroupSlots<T>> & BaseCheckboxGroupSlots<T>;
     emit: BaseCheckboxGroupEvents;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
+} & {};

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

@@ -1,6 +1,109 @@
 import { BaseColorInputProps, BaseColorInputSlots } from './types';
-type __VLS_Slots = BaseColorInputSlots;
-declare const __VLS_base: import('vue').DefineComponent<BaseColorInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<BaseColorInputSlots> & BaseColorInputSlots;
+    refs: {
+        wrapper: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLSpanElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').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<import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots> & import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots;
+        }) | null;
+        innerContainer: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly 'append:icon'?: import('../..').IconType | undefined;
+                readonly clearable?: boolean | 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;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                container: HTMLSpanElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "click:clear") => void;
+            $el: HTMLSpanElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
+                "onClick:clear"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "click:clear": () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').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('../..').CommonInputInnerContainerProps> & Readonly<{
+            "onClick:clear"?: (() => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots> & import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots;
+        }) | null;
+    };
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
     "update:modelValue": (value: string | null) => any;
     click: (event: MouseEvent) => any;
@@ -24,11 +127,107 @@ declare const __VLS_base: import('vue').DefineComponent<BaseColorInputProps, {},
     autocomplete: string;
     transitionDuration: number;
     alpha: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLSpanElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').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<import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots> & import('../CommonInputOuterContainer/types').CommonInputOuterContainerSlots;
+    }) | null;
+    innerContainer: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly 'append:icon'?: import('../..').IconType | undefined;
+            readonly clearable?: boolean | 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;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            container: HTMLSpanElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click:clear") => void;
+        $el: HTMLSpanElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../..').CommonInputInnerContainerProps> & Readonly<{
+            "onClick:clear"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "click:clear": () => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').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('../..').CommonInputInnerContainerProps> & Readonly<{
+        "onClick:clear"?: (() => any) | undefined;
+    }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots> & import('../CommonInputInnerContainer/types').CommonInputInnerContainerSlots;
+    }) | null;
+}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,5 +1,5 @@
 import { ColorPaletteProps } from './types';
-declare const __VLS_export: import('vue').DefineComponent<ColorPaletteProps, {
+declare const _default: import('vue').DefineComponent<ColorPaletteProps, {
     el: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
@@ -8,6 +8,13 @@ declare const __VLS_export: import('vue').DefineComponent<ColorPaletteProps, {
 }>, {
     alpha: boolean;
     picker: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pickerRef: HTMLDivElement;
+    canvasWrapRef: HTMLDivElement;
+    mainCanvasRef: HTMLCanvasElement;
+    hueWrapRef: HTMLDivElement;
+    hueCanvasRef: HTMLCanvasElement;
+    alphaWrapRef: HTMLDivElement;
+    alphaCanvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,6 +1,12 @@
 import { BaseDatePickerProps, BaseDatePickerSlots } from './types';
-type __VLS_Slots = BaseDatePickerSlots;
-declare const __VLS_base: import('vue').DefineComponent<BaseDatePickerProps, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<BaseDatePickerSlots> & BaseDatePickerSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerProps, {
     resetStatus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | string[] | null) => any;
@@ -8,11 +14,10 @@ declare const __VLS_base: import('vue').DefineComponent<BaseDatePickerProps, {
     "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
 }>, {
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/BaseDatePicker/BaseDatePickerHeader.vue.d.ts

@@ -4,12 +4,11 @@ type Props = {
     disabled: boolean;
     hidden: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "mode:year": () => any;
     "mode:month": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onMode:year"?: (() => any) | undefined;
     "onMode:month"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;