@crossmint/client-sdk-react-ui 1.19.0-alpha.0 → 1.19.1

package/dist/chunk-KYC6TDD4.cjs

@@ -1,82 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkZ6QSH522cjs = require('./chunk-Z6QSH522.cjs');
-
-
-var _chunkYKL53K3Ccjs = require('./chunk-YKL53K3C.cjs');
-
-
-var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx
-
-
-
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintHostedCheckout(props) {
-  const [didInjectCss, setDidInjectCss] = _react.useState.call(void 0, false);
-  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
-  const apiClient = _chunkYKL53K3Ccjs.createCrossmintApiClient.call(void 0, crossmint);
-  const _a = props, { recipient, locale, lineItems, payment, appearance } = _a, buttonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _a, ["recipient", "locale", "lineItems", "payment", "appearance"]);
-  const customProps = {
-    recipient,
-    locale,
-    lineItems,
-    payment,
-    appearance
-  };
-  const hostedCheckoutService = _clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, { apiClient, hostedCheckoutProps: customProps });
-  const stylesService = _clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, customProps);
-  const _b = buttonProps, { onClick, className, children } = _b, restButtonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["onClick", "className", "children"]);
-  function _onClick(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    hostedCheckoutService.createWindow();
-    if (onClick) {
-      onClick(e);
-    }
-  }
-  const css = stylesService.generateCss();
-  _react.useEffect.call(void 0, () => {
-    const { cleanup } = stylesService.injectCss(css);
-    setDidInjectCss(true);
-    return cleanup;
-  }, [css]);
-  if (!didInjectCss) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      onClick: _onClick,
-      className: _clsx2.default.call(void 0, stylesService.identifiers.buttonClassNames, className)
-    }, restButtonProps), {
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkZ6QSH522cjs.CrossmintLogoV2,
-          {
-            style: { marginRight: "12px", flex: "none" },
-            displayType: "icon-only",
-            id: stylesService.identifiers.logoId,
-            height: 16,
-            width: 16
-          }
-        ),
-        children != null ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: 0 }, children: stylesService.getButtonText() })
-      ]
-    })
-  );
-}
-
-
-
-exports.CrossmintHostedCheckout = CrossmintHostedCheckout;
-//# sourceMappingURL=chunk-KYC6TDD4.cjs.map

package/dist/chunk-KYC6TDD4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA;AAAA,EACI;AAAA,EACA;AAAA,OAEG;AACP,OAAO,UAAU;AACjB,SAAoC,WAAW,gBAAgB;AAgDvD,SAKI,KALJ;AA5CD,SAAS,wBAAwB,OAA4C;AAChF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,SAAS;AAGpD,QAA8E,YAAtE,aAAW,QAAQ,WAAW,SAAS,WApBnD,IAoBkF,IAAhB,wBAAgB,IAAhB,CAAtD,aAAW,UAAQ,aAAW,WAAS;AAC/C,QAAM,cAA8C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,wBAAwB,iCAAiC,EAAE,WAAW,qBAAqB,YAAY,CAAC;AAC9G,QAAM,gBAAgB,uCAAuC,WAAW;AAExE,QAA6D,kBAArD,WAAS,WAAW,SAhChC,IAgCiE,IAApB,4BAAoB,IAApB,CAAjC,WAAS,aAAW;AAE5B,WAAS,SAAS,GAAkC;AAChD,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,0BAAsB,aAAa;AAEnC,QAAI,SAAS;AACT,cAAQ,CAAC;AAAA,IACb;AAAA,EACJ;AAEA,QAAM,MAAM,cAAc,YAAY;AAEtC,YAAU,MAAM;AACZ,UAAM,EAAE,QAAQ,IAAI,cAAc,UAAU,GAAG;AAC/C,oBAAgB,IAAI;AACpB,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,CAAC,cAAc;AACf,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW,KAAK,cAAc,YAAY,kBAAkB,SAAS;AAAA,OACjE,kBAHP;AAAA,MAKG;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,EAAE,aAAa,QAAQ,MAAM,OAAO;AAAA,YAC3C,aAAY;AAAA,YACZ,IAAI,cAAc,YAAY;AAAA,YAC9B,QAAQ;AAAA,YACR,OAAO;AAAA;AAAA,QACX;AAAA,QACC,8BAAY,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,wBAAc,cAAc,GAAE;AAAA;AAAA;AAAA,EACzE;AAER","sourcesContent":["import { CrossmintLogoV2 } from \"@/components/common/CrossmintLogoV2/CrossmintLogoV2\";\nimport { useCrossmint } from \"@/hooks/useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport {\n    crossmintHostedCheckoutV3Service,\n    crossmintHostedCheckoutV3StylesService,\n    type CrossmintHostedCheckoutV3Props,\n} from \"@crossmint/client-sdk-base\";\nimport clsx from \"clsx\";\nimport { type MouseEvent, type JSX, useEffect, useState } from \"react\";\n\nexport type CrossmintHostedCheckoutV3ReactProps = CrossmintHostedCheckoutV3Props & JSX.IntrinsicElements[\"button\"];\n\nexport function CrossmintHostedCheckout(props: CrossmintHostedCheckoutV3ReactProps) {\n    const [didInjectCss, setDidInjectCss] = useState(false);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint);\n\n    // separate custom props from jsx button props\n    const { recipient, locale, lineItems, payment, appearance, ...buttonProps } = props;\n    const customProps: CrossmintHostedCheckoutV3Props = {\n        recipient,\n        locale,\n        lineItems,\n        payment,\n        appearance,\n    };\n\n    const hostedCheckoutService = crossmintHostedCheckoutV3Service({ apiClient, hostedCheckoutProps: customProps });\n    const stylesService = crossmintHostedCheckoutV3StylesService(customProps);\n\n    const { onClick, className, children, ...restButtonProps } = buttonProps;\n\n    function _onClick(e: MouseEvent<HTMLButtonElement>) {\n        e.preventDefault();\n        e.stopPropagation();\n        hostedCheckoutService.createWindow();\n\n        if (onClick) {\n            onClick(e);\n        }\n    }\n\n    const css = stylesService.generateCss();\n\n    useEffect(() => {\n        const { cleanup } = stylesService.injectCss(css);\n        setDidInjectCss(true);\n        return cleanup;\n    }, [css]);\n\n    if (!didInjectCss) {\n        return null;\n    }\n\n    return (\n        <button\n            onClick={_onClick}\n            className={clsx(stylesService.identifiers.buttonClassNames, className)}\n            {...restButtonProps}\n        >\n            <CrossmintLogoV2\n                style={{ marginRight: \"12px\", flex: \"none\" }}\n                displayType=\"icon-only\"\n                id={stylesService.identifiers.logoId}\n                height={16}\n                width={16}\n            />\n            {children ?? <p style={{ margin: 0 }}>{stylesService.getButtonText()}</p>}\n        </button>\n    );\n}\n"]}

package/dist/chunk-L3FKENHU.js

@@ -1,14 +0,0 @@
-// src/hooks/useEnvironment.ts
-import { useEffect, useState } from "react";
-function useEnvironment() {
-  const [isServerSideRendering, setIsServerSideRendering] = useState(true);
-  useEffect(() => {
-    setIsServerSideRendering(false);
-  }, []);
-  return { isServerSideRendering };
-}
-
-export {
-  useEnvironment
-};
-//# sourceMappingURL=chunk-L3FKENHU.js.map

package/dist/chunk-L3FKENHU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useEnvironment.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useEnvironment() {\n    const [isServerSideRendering, setIsServerSideRendering] = useState(true);\n    useEffect(() => {\n        setIsServerSideRendering(false);\n    }, []);\n\n    return { isServerSideRendering };\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAErB,SAAR,iBAAkC;AACrC,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAS,IAAI;AACvE,YAAU,MAAM;AACZ,6BAAyB,KAAK;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,sBAAsB;AACnC;","names":[]}

package/dist/chunk-LAI55KMW.cjs

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/embed/v3/crypto/utils/handleSendTransaction.ts
-function handleSendTransaction(primaryWallet, chain, serializedTransaction, iframeClient) {
-  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    const commonParams = {
-      chain,
-      serializedTransaction,
-      iframeClient
-    };
-    switch (primaryWallet.chain) {
-      case "EVM":
-        const { handleEvmTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleEvmTransaction.cjs")));
-        return yield handleEvmTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
-      case "SOL":
-        const { handleSolanaTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleSolanaTransaction.cjs")));
-        return yield handleSolanaTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
-      case "SUI":
-        const { handleSuiTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleSuiTransaction.cjs")));
-        return yield handleSuiTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
-      default:
-        throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);
-    }
-  });
-}
-
-
-
-exports.handleSendTransaction = handleSendTransaction;
-//# sourceMappingURL=chunk-LAI55KMW.cjs.map

package/dist/chunk-LAI55KMW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSendTransaction.ts"],"names":[],"mappings":";;;;;;;AAIA,SAAsB,sBAClB,eACA,OACA,uBACA,cACF;AAAA;AACE,UAAM,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,YAAQ,cAAc,OAAO;AAAA,MACzB,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,6DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE,KAAK;AAED,cAAM,EAAE,wBAAwB,IAAI,MAAM,OAAO,gEAA2B;AAC5E,eAAO,MAAM,wBAAwB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MAC3E,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,6DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE;AACI,cAAM,IAAI,MAAM,gDAAgD,cAAc,KAAK,EAAE;AAAA,IAC7F;AAAA,EACJ;AAAA","sourcesContent":["import type { Wallet } from \"@dynamic-labs/sdk-react-core\";\nimport type { BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\n\nexport async function handleSendTransaction(\n    primaryWallet: Wallet,\n    chain: BlockchainIncludingTestnet,\n    serializedTransaction: string,\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter\n) {\n    const commonParams = {\n        chain,\n        serializedTransaction,\n        iframeClient,\n    };\n\n    switch (primaryWallet.chain) {\n        case \"EVM\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleEvmTransaction } = await import(\"./handleEvmTransaction\");\n            return await handleEvmTransaction({ ...commonParams, primaryWallet });\n        case \"SOL\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSolanaTransaction } = await import(\"./handleSolanaTransaction\");\n            return await handleSolanaTransaction({ ...commonParams, primaryWallet });\n        case \"SUI\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSuiTransaction } = await import(\"./handleSuiTransaction\");\n            return await handleSuiTransaction({ ...commonParams, primaryWallet });\n        default:\n            throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);\n    }\n}\n"]}

package/dist/chunk-LD7PAUBR.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkYHFDNKTScjs = require('./chunk-YHFDNKTS.cjs');
-
-// src/components/CrossmintNFTCollectionView.tsx
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintNFTCollectionView(props) {
-  _clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, props);
-  const src = _clientsdkbase.getNFTCollectionViewSrc.call(void 0, props, _chunkYHFDNKTScjs.LIB_VERSION);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "iframe",
-    {
-      src,
-      width: "100%",
-      height: "100%",
-      style: {
-        flexGrow: "1",
-        border: "none",
-        margin: "0",
-        padding: "0"
-      },
-      role: "nft-collection-view"
-    }
-  );
-}
-
-
-
-exports.CrossmintNFTCollectionView = CrossmintNFTCollectionView;
-//# sourceMappingURL=chunk-LD7PAUBR.cjs.map

package/dist/chunk-LD7PAUBR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,mCAAmC,+BAA+B;AAWnE;AAND,SAAS,2BAA2B,OAA+B;AACtE,oCAAkC,KAAK;AAEvC,QAAM,MAAM,wBAAwB,OAAO,WAAW;AAEtD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAO;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,MAAK;AAAA;AAAA,EACT;AAER","sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-collection-view\"\n        />\n    );\n}\n"]}

package/dist/chunk-LEAESLKV.cjs

@@ -1,131 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/common/Dialog.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-var _jsxruntime = require('react/jsx-runtime');
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogClose = DialogPrimitive.Close;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogContent = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className", "children", "showCloseButton", "closeButtonColor", "closeButtonRingColor"]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        DialogPrimitive.Content,
-        _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-          ref,
-          className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-            "fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none",
-            // Mobile viewport styles (bottom sheet) - updated with margins
-            "inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]",
-            "max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom",
-            // Desktop viewport styles (centered modal)
-            "min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]",
-            "min-[480px]:[transform:translate(-50%,-50%)]",
-            "min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8",
-            "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in",
-            className
-          )
-        }, props), {
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              DialogPrimitive.Close,
-              {
-                className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-                  "absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100",
-                  "focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary",
-                  "right-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7"
-                ),
-                style: { color: closeButtonColor != null ? closeButtonColor : "#67797F" },
-                children: [
-                  /* @__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",
-                      className: "h-7 w-7",
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 6 6 18" }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m6 6 12 12" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
-                ]
-              }
-            )
-          ]
-        })
-      )
-    ] });
-  }
-);
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex flex-col space-y-1.5 text-center sm:text-left", className) }, props));
-};
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
-    }, props)
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Title,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "text-lg font-semibold leading-none tracking-tight", className)
-    }, props)
-  );
-});
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Description,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "text-sm text-muted-foreground", className)
-    }, props)
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-
-
-
-
-
-
-
-
-
-
-exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogClose = DialogClose; exports.DialogPortal = DialogPortal; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription;
-//# sourceMappingURL=chunk-LEAESLKV.cjs.map

package/dist/chunk-LEAESLKV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAkBrB,cA2BY,YA3BZ;AAfZ,IAAM,SAAyB;AAC/B,IAAM,gBAAgC;AACtC,IAAM,cAA8B;AACpC,IAAM,eAA+B;AAQrC,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAmG,QAAK;AAAxG,iBAAE,aAAW,UAAU,kBAAkB,MAAM,kBAAkB,qBAlBtE,IAkBK,IAA0F,kBAA1F,IAA0F,CAAxF,aAAW,YAAU,mBAAwB,oBAAkB;AAC9D,gCAAC,gBAEG;AAAA,0BAAC,SAAI,WAAU,qEAAoE;AAAA,MACnF;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACG;AAAA,UACA,WAAW;AAAA,YACP;AAAA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACJ;AAAA,WACI,QAdP;AAAA,UAgBI;AAAA;AAAA,YACA,mBACG;AAAA,cAAiB;AAAA,cAAhB;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,gBACJ;AAAA,gBACA,OAAO,EAAE,OAAO,8CAAoB,UAAU;AAAA,gBAE9C;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,OAAM;AAAA,sBACN,OAAM;AAAA,sBACN,QAAO;AAAA,sBACP,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,QAAO;AAAA,sBACP,aAAY;AAAA,sBACZ,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,WAAU;AAAA,sBAEV;AAAA,4CAAC,UAAK,GAAE,cAAa;AAAA,wBACrB,oBAAC,UAAK,GAAE,cAAa;AAAA;AAAA;AAAA,kBACzB;AAAA,kBACA,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,YACnC;AAAA;AAAA;AAAA,MAER;AAAA,OACJ;AAAA;AAER;AACA,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YAxExB,IAwEsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,6BAAC,wBAAI,WAAW,WAAW,sDAAsD,SAAS,KAAO,MAAO;AAAA;AAE5G,aAAa,cAAc;AAE3B,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YA7ExB,IA6EsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,WAAW,iEAAiE,SAAS;AAAA,OAC5F;AAAA,EACR;AAAA;AAEJ,aAAa,cAAc;AAE3B,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAxFL,IAwFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,qDAAqD,SAAS;AAAA,OAChF;AAAA,EACR;AAAA,CACH;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,oBAA0B,iBAG9B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YApGL,IAoGG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,iCAAiC,SAAS;AAAA,OAC5D;AAAA,EACR;AAAA,CACH;AACD,kBAAkB,cAA8B,4BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { classNames } from \"@/utils/classNames\";\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogClose = DialogPrimitive.Close;\nconst DialogPortal = DialogPrimitive.Portal;\n\ninterface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n    showCloseButton?: boolean;\n    closeButtonColor?: string;\n    closeButtonRingColor?: string;\n}\n\nconst DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, DialogContentProps>(\n    ({ className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor, ...props }, ref) => (\n        <DialogPortal>\n            {/* Because we're using modal={false}, the regular overlay is not shown. We need to add our own overlay */}\n            <div className=\"fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden\" />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={classNames(\n                    \"fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none\",\n                    // Mobile viewport styles (bottom sheet) - updated with margins\n                    \"inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]\",\n                    \"max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom\",\n                    // Desktop viewport styles (centered modal)\n                    \"min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]\",\n                    \"min-[480px]:[transform:translate(-50%,-50%)]\",\n                    \"min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8\",\n                    \"min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in\",\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {showCloseButton && (\n                    <DialogPrimitive.Close\n                        className={classNames(\n                            \"absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100\",\n                            \"focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary\",\n                            \"right-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7\"\n                        )}\n                        style={{ color: closeButtonColor ?? \"#67797F\" }}\n                    >\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=\"h-7 w-7\"\n                        >\n                            <path d=\"M18 6 6 18\" />\n                            <path d=\"m6 6 12 12\" />\n                        </svg>\n                        <span className=\"sr-only\">Close</span>\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPortal>\n    )\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={classNames(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={classNames(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n        {...props}\n    />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Title>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Title\n        ref={ref}\n        className={classNames(\"text-lg font-semibold leading-none tracking-tight\", className)}\n        {...props}\n    />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Description>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Description\n        ref={ref}\n        className={classNames(\"text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n    Dialog,\n    DialogPortal,\n    DialogClose,\n    DialogTrigger,\n    DialogContent,\n    DialogHeader,\n    DialogFooter,\n    DialogTitle,\n    DialogDescription,\n};\n"]}

package/dist/chunk-LYNYDYMA.js

@@ -1,31 +0,0 @@
-import {
-  LIB_VERSION
-} from "./chunk-7IC6PRTG.js";
-
-// src/components/CrossmintNFTDetail.tsx
-import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from "@crossmint/client-sdk-base";
-import { jsx } from "react/jsx-runtime";
-function CrossmintNFTDetail(props) {
-  assertValidValidateNFTDetailProps(props);
-  const src = getNFTDetailSrc(props, LIB_VERSION);
-  return /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src,
-      width: "100%",
-      height: "100%",
-      style: {
-        flexGrow: "1",
-        border: "none",
-        margin: "0",
-        padding: "0"
-      },
-      role: "nft-details"
-    }
-  );
-}
-
-export {
-  CrossmintNFTDetail
-};
-//# sourceMappingURL=chunk-LYNYDYMA.js.map

package/dist/chunk-LYNYDYMA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CrossmintNFTDetail.tsx"],"sourcesContent":["import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTDetailProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTDetail(props: NFTDetailProps) {\n    assertValidValidateNFTDetailProps(props);\n\n    const src = getNFTDetailSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-details\"\n        />\n    );\n}\n"],"mappings":";;;;;AAAA,SAAS,mCAAmC,uBAAuB;AAW3D;AAND,SAAS,mBAAmB,OAAuB;AACtD,oCAAkC,KAAK;AAEvC,QAAM,MAAM,gBAAgB,OAAO,WAAW;AAE9C,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAO;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,MAAK;AAAA;AAAA,EACT;AAER;","names":[]}

package/dist/chunk-LYUX72JO.cjs

@@ -1,110 +0,0 @@
-"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, { disablePreflight: true })],
-  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": "#1A74E9",
-        "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 300ms cubic-bezier(0.16, 1, 0.3, 1)",
-        "fade-out": "fade-out 300ms 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 450ms cubic-bezier(0.16, 1, 0.3, 1)",
-        "slide-out-to-bottom": "slide-out-to-bottom 300ms 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: [
-    [
-      "focus-ring-custom",
-      {
-        "&:focus": {
-          "box-shadow": "0 0 0 3px var(--focus-ring-color)"
-        }
-      }
-    ]
-  ]
-  /* config */
-});
-
-
-
-exports.twind_config_default = twind_config_default;
-//# sourceMappingURL=chunk-LYUX72JO.cjs.map

package/dist/chunk-LYUX72JO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/twind.config.ts"],"names":[],"mappings":";AAAA,SAAS,oBAAoB;AAC7B,OAAO,oBAAoB;AAE3B,IAAO,uBAAQ,aAAa;AAAA,EACxB,SAAS,CAAC,eAAe,EAAE,kBAAkB,KAAK,CAAC,CAAC;AAAA,EACpD,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,WAAW;AAAA,UACP,cAAc;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA;AAEJ,CAAC","sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind({ disablePreflight: true })],\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\": \"#1A74E9\",\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 300ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"fade-out\": \"fade-out 300ms 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 450ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-bottom\": \"slide-out-to-bottom 300ms 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            \"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-MH37OJT2.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/common/InputOTP.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _inputotp = require('input-otp');
-
-var _jsxruntime = require('react/jsx-runtime');
-var CustomStylesContext = _react.createContext.call(void 0, void 0);
-var InputOTP = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, containerClassName, customStyles } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className", "containerClassName", "customStyles"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CustomStylesContext.Provider, { value: customStyles, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _inputotp.OTPInput,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      autoFocus: true,
-      ref,
-      containerClassName: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "disabled:cursor-not-allowed", className)
-    }, props)
-  ) });
-});
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { ref, className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex gap-2 items-center", className) }, props));
-  }
-);
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef((_a, ref) => {
-  var _b = _a, { index, className, hasError } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["index", "className", "hasError"]);
-  const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  const customStyles = _react.useContext.call(void 0, CustomStylesContext);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary",
-        isActive && `z-10 ring-2 ring-offset-background`,
-        className
-      ),
-      style: {
-        borderRadius: customStyles == null ? void 0 : customStyles.borderRadius,
-        borderColor: hasError ? customStyles == null ? void 0 : customStyles.danger : customStyles == null ? void 0 : customStyles.border,
-        boxShadow: isActive ? `0 0 0 2px ${customStyles == null ? void 0 : customStyles.accent}` : "none",
-        backgroundColor: char ? customStyles == null ? void 0 : customStyles.buttonBackground : customStyles == null ? void 0 : customStyles.inputBackground
-      }
-    }, props), {
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "h-4 w-px animate-caret-blink duration-1000",
-            style: {
-              height: "18px",
-              backgroundColor: customStyles == null ? void 0 : customStyles.textPrimary
-            }
-          }
-        ) })
-      ]
-    })
-  );
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-
-
-
-
-
-exports.InputOTP = InputOTP; exports.InputOTPGroup = InputOTPGroup; exports.InputOTPSlot = InputOTPSlot;
-//# sourceMappingURL=chunk-MH37OJT2.cjs.map

package/dist/chunk-MH37OJT2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/InputOTP.tsx"],"names":["useContext"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,cAAAA,mBAAkB;AA2BlC,cA8BA,YA9BA;AAZR,IAAM,sBAAsB,cAAwC,MAAS;AAO7E,IAAM,WAAoG,iBAGxG,CAAC,IAA2D,QAAK;AAAhE,eAAE,aAAW,oBAAoB,aA7BpC,IA6BG,IAAkD,kBAAlD,IAAkD,CAAhD,aAAW,sBAAoB;AAChC,6BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACjC;AAAA,IAAC;AAAA;AAAA,MACG,WAAS;AAAA,MACT;AAAA,MACA,oBAAoB,WAAW,sDAAsD,kBAAkB;AAAA,MACvG,WAAW,WAAW,+BAA+B,SAAS;AAAA,OAC1D;AAAA,EACR,GACJ;AAAA,CACH;AACD,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YA3CP,IA2CK,IAAgB,kBAAhB,IAAgB,CAAd;AACC,+BAAC,wBAAI,KAAU,WAAW,WAAW,2BAA2B,SAAS,KAAO,MAAO;AAAA;AAE/F;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAMzB,CAAC,IAA0C,QAAQ;AAAlD,eAAE,SAAO,WAAW,SAvDvB,IAuDG,IAAiC,kBAAjC,IAAiC,CAA/B,SAAO,aAAW;AACnB,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AACpE,QAAM,eAAeA,YAAW,mBAAmB;AAEnD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,6CAAc;AAAA,QAC5B,aAAa,WAAW,6CAAc,SAAS,6CAAc;AAAA,QAC7D,WAAW,WAAW,aAAa,6CAAc,MAAM,KAAK;AAAA,QAC5D,iBAAiB,OAAO,6CAAc,mBAAmB,6CAAc;AAAA,MAC3E;AAAA,OACI,QAbP;AAAA,MAeI;AAAA;AAAA,QACA,gBACG,oBAAC,SAAI,WAAU,yEACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQ;AAAA,cACR,iBAAiB,6CAAc;AAAA,YACnC;AAAA;AAAA,QACJ,GACJ;AAAA;AAAA;AAAA,EAER;AAER,CAAC;AACD,aAAa,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { createContext, useContext } from \"react\";\nimport { classNames } from \"@/utils/classNames\";\n\n// Define the type for customStyles\ntype CustomStyles = {\n    textPrimary: string;\n    inputBackground: string;\n    buttonBackground: string;\n    accent: string;\n    danger: string;\n    border: string;\n    borderRadius?: string;\n};\n\n// Create a context for customStyles\nconst CustomStylesContext = createContext<CustomStyles | undefined>(undefined);\n\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    customStyles?: CustomStyles;\n};\ntype InputOTPRef = React.ElementRef<typeof OTPInput>;\n\nconst InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<InputOTPRef>> = React.forwardRef<\n    InputOTPRef,\n    InputOTPProps\n>(({ className, containerClassName, customStyles, ...props }, ref) => (\n    <CustomStylesContext.Provider value={customStyles}>\n        <OTPInput\n            autoFocus\n            ref={ref}\n            containerClassName={classNames(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n            className={classNames(\"disabled:cursor-not-allowed\", className)}\n            {...props}\n        />\n    </CustomStylesContext.Provider>\n));\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n    ({ className, ...props }, ref) => (\n        <div ref={ref} className={classNames(\"flex gap-2 items-center\", className)} {...props} />\n    )\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nconst InputOTPSlot = React.forwardRef<\n    React.ElementRef<\"div\">,\n    React.ComponentPropsWithoutRef<\"div\"> & {\n        index: number;\n        hasError?: boolean;\n    }\n>(({ index, className, hasError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n    const customStyles = useContext(CustomStylesContext);\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                \"relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary\",\n                isActive && `z-10 ring-2 ring-offset-background`,\n                className\n            )}\n            style={{\n                borderRadius: customStyles?.borderRadius,\n                borderColor: hasError ? customStyles?.danger : customStyles?.border,\n                boxShadow: isActive ? `0 0 0 2px ${customStyles?.accent}` : \"none\",\n                backgroundColor: char ? customStyles?.buttonBackground : customStyles?.inputBackground,\n            }}\n            {...props}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <div\n                        className=\"h-4 w-px animate-caret-blink duration-1000\"\n                        style={{\n                            height: \"18px\",\n                            backgroundColor: customStyles?.textPrimary,\n                        }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot };\n"]}

package/dist/chunk-MSZ635MU.cjs

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/utils/createPasskeySigner.ts
-var _ox = require('ox');
-function createWebAuthnPasskeySigner(name) {
-  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    const credential = yield _ox.WebAuthnP256.createCredential({
-      name
-    });
-    return {
-      type: "PASSKEY",
-      credential
-    };
-  });
-}
-
-
-
-exports.createWebAuthnPasskeySigner = createWebAuthnPasskeySigner;
-//# sourceMappingURL=chunk-MSZ635MU.cjs.map

package/dist/chunk-MSZ635MU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/createPasskeySigner.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,oBAAoB;AAG7B,SAAsB,4BAA4B,MAAsC;AAAA;AACpF,UAAM,aAAa,MAAM,aAAa,iBAAiB;AAAA,MACnD;AAAA,IACJ,CAAC;AACD,WAAO;AAAA,MACH,MAAM;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AAAA","sourcesContent":["import { WebAuthnP256 } from \"ox\";\nimport type { PasskeySigner } from \"@/types/passkey\";\n\nexport async function createWebAuthnPasskeySigner(name: string): Promise<PasskeySigner> {\n    const credential = await WebAuthnP256.createCredential({\n        name,\n    });\n    return {\n        type: \"PASSKEY\",\n        credential,\n    };\n}\n"]}