@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/LayerswapMenu/MenuList.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BookOpen, ScrollText, LibraryIcon, Shield } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useAuthDataUpdate, useAuthState, UserType } from "../../context/authContext";
-import TokenService from "../../lib/TokenService";
-import { useIntercom } from "react-use-intercom";
-import inIframe from "../utils/inIframe";
-import Menu from "./Menu";
-import { MenuStep } from "../../Models/Wizard";
-const MenuList = ({ goToStep }) => {
-    const { email, userType, userId } = useAuthState();
-    const { setUserType } = useAuthDataUpdate();
-    const { boot, show, update } = useIntercom();
-    const [embedded, setEmbedded] = useState();
-    const [openFeedbackModal, setOpenFeedbackModal] = useState(false);
-    useEffect(() => {
-        setEmbedded(inIframe());
-    }, []);
-    const updateWithProps = () => update({ userId, customAttributes: { email: email, } });
-    const handleLogout = () => {
-        TokenService.removeAuthData();
-        // if (router.pathname != '/') {
-        //     router.push({
-        //         pathname: '/',
-        //         query: resolvePersistantQueryParams(router.query)
-        //     })
-        // } else {
-        //     router.reload()
-        // }
-        setUserType(UserType.NotAuthenticatedUser);
-    };
-    const handleCloseFeedback = () => {
-        setOpenFeedbackModal(false);
-    };
-    return _jsx("div", { className: "text-sm font-medium focus:outline-none h-full", children: _jsxs(Menu, { children: [_jsx(Menu.Group, { children: _jsx(_Fragment, { children: _jsx(Menu.Item, { onClick: () => goToStep(MenuStep.Transactions, "/transactions"), icon: _jsx(ScrollText, { className: "h-5 w-5" }), children: "Transactions" }) }) }), _jsx(Menu.Group, { children: _jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/', target: "_blank", icon: _jsx(BookOpen, { className: "h-5 w-5" }), children: "Docs" }) }), _jsxs(Menu.Group, { children: [_jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/user-docs/more-information/privacy-policy/', target: "_blank", icon: _jsx(Shield, { className: "h-5 w-5" }), children: "Privacy Policy" }), _jsx(Menu.Item, { pathname: 'https://docs.layerswap.io/user-docs/more-information/terms-of-services/', target: "_blank", icon: _jsx(LibraryIcon, { className: "h-5 w-5" }), children: "Terms of Service" })] })] }) });
-};
-export default MenuList;

package/dist/components/LayerswapMenu/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const LayerswapMenu: FC;
-export default LayerswapMenu;

package/dist/components/LayerswapMenu/index.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MenuIcon, ChevronLeft } from "lucide-react";
-import { useState } from "react";
-import IconButton from "../Buttons/iconButton";
-import { FormWizardProvider, useFormWizardaUpdate, useFormWizardState } from "../../context/formWizardProvider";
-import { MenuStep } from "../../Models/Wizard";
-import MenuList from "./MenuList";
-import Wizard from "../Wizard/Wizard";
-import WizardItem from "../Wizard/WizardItem";
-import HistoryList from "../Pages/SwapHistory/History";
-import { CampaignsComponent } from "../Pages/Campaigns";
-import VaulDrawer from "../Modal/vaulModal";
-const Comp = () => {
-    const { goBack, currentStepName } = useFormWizardState();
-    const { goToStep } = useFormWizardaUpdate();
-    const [openTopModal, setOpenTopModal] = useState(false);
-    const handleModalOpenStateChange = (value) => {
-        setOpenTopModal(value);
-        if (value === false) {
-            goToStep(MenuStep.Menu);
-            // clearMenuPath(router)
-        }
-    };
-    const goBackToMenuStep = () => {
-        goToStep(MenuStep.Menu, "back");
-        //   clearMenuPath(router) 
-    };
-    const handleGoToStep = (step, path) => {
-        goToStep(step);
-        // setMenuPath(path, router)
-    };
-    return _jsx(_Fragment, { children: _jsxs("div", { className: "text-secondary-text cursor-pointer relative", children: [_jsx(IconButton, { onClick: () => setOpenTopModal(true), icon: _jsx(MenuIcon, { strokeWidth: "2" }) }), _jsx(VaulDrawer, { show: openTopModal, setShow: handleModalOpenStateChange, header: _jsxs("div", { className: "inline-flex items-center", children: [goBack &&
-                                _jsx("div", { className: "-ml-2", children: _jsx(IconButton, { onClick: goBack, icon: _jsx(ChevronLeft, { strokeWidth: "2" }) }) }), _jsx("h2", { children: currentStepName })] }), modalId: "menuModal", children: _jsx(VaulDrawer.Snap, { id: 'item-1', fullheight: true, children: _jsxs(Wizard, { wizardId: 'menuWizard', children: [_jsx(WizardItem, { StepName: MenuStep.Menu, inModal: true, children: _jsx(MenuList, { goToStep: handleGoToStep }) }), _jsx(WizardItem, { StepName: MenuStep.Transactions, GoBack: goBackToMenuStep, className: "h-full", inModal: true, children: _jsx(HistoryList, { onNewTransferClick: () => handleModalOpenStateChange(false) }) }), _jsx(WizardItem, { StepName: MenuStep.Campaigns, GoBack: goBackToMenuStep, className: "h-full", inModal: true, children: _jsx(CampaignsComponent, {}) })] }) }) })] }) });
-};
-const LayerswapMenu = () => {
-    return (_jsx(FormWizardProvider, { noToolBar: true, hideMenu: true, initialStep: MenuStep.Menu, children: _jsx(Comp, {}) }));
-};
-export default LayerswapMenu;

package/dist/components/Modal/leaflet.d.ts

@@ -1,16 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export type LeafletHeight = 'fit' | 'full' | '80%' | '90%';
-export type LeafletPosition = 'absolute' | 'fixed';
-export interface LeafletProps {
-    show: boolean;
-    setShow: Dispatch<SetStateAction<boolean>>;
-    title?: React.ReactNode;
-    description?: JSX.Element | string;
-    className?: string;
-    height?: LeafletHeight;
-    position: LeafletPosition;
-    onClose?: () => void;
-}
-export declare const Leaflet: import("react").ForwardRefExoticComponent<LeafletProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/leaflet.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef } from 'react';
-import { motion, useAnimation } from "framer-motion";
-import { forwardRef } from 'react';
-import IconButton from '../Buttons/iconButton';
-import { X } from 'lucide-react';
-import useWindowDimensions from '../../hooks/useWindowDimensions';
-// TODO handle overflow when height is set to 'fit'
-export const Leaflet = forwardRef(function Leaflet({ show, setShow, children, title, className, height, position, onClose }, topmostRef) {
-    const mobileModalRef = useRef(null);
-    const controls = useAnimation();
-    const transitionProps = { type: "spring", stiffness: 500, damping: 40 };
-    const { isMobileWithPortal: isMobile } = useWindowDimensions();
-    const handleDragEnd = useCallback(async (_, info) => {
-        const offset = info.offset.y;
-        const velocity = info.velocity.y;
-        const height = mobileModalRef.current?.getBoundingClientRect().height || 0;
-        if (offset > height / 2 || velocity > 800) {
-            setShow(false);
-            onClose && onClose();
-        }
-        else {
-            controls.start({ y: 0, transition: transitionProps });
-        }
-    }, [controls, setShow, transitionProps]);
-    useEffect(() => {
-        if (isMobile && show) {
-            window.document.body.style.overflow = 'hidden';
-            window.document.body.style.position = 'relative';
-        }
-        return () => {
-            window.document.body.style.overflow = '';
-            window.document.body.style.position = '';
-        };
-    }, [isMobile, show]);
-    useEffect(() => {
-        if (show) {
-            controls.start({
-                y: 0,
-                transition: transitionProps,
-            });
-        }
-    }, [controls, show, transitionProps]);
-    const handleCloseModal = useCallback(async (e) => {
-        await controls.start({ y: "100%", transition: transitionProps, });
-        setShow(false);
-        onClose && onClose();
-    }, [setShow, controls, transitionProps]);
-    let wrapperHeightClass = '';
-    switch (height) {
-        case 'full':
-            wrapperHeightClass = 'h-full';
-            break;
-        case '90%':
-            wrapperHeightClass = 'h-[90%]';
-            break;
-        case '80%':
-            wrapperHeightClass = 'h-[80%]';
-            break;
-        default:
-            wrapperHeightClass = '';
-    }
-    return (_jsxs("div", { ref: topmostRef, children: [_jsx(motion.div, { className: `${position} inset-0 z-40 bg-black/50 block`, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: handleCloseModal }, "backdrop"), _jsx(motion.div, { ref: mobileModalRef, animate: controls, className: `max-h-full overflow-y-hidden group ${position} inset-x-0 bottom-0 z-40 w-full ${height != 'full' ? 'rounded-t-xl' : ''}  bg-secondary-900 ${wrapperHeightClass} ${className} shadow-lg`, initial: { y: "20%" }, exit: { y: "100%" }, transition: transitionProps, drag: height != 'full' ? "y" : false, dragDirectionLock: true, onDragEnd: handleDragEnd, dragElastic: { top: 0, bottom: 1 }, dragConstraints: { top: 0, bottom: 0 }, children: _jsxs("div", { className: `py-3 overflow-y-auto flex flex-col h-full z-40 ${height != 'full' ? 'bg-secondary-900 rounded-t-xl ' : ''} pb-6`, children: [_jsxs("div", { className: `px-6 pb-2 flex justify-between items-center ${height != 'full' && 'hover:cursor-grab'}`, children: [_jsx("div", { className: "text-lg text-secondary-text font-semibold", children: _jsx("div", { children: title }) }), _jsx("div", { className: '-mr-2', children: _jsx(IconButton, { onClick: handleCloseModal, icon: _jsx(X, { strokeWidth: 3 }) }) })] }), _jsx("div", { className: 'select-text max-h-full overflow-y-auto overflow-x-hidden styled-scroll px-6 h-full', id: "virtualListContainer", children: children })] }) }, "mobile-modal")] }));
-});

package/dist/components/Modal/modal.d.ts

@@ -1,16 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } from "react";
-import { FC } from "react";
-import { LeafletHeight } from "./leaflet";
-export interface ModalProps {
-    header?: ReactNode;
-    subHeader?: string | JSX.Element;
-    children?: JSX.Element | JSX.Element[];
-    className?: string;
-    height?: LeafletHeight;
-    show: boolean;
-    setShow: Dispatch<SetStateAction<boolean>>;
-    modalId: string;
-    onClose?: () => void;
-}
-declare const Modal: FC<ModalProps>;
-export default Modal;

package/dist/components/Modal/modal.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatePresence } from "framer-motion";
-import { useEffect, useRef, useState } from "react";
-import useWindowDimensions from "../../hooks/useWindowDimensions";
-import { Leaflet } from "./leaflet";
-import ReactPortal from "../Common/ReactPortal";
-const Modal = (({ header, height, className, children, subHeader, show, setShow, modalId, onClose }) => {
-    const { isMobileWithPortal, isDesktop } = useWindowDimensions();
-    const mobileModalRef = useRef(null);
-    //Fixes draggebles closing
-    const [delayedShow, setDelayedShow] = useState();
-    useEffect(() => {
-        setDelayedShow(show);
-    }, [show]);
-    return (_jsxs(_Fragment, { children: [(isDesktop || (!isDesktop && !isMobileWithPortal)) && (_jsx(ReactPortal, { wrapperId: "widget_root", children: _jsx(AnimatePresence, { children: delayedShow &&
-                        _jsx(Leaflet, { position: "absolute", height: height ?? 'full', show: delayedShow, setShow: setShow, title: header, description: subHeader, className: className, onClose: onClose, children: children }, modalId) }) })), isMobileWithPortal && (_jsx(AnimatePresence, { children: delayedShow &&
-                    _jsx(Leaflet, { position: "fixed", height: height == 'full' ? '80%' : height == 'fit' ? 'fit' : (height == '80%' || height == '90%') ? height : 'full', ref: mobileModalRef, show: delayedShow, setShow: setShow, title: header, description: subHeader, className: className, onClose: onClose, children: children }, modalId) }))] }));
-});
-export default Modal;

package/dist/components/Modal/popover.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, SetStateAction, ReactNode } from "react";
-export default function Popover({ children, opener, align, show, setShow, isNested, header, popoverId, }: {
-    children: ReactNode;
-    opener: ReactNode | string;
-    align?: "center" | "start" | "end";
-    show: boolean;
-    isNested?: boolean;
-    setShow: Dispatch<SetStateAction<boolean>>;
-    header?: ReactNode;
-    popoverId: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/vaul/browser.d.ts

@@ -1,7 +0,0 @@
-export declare function isMobileFirefox(): boolean | undefined;
-export declare function isMac(): boolean | undefined;
-export declare function isIPhone(): boolean | undefined;
-export declare function isSafari(): boolean | undefined;
-export declare function isIPad(): boolean | undefined;
-export declare function isIOS(): boolean | undefined;
-export declare function testPlatform(re: RegExp): boolean | undefined;

package/dist/components/Modal/vaul/constants.d.ts

@@ -1,11 +0,0 @@
-export declare const TRANSITIONS: {
-    DURATION: number;
-    EASE: number[];
-};
-export declare const VELOCITY_THRESHOLD = 0.4;
-export declare const CLOSE_THRESHOLD = 0.25;
-export declare const SCROLL_LOCK_TIMEOUT = 100;
-export declare const BORDER_RADIUS = 8;
-export declare const NESTED_DISPLACEMENT = 16;
-export declare const WINDOW_TOP_OFFSET = 26;
-export declare const DRAG_CLASS = "vaul-dragging";

package/dist/components/Modal/vaul/constants.js

@@ -1,11 +0,0 @@
-export const TRANSITIONS = {
-    DURATION: 0.5,
-    EASE: [0.32, 0.72, 0, 1],
-};
-export const VELOCITY_THRESHOLD = 0.4;
-export const CLOSE_THRESHOLD = 0.25;
-export const SCROLL_LOCK_TIMEOUT = 100;
-export const BORDER_RADIUS = 8;
-export const NESTED_DISPLACEMENT = 16;
-export const WINDOW_TOP_OFFSET = 26;
-export const DRAG_CLASS = 'vaul-dragging';

package/dist/components/Modal/vaul/context.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { DrawerDirection } from './types';
-interface DrawerContextValue {
-    drawerRef: React.RefObject<HTMLDivElement>;
-    overlayRef: React.RefObject<HTMLDivElement>;
-    onPress: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onRelease: (event: React.PointerEvent<HTMLDivElement> | null) => void;
-    onDrag: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onNestedDrag: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
-    onNestedOpenChange: (o: boolean) => void;
-    onNestedRelease: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
-    dismissible: boolean;
-    isOpen: boolean;
-    isDragging: boolean;
-    keyboardIsOpen: React.MutableRefObject<boolean>;
-    snapPointsOffset: number[] | null;
-    snapPoints?: (number | string)[] | null;
-    activeSnapPointIndex?: number | null;
-    modal: boolean;
-    shouldFade: boolean;
-    activeSnapPoint?: number | string | null;
-    setActiveSnapPoint: (o: number | string | null) => void;
-    closeDrawer: () => void;
-    openProp?: boolean;
-    onOpenChange?: (o: boolean) => void;
-    direction: DrawerDirection;
-    shouldScaleBackground: boolean;
-    setBackgroundColorOnScale: boolean;
-    noBodyStyles: boolean;
-    handleOnly?: boolean;
-    container?: HTMLElement | null;
-    autoFocus?: boolean;
-    shouldAnimate?: React.RefObject<boolean>;
-}
-export declare const DrawerContext: React.Context<DrawerContextValue>;
-export declare const useDrawerContext: () => DrawerContextValue;
-export {};

package/dist/components/Modal/vaul/helpers.d.ts

@@ -1,16 +0,0 @@
-import { AnyFunction, DrawerDirection } from './types';
-interface Style {
-    [key: string]: string;
-}
-export declare function isInView(el: HTMLElement): boolean;
-export declare function set(el: Element | HTMLElement | null | undefined, styles: Style, ignoreCache?: boolean): void;
-export declare function reset(el: Element | HTMLElement | null, prop?: string): void;
-export declare const isVertical: (direction: DrawerDirection) => boolean;
-export declare function getTranslate(element: HTMLElement, direction: DrawerDirection): number | null;
-export declare function dampenValue(v: number): number;
-export declare function assignStyle(element: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>): () => void;
-/**
- * Receives functions as arguments and returns a new function that calls all.
- */
-export declare function chain<T>(...fns: T[]): (...args: T extends AnyFunction ? Parameters<T> : never) => void;
-export {};

package/dist/components/Modal/vaul/index.d.ts

@@ -1,139 +0,0 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import React from 'react';
-export interface WithFadeFromProps {
-    /**
-     * Array of numbers from 0 to 100 that corresponds to % of the screen a given snap point should take up.
-     * Should go from least visible. Example `[0.2, 0.5, 0.8]`.
-     * You can also use px values, which doesn't take screen height into account.
-     */
-    snapPoints: (number | string)[];
-    /**
-     * Index of a `snapPoint` from which the overlay fade should be applied. Defaults to the last snap point.
-     */
-    fadeFromIndex: number;
-}
-export interface WithoutFadeFromProps {
-    /**
-     * Array of numbers from 0 to 100 that corresponds to % of the screen a given snap point should take up.
-     * Should go from least visible. Example `[0.2, 0.5, 0.8]`.
-     * You can also use px values, which doesn't take screen height into account.
-     */
-    snapPoints?: (number | string)[];
-    fadeFromIndex?: never;
-}
-export type DialogProps = {
-    activeSnapPoint?: number | string | null;
-    setActiveSnapPoint?: (snapPoint: number | string | null) => void;
-    children?: React.ReactNode;
-    open?: boolean;
-    /**
-     * Number between 0 and 1 that determines when the drawer should be closed.
-     * Example: threshold of 0.5 would close the drawer if the user swiped for 50% of the height of the drawer or more.
-     * @default 0.25
-     */
-    closeThreshold?: number;
-    /**
-     * When `true` the `body` doesn't get any styles assigned from Vaul
-     */
-    noBodyStyles?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    shouldScaleBackground?: boolean;
-    /**
-     * When `false` we don't change body's background color when the drawer is open.
-     * @default true
-     */
-    setBackgroundColorOnScale?: boolean;
-    /**
-     * Duration for which the drawer is not draggable after scrolling content inside of the drawer.
-     * @default 500ms
-     */
-    scrollLockTimeout?: number;
-    /**
-     * When `true`, don't move the drawer upwards if there's space, but rather only change it's height so it's fully scrollable when the keyboard is open
-     */
-    fixed?: boolean;
-    /**
-     * When `true` only allows the drawer to be dragged by the `<Drawer.Handle />` component.
-     * @default false
-     */
-    handleOnly?: boolean;
-    /**
-     * When `false` dragging, clicking outside, pressing esc, etc. will not close the drawer.
-     * Use this in comination with the `open` prop, otherwise you won't be able to open/close the drawer.
-     * @default true
-     */
-    dismissible?: boolean;
-    onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
-    onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
-    /**
-     * When `false` it allows to interact with elements outside of the drawer without closing it.
-     * @default true
-     */
-    modal?: boolean;
-    nested?: boolean;
-    onClose?: () => void;
-    /**
-     * Direction of the drawer. Can be `top` or `bottom`, `left`, `right`.
-     * @default 'bottom'
-     */
-    direction?: 'top' | 'bottom' | 'left' | 'right';
-    /**
-     * Opened by default, skips initial enter animation. Still reacts to `open` state changes
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * When set to `true` prevents scrolling on the document body on mount, and restores it on unmount.
-     * @default false
-     */
-    disablePreventScroll?: boolean;
-    /**
-     * When `true` Vaul will reposition inputs rather than scroll then into view if the keyboard is in the way.
-     * Setting it to `false` will fall back to the default browser behavior.
-     * @default true when {@link snapPoints} is defined
-     */
-    repositionInputs?: boolean;
-    /**
-     * Disabled velocity based swiping for snap points.
-     * This means that a snap point won't be skipped even if the velocity is high enough.
-     * Useful if each snap point in a drawer is equally important.
-     * @default false
-     */
-    snapToSequentialPoint?: boolean;
-    container?: HTMLElement | null;
-    /**
-     * Gets triggered after the open or close animation ends, it receives an `open` argument with the `open` state of the drawer by the time the function was triggered.
-     * Useful to revert any state changes for example.
-     */
-    onAnimationEnd?: (open: boolean) => void;
-    preventScrollRestoration?: boolean;
-    autoFocus?: boolean;
-} & (WithFadeFromProps | WithoutFadeFromProps);
-export declare function Root({ open: openProp, onOpenChange, children, onDrag: onDragProp, onRelease: onReleaseProp, snapPoints, shouldScaleBackground, setBackgroundColorOnScale, closeThreshold, scrollLockTimeout, dismissible, handleOnly, fadeFromIndex, activeSnapPoint: activeSnapPointProp, setActiveSnapPoint: setActiveSnapPointProp, fixed, modal, onClose, nested, noBodyStyles, direction, defaultOpen, disablePreventScroll, snapToSequentialPoint, preventScrollRestoration, repositionInputs, onAnimationEnd, container, autoFocus, }: DialogProps): import("react/jsx-runtime").JSX.Element;
-export declare const Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
-export declare const Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type HandleProps = React.ComponentPropsWithoutRef<'div'> & {
-    preventCycle?: boolean;
-};
-export declare const Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    preventCycle?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare function NestedRoot({ onDrag, onOpenChange, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;
-type PortalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
-export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;
-export declare const Drawer: {
-    Root: typeof Root;
-    NestedRoot: typeof NestedRoot;
-    Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: typeof Portal;
-    Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        preventCycle?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-    Title: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-};
-export {};

package/dist/components/Modal/vaul/types.d.ts

@@ -1,6 +0,0 @@
-export type DrawerDirection = 'top' | 'bottom' | 'left' | 'right';
-export interface SnapPoint {
-    fraction: number;
-    height: number;
-}
-export type AnyFunction = (...args: any) => any;

package/dist/components/Modal/vaul/use-composed-refs.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-type PossibleRef<T> = React.Ref<T> | undefined;
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
-declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */
-declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
-export { composeRefs, useComposedRefs };

package/dist/components/Modal/vaul/use-controllable-state.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type UseControllableStateParams<T> = {
-    prop?: T | undefined;
-    defaultProp?: T | undefined;
-    onChange?: (state: T) => void;
-};
-export declare function useControllableState<T>({ prop, defaultProp, onChange }: UseControllableStateParams<T>): readonly [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>];
-export {};

package/dist/components/Modal/vaul/use-position-fixed.d.ts

@@ -1,18 +0,0 @@
-/**
- * This hook is necessary to prevent buggy behavior on iOS devices (need to test on Android).
- * I won't get into too much detail about what bugs it solves, but so far I've found that setting the body to `position: fixed` is the most reliable way to prevent those bugs.
- * Issues that this hook solves:
- * https://github.com/emilkowalski/vaul/issues/435
- * https://github.com/emilkowalski/vaul/issues/433
- * And more that I discovered, but were just not reported.
- */
-export declare function usePositionFixed({ isOpen, modal, nested, hasBeenOpened, preventScrollRestoration, noBodyStyles, }: {
-    isOpen: boolean;
-    modal: boolean;
-    nested: boolean;
-    hasBeenOpened: boolean;
-    preventScrollRestoration: boolean;
-    noBodyStyles: boolean;
-}): {
-    restorePositionSetting: () => void;
-};

package/dist/components/Modal/vaul/use-prevent-scroll.d.ts

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-interface PreventScrollOptions {
-    /** Whether the scroll lock is disabled. */
-    isDisabled?: boolean;
-    focusCallback?: () => void;
-}
-export declare function isScrollable(node: Element): boolean;
-export declare function getScrollParent(node: Element): Element;
-/**
- * Prevents scrolling on the document body on mount, and
- * restores it on unmount. Also ensures that content does not
- * shift due to the scrollbars disappearing.
- */
-export declare function usePreventScroll(options?: PreventScrollOptions): void;
-export declare function isInput(target: Element): boolean;
-export {};

package/dist/components/Modal/vaul/use-scale-background.d.ts

@@ -1 +0,0 @@
-export declare function useScaleBackground(): void;

package/dist/components/Modal/vaul/use-snap-points.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { DrawerDirection } from './types';
-export declare function useSnapPoints({ activeSnapPointProp, setActiveSnapPointProp, snapPoints, drawerRef, overlayRef, fadeFromIndex, onSnapPointChange, direction, container, snapToSequentialPoint, }: {
-    activeSnapPointProp?: number | string | null;
-    setActiveSnapPointProp?(snapPoint: number | null | string): void;
-    snapPoints?: (number | string)[];
-    fadeFromIndex?: number;
-    drawerRef: React.RefObject<HTMLDivElement>;
-    overlayRef: React.RefObject<HTMLDivElement>;
-    onSnapPointChange(activeSnapPointIndex: number): void;
-    direction?: DrawerDirection;
-    container?: HTMLElement | null | undefined;
-    snapToSequentialPoint?: boolean;
-}): {
-    isLastSnapPoint: true | null;
-    activeSnapPoint: string | number | null | undefined;
-    shouldFade: boolean;
-    getPercentageDragged: (absDraggedDistance: number, isDraggingDown: boolean) => number | null;
-    setActiveSnapPoint: React.Dispatch<React.SetStateAction<string | number | null | undefined>>;
-    activeSnapPointIndex: number | null;
-    onRelease: ({ draggedDistance, closeDrawer, velocity, dismissible, }: {
-        draggedDistance: number;
-        closeDrawer: () => void;
-        velocity: number;
-        dismissible: boolean;
-    }) => void;
-    onDrag: ({ draggedDistance }: {
-        draggedDistance: number;
-    }) => void;
-    snapPointsOffset: number[];
-};

package/dist/components/Modal/vaulModal.d.ts

@@ -1,21 +0,0 @@
-import { Dispatch, FC, ReactNode, SetStateAction } from 'react';
-type VaulDrawerProps = {
-    children: ReactNode;
-    show: boolean;
-    setShow: Dispatch<SetStateAction<boolean>>;
-    header?: ReactNode;
-    description?: ReactNode;
-    modalId: string;
-    onClose?: () => void;
-    onAnimationEnd?: (open: boolean) => void;
-};
-declare const Comp: FC<VaulDrawerProps>;
-declare const VaulDrawerSnap: FC<React.HTMLAttributes<HTMLDivElement> & {
-    id: `item-${number}`;
-    fullheight?: boolean;
-}>;
-declare const VaulDrawer: typeof Comp & {
-    Snap: typeof VaulDrawerSnap;
-};
-export declare const WalletFooterPortal: any;
-export default VaulDrawer;