bitboss-ui 2.0.175 → 2.1.0

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

@@ -85,8 +85,8 @@ declare function __VLS_template(): {
 };
 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: HTMLButtonElement["type"];
     tag: string;
+    type: HTMLButtonElement["type"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -65,10 +65,6 @@ export type BaseColorInputProps = {
      * Sets the input as required.
      */
     required?: boolean;
-    /**
-     * The target to teleport the floating component to.
-     */
-    teleportTarget?: string;
     /**
      * The transition duration of the floating component.
      */
@@ -247,6 +243,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
 }, string, import('vue').PublicProps, Readonly<BaseColorInputProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    autocomplete: string;
     transitionDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapper: ({

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

@@ -87,10 +87,6 @@ export type BaseDatePickerInputProps = {
      * @param date
      */
     selectable?: (date: Date) => boolean;
-    /**
-     * Target element to teleport the calendar to.
-     */
-    teleportTarget?: string;
 };
 export type BaseDatePickerInputEvents = {
     (e: 'active'): void;

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

@@ -1,10 +1,11 @@
+import { Classes } from '../../types/Classes';
 import { CommonProps, Size } from '../../types/CommonProps';
 export type Sizes = {
     sm: number;
     md: number;
     lg: number;
 };
-export type BaseDialogProps = Pick<CommonProps, 'closeLabel' | 'compact' | 'disabled' | 'eager' | 'panelClasses' | 'overlayClasses' | 'persistent' | 'showClose' | 'title' | 'transition' | 'transitionDuration'> & Size<Sizes> & {
+export type BaseDialogProps = Pick<CommonProps, 'closeLabel' | 'compact' | 'disabled' | 'eager' | 'persistent' | 'showClose' | 'title' | 'transitionDuration'> & Size<Sizes> & {
     /**
      * Description of the content of the modal. Extremely useful for accessibility reasons.
      */
@@ -19,14 +20,24 @@ export type BaseDialogProps = Pick<CommonProps, 'closeLabel' | 'compact' | 'disa
      */
     fullscreen?: boolean | 'mobile';
     /**
-     * Defines the state open / closed of the modal.
+     * Classes to apply to the panel of the dialog.
+     * @deprecated Pass a common `class` attribute to the component instead.
      */
-    modelValue?: boolean | null;
+    panelClasses?: Classes;
+    /**
+     * Classes to apply to the overlay of the dialog.
+     * @deprecated Pass a common `class` attribute to the component instead.
+     */
+    overlayClasses?: Classes;
+};
+type __VLS_Props = BaseDialogProps;
+export type BaseDialogEvents = {
+    (e: 'shown' | 'hidden'): void;
 };
 export type BaseDialogSlots = {
     header?: (props: {
         titleId: typeof titleId;
-        close: typeof onCloseClick;
+        close: typeof userClose;
         title: BaseDialogProps['title'];
     }) => any;
     title?: (props: {
@@ -40,56 +51,52 @@ export type BaseDialogSlots = {
     default?: (props: object) => any;
     footer?: (props: object) => any;
 };
-export type BaseDialogEvents = {
-    (e: 'shown'): void;
-    (e: 'hidden'): void;
-    (e: 'update:modelValue', value: boolean): void;
-};
 declare const titleId: string;
 declare const descriptionId: string;
 /**
- * On click on the X button
+ * This function is called when the user attempts to close the dialog.
+ * It differs from programmatically closing the dialog in that it allows for
+ * custom logic to be executed.
  */
-declare const onCloseClick: () => void;
+declare const userClose: (event: Event) => false | undefined;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseDialogSlots> & BaseDialogSlots;
     refs: {
-        overlay: HTMLDivElement;
-        panel: HTMLDivElement;
-        content: HTMLDivElement;
+        dialog: HTMLDialogElement;
         header: HTMLDivElement;
         body: HTMLDivElement;
         footer: HTMLDivElement;
     };
-    rootEl: any;
+    rootEl: HTMLDialogElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     shown: () => any;
     hidden: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<BaseDialogProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: number | ({
+    size: number | keyof Sizes | ({
         size?: any;
-    } & string) | keyof Sizes;
-    transition: string;
+    } & string);
     transitionDuration: number;
-    overlayClasses: import('../../types/Classes').Classes;
-    panelClasses: import('../../types/Classes').Classes;
+    overlayClasses: Classes;
+    panelClasses: Classes;
     showClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    overlay: HTMLDivElement;
-    panel: HTMLDivElement;
-    content: HTMLDivElement;
+    dialog: HTMLDialogElement;
     header: HTMLDivElement;
     body: HTMLDivElement;
     footer: HTMLDivElement;
-}, any>;
+}, HTMLDialogElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -163,10 +163,6 @@ export type BaseSelectProps<Item> = {
      * @param count - Number of selected labels.
      */
     selectedLabelsFn?: (count: number) => string;
-    /**
-     * Target to teleport the listbox to.
-     */
-    teleportTarget?: string;
     /**
      * How long the transition has to last in milliseconds
      */

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDialogElement>;
 export default _default;

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

@@ -1,5 +1,9 @@
 import { BaseDialogProps, BaseDialogSlots } from '../BaseDialog/BaseDialog.vue';
 export type { BaseDialogProps as BbDialogProps, BaseDialogEvents as BbDialogEvents, Sizes, } from '../BaseDialog/BaseDialog.vue';
+type __VLS_Props = BaseDialogProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseDialogSlots> & BaseDialogSlots;
@@ -7,11 +11,12 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     shown: () => any;
     hidden: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<BaseDialogProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;

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

@@ -1,6 +1,6 @@
 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' | 'teleportTarget'> & {
+export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration'> & {
     /**
      * Array used to render each dropdown button.
      * They can act as `button`, as `a`, or as `router-link`

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

@@ -1,41 +1,47 @@
+import { Classes } from '../../types/Classes';
 import { CommonProps, Size } from '../../types/CommonProps';
 export type Sizes = {
     sm: number;
     md: number;
     lg: number;
 };
-export type BbOffCanvasProps = Pick<CommonProps, 'closeLabel' | 'compact' | 'disabled' | 'eager' | 'panelClasses' | 'overlayClasses' | 'persistent' | 'showClose' | 'title' | 'transition' | 'transitionDuration'> & Size<Sizes> & {
+export type BbOffCanvasProps = Pick<CommonProps, 'closeLabel' | 'compact' | 'disabled' | 'eager' | 'persistent' | 'showClose' | 'title' | 'transitionDuration'> & Size<Sizes> & {
     /**
      * Description of the content of the modal. Extremely useful for accessibility reasons.
      */
     description?: string;
     /**
-     * Elements that obtains focus immediately after opening the offcanvas.
+     * Elements that obtains focus immediately after opening the dialog.
      * By default it's the first tabbable item.
      */
     focusTarget?: string;
     /**
-     * Displays the offcanvas as fullscreen with no margin to the page
+     * Displays the modal as fullscreen with no margin to the page
      */
     fullscreen?: boolean | 'mobile';
     /**
-     * Defines the state open / closed of the modal.
+     * Classes to apply to the panel of the dialog.
+     * @deprecated Pass a common `class` attribute to the component instead.
      */
-    modelValue?: boolean | null;
+    panelClasses?: Classes;
+    /**
+     * Classes to apply to the overlay of the dialog.
+     * @deprecated Pass a common `class` attribute to the component instead.
+     */
+    overlayClasses?: Classes;
     /**
      * Defines the direction the offcanvas should appear from
      */
     direction?: 'left' | 'top' | 'right' | 'bottom';
 };
+type __VLS_Props = BbOffCanvasProps;
 export type BbOffCanvasEvents = {
-    (e: 'shown'): void;
-    (e: 'hidden'): void;
-    (e: 'update:modelValue', value: boolean): void;
+    (e: 'shown' | 'hidden'): void;
 };
 export type BbOffCanvasSlots = {
     header?: (props: {
         titleId: typeof titleId;
-        close: typeof onCloseClick;
+        close: typeof userClose;
         title: BbOffCanvasProps['title'];
     }) => any;
     title?: (props: {
@@ -47,36 +53,37 @@ export type BbOffCanvasSlots = {
         text: BbOffCanvasProps['description'];
     }) => any;
     default?: (props: object) => any;
-    content?: (props: {
-        close: typeof onCloseClick;
-    }) => any;
     footer?: (props: object) => any;
 };
 declare const titleId: string;
 declare const descriptionId: string;
 /**
- * On click on the X button
+ * This function is called when the user attempts to close the dialog.
+ * It differs from programmatically closing the dialog in that it allows for
+ * custom logic to be executed.
  */
-declare const onCloseClick: () => void;
+declare const userClose: (event: Event) => false | undefined;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbOffCanvasSlots> & BbOffCanvasSlots;
     refs: {
-        overlay: HTMLDivElement;
-        panel: HTMLDivElement;
-        content: HTMLDivElement;
+        dialog: HTMLDialogElement;
         header: HTMLDivElement;
         body: HTMLDivElement;
         footer: HTMLDivElement;
     };
-    rootEl: any;
+    rootEl: HTMLDialogElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BbOffCanvasProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     shown: () => any;
     hidden: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<BbOffCanvasProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -84,20 +91,17 @@ declare const __VLS_component: import('vue').DefineComponent<BbOffCanvasProps, {
     size: number | ({
         size?: any;
     } & string) | keyof Sizes;
-    transition: string;
     transitionDuration: number;
     direction: "left" | "top" | "right" | "bottom";
-    overlayClasses: import('../../types/Classes').Classes;
-    panelClasses: import('../../types/Classes').Classes;
+    overlayClasses: Classes;
+    panelClasses: Classes;
     showClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    overlay: HTMLDivElement;
-    panel: HTMLDivElement;
-    content: HTMLDivElement;
+    dialog: HTMLDialogElement;
     header: HTMLDivElement;
     body: HTMLDivElement;
     footer: HTMLDivElement;
-}, any>;
+}, HTMLDialogElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,7 +1,7 @@
 import { nextTick } from 'vue';
 import { CommonProps } from '../../types/CommonProps';
 import { Placement } from '@floating-ui/vue';
-export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration' | 'teleportTarget'> & {
+export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
     /**
      * Elements that obtains focus immediately after opening the popover.
      * By default it's the first tabbable item.

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

@@ -193,10 +193,6 @@ export type BbSelectProps<T> = {
      * you either always return the previous items or you stash them passing `true` to this option.
      */
     stash?: boolean;
-    /**
-     * Target to teleport the listbox to.
-     */
-    teleportTarget?: string;
     /**
      * How long the transition has to last in milliseconds
      */

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

@@ -6,5 +6,5 @@ export type BbToastProps = {
 };
 declare const _default: import('vue').DefineComponent<BbToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbToastProps> & Readonly<{}>, {
     placement: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { CommonProps } from '../../types/CommonProps';
 import { Placement } from '@floating-ui/vue';
-export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'teleportTarget' | 'theme' | 'transitionDuration'> & {
+export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
     /**
      * The delay in milliseconds before the tooltip is shown.
      * @default 0