@medialane/ui 0.283.0 → 0.284.0

package/dist/components/badge.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/button.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "outline" | "destructive" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "outline" | "destructive" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/launchpad/edition-mint-schema.d.cts

@@ -16,6 +16,7 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/launchpad/edition-mint-schema.d.ts

@@ -16,6 +16,7 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/transfer-dialog.cjs

@@ -0,0 +1,226 @@
+"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 transfer_dialog_exports = {};
+__export(transfer_dialog_exports, {
+  TransferDialog: () => TransferDialog
+});
+module.exports = __toCommonJS(transfer_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_zod = require("@hookform/resolvers/zod");
+var z = __toESM(require("zod"), 1);
+var import_lucide_react = require("lucide-react");
+var import_dialog = require("./dialog.js");
+var import_form = require("./form.js");
+var import_input = require("./input.js");
+var import_alert = require("./alert.js");
+var import_marketplace_dialog_primitives = require("./marketplace-dialog-primitives.js");
+var import_transaction_dialog_states = require("./transaction-dialog-states.js");
+var import_use_transaction = require("../utils/use-transaction.js");
+var import_success_messages = require("../utils/success-messages.js");
+const schema = z.object({
+  toAddress: z.string().min(1, "Recipient address is required").regex(/^0x[0-9a-fA-F]{1,64}$/, "Must be a valid Starknet address (0x followed by hex characters)")
+});
+function TransferDialog({
+  open,
+  onOpenChange,
+  tokenId,
+  tokenName,
+  tokenImage,
+  hasActiveListing = false,
+  walletAddress,
+  canTransfer,
+  connectLabel,
+  footerNote,
+  tx,
+  onTransfer,
+  onSuccess
+}) {
+  const { phase, txHash, error, retryable = true, reset } = tx;
+  const busy = (0, import_use_transaction.isBusyPhase)(phase);
+  const [step, setStep] = (0, import_react.useState)("form");
+  const [pendingAddress, setPendingAddress] = (0, import_react.useState)(null);
+  const form = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_zod.zodResolver)(schema),
+    defaultValues: { toAddress: "" }
+  });
+  const resetDialog = () => {
+    reset();
+    form.reset();
+    setPendingAddress(null);
+    setStep("form");
+  };
+  (0, import_react.useEffect)(() => {
+    if (open) resetDialog();
+  }, [open]);
+  const close = () => {
+    resetDialog();
+    onOpenChange(false);
+  };
+  const handleClose = (value) => {
+    if (!value && !busy && phase !== "success") close();
+  };
+  const onSubmit = (values) => {
+    if (walletAddress) {
+      try {
+        if (BigInt(values.toAddress) === BigInt(walletAddress)) {
+          form.setError("toAddress", { message: "Cannot transfer to yourself" });
+          return;
+        }
+      } catch {
+      }
+    }
+    if (!canTransfer) return;
+    setPendingAddress(values.toAddress);
+    setStep("confirm");
+  };
+  const displayName = tokenName || `Token #${tokenId}`;
+  const recipientShort = pendingAddress ? `${pendingAddress.slice(0, 8)}\u2026${pendingAddress.slice(-6)}` : "";
+  const footer = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShieldCheck, { className: "h-3 w-3 text-muted-foreground shrink-0 mt-0.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs text-center text-muted-foreground", children: footerNote })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "max-w-[calc(100%-6px)] sm:max-w-md p-0 overflow-hidden gap-0 rounded-2xl flex flex-col max-h-[92svh]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogTitle, { className: "sr-only", children: [
+      "Transfer ",
+      displayName
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { className: "sr-only", children: "Enter a recipient Starknet address to transfer this asset onchain." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_transaction_dialog_states.TransactionDialogStates,
+      {
+        phase,
+        asset: { name: displayName, image: tokenImage },
+        statusMessage: "Confirming on Starknet\u2026",
+        txHash,
+        error,
+        success: import_success_messages.successMessages.transferred({ name: displayName, to: recipientShort }),
+        successActions: [{ label: "Done", onClick: () => {
+          close();
+          onSuccess?.();
+        } }],
+        errorTitle: "Transfer failed",
+        errorDescription: "The transaction was submitted, but the transfer could not be completed.",
+        onRetry: retryable ? () => {
+          reset();
+          setStep("form");
+        } : void 0,
+        onDone: close,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_marketplace_dialog_primitives.MarketplaceDialogHero,
+            {
+              tokenImage,
+              tokenName,
+              tokenId,
+              fallbackIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-12 w-12 text-brand-blue/30" })
+            }
+          ),
+          step === "confirm" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-end justify-between px-6 pt-3 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-lg leading-tight truncate", children: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground mt-0.5 tabular-nums truncate", children: [
+                "\u2192 ",
+                recipientShort
+              ] })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_marketplace_dialog_primitives.MarketplaceConfirmStep,
+              {
+                description: "Transfer this asset? This action cannot be undone.",
+                error,
+                secondaryLabel: "Back",
+                onSecondary: () => {
+                  reset();
+                  setStep("form");
+                },
+                primaryLabel: "Transfer",
+                onPrimary: () => {
+                  if (pendingAddress) onTransfer(pendingAddress);
+                },
+                primaryIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }),
+                footer
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-5 pb-4 pt-3 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-base leading-tight truncate", children: displayName }),
+            hasActiveListing && /* @__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, { className: "text-xs", children: "This token has an active listing. A buyer could still complete the purchase after you transfer it \u2014 cancel the listing first, or proceed with caution." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_alert.Alert, { 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, { className: "text-xs", children: "Transfers are permanent and irreversible. Double-check the recipient address before confirming." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_form.FormField,
+                {
+                  control: form.control,
+                  name: "toAddress",
+                  render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_form.FormItem, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormLabel, { children: "Recipient address" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { placeholder: "0x\u2026", autoComplete: "off", spellCheck: false, ...field }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormMessage, {})
+                  ] })
+                }
+              ),
+              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 })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pt-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: !canTransfer,
+                    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",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "h-4 w-4" }),
+                      canTransfer ? "Transfer" : connectLabel
+                    ]
+                  }
+                ) }),
+                footer
+              ] })
+            ] }) })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TransferDialog
+});
+//# sourceMappingURL=transfer-dialog.cjs.map

package/dist/components/transfer-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/transfer-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport * as z from \"zod\";\nimport { AlertCircle, ArrowRightLeft, ShieldCheck } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"./dialog.js\";\nimport { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from \"./form.js\";\nimport { Input } from \"./input.js\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { MarketplaceConfirmStep, MarketplaceDialogHero } from \"./marketplace-dialog-primitives.js\";\nimport { TransactionDialogStates } from \"./transaction-dialog-states.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport { successMessages } from \"../utils/success-messages.js\";\n\nconst schema = z.object({\n  toAddress: z\n    .string()\n    .min(1, \"Recipient address is required\")\n    .regex(/^0x[0-9a-fA-F]{1,64}$/, \"Must be a valid Starknet address (0x followed by hex characters)\"),\n});\n\ntype FormValues = z.infer<typeof schema>;\n\ntype Step = \"form\" | \"confirm\";\n\nexport interface TransferDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  tokenId: string;\n  tokenName?: string;\n  tokenImage?: string | null;\n  hasActiveListing?: boolean;\n  walletAddress?: string | null;\n  canTransfer: boolean;\n  connectLabel: string;\n  footerNote: string;\n  tx: {\n    phase: TransactionPhase;\n    txHash: string | null;\n    error: string | null;\n    retryable?: boolean;\n    reset: () => void;\n  };\n  onTransfer: (toAddress: string) => void;\n  onSuccess?: () => void;\n}\n\nexport function TransferDialog({\n  open,\n  onOpenChange,\n  tokenId,\n  tokenName,\n  tokenImage,\n  hasActiveListing = false,\n  walletAddress,\n  canTransfer,\n  connectLabel,\n  footerNote,\n  tx,\n  onTransfer,\n  onSuccess,\n}: TransferDialogProps) {\n  const { phase, txHash, error, retryable = true, reset } = tx;\n  const busy = isBusyPhase(phase);\n  const [step, setStep] = useState<Step>(\"form\");\n  const [pendingAddress, setPendingAddress] = useState<string | null>(null);\n\n  const form = useForm<FormValues>({\n    resolver: zodResolver(schema),\n    defaultValues: { toAddress: \"\" },\n  });\n\n  const resetDialog = () => {\n    reset();\n    form.reset();\n    setPendingAddress(null);\n    setStep(\"form\");\n  };\n\n  useEffect(() => {\n    if (open) resetDialog();\n  }, [open]);\n\n  const close = () => {\n    resetDialog();\n    onOpenChange(false);\n  };\n\n  const handleClose = (value: boolean) => {\n    if (!value && !busy && phase !== \"success\") close();\n  };\n\n  const onSubmit = (values: FormValues) => {\n    if (walletAddress) {\n      try {\n        if (BigInt(values.toAddress) === BigInt(walletAddress)) {\n          form.setError(\"toAddress\", { message: \"Cannot transfer to yourself\" });\n          return;\n        }\n      } catch {\n        void 0;\n      }\n    }\n    if (!canTransfer) return;\n    setPendingAddress(values.toAddress);\n    setStep(\"confirm\");\n  };\n\n  const displayName = tokenName || `Token #${tokenId}`;\n  const recipientShort = pendingAddress ? `${pendingAddress.slice(0, 8)}…${pendingAddress.slice(-6)}` : \"\";\n\n  const footer = (\n    <div className=\"flex items-start justify-center gap-1.5\">\n      <ShieldCheck className=\"h-3 w-3 text-muted-foreground shrink-0 mt-0.5\" />\n      <p className=\"text-2xs text-center text-muted-foreground\">{footerNote}</p>\n    </div>\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"max-w-[calc(100%-6px)] sm:max-w-md p-0 overflow-hidden gap-0 rounded-2xl flex flex-col max-h-[92svh]\">\n        <DialogTitle className=\"sr-only\">Transfer {displayName}</DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Enter a recipient Starknet address to transfer this asset onchain.\n        </DialogDescription>\n\n        <TransactionDialogStates\n          phase={phase}\n          asset={{ name: displayName, image: tokenImage }}\n          statusMessage=\"Confirming on Starknet…\"\n          txHash={txHash}\n          error={error}\n          success={successMessages.transferred({ name: displayName, to: recipientShort })}\n          successActions={[{ label: \"Done\", onClick: () => { close(); onSuccess?.(); } }]}\n          errorTitle=\"Transfer failed\"\n          errorDescription=\"The transaction was submitted, but the transfer could not be completed.\"\n          onRetry={retryable ? () => { reset(); setStep(\"form\"); } : undefined}\n          onDone={close}\n        >\n          <MarketplaceDialogHero\n            tokenImage={tokenImage}\n            tokenName={tokenName}\n            tokenId={tokenId}\n            fallbackIcon={<ArrowRightLeft className=\"h-12 w-12 text-brand-blue/30\" />}\n          />\n          {step === \"confirm\" ? (\n            <>\n              <div className=\"flex items-end justify-between px-6 pt-3 pb-1\">\n                <div className=\"min-w-0\">\n                  <p className=\"font-bold text-lg leading-tight truncate\">{displayName}</p>\n                  <p className=\"text-xs text-muted-foreground mt-0.5 tabular-nums truncate\">→ {recipientShort}</p>\n                </div>\n              </div>\n              <MarketplaceConfirmStep\n                description=\"Transfer this asset? This action cannot be undone.\"\n                error={error}\n                secondaryLabel=\"Back\"\n                onSecondary={() => { reset(); setStep(\"form\"); }}\n                primaryLabel=\"Transfer\"\n                onPrimary={() => { if (pendingAddress) onTransfer(pendingAddress); }}\n                primaryIcon={<ArrowRightLeft className=\"h-4 w-4\" />}\n                footer={footer}\n              />\n            </>\n          ) : (\n            <div className=\"px-5 pb-4 pt-3 space-y-3\">\n              <p className=\"font-bold text-base leading-tight truncate\">{displayName}</p>\n\n              {hasActiveListing && (\n                <Alert variant=\"destructive\">\n                  <AlertCircle className=\"h-4 w-4\" />\n                  <AlertDescription className=\"text-xs\">\n                    This token has an active listing. A buyer could still complete the purchase after you transfer it — cancel the listing first, or proceed with caution.\n                  </AlertDescription>\n                </Alert>\n              )}\n\n              <Alert>\n                <AlertCircle className=\"h-4 w-4\" />\n                <AlertDescription className=\"text-xs\">\n                  Transfers are permanent and irreversible. Double-check the recipient address before confirming.\n                </AlertDescription>\n              </Alert>\n\n              <Form {...form}>\n                <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-3\">\n                  <FormField\n                    control={form.control}\n                    name=\"toAddress\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>Recipient address</FormLabel>\n                        <FormControl>\n                          <Input placeholder=\"0x…\" autoComplete=\"off\" spellCheck={false} {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  {error && (\n                    <Alert variant=\"destructive\">\n                      <AlertCircle className=\"h-4 w-4\" />\n                      <AlertDescription>{error}</AlertDescription>\n                    </Alert>\n                  )}\n\n                  <div className=\"pt-1 space-y-2\">\n                    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n                      <button\n                        type=\"submit\"\n                        disabled={!canTransfer}\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                      >\n                        <ArrowRightLeft className=\"h-4 w-4\" />\n                        {canTransfer ? \"Transfer\" : connectLabel}\n                      </button>\n                    </div>\n                    {footer}\n                  </div>\n                </form>\n              </Form>\n            </div>\n          )}\n        </TransactionDialogStates>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/transfer-dialog.d.cts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TransactionPhase } from '../utils/use-transaction.cjs';
+import '@medialane/sdk/starknet';
+import './fast-mint/types.cjs';
+import 'react';
+import 'starknet';
+import '@medialane/sdk';
+
+interface TransferDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tokenId: string;
+    tokenName?: string;
+    tokenImage?: string | null;
+    hasActiveListing?: boolean;
+    walletAddress?: string | null;
+    canTransfer: boolean;
+    connectLabel: string;
+    footerNote: string;
+    tx: {
+        phase: TransactionPhase;
+        txHash: string | null;
+        error: string | null;
+        retryable?: boolean;
+        reset: () => void;
+    };
+    onTransfer: (toAddress: string) => void;
+    onSuccess?: () => void;
+}
+declare function TransferDialog({ open, onOpenChange, tokenId, tokenName, tokenImage, hasActiveListing, walletAddress, canTransfer, connectLabel, footerNote, tx, onTransfer, onSuccess, }: TransferDialogProps): react_jsx_runtime.JSX.Element;
+
+export { TransferDialog, type TransferDialogProps };

package/dist/components/transfer-dialog.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TransactionPhase } from '../utils/use-transaction.js';
+import '@medialane/sdk/starknet';
+import './fast-mint/types.js';
+import 'react';
+import 'starknet';
+import '@medialane/sdk';
+
+interface TransferDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tokenId: string;
+    tokenName?: string;
+    tokenImage?: string | null;
+    hasActiveListing?: boolean;
+    walletAddress?: string | null;
+    canTransfer: boolean;
+    connectLabel: string;
+    footerNote: string;
+    tx: {
+        phase: TransactionPhase;
+        txHash: string | null;
+        error: string | null;
+        retryable?: boolean;
+        reset: () => void;
+    };
+    onTransfer: (toAddress: string) => void;
+    onSuccess?: () => void;
+}
+declare function TransferDialog({ open, onOpenChange, tokenId, tokenName, tokenImage, hasActiveListing, walletAddress, canTransfer, connectLabel, footerNote, tx, onTransfer, onSuccess, }: TransferDialogProps): react_jsx_runtime.JSX.Element;
+
+export { TransferDialog, type TransferDialogProps };

package/dist/components/transfer-dialog.js

@@ -0,0 +1,192 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import { AlertCircle, ArrowRightLeft, ShieldCheck } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./dialog.js";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "./form.js";
+import { Input } from "./input.js";
+import { Alert, AlertDescription } from "./alert.js";
+import { MarketplaceConfirmStep, MarketplaceDialogHero } from "./marketplace-dialog-primitives.js";
+import { TransactionDialogStates } from "./transaction-dialog-states.js";
+import { isBusyPhase } from "../utils/use-transaction.js";
+import { successMessages } from "../utils/success-messages.js";
+const schema = z.object({
+  toAddress: z.string().min(1, "Recipient address is required").regex(/^0x[0-9a-fA-F]{1,64}$/, "Must be a valid Starknet address (0x followed by hex characters)")
+});
+function TransferDialog({
+  open,
+  onOpenChange,
+  tokenId,
+  tokenName,
+  tokenImage,
+  hasActiveListing = false,
+  walletAddress,
+  canTransfer,
+  connectLabel,
+  footerNote,
+  tx,
+  onTransfer,
+  onSuccess
+}) {
+  const { phase, txHash, error, retryable = true, reset } = tx;
+  const busy = isBusyPhase(phase);
+  const [step, setStep] = useState("form");
+  const [pendingAddress, setPendingAddress] = useState(null);
+  const form = useForm({
+    resolver: zodResolver(schema),
+    defaultValues: { toAddress: "" }
+  });
+  const resetDialog = () => {
+    reset();
+    form.reset();
+    setPendingAddress(null);
+    setStep("form");
+  };
+  useEffect(() => {
+    if (open) resetDialog();
+  }, [open]);
+  const close = () => {
+    resetDialog();
+    onOpenChange(false);
+  };
+  const handleClose = (value) => {
+    if (!value && !busy && phase !== "success") close();
+  };
+  const onSubmit = (values) => {
+    if (walletAddress) {
+      try {
+        if (BigInt(values.toAddress) === BigInt(walletAddress)) {
+          form.setError("toAddress", { message: "Cannot transfer to yourself" });
+          return;
+        }
+      } catch {
+      }
+    }
+    if (!canTransfer) return;
+    setPendingAddress(values.toAddress);
+    setStep("confirm");
+  };
+  const displayName = tokenName || `Token #${tokenId}`;
+  const recipientShort = pendingAddress ? `${pendingAddress.slice(0, 8)}\u2026${pendingAddress.slice(-6)}` : "";
+  const footer = /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3 text-muted-foreground shrink-0 mt-0.5" }),
+    /* @__PURE__ */ jsx("p", { className: "text-2xs text-center text-muted-foreground", children: footerNote })
+  ] });
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-[calc(100%-6px)] sm:max-w-md p-0 overflow-hidden gap-0 rounded-2xl flex flex-col max-h-[92svh]", children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { className: "sr-only", children: [
+      "Transfer ",
+      displayName
+    ] }),
+    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Enter a recipient Starknet address to transfer this asset onchain." }),
+    /* @__PURE__ */ jsxs(
+      TransactionDialogStates,
+      {
+        phase,
+        asset: { name: displayName, image: tokenImage },
+        statusMessage: "Confirming on Starknet\u2026",
+        txHash,
+        error,
+        success: successMessages.transferred({ name: displayName, to: recipientShort }),
+        successActions: [{ label: "Done", onClick: () => {
+          close();
+          onSuccess?.();
+        } }],
+        errorTitle: "Transfer failed",
+        errorDescription: "The transaction was submitted, but the transfer could not be completed.",
+        onRetry: retryable ? () => {
+          reset();
+          setStep("form");
+        } : void 0,
+        onDone: close,
+        children: [
+          /* @__PURE__ */ jsx(
+            MarketplaceDialogHero,
+            {
+              tokenImage,
+              tokenName,
+              tokenId,
+              fallbackIcon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-12 w-12 text-brand-blue/30" })
+            }
+          ),
+          step === "confirm" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-end justify-between px-6 pt-3 pb-1", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-bold text-lg leading-tight truncate", children: displayName }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-0.5 tabular-nums truncate", children: [
+                "\u2192 ",
+                recipientShort
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              MarketplaceConfirmStep,
+              {
+                description: "Transfer this asset? This action cannot be undone.",
+                error,
+                secondaryLabel: "Back",
+                onSecondary: () => {
+                  reset();
+                  setStep("form");
+                },
+                primaryLabel: "Transfer",
+                onPrimary: () => {
+                  if (pendingAddress) onTransfer(pendingAddress);
+                },
+                primaryIcon: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }),
+                footer
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "px-5 pb-4 pt-3 space-y-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-bold text-base leading-tight truncate", children: displayName }),
+            hasActiveListing && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: "This token has an active listing. A buyer could still complete the purchase after you transfer it \u2014 cancel the listing first, or proceed with caution." })
+            ] }),
+            /* @__PURE__ */ jsxs(Alert, { children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: "Transfers are permanent and irreversible. Double-check the recipient address before confirming." })
+            ] }),
+            /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-3", children: [
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "toAddress",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: "Recipient address" }),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "0x\u2026", autoComplete: "off", spellCheck: false, ...field }) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+                /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: error })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "pt-1 space-y-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: !canTransfer,
+                    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",
+                    children: [
+                      /* @__PURE__ */ jsx(ArrowRightLeft, { className: "h-4 w-4" }),
+                      canTransfer ? "Transfer" : connectLabel
+                    ]
+                  }
+                ) }),
+                footer
+              ] })
+            ] }) })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  TransferDialog
+};
+//# sourceMappingURL=transfer-dialog.js.map

package/dist/components/transfer-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/transfer-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport * as z from \"zod\";\nimport { AlertCircle, ArrowRightLeft, ShieldCheck } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"./dialog.js\";\nimport { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from \"./form.js\";\nimport { Input } from \"./input.js\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { MarketplaceConfirmStep, MarketplaceDialogHero } from \"./marketplace-dialog-primitives.js\";\nimport { TransactionDialogStates } from \"./transaction-dialog-states.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport { successMessages } from \"../utils/success-messages.js\";\n\nconst schema = z.object({\n  toAddress: z\n    .string()\n    .min(1, \"Recipient address is required\")\n    .regex(/^0x[0-9a-fA-F]{1,64}$/, \"Must be a valid Starknet address (0x followed by hex characters)\"),\n});\n\ntype FormValues = z.infer<typeof schema>;\n\ntype Step = \"form\" | \"confirm\";\n\nexport interface TransferDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  tokenId: string;\n  tokenName?: string;\n  tokenImage?: string | null;\n  hasActiveListing?: boolean;\n  walletAddress?: string | null;\n  canTransfer: boolean;\n  connectLabel: string;\n  footerNote: string;\n  tx: {\n    phase: TransactionPhase;\n    txHash: string | null;\n    error: string | null;\n    retryable?: boolean;\n    reset: () => void;\n  };\n  onTransfer: (toAddress: string) => void;\n  onSuccess?: () => void;\n}\n\nexport function TransferDialog({\n  open,\n  onOpenChange,\n  tokenId,\n  tokenName,\n  tokenImage,\n  hasActiveListing = false,\n  walletAddress,\n  canTransfer,\n  connectLabel,\n  footerNote,\n  tx,\n  onTransfer,\n  onSuccess,\n}: TransferDialogProps) {\n  const { phase, txHash, error, retryable = true, reset } = tx;\n  const busy = isBusyPhase(phase);\n  const [step, setStep] = useState<Step>(\"form\");\n  const [pendingAddress, setPendingAddress] = useState<string | null>(null);\n\n  const form = useForm<FormValues>({\n    resolver: zodResolver(schema),\n    defaultValues: { toAddress: \"\" },\n  });\n\n  const resetDialog = () => {\n    reset();\n    form.reset();\n    setPendingAddress(null);\n    setStep(\"form\");\n  };\n\n  useEffect(() => {\n    if (open) resetDialog();\n  }, [open]);\n\n  const close = () => {\n    resetDialog();\n    onOpenChange(false);\n  };\n\n  const handleClose = (value: boolean) => {\n    if (!value && !busy && phase !== \"success\") close();\n  };\n\n  const onSubmit = (values: FormValues) => {\n    if (walletAddress) {\n      try {\n        if (BigInt(values.toAddress) === BigInt(walletAddress)) {\n          form.setError(\"toAddress\", { message: \"Cannot transfer to yourself\" });\n          return;\n        }\n      } catch {\n        void 0;\n      }\n    }\n    if (!canTransfer) return;\n    setPendingAddress(values.toAddress);\n    setStep(\"confirm\");\n  };\n\n  const displayName = tokenName || `Token #${tokenId}`;\n  const recipientShort = pendingAddress ? `${pendingAddress.slice(0, 8)}…${pendingAddress.slice(-6)}` : \"\";\n\n  const footer = (\n    <div className=\"flex items-start justify-center gap-1.5\">\n      <ShieldCheck className=\"h-3 w-3 text-muted-foreground shrink-0 mt-0.5\" />\n      <p className=\"text-2xs text-center text-muted-foreground\">{footerNote}</p>\n    </div>\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"max-w-[calc(100%-6px)] sm:max-w-md p-0 overflow-hidden gap-0 rounded-2xl flex flex-col max-h-[92svh]\">\n        <DialogTitle className=\"sr-only\">Transfer {displayName}</DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Enter a recipient Starknet address to transfer this asset onchain.\n        </DialogDescription>\n\n        <TransactionDialogStates\n          phase={phase}\n          asset={{ name: displayName, image: tokenImage }}\n          statusMessage=\"Confirming on Starknet…\"\n          txHash={txHash}\n          error={error}\n          success={successMessages.transferred({ name: displayName, to: recipientShort })}\n          successActions={[{ label: \"Done\", onClick: () => { close(); onSuccess?.(); } }]}\n          errorTitle=\"Transfer failed\"\n          errorDescription=\"The transaction was submitted, but the transfer could not be completed.\"\n          onRetry={retryable ? () => { reset(); setStep(\"form\"); } : undefined}\n          onDone={close}\n        >\n          <MarketplaceDialogHero\n            tokenImage={tokenImage}\n            tokenName={tokenName}\n            tokenId={tokenId}\n            fallbackIcon={<ArrowRightLeft className=\"h-12 w-12 text-brand-blue/30\" />}\n          />\n          {step === \"confirm\" ? (\n            <>\n              <div className=\"flex items-end justify-between px-6 pt-3 pb-1\">\n                <div className=\"min-w-0\">\n                  <p className=\"font-bold text-lg leading-tight truncate\">{displayName}</p>\n                  <p className=\"text-xs text-muted-foreground mt-0.5 tabular-nums truncate\">→ {recipientShort}</p>\n                </div>\n              </div>\n              <MarketplaceConfirmStep\n                description=\"Transfer this asset? This action cannot be undone.\"\n                error={error}\n                secondaryLabel=\"Back\"\n                onSecondary={() => { reset(); setStep(\"form\"); }}\n                primaryLabel=\"Transfer\"\n                onPrimary={() => { if (pendingAddress) onTransfer(pendingAddress); }}\n                primaryIcon={<ArrowRightLeft className=\"h-4 w-4\" />}\n                footer={footer}\n              />\n            </>\n          ) : (\n            <div className=\"px-5 pb-4 pt-3 space-y-3\">\n              <p className=\"font-bold text-base leading-tight truncate\">{displayName}</p>\n\n              {hasActiveListing && (\n                <Alert variant=\"destructive\">\n                  <AlertCircle className=\"h-4 w-4\" />\n                  <AlertDescription className=\"text-xs\">\n                    This token has an active listing. A buyer could still complete the purchase after you transfer it — cancel the listing first, or proceed with caution.\n                  </AlertDescription>\n                </Alert>\n              )}\n\n              <Alert>\n                <AlertCircle className=\"h-4 w-4\" />\n                <AlertDescription className=\"text-xs\">\n                  Transfers are permanent and irreversible. Double-check the recipient address before confirming.\n                </AlertDescription>\n              </Alert>\n\n              <Form {...form}>\n                <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-3\">\n                  <FormField\n                    control={form.control}\n                    name=\"toAddress\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>Recipient address</FormLabel>\n                        <FormControl>\n                          <Input placeholder=\"0x…\" autoComplete=\"off\" spellCheck={false} {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  {error && (\n                    <Alert variant=\"destructive\">\n                      <AlertCircle className=\"h-4 w-4\" />\n                      <AlertDescription>{error}</AlertDescription>\n                    </Alert>\n                  )}\n\n                  <div className=\"pt-1 space-y-2\">\n                    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n                      <button\n                        type=\"submit\"\n                        disabled={!canTransfer}\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                      >\n                        <ArrowRightLeft className=\"h-4 w-4\" />\n                        {canTransfer ? \"Transfer\" : connectLabel}\n                      </button>\n                    </div>\n                    {footer}\n                  </div>\n                </form>\n              </Form>\n            </div>\n          )}\n        </TransactionDialogStates>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}