fare-privy-core 1.7.8 → 1.8.0

package/dist/src/components/shared/Button/style.js

@@ -0,0 +1,249 @@
+import { ButtonEnum } from ".";
+import { motion } from "framer-motion";
+import { css, keyframes } from "styled-components";
+import styled from "styled-components";
+// For npm: require consumers to provide colors and spacing via theme or props.
+// Provide fallback defaults for colors and spacing.
+const DEFAULT_COLORS = {
+    textOne: "#fff",
+    textTwo: "#aaa",
+    borderOne: "#1b1d26",
+    backgroundFour: "#101010",
+    warning: "#fbbf24",
+    error: "#ef4444",
+    fareBlue: "#410dff",
+    fareAqua: "#4af5d3",
+};
+const DEFAULT_SPACING = {
+    xs: 4,
+    sm: 12,
+    lg: 24,
+};
+const flashBar = keyframes `
+  0% {
+    opacity: 0%;
+  }
+  50% {
+    opacity: 100%;
+  }
+  100% {
+    opacity: 0%;
+  }
+`;
+export const BaseButton = styled(motion.button) `
+  text-transform: uppercase;
+  color: ${({ theme }) => theme?.textOne || DEFAULT_COLORS.textOne};
+  padding: ${({ theme }) => theme?.spacing?.sm || DEFAULT_SPACING.sm}px;
+  border-radius: 6px;
+  cursor: pointer;
+  bottom: ${({ theme }) => theme?.spacing?.lg || DEFAULT_SPACING.lg}px;
+  width: auto;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.06);
+  border: 1px solid
+    ${({ theme }) => theme?.borderOne || DEFAULT_COLORS.borderOne};
+  transition: 0.2s all ease-in-out;
+  text-wrap: nowrap;
+
+  backdrop-filter: blur(2px);
+  -webkit-backdrop-filter: blur(2px);
+  -moz-backdrop-filter: blur(2px);
+  -ms-backdrop-filter: blur(2px);
+
+  &.copy-btn {
+    width: 100px;
+    background-color: ${({ theme }) => theme?.fareAqua || DEFAULT_COLORS.fareAqua}50;
+    color: white;
+    font-weight: bold;
+    height: 40px;
+    padding-top: 10px;
+  }
+
+  ${(props) => props.$isMinified
+    ? `${props.theme?.spacing?.xs || DEFAULT_SPACING.xs}px ${props.theme?.spacing?.sm || DEFAULT_SPACING.sm}px`
+    : `${props.theme?.spacing?.sm || DEFAULT_SPACING.sm}px`}
+
+  > div {
+    line-height: 1px;
+  }
+
+  > img {
+    margin-left: ${({ theme }) => theme?.spacing?.xs || DEFAULT_SPACING.xs}px;
+    height: 18px;
+  }
+
+  > div:nth-child(2) {
+    margin: 0 ${({ theme }) => theme?.spacing?.sm || DEFAULT_SPACING.sm}px;
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  @media (max-width: 1200px) {
+    margin-block: 5px;
+    height: 3rem;
+    align-items: normal;
+    text-wrap: nowrap;
+  }
+
+  ${({ buttonType, isLoading, theme }) => {
+    const fareBlue = theme?.fareBlue || DEFAULT_COLORS.fareBlue;
+    const fareAqua = theme?.fareAqua || DEFAULT_COLORS.fareAqua;
+    const warning = theme?.warning || DEFAULT_COLORS.warning;
+    const error = theme?.error || DEFAULT_COLORS.error;
+    const borderOne = theme?.borderOne || DEFAULT_COLORS.borderOne;
+    const backgroundFour = theme?.backgroundFour || DEFAULT_COLORS.backgroundFour;
+    const textOne = theme?.textOne || DEFAULT_COLORS.textOne;
+    const textTwo = theme?.textTwo || DEFAULT_COLORS.textTwo;
+    if (buttonType === ButtonEnum.BASE) {
+        return `
+        &:hover {
+          border: 1px solid ${fareBlue};
+        }
+      `;
+    }
+    if (buttonType === ButtonEnum.PRIMARY_1) {
+        return `
+        border: 1px solid ${fareBlue};
+        box-shadow: 0px 0px 3px ${fareBlue}, inset 0px 0px 56px ${fareBlue}00;
+        background: transparent;
+
+        &:hover {
+          background: ${fareBlue}00;
+          box-shadow: 0px 0px 5px ${fareBlue}, inset 0px 0px 56px ${fareBlue}75;
+        }
+      `;
+    }
+    if (buttonType === ButtonEnum.CONNECT_WALLET) {
+        return `
+        border: 1px solid ${fareAqua};
+        box-shadow: 0px 0px 3px ${fareAqua}, inset 0px 0px 56px ${fareAqua}00;
+        background: transparent;
+
+        &:hover {
+          &:not(:disabled) {
+            background: ${fareAqua}00;
+            box-shadow: 0px 0px 5px ${fareAqua}, inset 0px 0px 56px ${fareAqua}75;
+          }
+        }
+      `;
+    }
+    if (buttonType === ButtonEnum.WARNING) {
+        return `
+        border: 1px solid ${warning};
+        box-shadow: 0px 0px 3px ${warning};
+        background: ${isLoading ? "transparent" : `${warning}35`};
+
+        &:hover {
+          background: ${warning}50;
+          box-shadow: 0px 0px 5px ${warning};
+        }
+      `;
+    }
+    if (buttonType === ButtonEnum.ERROR) {
+        return `
+        border: 1px solid ${error};
+        box-shadow: 0px 0px 3px ${error};
+        background: ${isLoading ? "transparent" : `${error}35`};
+
+        &:hover {
+          background: ${error}50;
+          box-shadow: 0px 0px 5px ${error};
+        }
+      `;
+    }
+    if (buttonType === ButtonEnum.ERROR_2) {
+        return `
+        border: 1px solid ${error};
+        box-shadow: 0px 0px 3px ${error};
+
+        &:hover {
+          background: ${error}50;
+          box-shadow: 0px 0px 5px ${error};
+        }
+      `;
+    }
+}}
+`;
+export const LoadingBar = styled.div `
+  position: absolute;
+  width: 2px;
+  height: 20px;
+  opacity: 0;
+  animation: 2s ${flashBar} infinite;
+  top: 0px;
+
+  ${({ $buttonType, theme }) => {
+    const fareBlue = theme?.fareBlue || DEFAULT_COLORS.fareBlue;
+    const fareAqua = theme?.fareAqua || DEFAULT_COLORS.fareAqua;
+    if ($buttonType === ButtonEnum.PRIMARY_1) {
+        return `
+        opacity: 1;
+        border: 1px solid ${fareBlue};
+        box-shadow: inset 0px 0px 10px ${fareBlue}99;
+      `;
+    }
+    if ($buttonType === ButtonEnum.CONNECT_WALLET) {
+        return `
+        border: 1px solid ${fareAqua};
+        box-shadow: inset 0px 0px 10px ${fareAqua}99;
+      `;
+    }
+}}
+
+  ${({ $side }) => css `
+    ${$side}: -8px;
+  `}
+`;
+export const ModeButton = styled.button `
+  height: 30px;
+  min-width: 40px;
+  border-radius: 4px;
+  background: transparent;
+  transition: 0.2s all ease-in-out;
+  cursor: pointer;
+
+  &:focus-visible {
+    outline: none;
+  }
+  &:hover {
+    border: 1px solid
+      ${({ theme }) => theme?.fareBlue || DEFAULT_COLORS.fareBlue}99 !important;
+  }
+
+  > span {
+    font-family: "GohuUppercase", monospace;
+    line-height: 10px;
+  }
+
+  &:has(span) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  ${({ $isActive, theme }) => $isActive
+    ? css `
+          border: 1px solid ${theme?.fareBlue || DEFAULT_COLORS.fareBlue} !important;
+          color: ${theme?.textOne || DEFAULT_COLORS.textOne};
+          background: ${theme?.backgroundFour || DEFAULT_COLORS.backgroundFour};
+        `
+    : css `
+          border: 1px solid ${theme?.borderOne || DEFAULT_COLORS.borderOne};
+          color: ${theme?.textTwo || DEFAULT_COLORS.textTwo};
+        `};
+`;
+export const ButtonContentWrapper = styled.div `
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=style.js.map

package/dist/src/components/shared/Button/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/components/shared/Button/style.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/shared/Modal/Card.d.ts

@@ -0,0 +1,4 @@
+import { type ModalCardProps } from "./types";
+declare const ModalCard: import("react").ForwardRefExoticComponent<ModalCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalCard;
+//# sourceMappingURL=Card.d.ts.map

package/dist/src/components/shared/Modal/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAM9C,QAAA,MAAM,SAAS,2GAwFd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/shared/Modal/Card.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { modalVariants } from "../../../modals/SelectWalletModal/variants";
+import { SGradientWalletModalContent } from "../../../modals/SelectWalletModal/styles";
+import { SModalBody, SModalContent, SModalOverlayContainer, SModalWrapper, } from "./styles";
+import { modalOverlayVarient } from "./animations";
+import { ModalHeader } from "./ModalHeader";
+import { ModalFooter } from "./ModalFooter";
+import { forwardRef, useEffect } from "react";
+// For npm: Accept icons as props and remove path aliases
+const ModalCard = forwardRef(({ title, description, children, submit, onClose, isVisible, setIsVisible = () => { }, className, stepIdx = 0, setStepIdx = () => { }, style, closeIcon, caretLeftIcon, isMobileScreen, }, ref) => {
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === "Escape") {
+                setIsVisible(false);
+                onClose?.();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [isVisible, setIsVisible, onClose]);
+    if (!isVisible) {
+        return null;
+    }
+    const renderContent = () => (_jsxs(SModalContent, { className: className, style: style, children: [_jsx(ModalHeader, { title: title, description: description, className: className, onClose: onClose, setIsVisible: setIsVisible, closeIcon: closeIcon, isMobileScreen: isMobileScreen }), _jsx(SModalBody, { children: children }), className === "offer-modal" ? null : (_jsx(ModalFooter, { stepIdx: stepIdx, setStepIdx: setStepIdx, submit: submit, caretLeftIcon: caretLeftIcon }))] }));
+    return (_jsx(SModalOverlayContainer, { variants: modalOverlayVarient, initial: "initial", animate: "animate", exit: "exit", role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-title", "aria-describedby": description ? "modal-desc" : undefined, children: _jsx(SModalWrapper, { ref: ref, variants: modalVariants, initial: "initial", animate: "animate", exit: "exit", children: className === "fund-modal-content" ? (renderContent()) : (_jsx(SGradientWalletModalContent, { children: renderContent() })) }) }));
+});
+export default ModalCard;
+//# sourceMappingURL=Card.js.map

package/dist/src/components/shared/Modal/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/Card.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/shared/Modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type ModalCardProps } from "./types";
+export interface ModalFooterProps extends Pick<ModalCardProps, "stepIdx" | "setStepIdx" | "submit"> {
+    caretLeftIcon: string;
+}
+export declare const ModalFooter: React.FC<ModalFooterProps>;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/src/components/shared/Modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;IACjE,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6BlD,CAAC"}

package/dist/src/components/shared/Modal/ModalFooter.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SModalFooter, SFundModalButton } from "./styles";
+import { ButtonEnum } from "../../shared/Button";
+import { motion } from "framer-motion";
+import { prevButtonVariant } from "./animations";
+export const ModalFooter = ({ stepIdx = 0, setStepIdx = () => { }, submit, caretLeftIcon, }) => {
+    const goBack = () => setStepIdx(0);
+    return (_jsxs(SModalFooter, { children: [stepIdx > 0 && stepIdx !== 2 && (_jsx(SFundModalButton, { onClick: goBack, "aria-label": "Go back", buttonType: ButtonEnum.BASE, disabled: false, children: _jsx(motion.img, { src: caretLeftIcon, width: 18, initial: "initial", animate: "animate", whileHover: "hover", variants: prevButtonVariant }) })), _jsx("div", { className: "submit-button", children: submit })] }));
+};
+//# sourceMappingURL=ModalFooter.js.map

package/dist/src/components/shared/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,MAAM,EACN,aAAa,GACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,CACL,MAAC,YAAY,eACV,OAAO,GAAG,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,gBACJ,SAAS,EACpB,UAAU,EAAE,UAAU,CAAC,IAAI,EAC3B,QAAQ,EAAE,KAAK,YAEf,KAAC,MAAM,CAAC,GAAG,IACT,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,EAAE,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,iBAAiB,GAC3B,GACe,CACpB,EACD,cAAK,SAAS,EAAC,eAAe,YAAE,MAAM,GAAO,IAChC,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/shared/Modal/ModalHeader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type ModalCardProps } from "./types";
+export interface ModalHeaderProps extends Pick<ModalCardProps, "title" | "description" | "className" | "onClose" | "setIsVisible"> {
+    closeIcon: string;
+    isMobileScreen?: boolean;
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/src/components/shared/Modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,cAAc,EACd,OAAO,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CACnE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoElD,CAAC"}

package/dist/src/components/shared/Modal/ModalHeader.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SModalHeader, SModalTitle, SModalButton, SModalDescription, } from "./styles";
+import { ButtonEnum } from "../../shared/Button";
+export const ModalHeader = ({ title, description, className, onClose, setIsVisible = () => { }, closeIcon, isMobileScreen, }) => {
+    // Optionally allow consumer to control breakpoint, otherwise fallback to false
+    const handleClose = () => {
+        setIsVisible(false);
+        onClose?.();
+    };
+    return (_jsxs(SModalHeader, { style: className === "fund-modal-content"
+            ? { width: "100%", padding: "0px" }
+            : className === "offer-modal"
+                ? { width: isMobileScreen ? "100%" : "50%" }
+                : {}, children: [_jsxs(SModalTitle, { id: "modal-title", style: className === "fund-modal-content"
+                    ? {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        backgroundColor: "#1c1c1e",
+                        marginBlock: 0,
+                        fontFamily: "system-ui, sans-serif",
+                    }
+                    : {}, children: [title, className === "fund-modal-content" && (_jsx(SModalButton, { buttonType: ButtonEnum.BASE, "aria-label": "Close modal", disabled: false, onClick: handleClose, children: _jsx("img", { src: closeIcon, alt: "close", width: 28 }) }))] }), description && (_jsx(SModalDescription, { id: "modal-desc", style: className === "fund-modal-content"
+                    ? {
+                        fontFamily: "system-ui, sans-serif",
+                        lineHeight: "1.25",
+                    }
+                    : {}, children: description }))] }));
+};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/src/components/shared/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/ModalHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAcjD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,SAAS,EACT,cAAc,GACf,EAAE,EAAE;IACH,+EAA+E;IAC/E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IACF,OAAO,CACL,MAAC,YAAY,IACX,KAAK,EACH,SAAS,KAAK,oBAAoB;YAChC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACnC,CAAC,CAAC,SAAS,KAAK,aAAa;gBAC7B,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE;gBAC5C,CAAC,CAAC,EAAE,aAGR,MAAC,WAAW,IACV,EAAE,EAAC,aAAa,EAChB,KAAK,EACH,SAAS,KAAK,oBAAoB;oBAChC,CAAC,CAAC;wBACE,OAAO,EAAE,MAAM;wBACf,cAAc,EAAE,eAAe;wBAC/B,UAAU,EAAE,QAAQ;wBACpB,eAAe,EAAE,SAAS;wBAC1B,WAAW,EAAE,CAAC;wBACd,UAAU,EAAE,uBAAuB;qBACpC;oBACH,CAAC,CAAC,EAAE,aAGP,KAAK,EACL,SAAS,KAAK,oBAAoB,IAAI,CACrC,KAAC,YAAY,IACX,UAAU,EAAE,UAAU,CAAC,IAAI,gBAChB,aAAa,EACxB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,WAAW,YAEpB,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,GAAI,GACjC,CAChB,IACW,EACb,WAAW,IAAI,CACd,KAAC,iBAAiB,IAChB,EAAE,EAAC,YAAY,EACf,KAAK,EACH,SAAS,KAAK,oBAAoB;oBAChC,CAAC,CAAC;wBACE,UAAU,EAAE,uBAAuB;wBACnC,UAAU,EAAE,MAAM;qBACnB;oBACH,CAAC,CAAC,EAAE,YAGP,WAAW,GACM,CACrB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/shared/Modal/animations.d.ts

@@ -0,0 +1,4 @@
+import { type Variants } from 'framer-motion';
+export declare const prevButtonVariant: Variants;
+export declare const modalOverlayVarient: Variants;
+//# sourceMappingURL=animations.d.ts.map

package/dist/src/components/shared/Modal/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/animations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,eAAO,MAAM,iBAAiB,EAAE,QAI/B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QAmBjC,CAAA"}

package/dist/src/components/shared/Modal/animations.js

@@ -0,0 +1,26 @@
+export const prevButtonVariant = {
+    initial: { x: 0 },
+    animate: { x: 0 },
+    hover: { x: [0, -5, 0] },
+};
+export const modalOverlayVarient = {
+    initial: {
+        opacity: 0,
+        transition: {
+            duration: 0.12,
+        },
+    },
+    animate: {
+        opacity: 1,
+        transition: {
+            duration: 0.12,
+        },
+    },
+    exit: {
+        opacity: 0,
+        transition: {
+            duration: 1,
+        },
+    },
+};
+//# sourceMappingURL=animations.js.map

package/dist/src/components/shared/Modal/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../../src/components/shared/Modal/animations.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAa;IACzC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;IACjB,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;IACjB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAa;IAC3C,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,QAAQ,EAAE,IAAI;SACf;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,QAAQ,EAAE,IAAI;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,QAAQ,EAAE,CAAC;SACZ;KACF;CACF,CAAA"}