@mintmoney/react 0.1.0-alpha.11 → 0.1.0-alpha.14

package/dist/esm/checkout/views/crypto-intent/processing.js

@@ -5,44 +5,34 @@ import { useMintMoneyConfig } from "../../../context.js";
 import { getPayment } from "../../../state/checkout/store.js";
 const POLL_INTERVAL = 5000;
 const CryptoIntentPaymentStatusViewContent = () => {
-  const { goToView } = useModalWithView();
-  const config = useMintMoneyConfig();
-  useEffect(() => {
-    let isMounted = true;
-    const pollPaymentStatus = async () => {
-      try {
-        const updatedPayment = await getPayment();
-        if (!updatedPayment || !isMounted) return;
-        if (updatedPayment.status === "paid") {
-          goToView("cryptoIntentPaymentSuccess");
-        } else if (updatedPayment.status === "failed") {
-          goToView("failed");
-        }
-      } catch (error) {
-        console.error("Error fetching payment status:", error);
-      }
-    };
-    void pollPaymentStatus();
-    const interval = setInterval(
-      async () => await pollPaymentStatus(),
-      POLL_INTERVAL,
-    );
-    return () => {
-      isMounted = false;
-      clearInterval(interval);
-    };
-  }, []);
-  return _jsxs("div", {
-    className: "loading-container",
-    children: [
-      _jsx(Loader, { asChild: true }),
-      _jsx(Text, {
-        size: "base",
-        color: config.theme.font.color.tertiary,
-        children: "Payment pending...",
-      }),
-    ],
-  });
+    const { goToView } = useModalWithView();
+    const config = useMintMoneyConfig();
+    useEffect(() => {
+        let isMounted = true;
+        const pollPaymentStatus = async () => {
+            try {
+                const updatedPayment = await getPayment();
+                if (!updatedPayment || !isMounted)
+                    return;
+                if (updatedPayment.status === "paid") {
+                    goToView("cryptoIntentPaymentSuccess");
+                }
+                else if (updatedPayment.status === "failed") {
+                    goToView("failed");
+                }
+            }
+            catch (error) {
+                console.error("Error fetching payment status:", error);
+            }
+        };
+        void pollPaymentStatus();
+        const interval = setInterval(async () => await pollPaymentStatus(), POLL_INTERVAL);
+        return () => {
+            isMounted = false;
+            clearInterval(interval);
+        };
+    }, []);
+    return (_jsxs("div", { className: "loading-container", children: [_jsx(Loader, { asChild: true }), _jsx(Text, { size: "base", color: config.theme.font.color.tertiary, children: "Payment pending..." })] }));
 };
 export { CryptoIntentPaymentStatusViewContent };
-//# sourceMappingURL=processing.js.map
+//# sourceMappingURL=processing.js.map

package/dist/esm/checkout/views/crypto-intent/success.js

@@ -1,38 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import {
-  StyledButton,
-  CheckMarkIcon,
-  useModalWithView,
-} from "../../../components/index.js";
+import { StyledButton, CheckMarkIcon, useModalWithView, } from "../../../components/index.js";
 import { resetCheckoutStore } from "../../../state/checkout/store.js";
 import { ModalViewContainer } from "../../container.js";
 const CryptoIntentPaymentSuccessViewContent = ({ onClose }) => {
-  const { goToView } = useModalWithView();
-  const handleClose = () => {
-    resetCheckoutStore();
-    goToView("initial");
-    onClose(false);
-  };
-  return _jsxs(ModalViewContainer, {
-    style: { justifyContent: "flex-end" },
-    children: [
-      _jsx("div", {
-        style: {
-          position: "absolute",
-          top: "calc(50% - 24px)",
-          left: "50%",
-          transform: "translate(-50%, -50%)",
-        },
-        children: _jsx(CheckMarkIcon, { size: 64 }),
-      }),
-      _jsx(StyledButton, {
-        style: { marginTop: "auto" },
-        variant: "primary",
-        onClick: handleClose,
-        children: "Complete",
-      }),
-    ],
-  });
+    const { goToView } = useModalWithView();
+    const handleClose = () => {
+        resetCheckoutStore();
+        goToView("initial");
+        onClose(false);
+    };
+    return (_jsxs(ModalViewContainer, { style: { justifyContent: "flex-end" }, children: [_jsx("div", { style: {
+                    position: "absolute",
+                    top: "calc(50% - 24px)",
+                    left: "50%",
+                    transform: "translate(-50%, -50%)",
+                }, children: _jsx(CheckMarkIcon, { size: 64 }) }), _jsx(StyledButton, { style: { marginTop: "auto" }, variant: "primary", onClick: handleClose, children: "Complete" })] }));
 };
 export { CryptoIntentPaymentSuccessViewContent };
-//# sourceMappingURL=success.js.map
+//# sourceMappingURL=success.js.map

package/dist/esm/checkout/views/crypto-intent/wallet-select.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { useConfig } from "wagmi";
+import { useModalWithView, Text } from "../../../components/index.js";
+import WalletSelector from "../../../components/wallet-selector/component.js";
+import { WagmiWallets, } from "../../../components/wallet-selector/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { ModalViewContainer } from "../../container.js";
+const CryptoIntentSelectWalletViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView: _view } = useModalWithView();
+    const config = useMintMoneyConfig();
+    const wagmiConfig = useConfig();
+    const providers = useMemo(() => [WagmiWallets(wagmiConfig)], [wagmiConfig]);
+    const handleConfirm = async (wallet) => {
+        await wallet.connect();
+    };
+    return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", weight: "normal", color: config.theme.font.color.secondary, children: "Select a Wallet provider" }), _jsx(WalletSelector, { className: "mm-selectable-list__button-group", onWalletSelect: handleConfirm, walletProviders: providers })] }));
+};
+export { CryptoIntentSelectWalletViewContent };
+//# sourceMappingURL=wallet-select.js.map

package/dist/esm/checkout/views/crypto-intent/wallet-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/wallet-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,cAAc,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EACL,YAAY,GAEb,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,mCAAmC,GAAG,GAAG,EAAE;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE5E,MAAM,aAAa,GAAG,KAAK,EAAE,MAAuB,EAAE,EAAE;QACtD,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,yCAGnC,EACP,KAAC,cAAc,IACb,SAAS,EAAC,kCAAkC,EAC5C,cAAc,EAAE,aAAa,EAC7B,eAAe,EAAE,SAAS,GAC1B,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mCAAmC,EAAE,CAAC"}

package/dist/esm/checkout/views/initial.js

@@ -1,35 +1,30 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Loader, useModalWithView } from "../../components/index.js";
-import {
-  ACTIONS,
-  initialiseStore,
-  useCheckoutStore,
-} from "../../state/checkout/store.js";
+import { ACTIONS, initialiseStore, useCheckoutStore, } from "../../state/checkout/store.js";
 const InitialiseCheckoutViewContent = (props) => {
-  const { goToView } = useModalWithView();
-  const { error, checkout, payment } = useCheckoutStore();
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    const setup = async () => {
-      await initialiseStore(props.payment);
-    };
-    void setup();
-    const timeout = setTimeout(() => setLoading(false), 1500);
-    return () => clearTimeout(timeout);
-  }, [props.payment]);
-  useEffect(() => {
-    const hasErrors =
-      error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
-    if (hasErrors) {
-      goToView("failed", { reason: "get_checkout" });
-      return;
-    }
-    if (checkout && payment && !loading) {
-      goToView("methods");
-    }
-  }, [error, checkout, payment, loading]);
-  return loading ? _jsx(Loader, {}) : null;
+    const { goToView } = useModalWithView();
+    const { error, checkout, payment } = useCheckoutStore();
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        const setup = async () => {
+            await initialiseStore(props.payment);
+        };
+        void setup();
+        const timeout = setTimeout(() => setLoading(false), 1500);
+        return () => clearTimeout(timeout);
+    }, [props.payment]);
+    useEffect(() => {
+        const hasErrors = error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
+        if (hasErrors) {
+            goToView("failed", { reason: "get_checkout" });
+            return;
+        }
+        if (checkout && payment && !loading) {
+            goToView("methods");
+        }
+    }, [error, checkout, payment, loading]);
+    return loading ? _jsx(Loader, {}) : null;
 };
 export { InitialiseCheckoutViewContent };
-//# sourceMappingURL=initial.js.map
+//# sourceMappingURL=initial.js.map

package/dist/esm/checkout/views/method-select.js

@@ -1,31 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useModalWithView, SelectableList } from "../../components/index.js";
-import {
-  useCheckoutStore,
-  ACTIONS,
-  setCheckoutMethod,
-} from "../../state/checkout/store.js";
+import { useCheckoutStore, ACTIONS, setCheckoutMethod, } from "../../state/checkout/store.js";
 import { ModalViewContainer } from "../container.js";
 const MethodSelectViewContent = () => {
-  const { goToView } = useModalWithView();
-  const modalRef = useRef(null);
-  const { methods, loading } = useCheckoutStore();
-  const handleSelectMethod = (method) => {
-    setCheckoutMethod(method);
-    goToView(method.intentName);
-  };
-  return _jsx(ModalViewContainer, {
-    ref: modalRef,
-    children: _jsx(SelectableList, {
-      title: "Select payment method",
-      items: methods || [],
-      getKey: (method) => method.name,
-      getLabel: (method) => method.name,
-      onSelect: handleSelectMethod,
-      loading: loading[ACTIONS.GET_CHECKOUT_CONFIG],
-    }),
-  });
+    const { goToView } = useModalWithView();
+    const modalRef = useRef(null);
+    const { methods, loading } = useCheckoutStore();
+    const handleSelectMethod = (method) => {
+        setCheckoutMethod(method);
+        goToView(method.intentName);
+    };
+    return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { title: "Select payment method", items: methods || [], getKey: (method) => method.name, getLabel: (method) => method.name, onSelect: handleSelectMethod, loading: loading[ACTIONS.GET_CHECKOUT_CONFIG] }) }));
 };
 export { MethodSelectViewContent };
-//# sourceMappingURL=method-select.js.map
+//# sourceMappingURL=method-select.js.map

package/dist/esm/components/buttons/async-button.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "./index.js";
+import { useAsyncButton } from "./use-async-button.js";
+export const AsyncButton = ({ onAsyncClick, onSuccess, successDuration, successContent, loadingContent, errorContent, successMessage, ...buttonProps }) => {
+    const { loading, success, error, handleAsyncClick, handleSuccessComplete, handleErrorComplete, } = useAsyncButton();
+    const handleClick = async (e) => {
+        e.preventDefault();
+        await handleAsyncClick(onAsyncClick);
+    };
+    const onSuccessComplete = () => {
+        handleSuccessComplete();
+        onSuccess?.();
+    };
+    return (_jsx(Button, { ...buttonProps, loading: loading, success: success, error: error, onClick: handleClick, onSuccessComplete: onSuccessComplete, onErrorComplete: handleErrorComplete, successDuration: successDuration, successMessage: successMessage, loadingContent: loadingContent, successContent: successContent, errorContent: errorContent }));
+};
+//# sourceMappingURL=async-button.js.map

package/dist/esm/components/buttons/async-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/async-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAavD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,GACpB,GAAG,cAAc,EAAE,CAAC;IAErB,MAAM,WAAW,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QACnE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,qBAAqB,EAAE,CAAC;QACxB,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,OACD,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,mBAAmB,EACpC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/buttons/index.js

@@ -1,17 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, forwardRef } from "react";
 import { styled } from "styled-components";
-const StyledButton = styled.button`
+import { LoaderCircleIcon, CheckMarkIcon, AlertCircleIcon, } from "../icons/index.js";
+const StyledButton = styled.button `
   width: 100%;
   height: 48px;
   padding: 10px 16px;
   border-radius: 48px;
   font-family: var(--mm-font-family);
   border: 2px solid
-    ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.default.borderColor};
-  background-color: ${({ theme, variant = "primary" }) =>
-    theme?.btn?.[variant]?.default.backgroundColor};
-  color: ${({ theme, variant = "primary" }) =>
-    theme?.btn?.[variant]?.default.textColor};
+    ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.borderColor};
+  background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.backgroundColor};
+  color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.default.textColor};
   transition: all 0.3s ease-in-out;
   font-size: 16px;
   font-weight: 700;
@@ -24,23 +24,87 @@ const StyledButton = styled.button`
     color 0.3s ease-in-out;
 
   &:hover {
-    background-color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.hover.backgroundColor};
-    border-color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.hover.borderColor};
-    color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.hover.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.hover.textColor};
   }
 
   &:disabled {
-    background-color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.disabled.backgroundColor};
-    border-color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.disabled.borderColor};
-    color: ${({ theme, variant = "primary" }) =>
-      theme?.btn?.[variant]?.disabled.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme?.btn?.[variant]?.disabled.textColor};
     cursor: not-allowed;
   }
+
+  /* Success and Error States */
+  ${({ status, theme }) => status === "success" &&
+    `
+      background-color: ${theme?.btn?.success?.default.backgroundColor};
+      color: ${theme?.btn.success.default.textColor};
+      border-color: ${theme?.btn?.success?.default.backgroundColor};
+      opacity: 1;
+      &:disabled {
+        background-color: ${theme?.btn?.success?.disabled.backgroundColor};
+        border-color: ${theme?.btn?.success?.disabled.borderColor};
+        color: ${theme?.btn.success.disabled.textColor};
+        opacity: 1;
+        cursor: default;
+      }
+    `}
+
+  ${({ status, theme }) => status === "error" &&
+    `
+      background-color: ${theme?.btn?.error?.default.backgroundColor};
+      color: ${theme?.btn.error.default.textColor};
+      border-color: ${theme?.btn?.error?.default.backgroundColor};
+      opacity: 1;
+      &:disabled {
+        background-color: ${theme?.btn?.error?.disabled.backgroundColor};
+        border-color: ${theme?.btn?.error?.disabled.borderColor};
+        color: ${theme?.btn.error.disabled.textColor};
+        opacity: 1;
+        cursor: default;
+      }
+    `}
 `;
-export { StyledButton };
-//# sourceMappingURL=index.js.map
+const Button = forwardRef(({ loading, loadingContent, success, successContent, successDuration = 1000, onSuccessComplete, error, errorContent, errorString, errorDuration = 3000, onErrorComplete, successMessage, children, ...props }, ref) => {
+    const [status, setStatus] = useState("idle");
+    useEffect(() => {
+        if (loading) {
+            setStatus("loading");
+            return undefined;
+        }
+        else if (success) {
+            setStatus("success");
+            const timer = setTimeout(() => {
+                setStatus("idle");
+                onSuccessComplete?.();
+            }, successDuration);
+            return () => clearTimeout(timer);
+        }
+        else if (error) {
+            setStatus("error");
+            const timer = setTimeout(() => {
+                setStatus("idle");
+                onErrorComplete?.();
+            }, errorDuration);
+            return () => clearTimeout(timer);
+        }
+        else {
+            setStatus("idle");
+            return undefined;
+        }
+    }, [
+        loading,
+        success,
+        error,
+        successDuration,
+        errorDuration,
+        onSuccessComplete,
+        onErrorComplete,
+    ]);
+    return (_jsx(StyledButton, { ref: ref, ...props, status: status, disabled: props.disabled || status !== "idle", children: status === "loading" ? (_jsx("div", { className: "loading-animation", children: loadingContent || _jsx(LoaderCircleIcon, {}) })) : status === "success" ? (_jsx("div", { className: "success-animation", children: successContent || (_jsxs(_Fragment, { children: [_jsx(CheckMarkIcon, {}), successMessage || "Success!"] })) })) : status === "error" ? (_jsx("div", { className: "error-animation", children: errorContent || (_jsxs(_Fragment, { children: [_jsx(AlertCircleIcon, {}), errorString || "Error"] })) })) : (_jsx(_Fragment, { children: children })) }));
+});
+Button.displayName = "Button";
+export { StyledButton, Button };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAS3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;;;MAO/C,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW;sBAC1B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe;WACvC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAapB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,eAAe;oBAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW;aACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS;;;;wBAIpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe;oBACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW;aACpC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS;;;CAG9C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAU3B,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;;;MAO/C,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW;sBAC1B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe;WACvC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAapB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,eAAe;oBAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW;aACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS;;;;wBAIpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe;oBACjC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACjD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW;aACpC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS;;;;;IAK3C,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,MAAM,KAAK,SAAS;IACpB;0BACsB,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe;eACvD,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS;sBAC7B,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe;;;4BAGtC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,eAAe;wBACjD,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,WAAW;iBAChD,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS;;;;KAIjD;;IAED,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,MAAM,KAAK,OAAO;IAClB;0BACsB,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe;eACrD,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;sBAC3B,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe;;;4BAGpC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe;wBAC/C,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,WAAW;iBAC9C,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS;;;;KAI/C;CACJ,CAAC;AAiBF,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,OAAO,EACP,cAAc,EACd,OAAO,EACP,cAAc,EACd,eAAe,GAAG,IAAI,EACtB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,GAAG,IAAI,EACpB,eAAe,EACf,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAElC,MAAM,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACnB,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,SAAS,CAAC,MAAM,CAAC,CAAC;gBAClB,iBAAiB,EAAE,EAAE,CAAC;YACxB,CAAC,EAAE,eAAe,CAAC,CAAC;YACpB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;aAAM,IAAI,KAAK,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,SAAS,CAAC,MAAM,CAAC,CAAC;gBAClB,eAAe,EAAE,EAAE,CAAC;YACtB,CAAC,EAAE,aAAa,CAAC,CAAC;YAClB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC,EAAE;QACD,OAAO;QACP,OAAO;QACP,KAAK;QACL,eAAe;QACf,aAAa;QACb,iBAAiB;QACjB,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,KAAK,MAAM,YAE5C,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,mBAAmB,YAC/B,cAAc,IAAI,KAAC,gBAAgB,KAAG,GACnC,CACP,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,mBAAmB,YAC/B,cAAc,IAAI,CACjB,8BACE,KAAC,aAAa,KAAG,EAChB,cAAc,IAAI,UAAU,IAC5B,CACJ,GACG,CACP,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,iBAAiB,YAC7B,YAAY,IAAI,CACf,8BACE,KAAC,eAAe,KAAG,EAClB,WAAW,IAAI,OAAO,IACtB,CACJ,GACG,CACP,CAAC,CAAC,CAAC,CACF,4BAAG,QAAQ,GAAI,CAChB,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/buttons/use-async-button.js

@@ -0,0 +1,44 @@
+import { useState, useCallback } from "react";
+/**
+ * Hook to manage async button states for loading, success, and error
+ * @returns State and handlers for async button operations
+ */
+export const useAsyncButton = () => {
+    const [loading, setLoading] = useState(false);
+    const [success, setSuccess] = useState(false);
+    const [error, setError] = useState(false);
+    const handleAsyncClick = useCallback(async (asyncFunction) => {
+        setLoading(true);
+        try {
+            await asyncFunction();
+            setLoading(false);
+            setSuccess(true);
+        }
+        catch (err) {
+            console.error(err);
+            setLoading(false);
+            setError(true);
+        }
+    }, []);
+    const handleSuccessComplete = useCallback(() => {
+        setSuccess(false);
+    }, []);
+    const handleErrorComplete = useCallback(() => {
+        setError(false);
+    }, []);
+    const reset = useCallback(() => {
+        setLoading(false);
+        setSuccess(false);
+        setError(false);
+    }, []);
+    return {
+        loading,
+        success,
+        error,
+        handleAsyncClick,
+        handleSuccessComplete,
+        handleErrorComplete,
+        reset,
+    };
+};
+//# sourceMappingURL=use-async-button.js.map

package/dist/esm/components/buttons/use-async-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/use-async-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAY9C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,WAAW,CAClC,KAAK,EAAE,aAAkC,EAAE,EAAE;QAC3C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,aAAa,EAAE,CAAC;YACtB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,gBAAgB;QAChB,qBAAqB;QACrB,mBAAmB;QACnB,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/icons/alert.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC;
+  }
+`;
+const AlertCircleIcon = ({ size = 20 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.alert.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.alert.color, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }));
+};
+export { AlertCircleIcon };
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/icons/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/icons/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/icons/checkMark.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from "styled-components";
 import { useMintMoneyConfig } from "../../context.js";
-const StyledSvg = styled.svg`
+const StyledSvg = styled.svg `
   stroke: ${({ color }) => color};
   width: ${({ width }) => width}px;
   height: ${({ height }) => height}px;
@@ -13,20 +13,8 @@ const StyledSvg = styled.svg`
   }
 `;
 const CheckMarkIcon = ({ size = 20 }) => {
-  const { theme } = useMintMoneyConfig();
-  return _jsx(StyledSvg, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: theme.icon.check.strokeColor,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    color: theme.icon.check.color,
-    children: _jsx("polyline", { points: "20 6 9 17 4 12" }),
-  });
+    const { theme } = useMintMoneyConfig();
+    return (_jsx(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.check.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.check.color, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
 };
 export { CheckMarkIcon };
-//# sourceMappingURL=checkMark.js.map
+//# sourceMappingURL=checkMark.js.map

package/dist/esm/components/icons/close.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from "styled-components";
 import { useMintMoneyConfig } from "../../context.js";
-const StyledSvg = styled.svg`
+const StyledSvg = styled.svg `
   stroke: ${({ color }) => color};
   width: ${({ width }) => width}px;
   height: ${({ height }) => height}px;
@@ -13,23 +13,8 @@ const StyledSvg = styled.svg`
   }
 `;
 const CloseIcon = ({ size = 20 }) => {
-  const { theme } = useMintMoneyConfig();
-  return _jsxs(StyledSvg, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: theme.icon.close.strokeColor,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    color: theme.icon.close.color,
-    children: [
-      _jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
-    ],
-  });
+    const { theme } = useMintMoneyConfig();
+    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.close.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.close.color, children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
 };
 export { CloseIcon };
-//# sourceMappingURL=close.js.map
+//# sourceMappingURL=close.js.map

package/dist/esm/components/icons/index.js

@@ -1,3 +1,6 @@
 export * from "./close.js";
 export * from "./checkMark.js";
-//# sourceMappingURL=index.js.map
+export * from "./alert.js";
+export * from "./link.js";
+export * from "./loading.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/esm/components/icons/link.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => `${color}CC`}; /* Slight transparency on hover */
+  }
+`;
+const LinkIcon = ({ size = 24 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.link.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.link.color, children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] }));
+};
+export { LinkIcon };
+//# sourceMappingURL=link.js.map

package/dist/esm/components/icons/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/icons/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAkD;YAClE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI;;CAExC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAiB,EAAE,EAAE;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,aAE5B,eAAM,CAAC,EAAC,6DAA6D,GAAG,EACxE,eAAM,CAAC,EAAC,8DAA8D,GAAG,IAC/D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/components/icons/loading.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC;
+  }
+`;
+const LoaderCircleIcon = ({ size = 20 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsx(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.loader.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.loader.color, children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+};
+export { LoaderCircleIcon };
+//# sourceMappingURL=loading.js.map

package/dist/esm/components/icons/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/components/icons/loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAyB,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EACrC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,YAE9B,eAAM,CAAC,EAAC,6BAA6B,GAAG,GAC9B,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}