@crossmint/client-sdk-react-ui 1.11.0 → 1.11.1

package/dist/chunk-XEZF7G64.js

@@ -1,212 +0,0 @@
-import {
-  PoweredByCrossmint
-} from "./chunk-FKIMKZ4Y.js";
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-import {
-  PasskeyIcon
-} from "./chunk-IQPA3QOV.js";
-import {
-  PasskeyPromptLogo
-} from "./chunk-CPYPI45H.js";
-import {
-  FingerprintIcon
-} from "./chunk-H4F7UVPT.js";
-
-// src/components/auth/PasskeyPrompt.tsx
-import { Button, Dialog, Transition } from "@headlessui/react";
-import { Fragment } from "react";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-function PasskeyPromptCore({ title, content, primaryButton, secondaryAction, appearance }) {
-  var _a, _b, _c, _d, _e;
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open: true,
-      onClose: () => {
-      },
-      className: classNames("fixed inset-0 z-20 flex items-center justify-center overflow-y-auto"),
-      children: [
-        /* @__PURE__ */ jsx(
-          Transition.Child,
-          {
-            as: Fragment,
-            enter: "ease-out duration-400",
-            enterFrom: "opacity-0",
-            enterTo: "opacity-100",
-            leave: "ease-in duration-400",
-            leaveFrom: "opacity-100",
-            leaveTo: "opacity-0",
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: classNames(
-                  "fixed inset-0 bg-[rgba(139,151,151,0.2)] backdrop-blur-[2px] transition-opacity duration-300 ease-in-out -z-10"
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              width: "100%",
-              maxWidth: "28rem",
-              borderRadius: "1rem",
-              boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-              zIndex: 30,
-              border: "1px solid",
-              backgroundColor: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.background) || "white",
-              borderColor: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.border) || "#D0D5DD"
-            },
-            onClick: (e) => e.stopPropagation(),
-            children: /* @__PURE__ */ jsxs("div", { className: "pt-12 pb-10 px-8", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex justify-center left-1.5 relative", children: /* @__PURE__ */ jsx(PasskeyPromptLogo, { appearance }) }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-                "p",
-                {
-                  style: {
-                    fontSize: "1.125rem",
-                    lineHeight: "1.75rem",
-                    fontWeight: "bold",
-                    color: ((_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary) || "#20343E"
-                  },
-                  children: title
-                }
-              ) }),
-              /* @__PURE__ */ jsx("div", { className: "mt-4 mb-9", children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontWeight: "normal",
-                    color: ((_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textSecondary) || "#67797F"
-                  },
-                  children: content
-                }
-              ) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 justify-center", children: [
-                primaryButton,
-                secondaryAction
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(PoweredByCrossmint, { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textSecondary }) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-function PasskeyPrompt({ state, appearance }) {
-  var _a, _b;
-  switch (state.type) {
-    case "create-wallet":
-      return /* @__PURE__ */ jsx(
-        PasskeyPromptCore,
-        {
-          title: "Create Your Wallet",
-          appearance,
-          content: /* @__PURE__ */ jsxs(Fragment2, { children: [
-            /* @__PURE__ */ jsx("div", { className: "mb-4", children: "You're about to create a wallet." }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PasskeyIcon, {}) }),
-                "Your wallet will be secured with a passkey"
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FingerprintIcon, {}) }),
-                "Your device will ask you for your fingerprint, face, or screen lock to set it up"
-              ] })
-            ] })
-          ] }),
-          primaryButton: /* @__PURE__ */ jsx(Button, { style: primaryButtonStyles(appearance), onClick: state.primaryActionOnClick, children: "Create Wallet" })
-        }
-      );
-    case "create-wallet-error":
-      return /* @__PURE__ */ jsx(
-        PasskeyPromptCore,
-        {
-          title: "Wallet Creation Failed",
-          appearance,
-          content: /* @__PURE__ */ jsx("div", { className: "mb-6", children: "We couldn't create your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device." }),
-          primaryButton: /* @__PURE__ */ jsx(Button, { style: primaryButtonStyles(appearance), onClick: state.primaryActionOnClick, children: "Try again" })
-        }
-      );
-    case "transaction":
-      return /* @__PURE__ */ jsx(
-        PasskeyPromptCore,
-        {
-          title: "First Time Using Your Wallet",
-          appearance,
-          content: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FingerprintIcon, {}) }),
-            /* @__PURE__ */ jsx("span", { children: "Your device will ask you for your fingerprint, face, or screen lock to authorize this action." })
-          ] }) }),
-          primaryButton: /* @__PURE__ */ jsx(Button, { style: primaryButtonStyles(appearance), onClick: state.primaryActionOnClick, children: "Use Wallet" })
-        }
-      );
-    case "transaction-error":
-      return /* @__PURE__ */ jsx(
-        PasskeyPromptCore,
-        {
-          title: "Wallet Access Failed",
-          appearance,
-          content: /* @__PURE__ */ jsx("div", { className: "mb-6", children: "We couldn't access your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device." }),
-          primaryButton: /* @__PURE__ */ jsx(Button, { style: primaryButtonStyles(appearance), onClick: state.primaryActionOnClick, children: "Try again" }),
-          secondaryAction: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot",
-              rel: "noopener noreferrer",
-              target: "_blank",
-              style: {
-                padding: "0.875rem",
-                width: "100%",
-                textAlign: "center",
-                textDecoration: "none",
-                borderRadius: "0.5rem",
-                fontWeight: "bold",
-                backgroundColor: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.inputBackground) || "#F0F2F4",
-                color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary) || "#00150D"
-              },
-              children: "Troubleshoot"
-            }
-          )
-        }
-      );
-    case "not-supported":
-      return /* @__PURE__ */ jsx(
-        PasskeyPromptCore,
-        {
-          title: "Passkeys Not Supported on This Device",
-          appearance,
-          content: /* @__PURE__ */ jsx("div", { className: "mb-6", children: "To access your wallet with a passkey, switch to a device or browser that supports passkeys, such as Chrome or Safari on a smartphone, tablet, or modern computer" }),
-          primaryButton: /* @__PURE__ */ jsx(Button, { style: primaryButtonStyles(appearance), onClick: state.primaryActionOnClick, children: "Understood" })
-        }
-      );
-    default:
-      return null;
-  }
-}
-var primaryButtonStyles = (appearance) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return {
-    padding: "0.875rem",
-    width: "100%",
-    backgroundColor: (_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.buttonBackground) != null ? _b : "#04AA6D",
-    color: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary) != null ? _d : "white",
-    borderRadius: (_e = appearance == null ? void 0 : appearance.borderRadius) != null ? _e : "8px",
-    borderColor: (_g = (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.border) != null ? _g : "#04AA6D",
-    borderWidth: "1px",
-    fontWeight: "bold"
-  };
-};
-
-export {
-  PasskeyPrompt
-};
-//# sourceMappingURL=chunk-XEZF7G64.js.map

package/dist/chunk-XEZF7G64.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/PasskeyPrompt.tsx"],"sourcesContent":["import { Button, Dialog, Transition } from \"@headlessui/react\";\nimport { type CSSProperties, Fragment, type ReactNode } from \"react\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nimport FingerprintIcon from \"../../icons/fingerprint\";\nimport PasskeyIcon from \"../../icons/passkey\";\nimport PasskeyPromptLogo from \"../../icons/passkeyPromptLogo\";\nimport { PoweredByCrossmint } from \"../common/PoweredByCrossmint\";\nimport { classNames } from \"@/utils/classNames\";\n\ntype PasskeyPromptCoreProps = {\n    title: string;\n    content: ReactNode;\n    primaryButton: ReactNode;\n    secondaryAction?: ReactNode;\n    appearance?: UIConfig;\n};\nfunction PasskeyPromptCore({ title, content, primaryButton, secondaryAction, appearance }: PasskeyPromptCoreProps) {\n    return (\n        <Dialog\n            open\n            onClose={() => {}}\n            className={classNames(\"fixed inset-0 z-20 flex items-center justify-center overflow-y-auto\")}\n        >\n            {/* This is a hacky workaround to have the foreground transparent styles to work. */}\n            <Transition.Child\n                as={Fragment}\n                enter=\"ease-out duration-400\"\n                enterFrom=\"opacity-0\"\n                enterTo=\"opacity-100\"\n                leave=\"ease-in duration-400\"\n                leaveFrom=\"opacity-100\"\n                leaveTo=\"opacity-0\"\n            >\n                <div\n                    className={classNames(\n                        \"fixed inset-0 bg-[rgba(139,151,151,0.2)] backdrop-blur-[2px] transition-opacity duration-300 ease-in-out -z-10\"\n                    )}\n                />\n            </Transition.Child>\n            <div\n                style={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"center\",\n                    width: \"100%\",\n                    maxWidth: \"28rem\",\n                    borderRadius: \"1rem\",\n                    boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n                    zIndex: 30,\n                    border: \"1px solid\",\n                    backgroundColor: appearance?.colors?.background || \"white\",\n                    borderColor: appearance?.colors?.border || \"#D0D5DD\",\n                }}\n                onClick={(e) => e.stopPropagation()}\n            >\n                <div className=\"pt-12 pb-10 px-8\">\n                    <div className=\"flex justify-center left-1.5 relative\">\n                        <PasskeyPromptLogo appearance={appearance} />\n                    </div>\n                    <div className=\"flex justify-center\">\n                        <p\n                            style={{\n                                fontSize: \"1.125rem\",\n                                lineHeight: \"1.75rem\",\n                                fontWeight: \"bold\",\n                                color: appearance?.colors?.textPrimary || \"#20343E\",\n                            }}\n                        >\n                            {title}\n                        </p>\n                    </div>\n                    <div className=\"mt-4 mb-9\">\n                        <div\n                            style={{\n                                fontWeight: \"normal\",\n                                color: appearance?.colors?.textSecondary || \"#67797F\",\n                            }}\n                        >\n                            {content}\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col gap-4 justify-center\">\n                        {primaryButton}\n                        {secondaryAction}\n                    </div>\n                    <div className=\"flex justify-center pt-4\">\n                        <PoweredByCrossmint color={appearance?.colors?.textSecondary} />\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    );\n}\n\ntype PromptType = \"create-wallet\" | \"transaction\" | \"not-supported\" | \"create-wallet-error\" | \"transaction-error\";\n\ntype PasskeyPromptProps = {\n    state: {\n        type: PromptType;\n        primaryActionOnClick: () => void;\n        secondaryActionOnClick?: () => void;\n    };\n    appearance?: UIConfig;\n};\nexport function PasskeyPrompt({ state, appearance }: PasskeyPromptProps) {\n    // These components are currently assembled based on the mockups.\n    switch (state.type) {\n        case \"create-wallet\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Create Your Wallet\"\n                    appearance={appearance}\n                    content={\n                        <>\n                            <div className=\"mb-4\">You're about to create a wallet.</div>\n                            <div className=\"flex flex-col gap-2\">\n                                <div className=\"flex gap-2\">\n                                    <div>\n                                        <PasskeyIcon />\n                                    </div>\n                                    Your wallet will be secured with a passkey\n                                </div>\n\n                                <div className=\"flex gap-2\">\n                                    <div>\n                                        <FingerprintIcon />\n                                    </div>\n                                    Your device will ask you for your fingerprint, face, or screen lock to set it up\n                                </div>\n                            </div>\n                        </>\n                    }\n                    primaryButton={\n                        <Button style={primaryButtonStyles(appearance)} onClick={state.primaryActionOnClick}>\n                            Create Wallet\n                        </Button>\n                    }\n                />\n            );\n\n        case \"create-wallet-error\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Wallet Creation Failed\"\n                    appearance={appearance}\n                    content={\n                        <div className=\"mb-6\">\n                            We couldn't create your wallet. This could be due to rejecting the request, a timeout, or\n                            not having access to your passkey on this device.\n                        </div>\n                    }\n                    primaryButton={\n                        <Button style={primaryButtonStyles(appearance)} onClick={state.primaryActionOnClick}>\n                            Try again\n                        </Button>\n                    }\n                />\n            );\n\n        case \"transaction\":\n            return (\n                <PasskeyPromptCore\n                    title=\"First Time Using Your Wallet\"\n                    appearance={appearance}\n                    content={\n                        <div className=\"flex flex-col gap-2\">\n                            <div className=\"flex gap-2\">\n                                <div>\n                                    <FingerprintIcon />\n                                </div>\n                                <span>\n                                    Your device will ask you for your fingerprint, face, or screen lock to authorize\n                                    this action.\n                                </span>\n                            </div>\n                        </div>\n                    }\n                    primaryButton={\n                        <Button style={primaryButtonStyles(appearance)} onClick={state.primaryActionOnClick}>\n                            Use Wallet\n                        </Button>\n                    }\n                />\n            );\n\n        case \"transaction-error\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Wallet Access Failed\"\n                    appearance={appearance}\n                    content={\n                        <div className=\"mb-6\">\n                            We couldn't access your wallet. This could be due to rejecting the request, a timeout, or\n                            not having access to your passkey on this device.\n                        </div>\n                    }\n                    primaryButton={\n                        <Button style={primaryButtonStyles(appearance)} onClick={state.primaryActionOnClick}>\n                            Try again\n                        </Button>\n                    }\n                    secondaryAction={\n                        <a\n                            href=\"https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot\"\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            style={{\n                                padding: \"0.875rem\",\n                                width: \"100%\",\n                                textAlign: \"center\",\n                                textDecoration: \"none\",\n                                borderRadius: \"0.5rem\",\n                                fontWeight: \"bold\",\n                                backgroundColor: appearance?.colors?.inputBackground || \"#F0F2F4\",\n                                color: appearance?.colors?.textSecondary || \"#00150D\",\n                            }}\n                        >\n                            Troubleshoot\n                        </a>\n                    }\n                />\n            );\n\n        case \"not-supported\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Passkeys Not Supported on This Device\"\n                    appearance={appearance}\n                    content={\n                        <div className=\"mb-6\">\n                            To access your wallet with a passkey, switch to a device or browser that supports passkeys,\n                            such as Chrome or Safari on a smartphone, tablet, or modern computer\n                        </div>\n                    }\n                    primaryButton={\n                        <Button style={primaryButtonStyles(appearance)} onClick={state.primaryActionOnClick}>\n                            Understood\n                        </Button>\n                    }\n                />\n            );\n\n        default:\n            return null;\n    }\n}\n\nconst primaryButtonStyles = (appearance?: UIConfig): CSSProperties => ({\n    padding: \"0.875rem\",\n    width: \"100%\",\n    backgroundColor: appearance?.colors?.buttonBackground ?? \"#04AA6D\",\n    color: appearance?.colors?.textPrimary ?? \"white\",\n    borderRadius: appearance?.borderRadius ?? \"8px\",\n    borderColor: appearance?.colors?.border ?? \"#04AA6D\",\n    borderWidth: \"1px\",\n    fontWeight: \"bold\",\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAS,QAAQ,QAAQ,kBAAkB;AAC3C,SAA6B,gBAAgC;AAiC7C,SAgFQ,YAAAA,WAhFR,KAgDI,YAhDJ;AAjBhB,SAAS,kBAAkB,EAAE,OAAO,SAAS,eAAe,iBAAiB,WAAW,GAA2B;AAjBnH;AAkBI,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,WAAW,WAAW,qEAAqE;AAAA,MAG3F;AAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER;AAAA,cAAC;AAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,gBACJ;AAAA;AAAA,YACJ;AAAA;AAAA,QACJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,OAAO;AAAA,cACH,SAAS;AAAA,cACT,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU;AAAA,cACV,cAAc;AAAA,cACd,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,mBAAiB,8CAAY,WAAZ,mBAAoB,eAAc;AAAA,cACnD,eAAa,8CAAY,WAAZ,mBAAoB,WAAU;AAAA,YAC/C;AAAA,YACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAElC,+BAAC,SAAI,WAAU,oBACX;AAAA,kCAAC,SAAI,WAAU,yCACX,8BAAC,qBAAkB,YAAwB,GAC/C;AAAA,cACA,oBAAC,SAAI,WAAU,uBACX;AAAA,gBAAC;AAAA;AAAA,kBACG,OAAO;AAAA,oBACH,UAAU;AAAA,oBACV,YAAY;AAAA,oBACZ,YAAY;AAAA,oBACZ,SAAO,8CAAY,WAAZ,mBAAoB,gBAAe;AAAA,kBAC9C;AAAA,kBAEC;AAAA;AAAA,cACL,GACJ;AAAA,cACA,oBAAC,SAAI,WAAU,aACX;AAAA,gBAAC;AAAA;AAAA,kBACG,OAAO;AAAA,oBACH,YAAY;AAAA,oBACZ,SAAO,8CAAY,WAAZ,mBAAoB,kBAAiB;AAAA,kBAChD;AAAA,kBAEC;AAAA;AAAA,cACL,GACJ;AAAA,cACA,qBAAC,SAAI,WAAU,sCACV;AAAA;AAAA,gBACA;AAAA,iBACL;AAAA,cACA,oBAAC,SAAI,WAAU,4BACX,8BAAC,sBAAmB,QAAO,8CAAY,WAAZ,mBAAoB,eAAe,GAClE;AAAA,eACJ;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EACJ;AAER;AAYO,SAAS,cAAc,EAAE,OAAO,WAAW,GAAuB;AAzGzE;AA2GI,UAAQ,MAAM,MAAM;AAAA,IAChB,KAAK;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,OAAM;AAAA,UACN;AAAA,UACA,SACI,qBAAAA,WAAA,EACI;AAAA,gCAAC,SAAI,WAAU,QAAO,8CAAgC;AAAA,YACtD,qBAAC,SAAI,WAAU,uBACX;AAAA,mCAAC,SAAI,WAAU,cACX;AAAA,oCAAC,SACG,8BAAC,eAAY,GACjB;AAAA,gBAAM;AAAA,iBAEV;AAAA,cAEA,qBAAC,SAAI,WAAU,cACX;AAAA,oCAAC,SACG,8BAAC,mBAAgB,GACrB;AAAA,gBAAM;AAAA,iBAEV;AAAA,eACJ;AAAA,aACJ;AAAA,UAEJ,eACI,oBAAC,UAAO,OAAO,oBAAoB,UAAU,GAAG,SAAS,MAAM,sBAAsB,2BAErF;AAAA;AAAA,MAER;AAAA,IAGR,KAAK;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,OAAM;AAAA,UACN;AAAA,UACA,SACI,oBAAC,SAAI,WAAU,QAAO,yJAGtB;AAAA,UAEJ,eACI,oBAAC,UAAO,OAAO,oBAAoB,UAAU,GAAG,SAAS,MAAM,sBAAsB,uBAErF;AAAA;AAAA,MAER;AAAA,IAGR,KAAK;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,OAAM;AAAA,UACN;AAAA,UACA,SACI,oBAAC,SAAI,WAAU,uBACX,+BAAC,SAAI,WAAU,cACX;AAAA,gCAAC,SACG,8BAAC,mBAAgB,GACrB;AAAA,YACA,oBAAC,UAAK,2GAGN;AAAA,aACJ,GACJ;AAAA,UAEJ,eACI,oBAAC,UAAO,OAAO,oBAAoB,UAAU,GAAG,SAAS,MAAM,sBAAsB,wBAErF;AAAA;AAAA,MAER;AAAA,IAGR,KAAK;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,OAAM;AAAA,UACN;AAAA,UACA,SACI,oBAAC,SAAI,WAAU,QAAO,yJAGtB;AAAA,UAEJ,eACI,oBAAC,UAAO,OAAO,oBAAoB,UAAU,GAAG,SAAS,MAAM,sBAAsB,uBAErF;AAAA,UAEJ,iBACI;AAAA,YAAC;AAAA;AAAA,cACG,MAAK;AAAA,cACL,KAAI;AAAA,cACJ,QAAO;AAAA,cACP,OAAO;AAAA,gBACH,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,WAAW;AAAA,gBACX,gBAAgB;AAAA,gBAChB,cAAc;AAAA,gBACd,YAAY;AAAA,gBACZ,mBAAiB,8CAAY,WAAZ,mBAAoB,oBAAmB;AAAA,gBACxD,SAAO,8CAAY,WAAZ,mBAAoB,kBAAiB;AAAA,cAChD;AAAA,cACH;AAAA;AAAA,UAED;AAAA;AAAA,MAER;AAAA,IAGR,KAAK;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,OAAM;AAAA,UACN;AAAA,UACA,SACI,oBAAC,SAAI,WAAU,QAAO,8KAGtB;AAAA,UAEJ,eACI,oBAAC,UAAO,OAAO,oBAAoB,UAAU,GAAG,SAAS,MAAM,sBAAsB,wBAErF;AAAA;AAAA,MAER;AAAA,IAGR;AACI,aAAO;AAAA,EACf;AACJ;AAEA,IAAM,sBAAsB,CAAC,eAAsC;AAxPnE;AAwPuE;AAAA,IACnE,SAAS;AAAA,IACT,OAAO;AAAA,IACP,kBAAiB,oDAAY,WAAZ,mBAAoB,qBAApB,YAAwC;AAAA,IACzD,QAAO,oDAAY,WAAZ,mBAAoB,gBAApB,YAAmC;AAAA,IAC1C,eAAc,8CAAY,iBAAZ,YAA4B;AAAA,IAC1C,cAAa,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAChB;AAAA;","names":["Fragment"]}

package/dist/chunk-XQOEKZSB.js

@@ -1,64 +0,0 @@
-import {
-  WalletIcon
-} from "./chunk-VZIXXIU5.js";
-import {
-  ChevronRightIcon
-} from "./chunk-3KR4GYLF.js";
-import {
-  useAuthForm
-} from "./chunk-LBGALVRW.js";
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-
-// src/components/auth/methods/web3/Web3AuthFlowButton.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Web3AuthFlowButton() {
-  var _a, _b, _c, _d, _e;
-  const { step, appearance, setStep, setError } = useAuthForm();
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: classNames(
-        "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-        "transition-colors duration-200 ease-in-out",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none"
-      ),
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        borderColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.border,
-        backgroundColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.buttonBackground
-      },
-      onClick: () => {
-        setStep("web3");
-        setError(null);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          WalletIcon,
-          {
-            className: "h-[21px] w-[21px] absolute left-[20px]",
-            style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", style: { margin: "0px 32px", color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary }, children: "Continue with a wallet" }),
-        /* @__PURE__ */ jsx(
-          ChevronRightIcon,
-          {
-            className: "h-[21px] w-[21px] absolute right-[20px]",
-            style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textSecondary }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Continue with a wallet" })
-      ]
-    }
-  );
-}
-
-export {
-  Web3AuthFlowButton
-};
-//# sourceMappingURL=chunk-XQOEKZSB.js.map

package/dist/chunk-XQOEKZSB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/methods/web3/Web3AuthFlowButton.tsx"],"sourcesContent":["import { ChevronRightIcon } from \"@/icons/chevronRight\";\nimport { WalletIcon } from \"@/icons/wallet\";\nimport { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function Web3AuthFlowButton() {\n    const { step, appearance, setStep, setError } = useAuthForm();\n\n    if (step !== \"initial\") {\n        return null;\n    }\n\n    return (\n        <button\n            className={classNames(\n                \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                \"transition-colors duration-200 ease-in-out\",\n                \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n            )}\n            style={{\n                borderRadius: appearance?.borderRadius,\n                borderColor: appearance?.colors?.border,\n                backgroundColor: appearance?.colors?.buttonBackground,\n            }}\n            onClick={() => {\n                setStep(\"web3\");\n                setError(null);\n            }}\n        >\n            <WalletIcon\n                className=\"h-[21px] w-[21px] absolute left-[20px]\"\n                style={{ color: appearance?.colors?.textPrimary }}\n            />\n            <span className=\"font-medium\" style={{ margin: \"0px 32px\", color: appearance?.colors?.textPrimary }}>\n                Continue with a wallet\n            </span>\n            <ChevronRightIcon\n                className=\"h-[21px] w-[21px] absolute right-[20px]\"\n                style={{ color: appearance?.colors?.textSecondary }}\n            />\n            <span className=\"sr-only\">Continue with a wallet</span>\n        </button>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;AAaQ,SAgBI,KAhBJ;AARD,SAAS,qBAAqB;AALrC;AAMI,QAAM,EAAE,MAAM,YAAY,SAAS,SAAS,IAAI,YAAY;AAE5D,MAAI,SAAS,WAAW;AACpB,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,yCAAY;AAAA,QAC1B,cAAa,8CAAY,WAAZ,mBAAoB;AAAA,QACjC,kBAAiB,8CAAY,WAAZ,mBAAoB;AAAA,MACzC;AAAA,MACA,SAAS,MAAM;AACX,gBAAQ,MAAM;AACd,iBAAS,IAAI;AAAA,MACjB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA;AAAA,QACpD;AAAA,QACA,oBAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAQ,YAAY,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GAAG,oCAErG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,cAAc;AAAA;AAAA,QACtD;AAAA,QACA,oBAAC,UAAK,WAAU,WAAU,oCAAsB;AAAA;AAAA;AAAA,EACpD;AAER;","names":[]}

package/dist/chunk-XXJ7LQ44.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-XXJ7LQ44.js.map

package/dist/chunk-XXJ7LQ44.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-XYMYRPVT.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-XYMYRPVT.js.map

package/dist/chunk-XYMYRPVT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-XZPSXJOK.js

@@ -1,17 +0,0 @@
-import {
-  EmbeddedCheckoutV3IFrame
-} from "./chunk-FKLRSMKS.js";
-import {
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx
-import { jsx } from "react/jsx-runtime";
-function CrossmintEmbeddedCheckout_Alpha(props) {
-  return /* @__PURE__ */ jsx(EmbeddedCheckoutV3IFrame, __spreadValues({}, props));
-}
-
-export {
-  CrossmintEmbeddedCheckout_Alpha
-};
-//# sourceMappingURL=chunk-XZPSXJOK.js.map

package/dist/chunk-XZPSXJOK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx"],"sourcesContent":["import type { CrossmintEmbeddedCheckoutV3Props } from \"@crossmint/client-sdk-base\";\n\nimport { EmbeddedCheckoutV3IFrame } from \"./EmbeddedCheckoutV3IFrame\";\n\nexport function CrossmintEmbeddedCheckout_Alpha(props: CrossmintEmbeddedCheckoutV3Props) {\n    return <EmbeddedCheckoutV3IFrame {...props} />;\n}\n"],"mappings":";;;;;;;;AAKW;AADJ,SAAS,gCAAgC,OAAyC;AACrF,SAAO,oBAAC,6CAA6B,MAAO;AAChD;","names":[]}

package/dist/chunk-YE55IKBP.cjs

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/fingerprint.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function FingerprintIcon() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 12a10 10 0 0 1 18-6" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 16h.01" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
-      ]
-    }
-  );
-}
-
-
-
-exports.FingerprintIcon = FingerprintIcon;
-//# sourceMappingURL=chunk-YE55IKBP.cjs.map

package/dist/chunk-YE55IKBP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/fingerprint.tsx"],"names":[],"mappings":";AAEQ,SAWI,KAXJ;AAFO,SAAR,kBAAmC;AACtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf;AAAA,4BAAC,UAAK,GAAE,6CAA4C;AAAA,QACpD,oBAAC,UAAK,GAAE,kCAAiC;AAAA,QACzC,oBAAC,UAAK,GAAE,qCAAoC;AAAA,QAC5C,oBAAC,UAAK,GAAE,0BAAyB;AAAA,QACjC,oBAAC,UAAK,GAAE,aAAY;AAAA,QACpB,oBAAC,UAAK,GAAE,gCAA+B;AAAA,QACvC,oBAAC,UAAK,GAAE,4CAA2C;AAAA,QACnD,oBAAC,UAAK,GAAE,iCAAgC;AAAA,QACxC,oBAAC,UAAK,GAAE,4BAA2B;AAAA;AAAA;AAAA,EACvC;AAER","sourcesContent":["export default function FingerprintIcon() {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        >\n            <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n            <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n            <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n            <path d=\"M2 12a10 10 0 0 1 18-6\" />\n            <path d=\"M2 16h.01\" />\n            <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n            <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n            <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n            <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-YWVQCHQF.js

@@ -1,51 +0,0 @@
-// src/icons/google.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function GoogleIcon({ className }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      x: "0px",
-      y: "0px",
-      width: "100",
-      height: "100",
-      viewBox: "0 0 48 48",
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#fbc02d",
-            d: "M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#e53935",
-            d: "M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#4caf50",
-            d: "M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: "#1565c0",
-            d: "M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  GoogleIcon
-};
-//# sourceMappingURL=chunk-YWVQCHQF.js.map

package/dist/chunk-YWVQCHQF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/google.tsx"],"sourcesContent":["export function GoogleIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x=\"0px\"\n            y=\"0px\"\n            width=\"100\"\n            height=\"100\"\n            viewBox=\"0 0 48 48\"\n            className={className}\n        >\n            <path\n                fill=\"#fbc02d\"\n                d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n            <path\n                fill=\"#e53935\"\n                d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"\n            ></path>\n            <path\n                fill=\"#4caf50\"\n                d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"\n            ></path>\n            <path\n                fill=\"#1565c0\"\n                d=\"M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n        </svg>\n    );\n}\n"],"mappings":";AAEQ,SASI,KATJ;AAFD,SAAS,WAAW,EAAE,UAAU,GAA2B;AAC9D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/chunk-Z6QSH522.cjs

@@ -1,105 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _chunkEAEMD3DYcjs = require('./chunk-EAEMD3DY.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintLogoV2(_a) {
-  var _b = _a, { colors, displayType = "icon-and-text" } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["colors", "displayType"]);
-  const { icon: iconColor, text: textColor } = {
-    icon: (colors == null ? void 0 : colors.icon) || _chunkEAEMD3DYcjs.CROSSMINT_LOGO_DEFAULTS.colors.icon,
-    text: (colors == null ? void 0 : colors.text) || _chunkEAEMD3DYcjs.CROSSMINT_LOGO_DEFAULT_COLORS.light.text
-  };
-  const colorsAndDisplayType = {
-    colors: { icon: iconColor, text: textColor },
-    displayType
-  };
-  if (props.width == null && props.height == null) {
-    props.width = 144;
-  }
-  const gradientId = _react.useId.call(void 0, );
-  const Logo = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { viewBox: _chunkEAEMD3DYcjs.CROSSMINT_LOGO_VIEWBOXES[displayType] }, props), { children: [
-    getSvgGradientDefinition(colorsAndDisplayType, gradientId),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
-      getSvgText(colorsAndDisplayType),
-      getSvgIcon(colorsAndDisplayType, gradientId)
-    ] }) })
-  ] }));
-  return Logo;
-}
-function getSvgGradientDefinition(props, gradientId) {
-  const { icon: iconColor } = props.colors;
-  if (iconColor.type !== "gradient") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "linearGradient",
-    {
-      id: `logoGradient-${gradientId}`,
-      className: `logoGradient`,
-      x1: ".1",
-      y1: ".1",
-      x2: "85.8",
-      y2: "85.8",
-      gradientUnits: "userSpaceOnUse",
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { className: "stop-0", offset: "0", stopColor: iconColor.from }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { className: "stop-1", offset: "1", stopColor: iconColor.to })
-      ]
-    }
-  ) });
-}
-function getSvgText({ colors, displayType }) {
-  if (displayType === "icon-only") {
-    return null;
-  }
-  const { text: textColor } = colors;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        fill: textColor,
-        d: "M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z"
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        d: "M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58",
-        fillRule: "evenodd",
-        fill: textColor
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        fill: textColor,
-        d: "m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z"
-      }
-    )
-  ] });
-}
-function getSvgIcon(props, gradientId) {
-  const { icon: iconColor } = props.colors;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
-    {
-      d: "M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z",
-      fill: iconColor.type === "gradient" ? `url(#logoGradient-${gradientId})` : iconColor.color,
-      fillRule: "evenodd"
-    }
-  );
-}
-
-
-
-exports.CrossmintLogoV2 = CrossmintLogoV2;
-//# sourceMappingURL=chunk-Z6QSH522.cjs.map

package/dist/chunk-Z6QSH522.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAGA,SAAS,aAAuB;AA0BpB,SAyCJ,UAzCI,KACI,YADJ;AArBL,SAAS,gBAAgB,IAA2E;AAA3E,eAAE,UAAQ,cAAc,gBARxD,IAQgC,IAA4C,kBAA5C,IAA4C,CAA1C,UAAQ;AACtC,QAAM,EAAE,MAAM,WAAW,MAAM,UAAU,IAAI;AAAA,IACzC,OAAM,iCAAQ,SAAQ,wBAAwB,OAAO;AAAA,IACrD,OAAM,iCAAQ,SAAQ,8BAA8B,MAAM;AAAA,EAC9D;AAEA,QAAM,uBAA0D;AAAA,IAC5D,QAAQ,EAAE,MAAM,WAAW,MAAM,UAAU;AAAA,IAC3C;AAAA,EACJ;AAGA,MAAI,MAAM,SAAS,QAAQ,MAAM,UAAU,MAAM;AAC7C,UAAM,QAAQ;AAAA,EAClB;AAEA,QAAM,aAAa,MAAM;AAEzB,QAAM,OACF,qBAAC,sCAAI,SAAS,yBAAyB,WAAW,KAAO,QAAxD,EACI;AAAA,6BAAyB,sBAAsB,UAAU;AAAA,IAC1D,oBAAC,OACG,+BAAC,OACI;AAAA,iBAAW,oBAAoB;AAAA,MAC/B,WAAW,sBAAsB,UAAU;AAAA,OAChD,GACJ;AAAA,MACJ;AAGJ,SAAO;AACX;AAEA,SAAS,yBAAyB,OAA0C,YAAoB;AAC5F,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,MAAI,UAAU,SAAS,YAAY;AAC/B,WAAO;AAAA,EACX;AACA,SACI,oBAAC,UACG;AAAA,IAAC;AAAA;AAAA,MACG,IAAI,gBAAgB,UAAU;AAAA,MAC9B,WAAW;AAAA,MACX,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,eAAc;AAAA,MAEd;AAAA,4BAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,MAAM;AAAA,QAC/D,oBAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,IAAI;AAAA;AAAA;AAAA,EACjE,GACJ;AAER;AAEA,SAAS,WAAW,EAAE,QAAQ,YAAY,GAAsC;AAC5E,MAAI,gBAAgB,aAAa;AAC7B,WAAO;AAAA,EACX;AACA,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,UAAS;AAAA,QACT,MAAM;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,KACJ;AAER;AAEA,SAAS,WAAW,OAA0C,YAAoB;AAC9E,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAM,UAAU,SAAS,aAAa,qBAAqB,UAAU,MAAM,UAAU;AAAA,MACrF,UAAS;AAAA;AAAA,EACb;AAER","sourcesContent":["import type { z } from \"zod\";\nimport type { CrossmintLogoColorsAndDisplayType, crossmintLogoColorsAndDisplayTypeSchema } from \"./schemas\";\nimport { CROSSMINT_LOGO_DEFAULTS, CROSSMINT_LOGO_DEFAULT_COLORS, CROSSMINT_LOGO_VIEWBOXES } from \"./consts\";\nimport { useId, type JSX } from \"react\";\n\nexport type CrossmintLogoV2Props = Omit<JSX.IntrinsicElements[\"svg\"], \"viewBox\"> &\n    z.input<typeof crossmintLogoColorsAndDisplayTypeSchema>;\n\nexport function CrossmintLogoV2({ colors, displayType = \"icon-and-text\", ...props }: CrossmintLogoV2Props) {\n    const { icon: iconColor, text: textColor } = {\n        icon: colors?.icon || CROSSMINT_LOGO_DEFAULTS.colors.icon,\n        text: colors?.text || CROSSMINT_LOGO_DEFAULT_COLORS.light.text,\n    };\n\n    const colorsAndDisplayType: CrossmintLogoColorsAndDisplayType = {\n        colors: { icon: iconColor, text: textColor },\n        displayType,\n    };\n\n    // We must only set a default width if both width and height are not provided\n    if (props.width == null && props.height == null) {\n        props.width = 144;\n    }\n\n    const gradientId = useId();\n\n    const Logo = (\n        <svg viewBox={CROSSMINT_LOGO_VIEWBOXES[displayType]} {...props}>\n            {getSvgGradientDefinition(colorsAndDisplayType, gradientId)}\n            <g>\n                <g>\n                    {getSvgText(colorsAndDisplayType)}\n                    {getSvgIcon(colorsAndDisplayType, gradientId)}\n                </g>\n            </g>\n        </svg>\n    );\n\n    return Logo;\n}\n\nfunction getSvgGradientDefinition(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n    const { icon: iconColor } = props.colors;\n    if (iconColor.type !== \"gradient\") {\n        return null;\n    }\n    return (\n        <defs>\n            <linearGradient\n                id={`logoGradient-${gradientId}`}\n                className={`logoGradient`}\n                x1=\".1\"\n                y1=\".1\"\n                x2=\"85.8\"\n                y2=\"85.8\"\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop className=\"stop-0\" offset=\"0\" stopColor={iconColor.from} />\n                <stop className=\"stop-1\" offset=\"1\" stopColor={iconColor.to} />\n            </linearGradient>\n        </defs>\n    );\n}\n\nfunction getSvgText({ colors, displayType }: CrossmintLogoColorsAndDisplayType) {\n    if (displayType === \"icon-only\") {\n        return null;\n    }\n    const { text: textColor } = colors;\n    return (\n        <>\n            <path\n                fill={textColor}\n                d=\"M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z\"\n            />\n            <path\n                d=\"M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58\"\n                fillRule=\"evenodd\"\n                fill={textColor}\n            />\n            <path\n                fill={textColor}\n                d=\"m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z\"\n            />\n        </>\n    );\n}\n\nfunction getSvgIcon(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n    const { icon: iconColor } = props.colors;\n    return (\n        <path\n            d=\"M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z\"\n            fill={iconColor.type === \"gradient\" ? `url(#logoGradient-${gradientId})` : iconColor.color}\n            fillRule=\"evenodd\"\n        />\n    );\n}\n"]}