bitboss-ui 2.1.66 → 2.1.68

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

@@ -104,6 +104,7 @@ export type SlotAttributes = {
     disabled: boolean;
     falseValue: any;
     focused: boolean;
+    focusVisible: boolean;
     hasErrors: boolean;
     id: BaseCheckboxProps['id'];
     name: BaseCheckboxProps['name'];

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

@@ -74,6 +74,7 @@ export type SlotAttributes = {
     checked: boolean;
     disabled: Exclude<BaseRadioProps['disabled'], undefined>;
     focused: boolean;
+    focusVisible: boolean;
     hasErrors: Exclude<BaseRadioProps['hasErrors'], undefined>;
     id: BaseRadioProps['id'];
     name: BaseRadioProps['name'];

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

@@ -1,5 +1,6 @@
 import { RouteLocationRaw } from 'vue-router';
 import { IconType } from '../../types/Icon';
+import { Placement } from '@floating-ui/vue';
 type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type BbButtonProps = {
     /**
@@ -99,6 +100,22 @@ export type BbButtonProps = {
      * Text content of the component.
      */
     text?: string;
+    /**
+     * Text content for a tooltip displayed on hover.
+     * When provided, a {@link BbTooltip} is lazily loaded and attached to the button.
+     */
+    tooltip?: string;
+    /**
+     * Placement of the tooltip relative to the button.
+     * Accepts any {@link Placement} value from Floating UI.
+     * @default 'top'
+     */
+    tooltipPlacement?: Placement;
+    /**
+     * The delay in milliseconds before the tooltip is shown.
+     * @default 0
+     */
+    tooltipTimeout?: number;
     /**
      * Route Location the link should navigate to when clicked on.
      */
@@ -112,14 +129,28 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         default?: (props: object) => any;
+        /**
+         * Custom content for the tooltip. Falls back to the {@link BbButtonProps.tooltip | tooltip} prop text.
+         */
+        tooltip?: (props: {
+            text: string | undefined;
+        }) => any;
     }> & {
         default?: (props: object) => any;
+        /**
+         * Custom content for the tooltip. Falls back to the {@link BbButtonProps.tooltip | tooltip} prop text.
+         */
+        tooltip?: (props: {
+            text: string | undefined;
+        }) => any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BbButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbButtonProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<BbButtonProps, {
+    el: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbButtonProps> & Readonly<{}>, {
     size: Sizes | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default", Sizes>>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,73 +1,81 @@
 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'> & {
+export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
     /**
-     * Elements that obtains focus immediately after opening the popover.
-     * By default it's the first tabbable item.
+     * External activator element or component ref.
+     * When provided, the activator slot is not rendered and click events
+     * are attached programmatically to the referenced element.
+     */
+    activator?: HTMLElement | Record<string, any> | null;
+    /**
+     * Selector for the element that receives focus after opening.
+     * Defaults to the close button, or first focusable element if no close button.
      */
     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
+     * Whether to restore focus to the activator when closed.
+     * @default true
+     */
+    restoreFocus?: boolean;
+    /**
+     * @deprecated Use a CSS class on the component instead.
      */
     theme?: string;
     /**
-     * Width of the dropdown in pixels.
+     * Width of the popover. Accepts pixels or percentage (relative to activator width).
      */
     width?: number | string;
 };
+type __VLS_Props = BbPopoverProps;
 export type BbPopoverEvents = {
     (e: 'shown'): void;
     (e: 'hidden'): void;
 };
-declare const onTriggerClick: (event: MouseEvent) => Promise<void>;
-declare const onClickClose: () => Promise<void>;
+declare const activatorProps: import('vue').ComputedRef<{
+    'aria-expanded': boolean | undefined;
+    'aria-controls': string | undefined;
+    'aria-haspopup': "dialog";
+    id: string;
+    disabled: boolean;
+    ref: (reference: unknown) => void;
+    onClick: (event: MouseEvent) => Promise<void>;
+}>;
+declare const close: () => void;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         activator?: (props: {
-            props: {
-                "aria-controls": string | undefined;
-                "aria-expanded": boolean;
-                onClick: typeof onTriggerClick;
-                id: string;
-                disabled: boolean;
-                ref: (reference: unknown) => void;
-            };
+            props: typeof activatorProps.value;
             disabled: boolean;
-            open: boolean;
+            isOpen: boolean;
             placement: Placement;
         }) => any;
         default?: (props: {
-            close: typeof onClickClose;
+            close: typeof close;
             disabled: boolean;
             open: boolean;
             placement: Placement;
         }) => any;
     }> & {
         activator?: (props: {
-            props: {
-                "aria-controls": string | undefined;
-                "aria-expanded": boolean;
-                onClick: typeof onTriggerClick;
-                id: string;
-                disabled: boolean;
-                ref: (reference: unknown) => void;
-            };
+            props: typeof activatorProps.value;
             disabled: boolean;
-            open: boolean;
+            isOpen: boolean;
             placement: Placement;
         }) => any;
         default?: (props: {
-            close: typeof onClickClose;
+            close: typeof close;
             disabled: boolean;
             open: boolean;
             placement: Placement;
         }) => any;
     };
     refs: {
-        popover: ({
+        popoverRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -160,16 +168,22 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
-    open: (event: MouseEvent) => Promise<void>;
-    close: () => Promise<void>;
-    closed: import('vue').ComputedRef<boolean>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    /** Opens the popover programmatically */
+    show: (event: MouseEvent) => Promise<void>;
+    /** Closes the popover programmatically */
+    close: () => void;
+    /** Whether the popover is currently open */
+    isOpen: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
     shown: () => any;
     hidden: () => any;
-}, string, import('vue').PublicProps, Readonly<BbPopoverProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     showClose: boolean;
     transitionDuration: number;
@@ -178,8 +192,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
     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";
+    restoreFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    popover: ({
+    popoverRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {

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

@@ -1,6 +1,12 @@
 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' | 'theme' | 'transitionDuration'> & {
+export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
+    /**
+     * External activator element or component ref.
+     * When provided, the activator slot is not rendered and event listeners
+     * are attached programmatically to the referenced element.
+     */
+    activator?: HTMLElement | Record<string, any> | null;
     /**
      * 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
@@ -20,10 +26,6 @@ type __VLS_Props = BbTooltipProps;
 type BbTooltipSlots = {
     activator?: (props: {
         props: {
-            'aria-describedby'?: string;
-            onMouseenter: typeof onMouseenter;
-            onFocus: typeof onFocus;
-            onBlur: typeof closeTooltip;
             ref: (reference: unknown) => void;
         };
         disabled?: boolean;
@@ -32,9 +34,6 @@ type BbTooltipSlots = {
     }) => any;
     default?: (props: object) => any;
 };
-declare const onMouseenter: () => void;
-declare const onFocus: () => void;
-declare const closeTooltip: import('lodash').DebouncedFuncLeading<() => Promise<void>>;
 type __VLS_PublicProps = {
     modelValue?: boolean;
 } & __VLS_Props;