bitboss-ui 2.0.176 → 2.1.1

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<{}>, {
-    tag: string;
     type: HTMLButtonElement["type"];
+    tag: string;
 }, {}, {}, {}, 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.
      */

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

@@ -87,10 +87,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     size: number | keyof Sizes | ({
         size?: any;
     } & string);
+    showClose: boolean;
     transitionDuration: number;
     overlayClasses: Classes;
     panelClasses: Classes;
-    showClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dialog: HTMLDialogElement;
     header: HTMLDivElement;

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/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;
+    showClose: boolean;
     transitionDuration: number;
     direction: "left" | "top" | "right" | "bottom";
-    overlayClasses: import('../../types/Classes').Classes;
-    panelClasses: import('../../types/Classes').Classes;
-    showClose: boolean;
-    transition: string;
+    overlayClasses: Classes;
+    panelClasses: Classes;
 }, {}, {}, {}, 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.
@@ -167,12 +167,12 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
 }>, {
+    showClose: boolean;
     transitionDuration: number;
     arrowPadding: number;
     offset: number;
     padding: number;
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    showClose: boolean;
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapper: ({

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/BbSmoothHeight/BbSmoothHeight.vue.d.ts

@@ -30,9 +30,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbSmoothHeightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbSmoothHeightProps> & Readonly<{}>, {
     transitionDuration: number;
-    mutationOptions: MutationObserverInit;
-    strategy: "resize" | "mutation";
     tag: keyof Omit<HTMLElementTagNameMap, import('../../types/VoidHtmlElements').VoidHTMLElements>;
+    strategy: "resize" | "mutation";
+    mutationOptions: MutationObserverInit;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: unknown;
     content: unknown;

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
@@ -133,11 +133,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    showClose: boolean;
     transitionDuration: number;
     arrowPadding: number;
     padding: number;
     placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    showClose: boolean;
     theme: string;
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {