@medialane/ui 0.126.15 → 0.127.0

package/dist/components/card.cjs

@@ -44,7 +44,7 @@ const Card = React.forwardRef(
     "div",
     {
       ref,
-      className: (0, import_cn.cn)("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+      className: (0, import_cn.cn)("rounded-lg border border-border bg-card text-card-foreground", className),
       ...props
     }
   )

package/dist/components/card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n      {...props}\n    />\n  )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,YAAuB;AACvB,gBAAmB;AAEnB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,cAAG,4DAA4D,SAAS;AAAA,MAClF,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,cAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,OAAE,KAAU,eAAW,cAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACpF;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border border-border bg-card text-card-foreground\", className)}\n      {...props}\n    />\n  )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,YAAuB;AACvB,gBAAmB;AAEnB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,cAAG,gEAAgE,SAAS;AAAA,MACtF,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,cAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,OAAE,KAAU,eAAW,cAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACpF;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,eAAW,cAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;","names":[]}

package/dist/components/card.js

@@ -6,7 +6,7 @@ const Card = React.forwardRef(
     "div",
     {
       ref,
-      className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+      className: cn("rounded-lg border border-border bg-card text-card-foreground", className),
       ...props
     }
   )

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n      {...props}\n    />\n  )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"mappings":"AAKI;AALJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,MAClF,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACpF;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"rounded-lg border border-border bg-card text-card-foreground\", className)}\n      {...props}\n    />\n  )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  )\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"mappings":"AAKI;AALJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,gEAAgE,SAAS;AAAA,MACtF,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,CACpF;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;","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 };