@crossmint/client-sdk-react-ui 1.9.3 → 1.10.1

package/dist/chunk-6LO4NSRH.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkXDJ6F7N4cjs = require('./chunk-XDJ6F7N4.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/crypto/CryptoEmbeddedCheckout.tsx
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintCryptoEmbeddedCheckout(props) {
+  if (!_clientsdkbase.isCryptoEmbeddedCheckoutPropsWithSigner.call(void 0, props)) {
+    throw new Error("Invalid parameters: signer is required in versions < 2.0.0");
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDJ6F7N4cjs.CryptoEmbeddedCheckoutIFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+}
+
+
+
+exports.CrossmintCryptoEmbeddedCheckout = CrossmintCryptoEmbeddedCheckout;
+//# sourceMappingURL=chunk-6LO4NSRH.cjs.map

package/dist/chunk-6LO4NSRH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx"],"names":[],"mappings":";;;;;;;;AAAA,SAA2C,+CAA+C;AAS/E;AALJ,SAAS,gCAAgC,OAAoC;AAChF,MAAI,CAAC,wCAAwC,KAAK,GAAG;AACjD,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAChF;AAEA,SAAO,oBAAC,iDAAiC,MAAO;AACpD","sourcesContent":["import { type CryptoEmbeddedCheckoutProps, isCryptoEmbeddedCheckoutPropsWithSigner } from \"@crossmint/client-sdk-base\";\n\nimport CryptoEmbeddedCheckoutIFrame from \"./CryptoEmbeddedCheckoutIFrame\";\n\nexport function CrossmintCryptoEmbeddedCheckout(props: CryptoEmbeddedCheckoutProps) {\n    if (!isCryptoEmbeddedCheckoutPropsWithSigner(props)) {\n        throw new Error(\"Invalid parameters: signer is required in versions < 2.0.0\");\n    }\n\n    return <CryptoEmbeddedCheckoutIFrame {...props} />;\n}\n"]}

package/dist/chunk-7KIY6DLW.js

@@ -0,0 +1,28 @@
+// src/icons/alert.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlertIcon({ customColor = "#f44336" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: customColor,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
+    }
+  );
+}
+
+export {
+  AlertIcon
+};
+//# sourceMappingURL=chunk-7KIY6DLW.js.map

package/dist/chunk-7KIY6DLW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/alert.tsx"],"sourcesContent":["export function AlertIcon({ customColor = \"#f44336\" }: { customColor?: string }) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke={customColor}\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n            <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n        </svg>\n    );\n}\n"],"mappings":";AAEQ,SAWI,KAXJ;AAFD,SAAS,UAAU,EAAE,cAAc,UAAU,GAA6B;AAC7E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,QAC/B,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK;AAAA,QACrC,oBAAC,UAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA;AAAA,EAC7C;AAER;","names":[]}

package/dist/chunk-7SBZ6OIH.js

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

package/dist/chunk-7SBZ6OIH.js.map

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

package/dist/chunk-A2JCJ2OV.cjs

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/twind.config.ts
+var _core = require('@twind/core');
+var _presettailwind = require('@twind/preset-tailwind'); var _presettailwind2 = _interopRequireDefault(_presettailwind);
+var twind_config_default = _core.defineConfig.call(void 0, {
+  presets: [_presettailwind2.default.call(void 0, )],
+  theme: {
+    extend: {
+      colors: {
+        // Crossmint colors (cm- prefix)
+        "cm-text-primary": "#00150D",
+        "cm-text-secondary": "#67797F",
+        "cm-background-primary": "#FFFFFF",
+        "cm-muted-primary": "#F0F2F4",
+        "cm-hover": "#E9ECF0",
+        "cm-border": "#D9D9D9",
+        "cm-link": "#1A73E8",
+        "cm-accent": "#04AA6D"
+      },
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" }
+        },
+        "fade-in": {
+          from: { opacity: "0" },
+          to: { opacity: "1" }
+        },
+        "fade-out": {
+          from: { opacity: "1" },
+          to: { opacity: "0" }
+        },
+        "slide-in-from-top": {
+          "0%": { transform: "translateY(-100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-top": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(-100%)" }
+        },
+        "slide-in-from-bottom": {
+          "0%": { transform: "translateY(100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-bottom": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(100%)" }
+        },
+        "slide-in-from-left": {
+          "0%": { transform: "translateX(-100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-left": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(-100%)" }
+        },
+        "slide-in-from-right": {
+          "0%": { transform: "translateX(100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-right": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(100%)" }
+        },
+        "zoom-in-95": {
+          "0%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" },
+          "100%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" }
+        },
+        "zoom-out-95": {
+          "0%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" },
+          "100%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" }
+        }
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+        "fade-in": "fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "fade-out": "fade-out 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-top": "slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-top": "slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-bottom": "slide-in-from-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-bottom": "slide-out-to-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-left": "slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-left": "slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-right": "slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-right": "slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-in-95": "zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-out-95": "zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)"
+      },
+      durations: {
+        "300": "300ms",
+        "500": "500ms"
+      }
+    }
+  },
+  rules: [
+    [
+      "cm-responsive-border-radius-auth-dialog",
+      {
+        "@media (max-width: 479px)": {
+          "border-bottom-left-radius": "0 !important",
+          "border-bottom-right-radius": "0 !important"
+        }
+      }
+    ],
+    [
+      "focus-ring-custom",
+      {
+        "&:focus": {
+          "box-shadow": "0 0 0 3px var(--focus-ring-color)"
+        }
+      }
+    ]
+  ]
+  /* config */
+});
+
+
+
+exports.twind_config_default = twind_config_default;
+//# sourceMappingURL=chunk-A2JCJ2OV.cjs.map

package/dist/chunk-A2JCJ2OV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/twind.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind()],\n    theme: {\n        extend: {\n            colors: {\n                // Crossmint colors (cm- prefix)\n                \"cm-text-primary\": \"#00150D\",\n                \"cm-text-secondary\": \"#67797F\",\n                \"cm-background-primary\": \"#FFFFFF\",\n                \"cm-muted-primary\": \"#F0F2F4\",\n                \"cm-hover\": \"#E9ECF0\",\n                \"cm-border\": \"#D9D9D9\",\n                \"cm-link\": \"#1A73E8\",\n                \"cm-accent\": \"#04AA6D\",\n            },\n            keyframes: {\n                \"caret-blink\": {\n                    \"0%,70%,100%\": { opacity: \"1\" },\n                    \"20%,50%\": { opacity: \"0\" },\n                },\n                \"fade-in\": {\n                    from: { opacity: \"0\" },\n                    to: { opacity: \"1\" },\n                },\n                \"fade-out\": {\n                    from: { opacity: \"1\" },\n                    to: { opacity: \"0\" },\n                },\n                \"slide-in-from-top\": {\n                    \"0%\": { transform: \"translateY(-100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-top\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(-100%)\" },\n                },\n                \"slide-in-from-bottom\": {\n                    \"0%\": { transform: \"translateY(100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-bottom\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(100%)\" },\n                },\n                \"slide-in-from-left\": {\n                    \"0%\": { transform: \"translateX(-100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-left\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(-100%)\" },\n                },\n                \"slide-in-from-right\": {\n                    \"0%\": { transform: \"translateX(100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-right\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(100%)\" },\n                },\n                \"zoom-in-95\": {\n                    \"0%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                },\n                \"zoom-out-95\": {\n                    \"0%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                },\n            },\n            animation: {\n                \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n                \"fade-in\": \"fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"fade-out\": \"fade-out 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-top\": \"slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-top\": \"slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-bottom\": \"slide-in-from-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-bottom\": \"slide-out-to-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-left\": \"slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-left\": \"slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-right\": \"slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-right\": \"slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-in-95\": \"zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-out-95\": \"zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n            },\n            durations: {\n                \"300\": \"300ms\",\n                \"500\": \"500ms\",\n            },\n        },\n    },\n    rules: [\n        [\n            \"cm-responsive-border-radius-auth-dialog\",\n            {\n                \"@media (max-width: 479px)\": {\n                    \"border-bottom-left-radius\": \"0 !important\",\n                    \"border-bottom-right-radius\": \"0 !important\",\n                },\n            },\n        ],\n        [\n            \"focus-ring-custom\",\n            {\n                \"&:focus\": {\n                    \"box-shadow\": \"0 0 0 3px var(--focus-ring-color)\",\n                },\n            },\n        ],\n    ],\n    /* config */\n});\n"]}

package/dist/chunk-A7J4DAE7.js

@@ -0,0 +1,16 @@
+// src/providers/auth/FarcasterProvider.tsx
+import { AuthKitProvider } from "@farcaster/auth-kit";
+import { jsx } from "react/jsx-runtime";
+function FarcasterProvider({ baseUrl, children }) {
+  const config = {
+    rpcUrl: "https://mainnet.optimism.io",
+    domain: new URL(baseUrl).hostname.replace(/^www\./, ""),
+    siweUri: `${baseUrl}api/2024-09-26/session/sdk/auth/authenticate`
+  };
+  return /* @__PURE__ */ jsx(AuthKitProvider, { config, children });
+}
+
+export {
+  FarcasterProvider
+};
+//# sourceMappingURL=chunk-A7J4DAE7.js.map

package/dist/chunk-A7J4DAE7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/auth/FarcasterProvider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { AuthKitProvider } from \"@farcaster/auth-kit\";\n\nexport function FarcasterProvider({ baseUrl, children }: { baseUrl: string; children: ReactNode }) {\n    const config = {\n        rpcUrl: \"https://mainnet.optimism.io\",\n        domain: new URL(baseUrl).hostname.replace(/^www\\./, \"\"),\n        siweUri: `${baseUrl}api/2024-09-26/session/sdk/auth/authenticate`,\n    };\n\n    return <AuthKitProvider config={config}>{children}</AuthKitProvider>;\n}\n"],"mappings":";AACA,SAAS,uBAAuB;AASrB;AAPJ,SAAS,kBAAkB,EAAE,SAAS,SAAS,GAA6C;AAC/F,QAAM,SAAS;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ,IAAI,IAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,EAAE;AAAA,IACtD,SAAS,GAAG,OAAO;AAAA,EACvB;AAEA,SAAO,oBAAC,mBAAgB,QAAiB,UAAS;AACtD;","names":[]}

package/dist/chunk-ATHR4S2P.js

@@ -0,0 +1,48 @@
+// src/components/hosted/styles.ts
+import { createUseStyles } from "react-jss";
+var DARK_BG = "#1e1e1e";
+var themeIsLight = (theme) => theme === "light";
+var formatProps = (theme) => ({
+  buttonBgColor: themeIsLight(theme) ? "white" : DARK_BG,
+  paragraphColor: themeIsLight(theme) ? "black" : "white"
+});
+var styles = {
+  "@global": {
+    "@import": "url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"
+  },
+  crossmintButton: {
+    display: "flex",
+    "flex-direction": "row",
+    "align-items": "center",
+    padding: "0.875rem 0.875rem",
+    "font-weight": "900",
+    transition: "opacity ease-in-out 0.25s",
+    "border-radius": "0.5rem",
+    "font-family": `"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`,
+    outline: "none",
+    border: "none",
+    "box-shadow": "0px 8px 15px rgba(0, 0, 0, 0.1)",
+    "justify-content": "center",
+    background: ({ buttonBgColor }) => buttonBgColor,
+    "&:hover:enabled": {
+      opacity: "0.6",
+      cursor: "pointer"
+    }
+  },
+  crossmintImg: {
+    width: "21px",
+    height: "21px",
+    "margin-right": "0.875rem"
+  },
+  crossmintParagraph: {
+    color: ({ paragraphColor }) => paragraphColor,
+    margin: "0"
+  }
+};
+var useStyles = createUseStyles(styles);
+
+export {
+  formatProps,
+  useStyles
+};
+//# sourceMappingURL=chunk-ATHR4S2P.js.map

package/dist/chunk-ATHR4S2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hosted/styles.ts"],"sourcesContent":["import { type Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n    buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n    paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n    buttonBgColor?: string;\n    paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n    \"@global\": {\n        \"@import\":\n            \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n    },\n    crossmintButton: {\n        display: \"flex\",\n        \"flex-direction\": \"row\",\n        \"align-items\": \"center\",\n        padding: \"0.875rem 0.875rem\",\n        \"font-weight\": \"900\",\n        transition: \"opacity ease-in-out 0.25s\",\n        \"border-radius\": \"0.5rem\",\n        \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n        outline: \"none\",\n        border: \"none\",\n        \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n        \"justify-content\": \"center\",\n        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n        \"&:hover:enabled\": {\n            opacity: \"0.6\",\n            cursor: \"pointer\",\n        },\n    },\n    crossmintImg: {\n        width: \"21px\",\n        height: \"21px\",\n        \"margin-right\": \"0.875rem\",\n    },\n    crossmintParagraph: {\n        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n        margin: \"0\",\n    },\n};\n\nexport const useStyles: (\n    data?: CustomStylingProps & {\n        theme?: any;\n    }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n"],"mappings":";AAAA,SAAsB,uBAAuB;AAE7C,IAAM,UAAU;AAEhB,IAAM,eAAe,CAAC,UAAkB,UAAU;AAE3C,IAAM,cAAc,CAAC,WAAuC;AAAA,EAC/D,eAAe,aAAa,KAAK,IAAI,UAAU;AAAA,EAC/C,gBAAgB,aAAa,KAAK,IAAI,UAAU;AACpD;AAQA,IAAM,SAA4G;AAAA,EAC9G,WAAW;AAAA,IACP,WACI;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,YAAY,CAAC,EAAE,cAAc,MAA0B;AAAA,IAEvD,mBAAmB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IACZ;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,EACpB;AAAA,EACA,oBAAoB;AAAA,IAChB,OAAO,CAAC,EAAE,eAAe,MAA0B;AAAA,IACnD,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAIyE,gBAAgB,MAAM;","names":[]}

package/dist/chunk-AUEQQ4D3.js

@@ -0,0 +1,119 @@
+// src/twind.config.ts
+import { defineConfig } from "@twind/core";
+import presetTailwind from "@twind/preset-tailwind";
+var twind_config_default = defineConfig({
+  presets: [presetTailwind()],
+  theme: {
+    extend: {
+      colors: {
+        // Crossmint colors (cm- prefix)
+        "cm-text-primary": "#00150D",
+        "cm-text-secondary": "#67797F",
+        "cm-background-primary": "#FFFFFF",
+        "cm-muted-primary": "#F0F2F4",
+        "cm-hover": "#E9ECF0",
+        "cm-border": "#D9D9D9",
+        "cm-link": "#1A73E8",
+        "cm-accent": "#04AA6D"
+      },
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" }
+        },
+        "fade-in": {
+          from: { opacity: "0" },
+          to: { opacity: "1" }
+        },
+        "fade-out": {
+          from: { opacity: "1" },
+          to: { opacity: "0" }
+        },
+        "slide-in-from-top": {
+          "0%": { transform: "translateY(-100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-top": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(-100%)" }
+        },
+        "slide-in-from-bottom": {
+          "0%": { transform: "translateY(100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-bottom": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(100%)" }
+        },
+        "slide-in-from-left": {
+          "0%": { transform: "translateX(-100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-left": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(-100%)" }
+        },
+        "slide-in-from-right": {
+          "0%": { transform: "translateX(100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-right": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(100%)" }
+        },
+        "zoom-in-95": {
+          "0%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" },
+          "100%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" }
+        },
+        "zoom-out-95": {
+          "0%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" },
+          "100%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" }
+        }
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+        "fade-in": "fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "fade-out": "fade-out 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-top": "slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-top": "slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-bottom": "slide-in-from-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-bottom": "slide-out-to-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-left": "slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-left": "slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-right": "slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-right": "slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-in-95": "zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-out-95": "zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)"
+      },
+      durations: {
+        "300": "300ms",
+        "500": "500ms"
+      }
+    }
+  },
+  rules: [
+    [
+      "cm-responsive-border-radius-auth-dialog",
+      {
+        "@media (max-width: 479px)": {
+          "border-bottom-left-radius": "0 !important",
+          "border-bottom-right-radius": "0 !important"
+        }
+      }
+    ],
+    [
+      "focus-ring-custom",
+      {
+        "&:focus": {
+          "box-shadow": "0 0 0 3px var(--focus-ring-color)"
+        }
+      }
+    ]
+  ]
+  /* config */
+});
+
+export {
+  twind_config_default
+};
+//# sourceMappingURL=chunk-AUEQQ4D3.js.map

package/dist/chunk-AUEQQ4D3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/twind.config.ts"],"sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind()],\n    theme: {\n        extend: {\n            colors: {\n                // Crossmint colors (cm- prefix)\n                \"cm-text-primary\": \"#00150D\",\n                \"cm-text-secondary\": \"#67797F\",\n                \"cm-background-primary\": \"#FFFFFF\",\n                \"cm-muted-primary\": \"#F0F2F4\",\n                \"cm-hover\": \"#E9ECF0\",\n                \"cm-border\": \"#D9D9D9\",\n                \"cm-link\": \"#1A73E8\",\n                \"cm-accent\": \"#04AA6D\",\n            },\n            keyframes: {\n                \"caret-blink\": {\n                    \"0%,70%,100%\": { opacity: \"1\" },\n                    \"20%,50%\": { opacity: \"0\" },\n                },\n                \"fade-in\": {\n                    from: { opacity: \"0\" },\n                    to: { opacity: \"1\" },\n                },\n                \"fade-out\": {\n                    from: { opacity: \"1\" },\n                    to: { opacity: \"0\" },\n                },\n                \"slide-in-from-top\": {\n                    \"0%\": { transform: \"translateY(-100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-top\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(-100%)\" },\n                },\n                \"slide-in-from-bottom\": {\n                    \"0%\": { transform: \"translateY(100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-bottom\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(100%)\" },\n                },\n                \"slide-in-from-left\": {\n                    \"0%\": { transform: \"translateX(-100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-left\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(-100%)\" },\n                },\n                \"slide-in-from-right\": {\n                    \"0%\": { transform: \"translateX(100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-right\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(100%)\" },\n                },\n                \"zoom-in-95\": {\n                    \"0%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                },\n                \"zoom-out-95\": {\n                    \"0%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                },\n            },\n            animation: {\n                \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n                \"fade-in\": \"fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"fade-out\": \"fade-out 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-top\": \"slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-top\": \"slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-bottom\": \"slide-in-from-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-bottom\": \"slide-out-to-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-left\": \"slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-left\": \"slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-right\": \"slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-right\": \"slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-in-95\": \"zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-out-95\": \"zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n            },\n            durations: {\n                \"300\": \"300ms\",\n                \"500\": \"500ms\",\n            },\n        },\n    },\n    rules: [\n        [\n            \"cm-responsive-border-radius-auth-dialog\",\n            {\n                \"@media (max-width: 479px)\": {\n                    \"border-bottom-left-radius\": \"0 !important\",\n                    \"border-bottom-right-radius\": \"0 !important\",\n                },\n            },\n        ],\n        [\n            \"focus-ring-custom\",\n            {\n                \"&:focus\": {\n                    \"box-shadow\": \"0 0 0 3px var(--focus-ring-color)\",\n                },\n            },\n        ],\n    ],\n    /* config */\n});\n"],"mappings":";AAAA,SAAS,oBAAoB;AAC7B,OAAO,oBAAoB;AAE3B,IAAO,uBAAQ,aAAa;AAAA,EACxB,SAAS,CAAC,eAAe,CAAC;AAAA,EAC1B,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,QAAQ;AAAA;AAAA,QAEJ,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,yBAAyB;AAAA,QACzB,oBAAoB;AAAA,QACpB,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,WAAW;AAAA,QACX,aAAa;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,QACP,eAAe;AAAA,UACX,eAAe,EAAE,SAAS,IAAI;AAAA,UAC9B,WAAW,EAAE,SAAS,IAAI;AAAA,QAC9B;AAAA,QACA,WAAW;AAAA,UACP,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACvB;AAAA,QACA,YAAY;AAAA,UACR,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACvB;AAAA,QACA,qBAAqB;AAAA,UACjB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,oBAAoB;AAAA,UAChB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,oBAAoB;AAAA,QAC7C;AAAA,QACA,wBAAwB;AAAA,UACpB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,uBAAuB;AAAA,UACnB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,mBAAmB;AAAA,QAC5C;AAAA,QACA,sBAAsB;AAAA,UAClB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,qBAAqB;AAAA,UACjB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,oBAAoB;AAAA,QAC7C;AAAA,QACA,uBAAuB;AAAA,UACnB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,sBAAsB;AAAA,UAClB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,mBAAmB;AAAA,QAC5C;AAAA,QACA,cAAc;AAAA,UACV,MAAM,EAAE,SAAS,KAAK,WAAW,oCAAoC;AAAA,UACrE,QAAQ,EAAE,SAAS,KAAK,WAAW,iCAAiC;AAAA,QACxE;AAAA,QACA,eAAe;AAAA,UACX,MAAM,EAAE,SAAS,KAAK,WAAW,iCAAiC;AAAA,UAClE,QAAQ,EAAE,SAAS,KAAK,WAAW,oCAAoC;AAAA,QAC3E;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,eAAe;AAAA,QACf,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,oBAAoB;AAAA,QACpB,wBAAwB;AAAA,QACxB,uBAAuB;AAAA,QACvB,sBAAsB;AAAA,QACtB,qBAAqB;AAAA,QACrB,uBAAuB;AAAA,QACvB,sBAAsB;AAAA,QACtB,cAAc;AAAA,QACd,eAAe;AAAA,MACnB;AAAA,MACA,WAAW;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH;AAAA,MACI;AAAA,MACA;AAAA,QACI,6BAA6B;AAAA,UACzB,6BAA6B;AAAA,UAC7B,8BAA8B;AAAA,QAClC;AAAA,MACJ;AAAA,IACJ;AAAA,IACA;AAAA,MACI;AAAA,MACA;AAAA,QACI,WAAW;AAAA,UACP,cAAc;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA;AAEJ,CAAC;","names":[]}

package/dist/chunk-AXZLLRBU.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/chevronRight.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ChevronRightIcon({ className, style }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.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",
+      className,
+      style,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+
+
+
+exports.ChevronRightIcon = ChevronRightIcon;
+//# sourceMappingURL=chunk-AXZLLRBU.cjs.map

package/dist/chunk-AXZLLRBU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/chevronRight.tsx"],"names":[],"mappings":";AAiBY;AAfL,SAAS,iBAAiB,EAAE,WAAW,MAAM,GAAwD;AACxG,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,MACf;AAAA,MACA;AAAA,MAEA,8BAAC,UAAK,GAAE,iBAAgB;AAAA;AAAA,EAC5B;AAER","sourcesContent":["import type React from \"react\";\n\nexport function ChevronRightIcon({ className, style }: { className?: string; style?: React.CSSProperties }) {\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            className={className}\n            style={style}\n        >\n            <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-B7LYPQ4K.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
+
+// src/components/common/Spinner.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Spinner = ({ className, style }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: _chunk5RX5WFEWcjs.classNames.call(void 0, "w-6 h-6 fill-cm-text-primary text-cm-text-secondary animate-spin", className),
+    style,
+    viewBox: "0 0 100 101",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+          fill: "currentFill"
+        }
+      )
+    ]
+  }
+);
+
+
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-B7LYPQ4K.cjs.map

package/dist/chunk-B7LYPQ4K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/Spinner.tsx"],"names":[],"mappings":";;;;;AAII,SAQI,KARJ;AADG,IAAM,UAAU,CAAC,EAAE,WAAW,MAAM,MACvC;AAAA,EAAC;AAAA;AAAA,IACG,eAAY;AAAA,IACZ,WAAW,WAAW,oEAAoE,SAAS;AAAA,IACnG;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA;AACJ","sourcesContent":["import type React from \"react\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport const Spinner = ({ className, style }: { className?: string; style?: React.CSSProperties }) => (\n    <svg\n        aria-hidden=\"true\"\n        className={classNames(\"w-6 h-6 fill-cm-text-primary text-cm-text-secondary animate-spin\", className)}\n        style={style}\n        viewBox=\"0 0 100 101\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n            fill=\"currentColor\"\n        />\n        <path\n            d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n            fill=\"currentFill\"\n        />\n    </svg>\n);\n"]}

package/dist/chunk-BE2ZLB3L.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkA2JCJ2OVcjs = require('./chunk-A2JCJ2OV.cjs');
+
+// src/providers/TwindProvider.tsx
+var _core = require('@twind/core');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function TwindProvider({ children }) {
+  _react.useEffect.call(void 0, () => {
+    _core.install.call(void 0, _chunkA2JCJ2OVcjs.twind_config_default);
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+}
+
+
+
+exports.TwindProvider = TwindProvider;
+//# sourceMappingURL=chunk-BE2ZLB3L.cjs.map

package/dist/chunk-BE2ZLB3L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/TwindProvider.tsx"],"names":[],"mappings":";;;;;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AASf;AAPJ,SAAS,cAAc,EAAE,SAAS,GAAkC;AACvE,YAAU,MAAM;AAGZ,YAAQ,oBAAW;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO,gCAAG,UAAS;AACvB","sourcesContent":["import type React from \"react\";\nimport twindConfig from \"@/twind.config\";\nimport { install } from \"@twind/core\";\nimport { useEffect } from \"react\";\n\nexport function TwindProvider({ children }: { children: React.ReactNode }) {\n    useEffect(() => {\n        // Initialize twind with custom configuration\n        // This sets up the CSS-in-JS styling solution for the entire application\n        install(twindConfig);\n    }, []);\n\n    return <>{children}</>;\n}\n"]}

package/dist/chunk-BKVDVDKX.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-BKVDVDKX.cjs.map

package/dist/chunk-BKVDVDKX.cjs.map

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

package/dist/chunk-C2VARNXL.js

@@ -0,0 +1,70 @@
+import {
+  __objRest
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/EmbeddedCheckoutIFrame.tsx
+import { useEffect, useState } from "react";
+import {
+  IncomingInternalEvents,
+  crossmintIFrameService
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CrossmintEmbeddedCheckoutIFrame(_a) {
+  var _b = _a, {
+    onInternalEvent
+  } = _b, props = __objRest(_b, [
+    "onInternalEvent"
+  ]);
+  const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);
+  const [height, setHeight] = useState(0);
+  const [url] = useState(getUrl(props));
+  useEffect(() => {
+    const clearListener = listenToEvents((event) => {
+      var _a2;
+      return (_a2 = props.onEvent) == null ? void 0 : _a2.call(props, event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  useEffect(() => {
+    const clearListener = listenToInternalEvents((event) => {
+      const { type, payload } = event.data;
+      if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {
+        setHeight(payload.height);
+      }
+      onInternalEvent == null ? void 0 : onInternalEvent(event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: url,
+      id: "crossmint-embedded-checkout.iframe",
+      role: "crossmint-embedded-checkout.iframe",
+      allow: "payment *",
+      style: {
+        boxShadow: "none",
+        border: "none",
+        padding: "0px",
+        width: "100%",
+        minWidth: "100%",
+        overflow: "hidden",
+        display: "block",
+        userSelect: "none",
+        transform: "translate(0px)",
+        opacity: "1",
+        transition: "ease 0s, opacity 0.4s ease 0.1s",
+        height: `${height}px`
+      }
+    }
+  );
+}
+
+export {
+  CrossmintEmbeddedCheckoutIFrame
+};
+//# sourceMappingURL=chunk-C2VARNXL.js.map

package/dist/chunk-C2VARNXL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/EmbeddedCheckoutIFrame.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutProps,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    crossmintIFrameService,\n} from \"@crossmint/client-sdk-base\";\n\ntype CrossmintEmbeddedCheckoutIFrameProps = CrossmintEmbeddedCheckoutProps & {\n    onInternalEvent?: (event: IncomingInternalEvent) => void;\n};\n\nexport default function CrossmintEmbeddedCheckoutIFrame({\n    onInternalEvent,\n    ...props\n}: CrossmintEmbeddedCheckoutIFrameProps) {\n    const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);\n\n    const [height, setHeight] = useState(0);\n    const [url] = useState(getUrl(props));\n\n    // Public events\n    useEffect(() => {\n        const clearListener = listenToEvents((event) => props.onEvent?.(event.data));\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    // Internal events\n    useEffect(() => {\n        const clearListener = listenToInternalEvents((event) => {\n            const { type, payload } = event.data;\n\n            if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {\n                setHeight(payload.height);\n            }\n\n            onInternalEvent?.(event.data);\n        });\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    return (\n        <iframe\n            src={url}\n            id=\"crossmint-embedded-checkout.iframe\"\n            role=\"crossmint-embedded-checkout.iframe\"\n            allow=\"payment *\"\n            style={{\n                boxShadow: \"none\",\n                border: \"none\",\n                padding: \"0px\",\n                width: \"100%\",\n                minWidth: \"100%\",\n                overflow: \"hidden\",\n                display: \"block\",\n                userSelect: \"none\",\n                transform: \"translate(0px)\",\n                opacity: \"1\",\n                transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                height: `${height}px`,\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC;AAAA,EAGI;AAAA,EACA;AAAA,OACG;AA0CC;AApCO,SAAR,gCAAiD,IAGf;AAHe,eACpD;AAAA;AAAA,EAdJ,IAawD,IAEjD,kBAFiD,IAEjD;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,QAAQ,gBAAgB,uBAAuB,IAAI,uBAAuB,KAAK;AAEvF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,QAAM,CAAC,GAAG,IAAI,SAAS,OAAO,KAAK,CAAC;AAGpC,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe,CAAC,UAAO;AAxBrD,UAAAA;AAwBwD,cAAAA,MAAA,MAAM,YAAN,gBAAAA,IAAA,YAAgB,MAAM;AAAA,KAAK;AAE3E,WAAO,MAAM;AACT,oBAAc;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACZ,UAAM,gBAAgB,uBAAuB,CAAC,UAAU;AACpD,YAAM,EAAE,MAAM,QAAQ,IAAI,MAAM;AAEhC,UAAI,SAAS,uBAAuB,mBAAmB;AACnD,kBAAU,QAAQ,MAAM;AAAA,MAC5B;AAEA,yDAAkB,MAAM;AAAA,IAC5B,CAAC;AAED,WAAO,MAAM;AACT,oBAAc;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,IAAG;AAAA,MACH,MAAK;AAAA,MACL,OAAM;AAAA,MACN,OAAO;AAAA,QACH,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ,GAAG,MAAM;AAAA,MACrB;AAAA;AAAA,EACJ;AAER;","names":["_a"]}