bitboss-ui 2.1.113 → 2.1.115

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

@@ -1,28 +1,8 @@
-import { ImgHTMLAttributes } from 'vue';
-import { CommonProps } from '../../types/CommonProps';
-import { BbIconProps } from '../BbIcon/BbIcon.vue';
-export type BbAvatarProps = Pick<CommonProps, 'color'> & Pick<BbIconProps, 'size'> & {
-    alt?: ImgHTMLAttributes['alt'];
-    src?: ImgHTMLAttributes['src'];
-    srcset?: ImgHTMLAttributes['srcset'];
-    sizes?: ImgHTMLAttributes['sizes'];
-    timeout?: number;
-};
+import { BbAvatarProps, BbAvatarSlots } from './types';
+export type { BbAvatarProps, BbAvatarSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Fallback content shown when no image source is provided or when the image fails to load.
-         * Typically used to render initials or a placeholder icon.
-         */
-        default?: (props: object) => any;
-    }> & {
-        /**
-         * Fallback content shown when no image source is provided or when the image fails to load.
-         * Typically used to render initials or a placeholder icon.
-         */
-        default?: (props: object) => any;
-    };
+    slots: Readonly<BbAvatarSlots> & BbAvatarSlots;
     refs: {
         image: HTMLImageElement;
     };

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

@@ -0,0 +1,34 @@
+import { ImgHTMLAttributes } from 'vue';
+import { CommonProps } from '../../types/CommonProps';
+import { BbIconProps, Size } from '../BbIcon/types';
+export type BbAvatarProps = Pick<CommonProps, 'color'> & Pick<BbIconProps, 'size'> & {
+    /**
+     * Alternative text for the image, used for accessibility.
+     */
+    alt?: ImgHTMLAttributes['alt'];
+    /**
+     * Source URL of the avatar image.
+     */
+    src?: ImgHTMLAttributes['src'];
+    /**
+     * Responsive image source set.
+     */
+    srcset?: ImgHTMLAttributes['srcset'];
+    /**
+     * Sizes attribute for the image, used with `srcset`.
+     */
+    sizes?: ImgHTMLAttributes['sizes'];
+    /**
+     * Milliseconds to wait after mount before checking whether the image loaded correctly (SSR fallback).
+     * @defaultValue `400`
+     */
+    timeout?: number;
+};
+export type BbAvatarSlots = {
+    /**
+     * Fallback content shown when no image source is provided or when the image fails to load.
+     * Typically used to render initials or a placeholder icon.
+     */
+    default?: (props: object) => any;
+};
+export type { Size };

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

@@ -1,45 +1,8 @@
-import { CommonProps } from '../../types/CommonProps';
-export type BbBadgeProps = Pick<CommonProps, 'color'> & {
-    /**
-     * Displays the badge on the bottom of the wrapped component.
-     */
-    bottom?: boolean;
-    /**
-     * Text content of the badge
-     */
-    content?: string | number | null;
-    /**
-     * Renders the badge i little further from the wrapped
-     * component making it look like it's floating
-     * and not stacked.
-     */
-    floating?: boolean;
-    /**
-     * Displays the badge on the left of the wrapped component.
-     */
-    left?: boolean;
-};
+import { BbBadgeProps, BbBadgeSlots } from './types';
+export type { BbBadgeProps, BbBadgeSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * The element the badge is anchored to. When provided, the badge is positioned relative to it.
-         */
-        default?: (props: object) => any;
-        /**
-         * Replaces the default badge indicator content. Falls back to the `content` prop value.
-         */
-        content?: (props: object) => any;
-    }> & {
-        /**
-         * The element the badge is anchored to. When provided, the badge is positioned relative to it.
-         */
-        default?: (props: object) => any;
-        /**
-         * Replaces the default badge indicator content. Falls back to the `content` prop value.
-         */
-        content?: (props: object) => any;
-    };
+    slots: Readonly<BbBadgeSlots> & BbBadgeSlots;
     refs: {};
     rootEl: HTMLSpanElement;
 };

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

@@ -0,0 +1,30 @@
+import { CommonProps } from '../../types/CommonProps';
+export type BbBadgeProps = Pick<CommonProps, 'color'> & {
+    /**
+     * Displays the badge on the bottom of the wrapped component.
+     */
+    bottom?: boolean;
+    /**
+     * Text content of the badge.
+     */
+    content?: string | number | null;
+    /**
+     * Renders the badge a little further from the wrapped component,
+     * making it look like it's floating and not stacked.
+     */
+    floating?: boolean;
+    /**
+     * Displays the badge on the left of the wrapped component.
+     */
+    left?: boolean;
+};
+export type BbBadgeSlots = {
+    /**
+     * The element the badge is anchored to. When provided, the badge is positioned relative to it.
+     */
+    default?: (props: object) => any;
+    /**
+     * Replaces the default badge indicator content. Falls back to the `content` prop value.
+     */
+    content?: (props: object) => any;
+};

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

@@ -1,189 +1,25 @@
-import { CommonProps } from '../../types/CommonProps';
-import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
-export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
-    /**
-     * Click handler of the button
-     */
-    onClick?: (...args: any[]) => any;
-    /**
-     * Key that uniquely identifies the breadcrumb
-     */
-    key: string | number;
-};
-export type BbBreadcrumbsProps = Pick<CommonProps, 'disabled'> & {
-    /**
-     * Array of items that describe how the breadcrumbs
-     * should behave. It is compatible with navigating
-     * through `a` or `router-link`.
-     */
-    items: Item[];
-    /**
-     * Text content of the divider
-     */
-    divider?: string;
-    /**
-     * Width of the divider in pixels. Defaults to 5.
-     */
-    dividerWidth?: number;
-    /**
-     * Horizontal gap between breadcrumb elements in pixels.
-     */
-    gapWidth?: number;
-    /**
-     * Extra one-off width in pixels added to the total estimate
-     * (e.g. prepend/append/item slot content).
-     */
-    offsetWidth?: number;
-    /**
-     * Multiplier applied to each estimated item width. Defaults to 1.12.
-     * This is a trade-off between under-estimation and over-estimation.
-     * A higher value will result in more over-estimation. Increases/decreases carefully.
-     * @default 1.12
-     */
-    estimationBias?: number;
-    /**
-     * Explicit width used by the estimator for the ellipsis activator.
-     */
-    ellipsisWidth?: number;
-};
+import { BbBreadcrumbsProps, BbBreadcrumbsSlots, Item } from './types';
+export type { BbBreadcrumbsProps, BbBreadcrumbsSlots, Item };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        /**
-         * Content rendered before the breadcrumb list, in a dedicated prepend region.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         */
-        prepend?: (props: {
-            disabled?: boolean;
-        }) => any;
-        /**
-         * Content rendered after the breadcrumb list, in a dedicated append region.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         */
-        append?: (props: {
-            disabled?: boolean;
-        }) => any;
-        /**
-         * Content rendered before each breadcrumb item's link/button.
-         * @param disabled - Whether this item is disabled.
-         * @param index - The zero-based index of this item.
-         * @param item - The raw item object from the `items` prop.
-         * @param text - The resolved display text for this item.
-         */
-        'item:prepend'?: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
-        /**
-         * Content rendered after each breadcrumb item's link/button.
-         * @param disabled - Whether this item is disabled.
-         * @param index - The zero-based index of this item.
-         * @param item - The raw item object from the `items` prop.
-         * @param text - The resolved display text for this item.
-         */
-        'item:append'?: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
-        /**
-         * Replaces the default `…` overflow button shown when items overflow.
-         * Spread `props` onto your activator element and use `overflowCount` to show how many items are hidden.
-         * @param props - Spread onto the activator element to wire the dropdown reference.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         * @param overflowCount - Number of items hidden in the overflow dropdown.
-         * @param ellipsisWidth - The calculated pixel width reserved for the ellipsis element.
-         */
-        ellipsis?: (props: {
-            props: {
-                ref: (reference: unknown) => void;
-            };
-            disabled?: boolean;
-            overflowCount: number;
-            ellipsisWidth: number;
-        }) => any;
-        /**
-         * Replaces the default separator rendered between breadcrumb items.
-         */
+        prepend?: (props: import('./types').BbBreadcrumbsEdgeSlotProps) => any;
+        append?: (props: import('./types').BbBreadcrumbsEdgeSlotProps) => any;
+        'item:prepend'?: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
+        'item:append'?: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
+        ellipsis?: (props: import('./types').BbBreadcrumbsEllipsisSlotProps) => any;
         divider?: (props: object) => any;
     } & {
-        [key: string]: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
+        [key: string]: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
     }> & {
-        /**
-         * Content rendered before the breadcrumb list, in a dedicated prepend region.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         */
-        prepend?: (props: {
-            disabled?: boolean;
-        }) => any;
-        /**
-         * Content rendered after the breadcrumb list, in a dedicated append region.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         */
-        append?: (props: {
-            disabled?: boolean;
-        }) => any;
-        /**
-         * Content rendered before each breadcrumb item's link/button.
-         * @param disabled - Whether this item is disabled.
-         * @param index - The zero-based index of this item.
-         * @param item - The raw item object from the `items` prop.
-         * @param text - The resolved display text for this item.
-         */
-        'item:prepend'?: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
-        /**
-         * Content rendered after each breadcrumb item's link/button.
-         * @param disabled - Whether this item is disabled.
-         * @param index - The zero-based index of this item.
-         * @param item - The raw item object from the `items` prop.
-         * @param text - The resolved display text for this item.
-         */
-        'item:append'?: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
-        /**
-         * Replaces the default `…` overflow button shown when items overflow.
-         * Spread `props` onto your activator element and use `overflowCount` to show how many items are hidden.
-         * @param props - Spread onto the activator element to wire the dropdown reference.
-         * @param disabled - Whether the breadcrumbs are globally disabled.
-         * @param overflowCount - Number of items hidden in the overflow dropdown.
-         * @param ellipsisWidth - The calculated pixel width reserved for the ellipsis element.
-         */
-        ellipsis?: (props: {
-            props: {
-                ref: (reference: unknown) => void;
-            };
-            disabled?: boolean;
-            overflowCount: number;
-            ellipsisWidth: number;
-        }) => any;
-        /**
-         * Replaces the default separator rendered between breadcrumb items.
-         */
+        prepend?: (props: import('./types').BbBreadcrumbsEdgeSlotProps) => any;
+        append?: (props: import('./types').BbBreadcrumbsEdgeSlotProps) => any;
+        'item:prepend'?: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
+        'item:append'?: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
+        ellipsis?: (props: import('./types').BbBreadcrumbsEllipsisSlotProps) => any;
         divider?: (props: object) => any;
     } & {
-        [key: string]: (props: {
-            disabled: boolean;
-            index: number;
-            item: Item;
-            text?: string;
-        }) => any;
+        [key: string]: (props: import('./types').BbBreadcrumbsItemSlotProps) => any;
     };
     refs: {
         navRef: HTMLElement;

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

@@ -0,0 +1,109 @@
+import { CommonProps } from '../../types/CommonProps';
+import { BaseButtonProps } from '../BaseButton/types';
+export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
+    /**
+     * Click handler of the button.
+     */
+    onClick?: (...args: any[]) => any;
+    /**
+     * Key that uniquely identifies the breadcrumb.
+     */
+    key: string | number;
+};
+export type BbBreadcrumbsProps = Pick<CommonProps, 'disabled'> & {
+    /**
+     * Array of items that describe how the breadcrumbs should behave.
+     * Compatible with navigating through `a` or `router-link`.
+     */
+    items: Item[];
+    /**
+     * Text content of the divider.
+     */
+    divider?: string;
+    /**
+     * Width of the divider in pixels.
+     * @defaultValue `5`
+     */
+    dividerWidth?: number;
+    /**
+     * Horizontal gap between breadcrumb elements in pixels.
+     */
+    gapWidth?: number;
+    /**
+     * Extra one-off width in pixels added to the total estimate
+     * (e.g. prepend/append/item slot content).
+     */
+    offsetWidth?: number;
+    /**
+     * Multiplier applied to each estimated item width.
+     * A higher value will result in more over-estimation.
+     * @defaultValue `1.12`
+     */
+    estimationBias?: number;
+    /**
+     * Explicit width used by the estimator for the ellipsis activator.
+     */
+    ellipsisWidth?: number;
+};
+/** Props exposed by the `prepend` and `append` slots. */
+export type BbBreadcrumbsEdgeSlotProps = {
+    /** Whether the breadcrumbs are globally disabled. */
+    disabled?: boolean;
+};
+/** Props exposed by `item:prepend`, `item:append`, and named item slots. */
+export type BbBreadcrumbsItemSlotProps = {
+    /** Whether this item is disabled. */
+    disabled: boolean;
+    /** Zero-based index of this item. */
+    index: number;
+    /** The raw item object from the `items` prop. */
+    item: Item;
+    /** The resolved display text for this item. */
+    text?: string;
+};
+/** Props exposed by the `ellipsis` slot. */
+export type BbBreadcrumbsEllipsisSlotProps = {
+    /** Spread onto the activator element to wire the dropdown reference. */
+    props: {
+        /** Ref callback to register the activator element. */
+        ref: (reference: unknown) => void;
+    };
+    /** Whether the breadcrumbs are globally disabled. */
+    disabled?: boolean;
+    /** Number of items hidden in the overflow dropdown. */
+    overflowCount: number;
+    /** The calculated pixel width reserved for the ellipsis element. */
+    ellipsisWidth: number;
+};
+export type BbBreadcrumbsSlots = {
+    /**
+     * Content rendered before the breadcrumb list, in a dedicated prepend region.
+     */
+    prepend?: (props: BbBreadcrumbsEdgeSlotProps) => any;
+    /**
+     * Content rendered after the breadcrumb list, in a dedicated append region.
+     */
+    append?: (props: BbBreadcrumbsEdgeSlotProps) => any;
+    /**
+     * Content rendered before each breadcrumb item's link/button.
+     */
+    'item:prepend'?: (props: BbBreadcrumbsItemSlotProps) => any;
+    /**
+     * Content rendered after each breadcrumb item's link/button.
+     */
+    'item:append'?: (props: BbBreadcrumbsItemSlotProps) => any;
+    /**
+     * Replaces the default `…` overflow button shown when items overflow.
+     */
+    ellipsis?: (props: BbBreadcrumbsEllipsisSlotProps) => any;
+    /**
+     * Replaces the default separator rendered between breadcrumb items.
+     */
+    divider?: (props: object) => any;
+} & {
+    /**
+     * Named slot for a specific breadcrumb item, keyed by `item.key`.
+     * Replaces the default link/button content.
+     */
+    [key: string]: (props: BbBreadcrumbsItemSlotProps) => any;
+};

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

@@ -1,171 +1,12 @@
-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 = {
-    /**
-     * Tracks tha loading status internally.
-     */
-    autoLoading?: boolean;
-    /**
-     * Class to apply when the link is active
-     */
-    activeClass?: string;
-    /**
-     * Value passed to the attribute `aria-current` when the link is exact active.
-     *
-     * @defaultValue `'page'`
-     */
-    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
-    /**
-     * Icon to be added on the right of the text
-     */
-    'append:icon'?: IconType;
-    /**
-     * Displays the component as full width.
-     */
-    block?: boolean;
-    data?: object;
-    /**
-     * Disables the component
-     */
-    disabled?: boolean;
-    /**
-     * Disables the click handler while the component is loading.
-     */
-    enabledWhileLoading?: boolean;
-    /**
-     * Class to apply when the link is exact active
-     */
-    exactActiveClass?: string;
-    /**
-     * Identifies the button as part of a button group.
-     */
-    group?: boolean;
-    headers?: object;
-    /**
-     * Returns the hyperlink's URL.
-     *
-     * Can be set, to change the URL.
-     */
-    href?: HTMLAnchorElement['href'];
-    /**
-     * Used when only an icon with no text should be displayed
-     */
-    icon?: IconType;
-    /**
-     * Triggers a loading indicator
-     */
-    loading?: boolean;
-    method?: 'get' | 'post' | 'put' | 'patch' | 'delete';
-    onBefore?: () => void;
-    onCancel?: () => void;
-    onCancelToken?: (cancelToken: import('axios').CancelTokenSource) => void;
-    onFinish?: () => void;
-    only?: string[];
-    onProgress?: (progress: {
-        percentage: number | undefined;
-    }) => void;
-    onStart?: () => void;
-    onSuccess?: () => void;
-    /**
-     * Icon to be added on the left of the text
-     */
-    'prepend:icon'?: IconType;
-    preserveScroll?: boolean | ((props: {
-        [key: string]: unknown;
-    }) => boolean);
-    preserveState?: boolean | ((props: {
-        [key: string]: unknown;
-    }) => boolean) | null;
-    queryStringArrayFormat?: 'brackets' | 'indices';
-    /**
-     * Calls `router.replace` instead of `router.push`.
-     */
-    replace?: boolean;
-    /**
-     * 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.
-     */
-    size?: Sizes | Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'default', Sizes>>;
-    /**
-     * Any HTML tag corresponding to a non-void HTMl element.
-     */
-    tag?: string;
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target?: HTMLAnchorElement['target'];
-    /**
-     * 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.
-     */
-    to?: RouteLocationRaw;
-    /**
-     * Value emitted when the toggle is activated.
-     * @default true
-     */
-    trueValue?: any;
-    /**
-     * Value emitted when the toggle is deactivated.
-     * @default false
-     */
-    falseValue?: any;
-    /**
-     * Gets the classification and default behavior of the button.
-     */
-    type?: HTMLButtonElement['type'];
-};
+import { BbButtonProps, BbButtonSlots } from './types';
+export type { BbButtonProps, BbButtonSlots };
 type __VLS_Props = BbButtonProps;
 type __VLS_PublicProps = {
     modelValue?: unknown;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Primary content rendered inside the button. Falls back to the `text` prop when empty.
-         */
-        default?: (props: object) => any;
-        /**
-         * Custom content for the tooltip. Falls back to the {@link BbButtonProps.tooltip | tooltip} prop text.
-         * @param text - The `tooltip` prop value, or `undefined` if not set.
-         */
-        tooltip?: (props: {
-            text: string | undefined;
-        }) => any;
-    }> & {
-        /**
-         * Primary content rendered inside the button. Falls back to the `text` prop when empty.
-         */
-        default?: (props: object) => any;
-        /**
-         * Custom content for the tooltip. Falls back to the {@link BbButtonProps.tooltip | tooltip} prop text.
-         * @param text - The `tooltip` prop value, or `undefined` if not set.
-         */
-        tooltip?: (props: {
-            text: string | undefined;
-        }) => any;
-    };
+    slots: Readonly<BbButtonSlots> & BbButtonSlots;
     refs: {};
     rootEl: any;
 };
@@ -177,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {
-    size: Sizes | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default", Sizes>>;
+    size: ("lg" | "md" | "sm" | "xs" | "xl") | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default", "lg" | "md" | "sm" | "xs" | "xl">>;
     falseValue: any;
     trueValue: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;