bitboss-ui 2.1.119 → 2.1.121

package/dist/ai/BaseButton.md

@@ -248,6 +248,7 @@ const attributes = computed(() => {
 
 ```ts
 import type { RouteLocationRaw } from 'vue-router';
+import type { InertiaLinkProps } from '@inertiajs/vue3';
 
 export type BaseButtonProps = {
 	/**
@@ -325,7 +326,7 @@ export type BaseButtonProps = {
 	 * Receives the Inertia cancel token source when a request is initiated.
 	 * Can be used to cancel the request.
 	 */
-	onCancelToken?: (cancelToken: import('axios').CancelTokenSource) => void;
+	onCancelToken?: InertiaLinkProps['onCancelToken'];
 	/**
 	 * Lifecycle hook invoked by Inertia after the request has finished
 	 * (regardless of success or error).

package/dist/ai/BbButton.md

@@ -189,6 +189,7 @@ defineExpose({ $el: buttonDom });
 import type { RouteLocationRaw } from 'vue-router';
 import type { Placement } from '@floating-ui/vue';
 import type { IconType } from '@/types/Icon';
+import type { InertiaLinkProps } from '@inertiajs/vue3';
 
 type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
@@ -270,7 +271,7 @@ export type BbButtonProps = {
 
 	onCancel?: () => void;
 
-	onCancelToken?: (cancelToken: import('axios').CancelTokenSource) => void;
+	onCancelToken?: InertiaLinkProps['onCancelToken'];
 
 	onFinish?: () => void;
 

package/dist/ai/BbPopover.md

@@ -31,6 +31,7 @@
 		:hide-arrow="placement === 'cursor'"
 		:padding="padding"
 		:placement="placement === 'cursor' ? 'bottom-start' : placement"
+		:scrollable="scrollable"
 		:style="{ width: parsedWidth }"
 		:transition-duration="transitionDuration"
 		v-bind="$attrs"
@@ -89,6 +90,7 @@ const props = withDefaults(defineProps<BbPopoverProps>(), {
 	padding: 10,
 	placement: 'bottom',
 	restoreFocus: true,
+	scrollable: false,
 	showClose: true,
 	theme: 'default',
 	transitionDuration: 300,
@@ -493,6 +495,12 @@ export type BbPopoverProps = Pick<
 	 * @defaultValue `'click'`
 	 */
 	trigger?: PopoverTrigger | PopoverTrigger[];
+	/**
+	 * Caps the popover height to the available viewport space and enables internal scrolling.
+	 *
+	 * @defaultValue `false`
+	 */
+	scrollable?: boolean;
 	/**
 	 * Width of the popover. Accepts pixels or percentage (relative to activator width).
 	 */
@@ -561,10 +569,15 @@ export type BbPopoverSlots = {
 			border-radius: var(--bb-radius);
 			float: right;
 			isolation: isolate;
-			margin: calc(var(--bb-ring-size) * -1) calc(var(--bb-ring-size) * -1) 0 0;
+			/* margin-right pulls the button back by its own width (8px + 10px svg + 8px)
+			   so the float no longer contributes to the bubble's max-content width */
+			margin: calc(var(--bb-ring-size) * -1) -4px 0px
+				calc(var(--bb-ring-size) * -1 - 26px);
 			outline: none;
 			padding: 8px;
-			position: relative;
+			position: sticky;
+			top: 4px;
+			z-index: 1;
 
 			&:hover {
 				color: var(--bb-primary);

package/dist/ai/BbTab.md

@@ -144,8 +144,6 @@ const route = useRoute();
 const router = useRouter();
 const { error } = useLogger();
 
-const tabs = ref();
-
 const id = props.id ?? useId().id.value;
 const instanceid = `bb-tab_${id}`;
 
@@ -280,7 +278,12 @@ const mappedItems = computed(() => {
 const onTabSelected = (tab: BbTabItem<K>['key'], replace = props.replace) => {
 	const tabItem = props.items.find((i) => i.key === tab);
 	if (isNil(tabItem)) return;
-	if (tabItem.key === selectedTab.value) return;
+	if (tabItem.key === selectedTab.value) {
+		if (props.modelValue !== tab) {
+			emit('update:modelValue', tab);
+		}
+		return;
+	}
 
 	/* For Vue or Nuxt context */
 	if (props.navigation && route.value && queryTabParam.value !== tab) {

package/dist/ai/CommonPopover.md

@@ -11,6 +11,7 @@
 		:class="{
 			'bb-common-popover--open': shown,
 			'bb-common-popover--no-arrow': hideArrow,
+			'bb-common-popover--scrollable': scrollable,
 			[`bb-common-popover--${placement}`]: true,
 		}"
 		v-bind="containerAttributes"
@@ -23,7 +24,10 @@
 			class="bb-common-popover__arrow"
 			v-bind="arrowAttributes"
 		></span>
-		<span v-if="renderContent" class="bb-common-popover__bubble">
+		<span
+			v-if="renderContent"
+			class="bb-common-popover__bubble scrollbar-border"
+		>
 			<slot />
 		</span>
 	</component>
@@ -45,6 +49,7 @@ import {
 	arrow,
 	offset,
 	hide,
+	size,
 } from '@floating-ui/vue';
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import type { CommonPopoverProps, CommonPopoverSlots } from './types';
@@ -55,6 +60,7 @@ const props = withDefaults(defineProps<CommonPopoverProps>(), {
 	padding: 0,
 	renderContent: true,
 	flip: true,
+	scrollable: false,
 });
 
 defineSlots<CommonPopoverSlots>();
@@ -95,6 +101,20 @@ const middleware = computed(() => {
 		offset(props.offset),
 		shift({ padding: props.padding, ...(boundary ? { boundary } : {}) }),
 		hide(),
+		...(props.scrollable
+			? [
+					size({
+						padding: props.padding,
+						...(boundary ? { boundary } : {}),
+						apply({ availableHeight, elements }) {
+							elements.floating.style.setProperty(
+								'--available-height',
+								`${availableHeight}px`
+							);
+						},
+					}),
+				]
+			: []),
 		...(props.hideArrow
 			? []
 			: [
@@ -228,6 +248,7 @@ const closePopover = () => {
 	margin: 0;
 	display: flex;
 	background-color: transparent;
+	overflow: visible;
 	padding: 0;
 	z-index: -1;
 	border-radius: var(--bb-radius);
@@ -365,8 +386,14 @@ const closePopover = () => {
 		z-index: 100;
 	}
 
+	&.bb-common-popover--scrollable .bb-common-popover__bubble {
+		max-height: var(--available-height);
+		overflow-y: auto;
+	}
+
 	.bb-common-popover__bubble {
 		display: block;
+		position: relative;
 		scale: 0.6;
 		border-radius: var(--bb-radius);
 		border: 1px solid var(--bb-border);
@@ -431,6 +458,13 @@ export type CommonPopoverProps = Pick<
 	 * @defaultValue `true`
 	 */
 	flip?: boolean;
+	/**
+	 * Caps the popover height to the available viewport space and enables internal scrolling.
+	 * Useful for tall content like filter panels. Not recommended for atomic popovers (calendars, color pickers).
+	 *
+	 * @defaultValue `false`
+	 */
+	scrollable?: boolean;
 };
 
 export type CommonPopoverEvents = Record<never, never>;

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

@@ -1,18 +1,13 @@
 import { BaseButtonProps, BaseButtonSlots } from './types';
-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<{}>, {
+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<{}>, {
     type: HTMLButtonElement["type"];
     tag: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,20 +1,17 @@
-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;
+/**
+ * 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;
 };
-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"]>;
+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;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,4 +1,5 @@
 import { RouteLocationRaw } from 'vue-router';
+import { InertiaLinkProps } from '@inertiajs/vue3';
 export type BaseButtonProps = {
     /**
      * CSS class applied when the component renders as a link and the target of the link is the current route or the url matches partially.
@@ -68,7 +69,7 @@ export type BaseButtonProps = {
      * Receives the Inertia cancel token source when a request is initiated.
      * Can be used to cancel the request.
      */
-    onCancelToken?: (cancelToken: import('axios').CancelTokenSource) => void;
+    onCancelToken?: InertiaLinkProps['onCancelToken'];
     /**
      * Lifecycle hook invoked by Inertia after the request has finished
      * (regardless of success or error).

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

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

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

@@ -1,25 +1,30 @@
 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;
-        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
-        readonly onChange?: ((event: Event) => any) | undefined;
-        readonly onClick?: ((event: MouseEvent) => any) | undefined;
-        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
-        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-        readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
-        readonly onMouseup?: ((event: MouseEvent) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: any) => 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;
+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;
+        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: any) => any) | undefined;
+        onInactive?: (() => any) | undefined;
+    }> & import('vue').PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
-    slots: Readonly<BaseCheckboxGroupSlots<T>> & BaseCheckboxGroupSlots<T>;
+    slots: 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> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -1,109 +1,6 @@
 import { BaseColorInputProps, BaseColorInputSlots } from './types';
-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, {} & {
+type __VLS_Slots = BaseColorInputSlots;
+declare const __VLS_base: import('vue').DefineComponent<BaseColorInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
     blur: (event: FocusEvent) => any;
     change: (event: Event) => any;
@@ -127,107 +24,11 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
     autocomplete: string;
     transitionDuration: number;
     alpha: boolean;
-}, {}, {}, {}, 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"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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