bitboss-ui 2.1.32 → 2.1.34

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

@@ -1,6 +1,7 @@
 import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
 import { CommonProps } from '../../types/CommonProps';
-export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration'> & {
+import { IconType } from '../../types/Icon';
+export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'transitionDuration'> & {
     /**
      * Array used to render each dropdown button.
      * They can act as `button`, as `a`, or as `router-link`
@@ -9,9 +10,14 @@ export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disa
      */
     items: Item[];
     /**
-     * Width of the dropdown in pixels.
+     * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
+     * @deprecated since the popover is local you should use a normal css class applied to the top level element
      */
-    width?: number;
+    theme?: string;
+    /**
+     * Width of the dropdown in pixels or percentage.
+     */
+    width?: number | string;
 };
 export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
     /**
@@ -25,11 +31,11 @@ export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
     /**
      * Icon to be displayed before the text.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Icon to be displayed after the text.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
 };
 export type MappedItem = Item & {
     /**
@@ -52,6 +58,7 @@ declare function __VLS_template(): {
                 onClick: (...args: any[]) => any;
                 onKeydown: (event: KeyboardEvent) => void;
                 disabled?: BbDropdownProps["disabled"];
+                ref: (reference: unknown) => void;
             };
             disabled?: boolean;
             open: boolean;
@@ -101,6 +108,7 @@ declare function __VLS_template(): {
                 onClick: (...args: any[]) => any;
                 onKeydown: (event: KeyboardEvent) => void;
                 disabled?: BbDropdownProps["disabled"];
+                ref: (reference: unknown) => void;
             };
             disabled?: boolean;
             open: boolean;
@@ -143,20 +151,19 @@ declare function __VLS_template(): {
         }) => any;
     };
     refs: {
-        wrapper: ({
+        popover: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
+                readonly eager?: boolean | undefined;
                 readonly transitionDuration?: number | undefined;
                 readonly arrowPadding?: number | undefined;
-                readonly block?: boolean | undefined;
                 readonly offset?: number | undefined;
                 readonly padding?: number | undefined;
                 readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-                readonly containerAttributes?: Record<string, any> | undefined;
+                readonly anchor?: any;
                 readonly dialog?: boolean | undefined;
-                readonly renderContent?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -168,7 +175,6 @@ declare function __VLS_template(): {
                 [x: string]: unknown;
             } & {
                 wrapper: unknown;
-                content: unknown;
                 bubblearrow: HTMLSpanElement;
             };
             $slots: Readonly<{
@@ -181,10 +187,9 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: boolean;
-            } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-                containerAttributes?: Record<string, any>;
+            } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+                anchor?: any;
                 dialog?: boolean;
-                renderContent?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -195,7 +200,6 @@ declare function __VLS_template(): {
                 transitionDuration: number;
                 padding: number;
                 tag: string;
-                renderContent: boolean;
                 flip: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -221,31 +225,27 @@ declare function __VLS_template(): {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                activator?(_: {}): any;
                 default?(_: {}): any;
             };
         }) | null;
-        content: HTMLSpanElement;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbDropdownProps> & Readonly<{}>, {
-    width: number;
+    width: number | string;
     transitionDuration: number;
     arrowPadding: number;
     offset: number;
@@ -253,20 +253,19 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    wrapper: ({
+    popover: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
+            readonly eager?: boolean | undefined;
             readonly transitionDuration?: number | undefined;
             readonly arrowPadding?: number | undefined;
-            readonly block?: boolean | undefined;
             readonly offset?: number | undefined;
             readonly padding?: number | undefined;
             readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-            readonly containerAttributes?: Record<string, any> | undefined;
+            readonly anchor?: any;
             readonly dialog?: boolean | undefined;
-            readonly renderContent?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -278,7 +277,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
             [x: string]: unknown;
         } & {
             wrapper: unknown;
-            content: unknown;
             bubblearrow: HTMLSpanElement;
         };
         $slots: Readonly<{
@@ -291,10 +289,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -305,7 +302,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -331,25 +327,21 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
         transitionDuration: number;
         padding: number;
         tag: string;
-        renderContent: boolean;
         flip: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
-    } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-        containerAttributes?: Record<string, any>;
+    } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        anchor?: any;
         dialog?: boolean;
-        renderContent?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            activator?(_: {}): any;
             default?(_: {}): any;
         };
     }) | null;
-    content: HTMLSpanElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { BbDropdownProps, MappedItem } from '../BbDropdown/BbDropdown.vue';
-export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
+import { IconType } from '../../types/Icon';
+export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
     /**
      * Tracks tha loading status internally.
      */
@@ -7,7 +8,11 @@ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'bloc
     /**
      * Icon to be added on the right of the text
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
+    /**
+     * Displays the component as full width.
+     */
+    block?: boolean;
     /**
      * Disables the click handler while the component is loading.
      */
@@ -19,7 +24,7 @@ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'bloc
     /**
      * Icon to be added on the right of the text
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the size of the button. When the value is a string, it will be applied to all  screen sizes.
      * Otherwise, it will be applied to the screen size specified by the object.

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

@@ -1,4 +1,5 @@
 import { Size as S } from '../../types/CommonProps';
+import { IconType } from '../../types/Icon';
 export type Size = {
     xs: number;
     sm: number;
@@ -7,7 +8,7 @@ export type Size = {
     xl: number;
     xxl: number;
 };
-export type BbIconProps = S<Size> & {
+export interface BbIconProps extends S<Size> {
     /**
      * Define a color for the component.
      *
@@ -17,8 +18,8 @@ export type BbIconProps = S<Size> & {
     /**
      * Name of the icon to use
      */
-    type: string;
-};
+    type: IconType;
+}
 declare const _default: import('vue').DefineComponent<BbIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbIconProps> & Readonly<{}>, {
     size: number | ({
         size?: any;

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

@@ -1,10 +1,11 @@
 import { BaseNumberInputEvents, BaseNumberInputSlots } from '../BaseNumberInput/BaseNumberInput.vue';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
 export type BbNumberInputProps = {
     /**
      * Name of the icon to be added at the end of the input.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
     /**
      * Guides to the browser as to the type of information expected in the field.
      */
@@ -93,7 +94,7 @@ export type BbNumberInputProps = {
     /**
      * Name of the icon to be added at the start of the input.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the input in a readonly state.
      */
@@ -133,7 +134,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-                readonly 'append:icon'?: string | undefined;
+                readonly 'append:icon'?: IconType | undefined;
                 readonly ariaDescribedby?: string | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly autofocus?: (boolean | "true" | "false") | undefined;
@@ -149,7 +150,7 @@ declare function __VLS_template(): {
                 readonly modelValue: number | string | null;
                 readonly name?: string | undefined;
                 readonly placeholder?: string | undefined;
-                readonly 'prepend:icon'?: string | undefined;
+                readonly 'prepend:icon'?: IconType | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly required?: boolean | undefined;
                 readonly step?: number | undefined;
@@ -238,7 +239,7 @@ declare const __VLS_component: import('vue').DefineComponent<BbNumberInputProps,
         $data: {};
         $props: {
             readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-            readonly 'append:icon'?: string | undefined;
+            readonly 'append:icon'?: IconType | undefined;
             readonly ariaDescribedby?: string | undefined;
             readonly autocomplete?: string | undefined;
             readonly autofocus?: (boolean | "true" | "false") | undefined;
@@ -254,7 +255,7 @@ declare const __VLS_component: import('vue').DefineComponent<BbNumberInputProps,
             readonly modelValue: number | string | null;
             readonly name?: string | undefined;
             readonly placeholder?: string | undefined;
-            readonly 'prepend:icon'?: string | undefined;
+            readonly 'prepend:icon'?: IconType | undefined;
             readonly readonly?: boolean | undefined;
             readonly required?: boolean | undefined;
             readonly step?: number | undefined;

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

@@ -7,6 +7,11 @@ export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | '
      * By default it's the first tabbable item.
      */
     focusTarget?: string;
+    /**
+     * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
+     * @deprecated since the popover is local you should use a normal css class applied to the top level element
+     */
+    theme?: string;
     /**
      * Width of the dropdown in pixels.
      */
@@ -28,6 +33,7 @@ declare function __VLS_template(): {
                 onClick: typeof onTriggerClick;
                 id: string;
                 disabled: boolean;
+                ref: (reference: unknown) => void;
             };
             disabled: boolean;
             open: boolean;
@@ -47,6 +53,7 @@ declare function __VLS_template(): {
                 onClick: typeof onTriggerClick;
                 id: string;
                 disabled: boolean;
+                ref: (reference: unknown) => void;
             };
             disabled: boolean;
             open: boolean;
@@ -60,20 +67,19 @@ declare function __VLS_template(): {
         }) => any;
     };
     refs: {
-        wrapper: ({
+        popover: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
+                readonly eager?: boolean | undefined;
                 readonly transitionDuration?: number | undefined;
                 readonly arrowPadding?: number | undefined;
-                readonly block?: boolean | undefined;
                 readonly offset?: number | undefined;
                 readonly padding?: number | undefined;
                 readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-                readonly containerAttributes?: Record<string, any> | undefined;
+                readonly anchor?: any;
                 readonly dialog?: boolean | undefined;
-                readonly renderContent?: boolean | undefined;
                 readonly tag?: string | undefined;
                 readonly flip?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -85,7 +91,6 @@ declare function __VLS_template(): {
                 [x: string]: unknown;
             } & {
                 wrapper: unknown;
-                content: unknown;
                 bubblearrow: HTMLSpanElement;
             };
             $slots: Readonly<{
@@ -98,10 +103,9 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: boolean;
-            } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-                containerAttributes?: Record<string, any>;
+            } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+                anchor?: any;
                 dialog?: boolean;
-                renderContent?: boolean;
                 tag?: string;
                 flip?: boolean;
             }> & Readonly<{
@@ -112,7 +116,6 @@ declare function __VLS_template(): {
                 transitionDuration: number;
                 padding: number;
                 tag: string;
-                renderContent: boolean;
                 flip: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -138,25 +141,22 @@ declare function __VLS_template(): {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                activator?(_: {}): any;
                 default?(_: {}): any;
             };
         }) | null;
-        content: HTMLSpanElement;
+        popoverDom: HTMLSpanElement;
     };
     rootEl: any;
 };
@@ -180,20 +180,19 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    wrapper: ({
+    popover: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
+            readonly eager?: boolean | undefined;
             readonly transitionDuration?: number | undefined;
             readonly arrowPadding?: number | undefined;
-            readonly block?: boolean | undefined;
             readonly offset?: number | undefined;
             readonly padding?: number | undefined;
             readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
-            readonly containerAttributes?: Record<string, any> | undefined;
+            readonly anchor?: any;
             readonly dialog?: boolean | undefined;
-            readonly renderContent?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly flip?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -205,7 +204,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
             [x: string]: unknown;
         } & {
             wrapper: unknown;
-            content: unknown;
             bubblearrow: HTMLSpanElement;
         };
         $slots: Readonly<{
@@ -218,10 +216,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-            containerAttributes?: Record<string, any>;
+        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            anchor?: any;
             dialog?: boolean;
-            renderContent?: boolean;
             tag?: string;
             flip?: boolean;
         }> & Readonly<{
@@ -232,7 +229,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
             transitionDuration: number;
             padding: number;
             tag: string;
-            renderContent: boolean;
             flip: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -258,25 +254,22 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
         transitionDuration: number;
         padding: number;
         tag: string;
-        renderContent: boolean;
         flip: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
-    } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
-        containerAttributes?: Record<string, any>;
+    } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        anchor?: any;
         dialog?: boolean;
-        renderContent?: boolean;
         tag?: string;
         flip?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            activator?(_: {}): any;
             default?(_: {}): any;
         };
     }) | null;
-    content: HTMLSpanElement;
+    popoverDom: HTMLSpanElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { BaseSelectEvents } from '../BaseSelect/BaseSelect.vue';
 import { NestedKeyOf } from '../../types/NestedKeyOf';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
 export type BbSelectProps<T> = {
     /**
      * Allows typing into the input.
@@ -9,7 +10,7 @@ export type BbSelectProps<T> = {
     /**
      * Name of the icon to be added at the end of the input.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
     /**
      * Guides to the browser as to the type of information expected in the field.
      */
@@ -159,7 +160,7 @@ export type BbSelectProps<T> = {
     /**
      * Name of the icon to be added at the start of the input.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the input as required.
      */

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

@@ -1,10 +1,11 @@
 import { BaseTagEvents } from '../BaseTag/BaseTag.vue';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
 export type BbTagProps = {
     /**
      * Name of the icon to be added at the end of the input.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
     /**
      * Guides to the browser as to the type of information expected in the field.
      */
@@ -99,7 +100,7 @@ export type BbTagProps = {
     /**
      * Name of the icon to be added at the start of the input.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the input in a readonly state.
      */

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

@@ -1,11 +1,12 @@
 import { BaseTextInputEvents, BaseTextInputSlots } from '../BaseTextInput/BaseTextInput.vue';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
 import { MaskInputOptions } from 'maska';
+import { IconType } from '../../types/Icon';
 export type BbTextInputProps = {
     /**
      * Name of the icon to be added at the end of the input.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
     /**
      * Guides to the browser as to the type of information expected in the field.
      */
@@ -95,7 +96,7 @@ export type BbTextInputProps = {
     /**
      * Name of the icon to be added at the start of the input.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the input in a readonly state.
      */

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

@@ -1,10 +1,11 @@
 import { BaseTextareaEvents, BaseTextareaSlots } from '../BaseTextarea/BaseTextarea.vue';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
 export type BbTextareaProps = {
     /**
      * Name of the icon to be added at the end of the input.
      */
-    'append:icon'?: string;
+    'append:icon'?: IconType;
     /**
      * Guides to the browser as to the type of information expected in the field.
      */
@@ -85,7 +86,7 @@ export type BbTextareaProps = {
     /**
      * Name of the icon to be added at the start of the input.
      */
-    'prepend:icon'?: string;
+    'prepend:icon'?: IconType;
     /**
      * Sets the input in a readonly state.
      */