bitboss-ui 2.1.113 → 2.1.115

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

@@ -1,218 +1,25 @@
-import { BbDropdownProps, MappedItem } from '../BbDropdown/BbDropdown.vue';
-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.
-     */
-    autoLoading?: boolean;
-    /**
-     * Icon to be added on the right of the text
-     */
-    'append:icon'?: IconType;
-    /**
-     * Displays the component as full width.
-     */
-    block?: boolean;
-    /**
-     * Disables the click handler while the component is loading.
-     */
-    disabledWhileLoading?: boolean;
-    /**
-     * Triggers a loading indicator
-     */
-    loading?: boolean;
-    /**
-     * Icon to be added on the right of the text
-     */
-    '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.
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'default', 'xs' | 'sm' | 'md' | 'lg' | 'xl'>>;
-};
+import { BbDropdownButtonProps, BbDropdownButtonSlots } from './types';
+export type { BbDropdownButtonProps, BbDropdownButtonSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        /**
-         * The left-side trigger button content. Spread `props` onto your element to wire the anchor reference.
-         * @param props - Spread onto the activator element to register the floating-UI anchor.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        activator?: (props: {
-            props: {};
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Content rendered before the first item in the dropdown panel.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        prepend?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Content rendered before each dropdown item's default content.
-         * @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 open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         * @param text - The resolved display text for this item.
-         */
-        'item:prepend'?: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-        /**
-         * Content rendered after each dropdown item's default content.
-         * @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 open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         * @param text - The resolved display text for this item.
-         */
-        'item:append'?: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-        /**
-         * Content rendered after the last item in the dropdown panel.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        append?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Replaces the right-side split button that toggles the dropdown. Renders as a separate button segment.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        'right-btn'?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownButtonProps["placement"];
-        }) => any;
+        activator?: (props: import('./types').BbDropdownButtonActivatorSlotProps) => any;
+        prepend?: (props: import('./types').BbDropdownButtonEdgeSlotProps) => any;
+        'item:prepend'?: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
+        'item:append'?: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
+        append?: (props: import('./types').BbDropdownButtonEdgeSlotProps) => any;
+        'right-btn'?: (props: import('./types').BbDropdownButtonRightBtnSlotProps) => any;
     } & {
-        [key: string]: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
+        [key: string]: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
     }> & {
-        /**
-         * The left-side trigger button content. Spread `props` onto your element to wire the anchor reference.
-         * @param props - Spread onto the activator element to register the floating-UI anchor.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        activator?: (props: {
-            props: {};
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Content rendered before the first item in the dropdown panel.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        prepend?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Content rendered before each dropdown item's default content.
-         * @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 open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         * @param text - The resolved display text for this item.
-         */
-        'item:prepend'?: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-        /**
-         * Content rendered after each dropdown item's default content.
-         * @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 open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         * @param text - The resolved display text for this item.
-         */
-        'item:append'?: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
-        /**
-         * Content rendered after the last item in the dropdown panel.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        append?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-        }) => any;
-        /**
-         * Replaces the right-side split button that toggles the dropdown. Renders as a separate button segment.
-         * @param disabled - Whether the button is globally disabled.
-         * @param open - Whether the dropdown panel is currently open.
-         * @param placement - The current placement of the dropdown panel.
-         */
-        'right-btn'?: (props: {
-            disabled?: boolean;
-            open: boolean;
-            placement: BbDropdownButtonProps["placement"];
-        }) => any;
+        activator?: (props: import('./types').BbDropdownButtonActivatorSlotProps) => any;
+        prepend?: (props: import('./types').BbDropdownButtonEdgeSlotProps) => any;
+        'item:prepend'?: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
+        'item:append'?: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
+        append?: (props: import('./types').BbDropdownButtonEdgeSlotProps) => any;
+        'right-btn'?: (props: import('./types').BbDropdownButtonRightBtnSlotProps) => any;
     } & {
-        [key: string]: (props: {
-            disabled?: MappedItem["disabled"];
-            index: number;
-            item: BbDropdownProps["items"][number];
-            open: boolean;
-            placement: BbDropdownProps["placement"];
-            text: MappedItem["text"];
-        }) => any;
+        [key: string]: (props: import('./types').BbDropdownButtonItemSlotProps) => any;
     };
     refs: {};
     rootEl: HTMLSpanElement;

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

@@ -0,0 +1,114 @@
+import { BbDropdownProps, MappedItem } from '../BbDropdown/types';
+import { IconType } from '../../types/Icon';
+type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
+    /**
+     * Tracks the loading status internally.
+     *
+     * @defaultValue `true`
+     */
+    autoLoading?: boolean;
+    /**
+     * Icon to be added on the right of the text.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Displays the component as full width.
+     */
+    block?: boolean;
+    /**
+     * Disables the click handler while the component is loading.
+     *
+     * @defaultValue `true`
+     */
+    disabledWhileLoading?: boolean;
+    /**
+     * Triggers a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * Icon to be added on the left of the text.
+     */
+    '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.
+     */
+    size?: Sizes | Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'default', Sizes>>;
+};
+/** Props exposed by the `activator` slot. */
+export type BbDropdownButtonActivatorSlotProps = {
+    /** Spread onto the activator element to register the floating-UI anchor. */
+    props: object;
+    /** Whether the button is globally disabled. */
+    disabled?: boolean;
+    /** Whether the dropdown panel is currently open. */
+    open: boolean;
+    /** The current placement of the dropdown panel. */
+    placement: BbDropdownProps['placement'];
+};
+/** Props exposed by the `prepend` and `append` slots. */
+export type BbDropdownButtonEdgeSlotProps = {
+    /** Whether the button is globally disabled. */
+    disabled?: boolean;
+    /** Whether the dropdown panel is currently open. */
+    open: boolean;
+    /** The current placement of the dropdown panel. */
+    placement: BbDropdownProps['placement'];
+};
+/** Props exposed by item-level slots (`item:prepend`, `item:append`, and named item slots). */
+export type BbDropdownButtonItemSlotProps = {
+    /** Whether this item is disabled. */
+    disabled?: MappedItem['disabled'];
+    /** The zero-based index of this item. */
+    index: number;
+    /** The raw item object from the `items` prop. */
+    item: BbDropdownProps['items'][number];
+    /** Whether the dropdown panel is currently open. */
+    open: boolean;
+    /** The current placement of the dropdown panel. */
+    placement: BbDropdownProps['placement'];
+    /** The resolved display text for this item. */
+    text: MappedItem['text'];
+};
+/** Props exposed by the `right-btn` slot. */
+export type BbDropdownButtonRightBtnSlotProps = {
+    /** Whether the button is globally disabled. */
+    disabled?: boolean;
+    /** Whether the dropdown panel is currently open. */
+    open: boolean;
+    /** The current placement of the dropdown panel. */
+    placement: BbDropdownButtonProps['placement'];
+};
+export type BbDropdownButtonSlots = {
+    /**
+     * The left-side trigger button content. Spread `props` onto your element to wire the anchor reference.
+     */
+    activator?: (props: BbDropdownButtonActivatorSlotProps) => any;
+    /**
+     * Content rendered before the first item in the dropdown panel.
+     */
+    prepend?: (props: BbDropdownButtonEdgeSlotProps) => any;
+    /**
+     * Content rendered before each dropdown item's default content.
+     */
+    'item:prepend'?: (props: BbDropdownButtonItemSlotProps) => any;
+    /**
+     * Content rendered after each dropdown item's default content.
+     */
+    'item:append'?: (props: BbDropdownButtonItemSlotProps) => any;
+    /**
+     * Content rendered after the last item in the dropdown panel.
+     */
+    append?: (props: BbDropdownButtonEdgeSlotProps) => any;
+    /**
+     * Replaces the right-side split button that toggles the dropdown.
+     */
+    'right-btn'?: (props: BbDropdownButtonRightBtnSlotProps) => any;
+} & {
+    /**
+     * Named slot for a specific item, identified by `item.key`. Replaces the item's default label content.
+     */
+    [key: string]: (props: BbDropdownButtonItemSlotProps) => any;
+};
+export {};

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

@@ -1,87 +1,8 @@
-import { CommonProps, NonVoidElementTag } from '../../types/CommonProps';
-export type DropZoneError = ReturnType<(typeof createError)[keyof typeof createError]>;
-export type BbDropzoneProps = Pick<CommonProps, 'autofocus' | 'disabled' | 'errors' | 'hasErrors' | 'id' | 'multiple' | 'name'> & {
-    /**
-     * Array of mime-types or extensions to filter selectable files.
-     */
-    accept?: string[];
-    /**
-     * Maximum number of acceptable files
-     */
-    maxFiles?: number;
-    /**
-     * Max size of the files in bytes.
-     */
-    maxSize?: number;
-    /**
-     * Used by v-model.
-     */
-    modelValue: any;
-} & NonVoidElementTag;
-export type BbDropzoneEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'error', data: DropZoneError): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'update:modelValue', data: any): void;
-};
-/**
- * Helper that creates errors based on component properties
- */
-declare const createError: {
-    maxSize: (file: File) => {
-        readonly type: "maxSize";
-        readonly file: File;
-        readonly formattedMaxSize: string;
-        readonly formattedSize: string;
-        readonly filename: string;
-    };
-    uniqueness: (file: File) => {
-        readonly type: "uniqueness";
-        readonly file: File;
-        readonly filename: string;
-    };
-    accept: (file: File) => {
-        readonly type: "accept";
-        readonly file: File;
-        readonly acceptedMimeTypes: string[];
-        readonly mimeType: string;
-        readonly filename: string;
-    };
-    maxFiles: (file: File, totalFiles: number) => {
-        readonly type: "maxFiles";
-        readonly file: File;
-        readonly maxFiles: number | undefined;
-        readonly totalFiles: number;
-        readonly filename: string;
-    };
-};
+import { BbDropzoneProps, BbDropzoneEvents, BbDropzoneSlots, DropZoneError } from './types';
+export type { BbDropzoneProps, BbDropzoneEvents, BbDropzoneSlots, DropZoneError, };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * The drop zone area content. Renders inside the `<label>` that captures drag and file input events.
-         * @param dragging - Whether a file is currently being dragged over the drop zone.
-         * @param focused - Whether the file input currently has keyboard focus.
-         * @param id - The `id` of the underlying file input, useful for custom label association.
-         */
-        default?: (props: {
-            dragging: boolean;
-            focused: boolean;
-            id: string;
-        }) => any;
-    }> & {
-        /**
-         * The drop zone area content. Renders inside the `<label>` that captures drag and file input events.
-         * @param dragging - Whether a file is currently being dragged over the drop zone.
-         * @param focused - Whether the file input currently has keyboard focus.
-         * @param id - The `id` of the underlying file input, useful for custom label association.
-         */
-        default?: (props: {
-            dragging: boolean;
-            focused: boolean;
-            id: string;
-        }) => any;
-    };
+    slots: Readonly<BbDropzoneSlots> & BbDropzoneSlots;
     refs: {
         submittable: HTMLInputElement;
     };
@@ -89,15 +10,15 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbDropzoneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (data: any) => any;
     blur: (event: FocusEvent) => any;
-    error: (data: DropZoneError) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (data: any) => any;
+    error: (data: DropZoneError) => any;
 }, string, import('vue').PublicProps, Readonly<BbDropzoneProps> & Readonly<{
-    "onUpdate:modelValue"?: ((data: any) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
-    onError?: ((data: DropZoneError) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((data: any) => any) | undefined;
+    onError?: ((data: DropZoneError) => any) | undefined;
 }>, {
     tag: keyof Omit<HTMLElementTagNameMap, import('../../types/VoidHtmlElements').VoidHTMLElements>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -0,0 +1,67 @@
+import { CommonProps, NonVoidElementTag } from '../../types/CommonProps';
+export type DropZoneError = {
+    type: 'maxSize';
+    file: File;
+    formattedMaxSize: string;
+    formattedSize: string;
+    filename: string;
+} | {
+    type: 'uniqueness';
+    file: File;
+    filename: string;
+} | {
+    type: 'accept';
+    file: File;
+    acceptedMimeTypes: string[];
+    mimeType: string;
+    filename: string;
+} | {
+    type: 'maxFiles';
+    file: File;
+    maxFiles: number | undefined;
+    totalFiles: number;
+    filename: string;
+};
+export type BbDropzoneProps = Pick<CommonProps, 'autofocus' | 'disabled' | 'errors' | 'hasErrors' | 'id' | 'multiple' | 'name'> & {
+    /**
+     * Array of mime-types or extensions to filter selectable files.
+     */
+    accept?: string[];
+    /**
+     * Maximum number of acceptable files.
+     */
+    maxFiles?: number;
+    /**
+     * Max size of the files in bytes.
+     */
+    maxSize?: number;
+    /**
+     * Used by v-model.
+     */
+    modelValue: any;
+} & NonVoidElementTag;
+export type BbDropzoneEvents = {
+    /** Emitted when the file input loses focus. Forwards the original DOM `FocusEvent`. */
+    (e: 'blur', event: FocusEvent): void;
+    /** Emitted when a file validation error occurs (e.g. size, type, uniqueness, max count). */
+    (e: 'error', data: DropZoneError): void;
+    /** Emitted when the file input receives focus. Forwards the original DOM `FocusEvent`. */
+    (e: 'focus', event: FocusEvent): void;
+    /** Emitted when the selected files change. Payload is the new file or file array. */
+    (e: 'update:modelValue', data: any): void;
+};
+/** Props exposed by the `default` slot. */
+export type BbDropzoneDefaultSlotProps = {
+    /** Whether a file is currently being dragged over the drop zone. */
+    dragging: boolean;
+    /** Whether the file input currently has keyboard focus. */
+    focused: boolean;
+    /** The `id` of the underlying file input, useful for custom label association. */
+    id: string;
+};
+export type BbDropzoneSlots = {
+    /**
+     * The drop zone area content. Renders inside the `<label>` that captures drag and file input events.
+     */
+    default?: (props: BbDropzoneDefaultSlotProps) => any;
+};

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

@@ -1,29 +1,5 @@
-import { Size as S } from '../../types/CommonProps';
-import { IconType } from '../../types/Icon';
-export type Size = {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-export interface BbIconProps extends S<Size> {
-    /**
-     * Define a color for the component.
-     *
-     * Either a custom color or a coded color in common HEX, RGB, etc... format.
-     */
-    color?: string;
-    /**
-     * Label of the icon for accessibility.
-     */
-    label?: string;
-    /**
-     * Name of the icon to use
-     */
-    type: IconType;
-}
+import { BbIconProps, Size } from './types';
+export type { BbIconProps, Size };
 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/BbIcon/types.d.ts

@@ -0,0 +1,28 @@
+import { Size as S } from '../../types/CommonProps';
+import { IconType } from '../../types/Icon';
+export type Size = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export interface BbIconProps extends S<Size> {
+    /**
+     * Define a color for the component.
+     *
+     * Either a custom color or a coded color in common HEX, RGB, etc... format.
+     */
+    color?: string;
+    /**
+     * Label of the icon for accessibility.
+     */
+    label?: string;
+    /**
+     * Name of the icon to use.
+     *
+     * @defaultValue `'md'`
+     */
+    type: IconType;
+}

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

@@ -1,46 +1,8 @@
-import { NonVoidElementTag } from '../../types/CommonProps';
-export type BbIntersectionProps = {
-    /**
-     * Time to wait before emitting intersection value
-     */
-    debounceTime?: number;
-    /**
-     * Options used to confgiure the IntersectionObserver
-     */
-    options?: IntersectionObserverInit;
-} & NonVoidElementTag;
-export type BbIntersectionEvents = {
-    (e: 'shown'): void;
-    (e: 'hidden'): void;
-    (e: 'intersected', value: number): void;
-};
+import { BbIntersectionProps, BbIntersectionEvents, BbIntersectionSlots } from './types';
+export type { BbIntersectionProps, BbIntersectionEvents, BbIntersectionSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Content rendered inside the observed element. Receives live intersection state.
-         * @param hidden - Whether the component is currently fully out of the viewport.
-         * @param percentage - The current intersection ratio as a percentage (0–100).
-         * @param shown - Whether the component is currently at least partially visible.
-         */
-        default?: (props: {
-            hidden: boolean;
-            percentage: number;
-            shown: boolean;
-        }) => any;
-    }> & {
-        /**
-         * Content rendered inside the observed element. Receives live intersection state.
-         * @param hidden - Whether the component is currently fully out of the viewport.
-         * @param percentage - The current intersection ratio as a percentage (0–100).
-         * @param shown - Whether the component is currently at least partially visible.
-         */
-        default?: (props: {
-            hidden: boolean;
-            percentage: number;
-            shown: boolean;
-        }) => any;
-    };
+    slots: Readonly<BbIntersectionSlots> & BbIntersectionSlots;
     refs: {
         infinitescrolltrigger: unknown;
     };

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

@@ -0,0 +1,36 @@
+import { NonVoidElementTag } from '../../types/CommonProps';
+export type BbIntersectionProps = {
+    /**
+     * Time to wait before emitting intersection value.
+     *
+     * @defaultValue `0`
+     */
+    debounceTime?: number;
+    /**
+     * Options used to configure the IntersectionObserver.
+     */
+    options?: IntersectionObserverInit;
+} & NonVoidElementTag;
+export type BbIntersectionEvents = {
+    /** Emitted when the element becomes fully visible in the viewport. */
+    (e: 'shown'): void;
+    /** Emitted when the element leaves the viewport entirely. */
+    (e: 'hidden'): void;
+    /** Emitted when the intersection ratio changes. Payload is the ratio as a percentage (0–100). */
+    (e: 'intersected', value: number): void;
+};
+/** Props exposed by the `default` slot. */
+export type BbIntersectionDefaultSlotProps = {
+    /** Whether the component is currently fully out of the viewport. */
+    hidden: boolean;
+    /** The current intersection ratio as a percentage (0–100). */
+    percentage: number;
+    /** Whether the component is currently at least partially visible. */
+    shown: boolean;
+};
+export type BbIntersectionSlots = {
+    /**
+     * Content rendered inside the observed element. Receives live intersection state.
+     */
+    default?: (props: BbIntersectionDefaultSlotProps) => any;
+};