@medialane/ui 0.126.16 → 0.127.1

package/dist/components/creation-record.cjs

@@ -36,7 +36,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_link = __toESM(require("next/link"), 1);
 var import_sdk = require("@medialane/sdk");
-const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+const EXPLORER_URL = (typeof process !== "undefined" ? process.env.NEXT_PUBLIC_EXPLORER_URL : void 0) || "https://voyager.online";
 function CreationRecord({ originalCreator, registeredAt }) {
   const creator = originalCreator ? (0, import_sdk.normalizeAddress)("STARKNET", originalCreator) : "";
   const date = new Date(registeredAt * 1e3);

package/dist/components/creation-record.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number;\n}\n\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAtBN,0BAAoC;AACpC,kBAAiB;AACjB,iBAAiC;AAEjC,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,sBAAkB,6BAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,6CAAC,SAAI,WAAU,iCACb;AAAA,iDAAC,SAAI,WAAU,gCACb;AAAA,kDAAC,6BAAM,WAAU,0BAAyB;AAAA,MAC1C,4CAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,6CAAC,QAAG,WAAU,qBACZ;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,4CAAC,QAAG,WAAU,gBACZ,uDAAC,YAAAA,SAAA,EAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,4CAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL =\n  (typeof process !== \"undefined\" ? process.env.NEXT_PUBLIC_EXPLORER_URL : undefined) ||\n  \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number;\n}\n\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AAxBN,0BAAoC;AACpC,kBAAiB;AACjB,iBAAiC;AAEjC,MAAM,gBACH,OAAO,YAAY,cAAc,QAAQ,IAAI,2BAA2B,WACzE;AAOK,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,sBAAkB,6BAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,6CAAC,SAAI,WAAU,iCACb;AAAA,iDAAC,SAAI,WAAU,gCACb;AAAA,kDAAC,6BAAM,WAAU,0BAAyB;AAAA,MAC1C,4CAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,6CAAC,QAAG,WAAU,qBACZ;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,4CAAC,QAAG,WAAU,gBACZ,uDAAC,YAAAA,SAAA,EAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,4CAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/creation-record.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Award, ExternalLink } from "lucide-react";
 import Link from "next/link";
 import { normalizeAddress } from "@medialane/sdk";
-const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+const EXPLORER_URL = (typeof process !== "undefined" ? process.env.NEXT_PUBLIC_EXPLORER_URL : void 0) || "https://voyager.online";
 function CreationRecord({ originalCreator, registeredAt }) {
   const creator = originalCreator ? normalizeAddress("STARKNET", originalCreator) : "";
   const date = new Date(registeredAt * 1e3);

package/dist/components/creation-record.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number;\n}\n\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";AAwBM,SACE,KADF;AAtBN,SAAS,OAAO,oBAAoB;AACpC,OAAO,UAAU;AACjB,SAAS,wBAAwB;AAEjC,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,kBAAkB,iBAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,iCACb;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,SAAM,WAAU,0BAAyB;AAAA,MAC1C,oBAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,qBAAC,QAAG,WAAU,qBACZ;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,oBAAC,QAAG,WAAU,gBACZ,+BAAC,QAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,oBAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,oBAAC,gBAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/creation-record.tsx"],"sourcesContent":["\"use client\";\n\nimport { Award, ExternalLink } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { normalizeAddress } from \"@medialane/sdk\";\n\nconst EXPLORER_URL =\n  (typeof process !== \"undefined\" ? process.env.NEXT_PUBLIC_EXPLORER_URL : undefined) ||\n  \"https://voyager.online\";\n\nexport interface CreationRecordProps {\n  originalCreator: string;\n  registeredAt: number;\n}\n\nexport function CreationRecord({ originalCreator, registeredAt }: CreationRecordProps) {\n  const creator = originalCreator ? normalizeAddress(\"STARKNET\", originalCreator) : \"\";\n  const date = new Date(registeredAt * 1000);\n  const formatted = date.toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n\n  return (\n    <div className=\"rounded-lg bg-amber-500/5 p-4\">\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Award className=\"h-4 w-4 text-amber-500\" />\n        <p className=\"text-sm font-semibold text-amber-500\">Creation Record</p>\n      </div>\n      <p className=\"text-xs text-muted-foreground mb-3\">\n        Immutable on-chain authorship record set at mint and stored permanently\n        for legal evidence of creation (Berne Convention).\n      </p>\n      <dl className=\"space-y-2 text-sm\">\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Original creator</dt>\n          <dd className=\"tabular-nums\">\n            <Link href={`/creator/${creator}`} className=\"hover:underline\">\n              {creator.slice(0, 6)}…{creator.slice(-4)}\n            </Link>\n          </dd>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <dt className=\"text-muted-foreground\">Registered at</dt>\n          <dd>\n            <a\n              href={`${EXPLORER_URL}/contract/${creator}`}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline\"\n            >\n              {formatted}\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";AA0BM,SACE,KADF;AAxBN,SAAS,OAAO,oBAAoB;AACpC,OAAO,UAAU;AACjB,SAAS,wBAAwB;AAEjC,MAAM,gBACH,OAAO,YAAY,cAAc,QAAQ,IAAI,2BAA2B,WACzE;AAOK,SAAS,eAAe,EAAE,iBAAiB,aAAa,GAAwB;AACrF,QAAM,UAAU,kBAAkB,iBAAiB,YAAY,eAAe,IAAI;AAClF,QAAM,OAAO,IAAI,KAAK,eAAe,GAAI;AACzC,QAAM,YAAY,KAAK,mBAAmB,QAAW;AAAA,IACnD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,iCACb;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,SAAM,WAAU,0BAAyB;AAAA,MAC1C,oBAAC,OAAE,WAAU,wCAAuC,6BAAe;AAAA,OACrE;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAqC,wIAGlD;AAAA,IACA,qBAAC,QAAG,WAAU,qBACZ;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,8BAAgB;AAAA,QACtD,oBAAC,QAAG,WAAU,gBACZ,+BAAC,QAAK,MAAM,YAAY,OAAO,IAAI,WAAU,mBAC1C;AAAA,kBAAQ,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,UAAE,QAAQ,MAAM,EAAE;AAAA,WACzC,GACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yBAAwB,2BAAa;AAAA,QACnD,oBAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,aAAa,OAAO;AAAA,YACzC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,cACD,oBAAC,gBAAa,WAAU,WAAU;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/marketplace-dialog-primitives.cjs

@@ -0,0 +1,292 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var marketplace_dialog_primitives_exports = {};
+__export(marketplace_dialog_primitives_exports, {
+  CurrencyPicker: () => CurrencyPicker,
+  DurationPicker: () => DurationPicker,
+  MarketplaceConfirmStep: () => MarketplaceConfirmStep,
+  MarketplaceDialogHero: () => MarketplaceDialogHero,
+  MarketplaceErrorState: () => MarketplaceErrorState,
+  MarketplaceProcessingState: () => MarketplaceProcessingState,
+  MarketplaceSignInGate: () => MarketplaceSignInGate,
+  MarketplaceSuccessState: () => MarketplaceSuccessState,
+  MarketplaceTxLink: () => MarketplaceTxLink
+});
+module.exports = __toCommonJS(marketplace_dialog_primitives_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = __toESM(require("next/image"), 1);
+var import_lucide_react = require("lucide-react");
+var import_alert = require("./alert.js");
+var import_button = require("./button.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_cn = require("../utils/cn.js");
+function MarketplaceTxLink({ txHash, explorerUrl, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "a",
+    {
+      href: `${explorerUrl}/tx/${txHash}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: (0, import_cn.cn)(
+        "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tabular-nums", children: [
+          txHash.slice(0, 10),
+          "\u2026",
+          txHash.slice(-8)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3" })
+      ]
+    }
+  );
+}
+function MarketplaceProcessingState({
+  title,
+  description = "Please wait, do not close this window.",
+  imageUrl,
+  imageAlt = "Token preview",
+  txHash,
+  explorerUrl
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-5 p-6 py-8", children: [
+    imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-20 w-20 rounded-2xl overflow-hidden border border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: imageUrl, alt: imageAlt, fill: true, sizes: "80px", className: "object-cover", unoptimized: true }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-background/50 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-7 w-7 animate-spin text-primary" }) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-10 w-10 animate-spin text-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold", children: title }),
+      txHash && explorerUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarketplaceTxLink, { txHash, explorerUrl, className: "mt-1" }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+  ] });
+}
+function MarketplaceSignInGate({ title, description, href, ctaLabel = "Set up account" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 py-10 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wallet, { className: "h-10 w-10 text-muted-foreground" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated w-full p-[1px] rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        asChild: true,
+        className: "w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, children: ctaLabel })
+      }
+    ) })
+  ] });
+}
+function MarketplaceSuccessState({
+  tokenImage,
+  name,
+  title,
+  description,
+  txHash,
+  explorerUrl,
+  onDone,
+  footer
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-5 p-6 py-8", children: [
+    tokenImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: tokenImage, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-5 w-5 text-white" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "absolute -top-2 -right-2 h-5 w-5 text-brand-orange" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-9 w-9 text-emerald-500" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "absolute -top-1 -right-1 h-5 w-5 text-brand-orange" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center space-y-1 max-w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-xl break-words", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: description })
+    ] }),
+    txHash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarketplaceTxLink, { txHash, explorerUrl }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { className: "w-full h-11", onClick: onDone, children: "Done" }),
+    footer
+  ] });
+}
+function MarketplaceErrorState({
+  tokenImage,
+  name,
+  title,
+  description,
+  error,
+  txHash,
+  explorerUrl,
+  onRetry,
+  onDone,
+  doneLabel = "Done"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-5 p-6 py-8", children: [
+    tokenImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: tokenImage, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "h-5 w-5 text-white" }) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "h-9 w-9 text-destructive" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center space-y-1 max-w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-xl break-words", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: description })
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_alert.Alert, { variant: "destructive", className: "text-left", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertDescription, { children: error })
+    ] }) : null,
+    txHash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarketplaceTxLink, { txHash, explorerUrl }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full gap-2", children: [
+      onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", className: "flex-1 h-11", onClick: onRetry, children: "Try again" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { className: "flex-1 h-11", onClick: onDone, children: doneLabel })
+    ] })
+  ] });
+}
+function MarketplaceDialogHero({
+  tokenImage,
+  tokenName,
+  tokenId,
+  fallbackIcon,
+  badge
+}) {
+  const name = tokenName || `Token #${tokenId}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-32 w-full bg-muted overflow-hidden shrink-0", children: [
+    tokenImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: tokenImage, alt: name, fill: true, sizes: "384px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center", children: fallbackIcon }),
+    badge
+  ] });
+}
+function CurrencyPicker({ currencies, value, onChange, disabled }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-5 gap-1.5", children: currencies.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.Button,
+    {
+      type: "button",
+      variant: value === c ? "default" : "outline",
+      size: "sm",
+      onClick: () => onChange(c),
+      disabled,
+      className: "gap-1 px-2 text-xs w-full",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: c, size: 13, className: "shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children: c })
+      ]
+    },
+    c
+  )) });
+}
+function DurationPicker({ options, value, onChange, disabled, cols = 3 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cols === 4 ? "grid grid-cols-4 gap-2" : "grid grid-cols-3 gap-2", children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      type: "button",
+      variant: value === opt.seconds ? "default" : "outline",
+      size: "sm",
+      onClick: () => onChange(opt.seconds),
+      disabled,
+      className: "text-xs",
+      children: opt.label
+    },
+    opt.label
+  )) });
+}
+function MarketplaceConfirmStep({
+  summary,
+  description,
+  error,
+  secondaryLabel,
+  onSecondary,
+  primaryLabel,
+  onPrimary,
+  primaryDisabled,
+  primaryIcon,
+  primaryVariant = "default",
+  footer
+}) {
+  const primaryButton = primaryVariant === "destructive" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      variant: "destructive",
+      className: "flex-1 h-11",
+      disabled: primaryDisabled,
+      onClick: onPrimary,
+      children: primaryLabel
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "btn-border-animated p-[1px] rounded-xl flex-1",
+        primaryDisabled && "pointer-events-none"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          className: "w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent",
+          disabled: primaryDisabled,
+          onClick: onPrimary,
+          children: [
+            primaryIcon,
+            primaryLabel
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-6 pb-6 pt-3 space-y-4", children: [
+    summary,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: description }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_alert.Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert.AlertDescription, { children: error })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          variant: "outline",
+          className: "gap-1.5",
+          onClick: onSecondary,
+          children: secondaryLabel
+        }
+      ),
+      primaryButton
+    ] }),
+    footer
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CurrencyPicker,
+  DurationPicker,
+  MarketplaceConfirmStep,
+  MarketplaceDialogHero,
+  MarketplaceErrorState,
+  MarketplaceProcessingState,
+  MarketplaceSignInGate,
+  MarketplaceSuccessState,
+  MarketplaceTxLink
+});
+//# sourceMappingURL=marketplace-dialog-primitives.cjs.map

package/dist/components/marketplace-dialog-primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"next/image\";\nimport { AlertCircle, CheckCircle2, ExternalLink, Loader2, Sparkles, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Please wait, do not close this window.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceSuccessStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  txHash?: string | null;\n  explorerUrl: string;\n  onDone: () => void;\n  footer?: ReactNode;\n}\n\nexport function MarketplaceSuccessState({\n  tokenImage,\n  name,\n  title,\n  description,\n  txHash,\n  explorerUrl,\n  onDone,\n  footer,\n}: MarketplaceSuccessStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background\">\n            <CheckCircle2 className=\"h-5 w-5 text-white\" />\n          </div>\n          <Sparkles className=\"absolute -top-2 -right-2 h-5 w-5 text-brand-orange\" />\n        </div>\n      ) : (\n        <div className=\"relative\">\n          <div className=\"h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center\">\n            <CheckCircle2 className=\"h-9 w-9 text-emerald-500\" />\n          </div>\n          <Sparkles className=\"absolute -top-1 -right-1 h-5 w-5 text-brand-orange\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <Button className=\"w-full h-11\" onClick={onDone}>Done</Button>\n      {footer}\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative h-32 w-full bg-muted overflow-hidden shrink-0\">\n      {tokenImage ? (\n        <Image src={tokenImage} alt={name} fill sizes=\"384px\" className=\"object-cover\" unoptimized />\n      ) : (\n        <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n          {fallbackIcon}\n        </div>\n      )}\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image"]}

package/dist/components/marketplace-dialog-primitives.d.cts

@@ -0,0 +1,91 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface MarketplaceTxLinkProps {
+    txHash: string;
+    explorerUrl: string;
+    className?: string;
+}
+declare function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceProcessingStateProps {
+    title: string;
+    description?: string;
+    imageUrl?: string | null;
+    imageAlt?: string;
+    txHash?: string | null;
+    explorerUrl?: string;
+}
+declare function MarketplaceProcessingState({ title, description, imageUrl, imageAlt, txHash, explorerUrl, }: MarketplaceProcessingStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceSignInGateProps {
+    title: string;
+    description: string;
+    href: string;
+    ctaLabel?: string;
+}
+declare function MarketplaceSignInGate({ title, description, href, ctaLabel }: MarketplaceSignInGateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceSuccessStateProps {
+    tokenImage?: string | null;
+    name: string;
+    title: string;
+    description: ReactNode;
+    txHash?: string | null;
+    explorerUrl: string;
+    onDone: () => void;
+    footer?: ReactNode;
+}
+declare function MarketplaceSuccessState({ tokenImage, name, title, description, txHash, explorerUrl, onDone, footer, }: MarketplaceSuccessStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceErrorStateProps {
+    tokenImage?: string | null;
+    name: string;
+    title: string;
+    description: ReactNode;
+    error?: string | null;
+    txHash?: string | null;
+    explorerUrl: string;
+    onRetry?: () => void;
+    onDone: () => void;
+    doneLabel?: string;
+}
+declare function MarketplaceErrorState({ tokenImage, name, title, description, error, txHash, explorerUrl, onRetry, onDone, doneLabel, }: MarketplaceErrorStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceDialogHeroProps {
+    tokenImage?: string | null;
+    tokenName?: string;
+    tokenId: string;
+    fallbackIcon: ReactNode;
+    badge?: ReactNode;
+}
+declare function MarketplaceDialogHero({ tokenImage, tokenName, tokenId, fallbackIcon, badge, }: MarketplaceDialogHeroProps): react_jsx_runtime.JSX.Element;
+interface CurrencyPickerProps {
+    currencies: string[];
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps): react_jsx_runtime.JSX.Element;
+interface DurationPickerProps {
+    options: ReadonlyArray<{
+        label: string;
+        seconds: number;
+    }>;
+    value: number;
+    onChange: (value: number) => void;
+    disabled?: boolean;
+    cols?: 3 | 4;
+}
+declare function DurationPicker({ options, value, onChange, disabled, cols }: DurationPickerProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceConfirmStepProps {
+    summary?: ReactNode;
+    description: string;
+    error?: string | null;
+    secondaryLabel: string;
+    onSecondary: () => void;
+    primaryLabel: string;
+    onPrimary: () => void;
+    primaryDisabled?: boolean;
+    primaryIcon?: ReactNode;
+    primaryVariant?: "default" | "destructive";
+    footer?: ReactNode;
+}
+declare function MarketplaceConfirmStep({ summary, description, error, secondaryLabel, onSecondary, primaryLabel, onPrimary, primaryDisabled, primaryIcon, primaryVariant, footer, }: MarketplaceConfirmStepProps): react_jsx_runtime.JSX.Element;
+
+export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceSuccessState, MarketplaceTxLink };

package/dist/components/marketplace-dialog-primitives.d.ts

@@ -0,0 +1,91 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface MarketplaceTxLinkProps {
+    txHash: string;
+    explorerUrl: string;
+    className?: string;
+}
+declare function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceProcessingStateProps {
+    title: string;
+    description?: string;
+    imageUrl?: string | null;
+    imageAlt?: string;
+    txHash?: string | null;
+    explorerUrl?: string;
+}
+declare function MarketplaceProcessingState({ title, description, imageUrl, imageAlt, txHash, explorerUrl, }: MarketplaceProcessingStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceSignInGateProps {
+    title: string;
+    description: string;
+    href: string;
+    ctaLabel?: string;
+}
+declare function MarketplaceSignInGate({ title, description, href, ctaLabel }: MarketplaceSignInGateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceSuccessStateProps {
+    tokenImage?: string | null;
+    name: string;
+    title: string;
+    description: ReactNode;
+    txHash?: string | null;
+    explorerUrl: string;
+    onDone: () => void;
+    footer?: ReactNode;
+}
+declare function MarketplaceSuccessState({ tokenImage, name, title, description, txHash, explorerUrl, onDone, footer, }: MarketplaceSuccessStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceErrorStateProps {
+    tokenImage?: string | null;
+    name: string;
+    title: string;
+    description: ReactNode;
+    error?: string | null;
+    txHash?: string | null;
+    explorerUrl: string;
+    onRetry?: () => void;
+    onDone: () => void;
+    doneLabel?: string;
+}
+declare function MarketplaceErrorState({ tokenImage, name, title, description, error, txHash, explorerUrl, onRetry, onDone, doneLabel, }: MarketplaceErrorStateProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceDialogHeroProps {
+    tokenImage?: string | null;
+    tokenName?: string;
+    tokenId: string;
+    fallbackIcon: ReactNode;
+    badge?: ReactNode;
+}
+declare function MarketplaceDialogHero({ tokenImage, tokenName, tokenId, fallbackIcon, badge, }: MarketplaceDialogHeroProps): react_jsx_runtime.JSX.Element;
+interface CurrencyPickerProps {
+    currencies: string[];
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps): react_jsx_runtime.JSX.Element;
+interface DurationPickerProps {
+    options: ReadonlyArray<{
+        label: string;
+        seconds: number;
+    }>;
+    value: number;
+    onChange: (value: number) => void;
+    disabled?: boolean;
+    cols?: 3 | 4;
+}
+declare function DurationPicker({ options, value, onChange, disabled, cols }: DurationPickerProps): react_jsx_runtime.JSX.Element;
+interface MarketplaceConfirmStepProps {
+    summary?: ReactNode;
+    description: string;
+    error?: string | null;
+    secondaryLabel: string;
+    onSecondary: () => void;
+    primaryLabel: string;
+    onPrimary: () => void;
+    primaryDisabled?: boolean;
+    primaryIcon?: ReactNode;
+    primaryVariant?: "default" | "destructive";
+    footer?: ReactNode;
+}
+declare function MarketplaceConfirmStep({ summary, description, error, secondaryLabel, onSecondary, primaryLabel, onPrimary, primaryDisabled, primaryIcon, primaryVariant, footer, }: MarketplaceConfirmStepProps): react_jsx_runtime.JSX.Element;
+
+export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceSuccessState, MarketplaceTxLink };