@adyen/bento-vue3 1.44.0 → 1.45.0

package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts

@@ -1,146 +0,0 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../../core/src/components/typography/typography.types";
-/**
- * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles
- * easily to text. The variants and properties match with those found in Figma.
- *
- * For example, seeing text with the typography styling of
- *
- * @example
- * import { BentoTypography } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoTypography },
- *     template: `
- *          <bento-typography>
- *              ... text content
- *          </bento-typography>
- *     `
- * }
- */
-declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Sets the HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
-     */
-    el?: BentoTypographyElement | `${BentoTypographyElement}`;
-    /**
-     * Adds the large class modifier.
-     * Applicable to the Title variant.
-     */
-    large?: boolean;
-    /**
-     * Adds the medium class modifier.
-     * Applicable to the Title variant.
-     */
-    medium?: boolean;
-    /**
-     * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
-     */
-    richText?: boolean;
-    /**
-     * Adds the stronger class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    stronger?: boolean;
-    /**
-     * Adds the strongest class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    strongest?: boolean;
-    /**
-     * Sets the type of typography variant.
-     * @values caption, body, title.
-     */
-    variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;
-    /**
-     * Adds the medium class modifier.
-     * Applicable to tje Body variant.
-     */
-    wide?: boolean;
-}>, {
-    el: BentoTypographyElement;
-    large: boolean;
-    medium: boolean;
-    stronger: boolean;
-    strongest: boolean;
-    variant: BentoTypographyVariant;
-    wide: boolean;
-}>>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Sets the HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
-     */
-    el?: BentoTypographyElement | `${BentoTypographyElement}`;
-    /**
-     * Adds the large class modifier.
-     * Applicable to the Title variant.
-     */
-    large?: boolean;
-    /**
-     * Adds the medium class modifier.
-     * Applicable to the Title variant.
-     */
-    medium?: boolean;
-    /**
-     * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
-     */
-    richText?: boolean;
-    /**
-     * Adds the stronger class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    stronger?: boolean;
-    /**
-     * Adds the strongest class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    strongest?: boolean;
-    /**
-     * Sets the type of typography variant.
-     * @values caption, body, title.
-     */
-    variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;
-    /**
-     * Adds the medium class modifier.
-     * Applicable to tje Body variant.
-     */
-    wide?: boolean;
-}>, {
-    el: BentoTypographyElement;
-    large: boolean;
-    medium: boolean;
-    stronger: boolean;
-    strongest: boolean;
-    variant: BentoTypographyVariant;
-    wide: boolean;
-}>>> & Readonly<{}>, {
-    wide: boolean;
-    stronger: boolean;
-    strongest: boolean;
-    el: BentoTypographyElement | `${BentoTypographyElement}`;
-    large: boolean;
-    medium: boolean;
-    variant: BentoTypographyVariant | `${BentoTypographyVariant}`;
-}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, {
-    default: (_: {}) => any;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/@types/packages/vue2/src/composables/index.d.ts

@@ -1,10 +0,0 @@
-export * from './initials';
-export * from './use-click-outside/use-click-outside';
-export * from './use-checkbox-select-all/use-checkbox-select-all';
-export * from './use-default-slot-validator/use-default-slot-validator';
-export * from './use-form-layout-loading/use-form-layout-loading';
-export * from './use-form-validate';
-export * from './use-has-slot/use-has-slot';
-export * from './use-virtual-list';
-export * from './use-bento-toast-controller';
-export * from './use-bento-theme';

package/dist/@types/packages/vue2/src/composables/initials.d.ts

@@ -1,10 +0,0 @@
-import { ComputedRef } from "../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { MaybeRef } from "../types";
-/** Extracts the first letter of a username
- * @param username - The name to return the initials of
- * Common patterns:
- * 1. John => J
- * 2. John Smith => J
- * John Smith Doe Holly => J
- */
-export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

package/dist/@types/packages/vue2/src/composables/use-bento-theme/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-bento-theme';
-export * from './use-bento-theme.types';

package/dist/@types/packages/vue2/src/composables/use-bento-theme/install.d.ts

@@ -1,18 +0,0 @@
-export declare enum BentoTheme {
-    LEGACY = "b-legacy-theme",
-    STYLEGUIDE = "b-styleguide-theme",
-    /**
-     * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.
-     */
-    BENTO = "",
-    BENTO_LIGHT = "b-light-theme",
-    BENTO_DARK = "b-dark-theme",
-    BENTO_SYSTEM = "b-system"
-}
-export declare const setTheme: (theme: BentoTheme) => void;
-/**
- * This function is used to create and register global reactive state necessary for theme to operate.
- * @param {Vue} Vue A context application to register global state with.
- */
-declare const _default: (Vue: any) => void;
-export default _default;

package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.d.ts

@@ -1,20 +0,0 @@
-import { UseBentoTheme } from './use-bento-theme.types';
-/**
- * Composable that handles theming-related capabilities for the Bento component library.
- * Requires the use of `BentoPlugin`.
- *
- * @example
- * <script setup lang="ts">
- *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';
- *
- *    const { setTheme } = useBentoTheme();
- *
- *    setTheme(BentoTheme.BENTO_DARK)
- * </script>
- *
- * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.
- * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.
- * @returns {Function} setTheme - Sets the theme of the Bento component library.
- *
- */
-export declare function useBentoTheme(): UseBentoTheme;

package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.types.d.ts

@@ -1,6 +0,0 @@
-import { BentoTheme } from './install';
-export declare const useBentoThemeKey: unique symbol;
-export interface UseBentoTheme {
-    getTheme: () => string;
-    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;
-}

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-bento-toast-controller';
-export * from './use-bento-toast-controller.types';

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/install.d.ts

@@ -1,6 +0,0 @@
-/**
- * This function is used to create and register global reactive state necessary fro the Toasts to operate.
- * @param {Vue} Vue A context application to register global state with.
- */
-declare const _default: (Vue: any) => void;
-export default _default;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/toast-stack.d.ts

@@ -1,7 +0,0 @@
-import type { ToastStack } from './use-bento-toast-controller.types';
-export declare const toastStackInjectionKey: unique symbol;
-/**
- * This utility creates a global reactive state to add new toasts and keep track of them.
- * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts
- */
-export declare const createToastStack: () => ToastStack;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.d.ts

@@ -1,2 +0,0 @@
-import { UseBentoToastController } from './use-bento-toast-controller.types';
-export declare function useBentoToastController(): UseBentoToastController;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.types.d.ts

@@ -1,23 +0,0 @@
-import { type DeepReadonly, type Ref } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-export interface BentoToastItemAction {
-    handler: () => void;
-    text: string;
-}
-export interface BentoToastItemParams {
-    action?: BentoToastItemAction;
-    text: string;
-}
-export interface BentoToastItem extends BentoToastItemParams {
-    id: string;
-    dismiss: () => void;
-}
-export type BentoToastItemsList = Array<BentoToastItem>;
-interface Toast {
-    dismiss: () => void;
-}
-export interface ToastStack {
-    stack: DeepReadonly<Ref<BentoToastItemsList>>;
-    addToast: (params: BentoToastItemParams) => Toast;
-}
-export type UseBentoToastController = ToastStack;
-export {};

package/dist/@types/packages/vue2/src/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,46 +0,0 @@
-import type { ComputedRef } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import type { BentoListboxMultiSelectValue, Fn } from "../../types";
-import { BentoListboxOptions } from "../../types";
-/**
- * Callback function that alllows to select all the items when called
- * @callback selectAllCallback
- */
-/**
- * Callback function that alllows to select all the items when called
- * @callback unselectAllCallback
- */
-/**
- * @typedef {Object} UseCheckboxSelectAll
- * @property {Ref<boolean>} isAllSelected - Indicates if all values are selected. Pass this to the :value property.
- * @property {Ref<boolean>} isIndeterminate - Indicates if it is in an indeterminated state (not all values are selected nor unselected). Pass this to the :indeterminate property.
- * @property {(selectedValue: boolean) => void} toggleSelectAll - Handles the select all flow, selects or unselects all and nullifies the indeterminated state. Pass this to the @input method.
- */
-/**
- * Composable to handle a 3 way checkbox state that allows to manage
- * a "select all", "unselect all" and an intermediate state where
- * not all are selected.
- *
- * @example
- * const checkboxVModelRef = ref<number[]>([]);
- *
- * const { isAllSelected, isIndeterminate, toggleSelectAll, updateIndeterminate } = useCheckboxSelectAll(
- *    checkboxVModelRef,
- *    () => { checkboxVModelRef.value = [...] // select all logic },
- *    () => { checkboxVModelRef.value = [] // unselect all logic },
- * );
- * toggleSelectAll(true|false); // Hook this to the @input method
- * updateIndeterminate(totalOfAvailableItems);
- *
- *
- * @param {ComputedRef<BentoListboxMultiSelectValue>} selectedItemsList - Reference to the list of selected values
- * @param {ComputedRef<BentoListboxOptions>} items - Reference to the list of all available items in the dropdown
- * @param {selectAllCallback} selectAll - Callback function that alllows to select all the items when called
- * @param {unselectAllCallback} unselectAll - Callback function that alllows to select all the items when called
- * @returns {UseCheckboxSelectAll} Values to be set to the bento-checkbox value and indeterminate props, as well as functions to update them accordingly
- *
- */
-export declare const useCheckboxSelectAll: (selectedItemsList: ComputedRef<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
-    isAllSelected: ComputedRef<boolean>;
-    isIndeterminate: ComputedRef<boolean>;
-    toggleSelectAll: (selectedValue: boolean) => void;
-};

package/dist/@types/packages/vue2/src/composables/use-click-outside/index.d.ts

@@ -1 +0,0 @@
-export * from './use-click-outside';

package/dist/@types/packages/vue2/src/composables/use-click-outside/use-click-outside.d.ts

@@ -1,10 +0,0 @@
-import { OnClickOutsideHandler, OnClickOutsideOptions } from "../../directives/click-outside/types";
-import { MaybeElementRef } from "../../types";
-/**
- * Composable to listen for clicks outside of an element ref.
- *
- * @param {MaybeElementRef} target - HTML Element or "ref" to an Element on which the click outside listener will be attached to
- * @param {OnClickOutsideHandler} handler - Function that will be called when the listener gets triggered
- * @param {OnClickOutsideOptions} options - Options to be passed to the listener
- */
-export declare const useClickOutside: <T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T) => void;

package/dist/@types/packages/vue2/src/composables/use-default-slot-validator/use-default-slot-validator.d.ts

@@ -1,2 +0,0 @@
-import type { Slot } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-export declare const useDefaultSlotValidator: (componentName: string, defaultSlot: Slot, ...optionalSlots: Slot[]) => void;

package/dist/@types/packages/vue2/src/composables/use-expandable-content-height/use-expandable-content-height.d.ts

@@ -1,36 +0,0 @@
-/**
- * Composable function that gets the height of expandable content. Mostly to use with expanding height animations (accordion, card...).
- *
- * @example
- *  <template>
- *      <Transition :name="b-height__animation">
- *          <div v-if="isOpen" :style="contentHeight ? { 'max-height': contentHeight } : {}" >
- *              <div ref="contentDiv">
- *                  <slot />
- *              </div>
- *          </div>
- *      </Transition>
- *  </template>
- *
- *  <script script lang="ts">
- *      import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';
- *
- *      const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);
- *
- *      watch(
- *          isOpen,
- *          value => {
- *              updateContentHeight();
- *          },
- *          { immediate: true }
- *      );
- *  </script>
- *
- * @param contentRef Reference to the div with the content
- * @param isOpen Reference to the boolean controlling the expanded state
- * @returns The height of the content and function to update the height
- */
-export declare const useExpandableContentHeight: (contentRef: any, isOpen: any) => {
-    updateContentHeight: () => Promise<void>;
-    contentHeight: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<string, string>;
-};

package/dist/@types/packages/vue2/src/composables/use-form-layout-loading/use-form-layout-loading.d.ts

@@ -1,14 +0,0 @@
-import { type Ref } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-/**
- * Registers the Form field as part of a FormLayout to compute the "readonly" mode
- * of such Form field based on the "loading" state of the Form and its props using Provide/Inject.
- *
- * If the Form field is NOT inside a FormLayout it will only use its "readonly" prop.
- * If the Form field IS inside a FormLayout it will compute the readonly value based on its prop and the FormLayout "loading" state
- *
- * @param readonly Component reference to "readonly" prop
- * @returns computed value based on the "readonly" prop and the "loading" state of the form
- */
-export declare const useFormLayoutFieldLoading: (readonly: Ref<boolean>) => {
-    isReadOnly: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
-};

package/dist/@types/packages/vue2/src/composables/use-form-validate/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-form';
-export * from './use-form.types';

package/dist/@types/packages/vue2/src/composables/use-form-validate/use-form.d.ts

@@ -1,65 +0,0 @@
-import { type Ref } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import type { ZodSchema } from 'zod';
-import { allKeys, UseForm } from './use-form.types';
-/**
- * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.
- *
- * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.
- * Function that transform Zod’s schemas into something that can be understood by vee-validate
- *
- * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema
- * @returns {UseForm<T>} schema Schema transformed
- */
-export declare function toTypedSchema<T extends ZodSchema>(formSchema: T): T;
-/**
- * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout
- * to ease the migration to Vue3.
- *
- * For Vue3 implementations use Vee-Validate.
- *
- * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.
- * It returns reactive values that can be used directly in form input elements with 'v-model' alongside
- * with functions to "reset" the data (sets values to default value) and a function to execute the
- * successful form validation process (through a callback).
- *
- * @param {UseForm<T>} props Form configuration object
- * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema
- * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data
- * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value
- * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)
- * @returns {Ref<T>} response.values Object with all the form values and their current value
- * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called
- * @returns {(callback: (values: T) => void) => () => void} response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.
- *                                                                   When the validation is successful it calls the callback so the submit process can continue
- *
- * @example
- * const validationSchema = toTypedSchema(
- *      z.object({
- *          name: z
- *              .string()
- *              .min(3, { message: 'Name is required' })
- *              .startsWith('Jane')
- *              .max(4, { message: 'Name cannot be longer than 4 characters' })
- *              .default('Joe'),
- *      })
- * );
- *
- * const { values, errors, errorBag, submitForm, handleReset } = useForm({
- *     validationSchema
- * });
- * const handleSubmit = submitForm(() => {
- *     // Send data to API here
- * })
- *
- */
-export declare function useForm<T extends ZodSchema>({ validationSchema, }: UseForm<T>): {
-    errorBag: Ref<{
-        [P in allKeys<(typeof validationSchema)['_type']>]?: string[];
-    }>;
-    errors: Ref<{
-        [P in allKeys<(typeof validationSchema)['_type']>]?: string;
-    }>;
-    values: Ref<(typeof validationSchema)['_type']>;
-    handleReset: () => void;
-    submitForm: (submitted: any) => () => void;
-};

package/dist/@types/packages/vue2/src/composables/use-form-validate/use-form.types.d.ts

@@ -1,15 +0,0 @@
-import type { typeToFlattenedError } from 'zod';
-/**
- * Object of all the form field props with their respective list of errors
- */
-export type ErrorBag<T> = typeToFlattenedError<T, string>['fieldErrors'];
-/**
- * Extracts all the keys from a type
- */
-export type allKeys<T> = T extends any ? keyof T : never;
-/**
- * useForm composable configuration object
- */
-export interface UseForm<T> {
-    validationSchema: T;
-}

package/dist/@types/packages/vue2/src/composables/use-has-slot/use-has-slot.d.ts

@@ -1,20 +0,0 @@
-import { VNode } from "../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi";
-import type { Slots } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-/**
- * Composable function that allows to verify if a Slot exits in a component.
- *
- * @example
- * <script script lang="ts">
- *    import { useHasSlot } from '@/composables/hasSlot';
- *    import { useSlots } from 'vue';
- *
- *    const slots = useSlots();
- *    const hasSlot = useHasSlot(slots);
- * </script>
- *
- * @param {function(slots: Slots)} useHasSlots Encloses the slots object to be checked when the closure is called
- * @returns {function(name: string)} Checks if the named slot defined by "name" exists in the component
- */
-export declare const useHasSlot: (slots: Slots | {
-    [key: string]: VNode[];
-}) => (name: string) => boolean;

package/dist/@types/packages/vue2/src/composables/use-virtual-list/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-virtual-list';
-export type * from './use-virtual-list.types';

package/dist/@types/packages/vue2/src/composables/use-virtual-list/use-virtual-list.d.ts

@@ -1,53 +0,0 @@
-import { Ref } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import type { UseVirtualListContainerProps, UseVirtualListOptions, UseVirtualListWrapperProps } from './use-virtual-list.types';
-/**
- * Sets up a virtual scrolling functionality on a container element and a list of items to virtually scroll over.
- * This composables returns the containerProps and wrapperProps objects that should be v-binded onto the container and wrapper elements
- * of the list you wish to virtually scroll.
- *
- * This will return a filtered down list object the user can render based on how much the user has scrolled on the container.
- *
- * @usage
- * <template>
- *  <div v-bind="containerProps" @scroll="onScroll">
- *    <ul v-bind="wrapperProps">
- *      <li v-for="item in list" :key="item.index" style="height: 22px">
- *        {{ item.label }}
- *      </li>
- *    </ul>
- *  </div>
- * </template>
- *
- * <script setup lang="ts"
- * import { useVirtualList } from '@adyen/bento-vue2';
- *
- * const DEFAULT_OPTIONS: { label: string }[] = new Array(100)
- *       .fill(0)
- *       .map((_, index) => ({ label: `Option ${index + 1}` }));
- * const ITEMS = ref(DEFAULT_OPTIONS);
- * const ITEM_HEIGHT = 30;
- *
- * const { containerProps, wrapperProps, list, onScroll } = useVirtualList(ITEMS, { itemHeight: ITEM_HEIGHT });
- * </script>
- *
- *
- * @param items - a reference to a list of items to virtually scroll over.
- * @param options - customises how the Virtual scroller list functions.
- * @param options.itemHeight - the height in pixel or a function that returns the height in pixels for each item.
- * @param options.overscan - number of pre-rendered DOM nodes. Prevents whitespace between items if you scroll very quickly.
- * @param options.prefixHeight - the prefix height of elements present the scrollable area but not present in the items property.
- * @param options.disabled - if set to true, disables the virtual scrolling functionality.
- */
-export declare function useVirtualList<T>(items: Ref<T[]>, { disabled, itemHeight, overscan, prefixHeight }: UseVirtualListOptions): {
-    containerRef: Ref<HTMLElement, HTMLElement>;
-    containerProps: UseVirtualListContainerProps;
-    onScroll: () => void;
-    list: Ref<T[], T[]>;
-    wrapperProps?: undefined;
-} | {
-    containerRef: Ref<HTMLElement, HTMLElement>;
-    containerProps: UseVirtualListContainerProps;
-    onScroll: () => void;
-    list: Ref<T[], T[]>;
-    wrapperProps: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<UseVirtualListWrapperProps>;
-};

package/dist/@types/packages/vue2/src/composables/use-virtual-list/use-virtual-list.types.d.ts

@@ -1,20 +0,0 @@
-import type { Ref, UnwrapRef } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import type { StyleValue } from "../../../../../node_modules/.pnpm/@vue+runtime-dom@3.2.47/node_modules/@vue/runtime-dom";
-export type UseVirtualListItemHeight = number | ((index: number) => number);
-export interface UseVirtualListOptions {
-    disabled?: boolean;
-    prefixHeight?: Ref<number>;
-    itemHeight: UseVirtualListItemHeight;
-    overscan?: number;
-}
-export interface UseVirtualListContainerProps {
-    ref: Ref<UnwrapRef<HTMLElement | null>>;
-    style: StyleValue;
-}
-export interface UseVirtualListWrapperProps {
-    style: StyleValue;
-}
-export interface UseVirtualListItem<T> {
-    data: T;
-    index: number;
-}

package/dist/@types/packages/vue2/src/directives/click-outside/directive.d.ts

@@ -1,11 +0,0 @@
-import type { DirectiveHook } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-type Element = HTMLElement & {
-    __onClickOutside_stop?: () => void;
-};
-export declare const BentoClickOutsideDirective: {
-    inserted: DirectiveHook<Element>;
-    unbind: DirectiveHook<Element>;
-    beforeMount: DirectiveHook<Element>;
-    unmounted: DirectiveHook<Element>;
-};
-export {};

package/dist/@types/packages/vue2/src/directives/click-outside/index.d.ts

@@ -1 +0,0 @@
-export * from './directive';

package/dist/@types/packages/vue2/src/directives/click-outside/on-click-outside.d.ts

@@ -1,11 +0,0 @@
-import type { MaybeElementRef } from "../../types";
-import type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';
-/**
- * Listen for clicks outside of an element.
- *
- * @see https://vueuse.org/onClickOutside
- * @param target
- * @param handler
- * @param options
- */
-export declare function onClickOutside<T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T): () => void;

package/dist/@types/packages/vue2/src/directives/click-outside/types.d.ts

@@ -1,19 +0,0 @@
-import type { MaybeElementRef } from "../../types";
-export interface OnClickOutsideOptions {
-    /**
-     * List of elements that should not trigger the event.
-     */
-    ignore?: (MaybeElementRef | string)[];
-    /**
-     * Use capturing phase for internal event listener.
-     * @default true
-     */
-    capture?: boolean;
-    /**
-     * Run handler function if focus moves to an iframe.
-     * @default false
-     */
-    detectIframe?: boolean;
-    window?: Window;
-}
-export type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;