@medialane/ui 0.295.0 → 0.297.0

package/dist/components/fast-mint/asset-form-parts.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RefObject } from 'react';
+import { IPType } from '../../data/ip.cjs';
+import { MintAssetType } from './mintable-collections.cjs';
+import { MediaKind } from './types.cjs';
+import '@medialane/sdk';
+import 'starknet';
+import '@medialane/sdk/starknet';
+
+declare function MediaRow({ file, kind, preview, uri, uploading, ipType, inputRef, onSelect, }: {
+    file: File;
+    kind: MediaKind;
+    preview: string | null;
+    uri: string | null;
+    uploading: boolean;
+    ipType: IPType;
+    inputRef: RefObject<HTMLInputElement | null>;
+    onSelect: (file: File) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function CoverUpload({ preview, uploading, inputRef, onSelect, }: {
+    preview: string | null;
+    uploading: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    onSelect: (file: File) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function AssetTypePicker({ value, onChange, editionCount, onEditionCount, }: {
+    value: MintAssetType;
+    onChange: (type: MintAssetType) => void;
+    editionCount: string;
+    onEditionCount: (count: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { AssetTypePicker, CoverUpload, MediaRow };

package/dist/components/fast-mint/asset-form-parts.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RefObject } from 'react';
+import { IPType } from '../../data/ip.js';
+import { MintAssetType } from './mintable-collections.js';
+import { MediaKind } from './types.js';
+import '@medialane/sdk';
+import 'starknet';
+import '@medialane/sdk/starknet';
+
+declare function MediaRow({ file, kind, preview, uri, uploading, ipType, inputRef, onSelect, }: {
+    file: File;
+    kind: MediaKind;
+    preview: string | null;
+    uri: string | null;
+    uploading: boolean;
+    ipType: IPType;
+    inputRef: RefObject<HTMLInputElement | null>;
+    onSelect: (file: File) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function CoverUpload({ preview, uploading, inputRef, onSelect, }: {
+    preview: string | null;
+    uploading: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    onSelect: (file: File) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function AssetTypePicker({ value, onChange, editionCount, onEditionCount, }: {
+    value: MintAssetType;
+    onChange: (type: MintAssetType) => void;
+    editionCount: string;
+    onEditionCount: (count: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { AssetTypePicker, CoverUpload, MediaRow };

package/dist/components/fast-mint/asset-form-parts.js

@@ -0,0 +1,158 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { FileText, ImagePlus, ImagePlus as SingleIcon, Layers, Loader2, Music, Video } from "lucide-react";
+import { Input } from "../input.js";
+import { IP_TEMPLATES } from "../../data/ip-templates.js";
+import { acceptFor } from "../../utils/upload-limits.js";
+import { cn } from "../../utils/cn.js";
+const MEDIA_KIND_ICON = {
+  image: ImagePlus,
+  audio: Music,
+  video: Video,
+  document: FileText
+};
+function MediaRow({
+  file,
+  kind,
+  preview,
+  uri,
+  uploading,
+  ipType,
+  inputRef,
+  onSelect
+}) {
+  const KindIcon = MEDIA_KIND_ICON[kind];
+  const template = IP_TEMPLATES[ipType];
+  const TemplateIcon = template.icon;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-xl border border-border p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative h-14 w-14 rounded-lg bg-muted overflow-hidden shrink-0", children: [
+      kind === "image" && preview ? /* @__PURE__ */ jsx(Image, { src: preview, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(KindIcon, { className: "h-6 w-6 text-muted-foreground" }) }),
+      uploading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: file.name }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: uploading ? "Uploading\u2026" : uri ? "Uploaded" : "Upload failed" }),
+        uri && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-2xs font-medium",
+              template.color.bg,
+              template.color.text,
+              template.color.border
+            ),
+            children: [
+              /* @__PURE__ */ jsx(TemplateIcon, { className: "h-3 w-3" }),
+              template.label
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => inputRef.current?.click(),
+        className: "text-xs font-semibold text-brand-blue hover:underline shrink-0",
+        children: "Change"
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", className: "hidden", onChange: (e) => {
+      const f = e.target.files?.[0];
+      if (f) onSelect(f);
+    } })
+  ] });
+}
+function CoverUpload({
+  preview,
+  uploading,
+  inputRef,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Upload a cover image for your asset *" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          onClick: () => !uploading && inputRef.current?.click(),
+          onKeyDown: (e) => {
+            if ((e.key === "Enter" || e.key === " ") && !uploading) {
+              e.preventDefault();
+              inputRef.current?.click();
+            }
+          },
+          className: "relative h-20 w-20 rounded-xl border-2 border-dashed border-border bg-muted flex items-center justify-center overflow-hidden shrink-0 cursor-pointer hover:border-primary/50 transition-colors",
+          children: [
+            preview ? /* @__PURE__ */ jsx(Image, { src: preview, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx(ImagePlus, { className: "h-6 w-6 text-muted-foreground" }),
+            uploading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) }),
+            /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", accept: acceptFor("image"), className: "hidden", onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) onSelect(f);
+            } })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Cover art shown wherever the work is previewed. JPG, PNG, GIF, SVG or WebP." })
+    ] })
+  ] });
+}
+const ASSET_TYPES = [
+  { value: "single", icon: SingleIcon, title: "Single Edition NFT", hint: "Minted once" },
+  { value: "editions", icon: Layers, title: "Limited Editions NFT", hint: "Several numbered copies" }
+];
+function AssetTypePicker({
+  value,
+  onChange,
+  editionCount,
+  onEditionCount
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Asset Type" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: ASSET_TYPES.map(({ value: type, icon: Icon, title, hint }) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(type),
+          className: cn(
+            "flex items-start gap-3 rounded-xl border p-4 text-left transition-colors",
+            value === type ? "border-brand-blue bg-brand-blue/5" : "border-border hover:bg-muted/40"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5 shrink-0 mt-0.5", value === type ? "text-brand-blue" : "text-muted-foreground") }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: title }),
+              /* @__PURE__ */ jsx("span", { className: "block text-xs mt-0.5 text-muted-foreground", children: hint })
+            ] })
+          ]
+        },
+        type
+      )) })
+    ] }),
+    value === "editions" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Number of copies" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          min: 1,
+          value: editionCount,
+          onChange: (e) => onEditionCount(e.target.value),
+          className: "max-w-[140px]"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  AssetTypePicker,
+  CoverUpload,
+  MediaRow
+};
+//# sourceMappingURL=asset-form-parts.js.map

package/dist/components/fast-mint/asset-form-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/asset-form-parts.tsx"],"sourcesContent":["\"use client\";\n\nimport type { RefObject } from \"react\";\nimport Image from \"next/image\";\nimport { FileText, ImagePlus, ImagePlus as SingleIcon, Layers, Loader2, Music, Video } from \"lucide-react\";\nimport { Input } from \"../input.js\";\nimport { IP_TEMPLATES } from \"../../data/ip-templates.js\";\nimport type { IPType } from \"../../data/ip.js\";\nimport { acceptFor } from \"../../utils/upload-limits.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport type { MintAssetType } from \"./mintable-collections.js\";\nimport type { MediaKind } from \"./types.js\";\n\nconst MEDIA_KIND_ICON: Record<MediaKind, typeof ImagePlus> = {\n  image: ImagePlus,\n  audio: Music,\n  video: Video,\n  document: FileText,\n};\n\nexport function MediaRow({\n  file, kind, preview, uri, uploading, ipType, inputRef, onSelect,\n}: {\n  file: File;\n  kind: MediaKind;\n  preview: string | null;\n  uri: string | null;\n  uploading: boolean;\n  ipType: IPType;\n  inputRef: RefObject<HTMLInputElement | null>;\n  onSelect: (file: File) => void;\n}) {\n  const KindIcon = MEDIA_KIND_ICON[kind];\n  const template = IP_TEMPLATES[ipType];\n  const TemplateIcon = template.icon;\n  return (\n    <div className=\"flex items-center gap-4 rounded-xl border border-border p-3\">\n      <div className=\"relative h-14 w-14 rounded-lg bg-muted overflow-hidden shrink-0\">\n        {kind === \"image\" && preview ? (\n          <Image src={preview} alt=\"\" fill className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <KindIcon className=\"h-6 w-6 text-muted-foreground\" />\n          </div>\n        )}\n        {uploading && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-background/70\">\n            <Loader2 className=\"h-4 w-4 animate-spin\" />\n          </div>\n        )}\n      </div>\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <p className=\"text-sm font-semibold truncate\">{file.name}</p>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <p className=\"text-xs text-muted-foreground\">\n            {uploading ? \"Uploading…\" : uri ? \"Uploaded\" : \"Upload failed\"}\n          </p>\n          {uri && (\n            <span\n              className={cn(\n                \"inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-2xs font-medium\",\n                template.color.bg, template.color.text, template.color.border\n              )}\n            >\n              <TemplateIcon className=\"h-3 w-3\" />\n              {template.label}\n            </span>\n          )}\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        onClick={() => inputRef.current?.click()}\n        className=\"text-xs font-semibold text-brand-blue hover:underline shrink-0\"\n      >\n        Change\n      </button>\n      <input ref={inputRef} type=\"file\" className=\"hidden\" onChange={(e) => { const f = e.target.files?.[0]; if (f) onSelect(f); }} />\n    </div>\n  );\n}\n\nexport function CoverUpload({\n  preview, uploading, inputRef, onSelect,\n}: {\n  preview: string | null;\n  uploading: boolean;\n  inputRef: RefObject<HTMLInputElement | null>;\n  onSelect: (file: File) => void;\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <label className=\"text-sm font-medium\">Upload a cover image for your asset *</label>\n      <div className=\"flex items-center gap-4\">\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => !uploading && inputRef.current?.click()}\n          onKeyDown={(e) => { if ((e.key === \"Enter\" || e.key === \" \") && !uploading) { e.preventDefault(); inputRef.current?.click(); } }}\n          className=\"relative h-20 w-20 rounded-xl border-2 border-dashed border-border bg-muted flex items-center justify-center overflow-hidden shrink-0 cursor-pointer hover:border-primary/50 transition-colors\"\n        >\n          {preview ? (\n            <Image src={preview} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : (\n            <ImagePlus className=\"h-6 w-6 text-muted-foreground\" />\n          )}\n          {uploading && (\n            <div className=\"absolute inset-0 flex items-center justify-center bg-background/70\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            </div>\n          )}\n          <input ref={inputRef} type=\"file\" accept={acceptFor(\"image\")} className=\"hidden\" onChange={(e) => { const f = e.target.files?.[0]; if (f) onSelect(f); }} />\n        </div>\n        <p className=\"text-xs text-muted-foreground\">Cover art shown wherever the work is previewed. JPG, PNG, GIF, SVG or WebP.</p>\n      </div>\n    </div>\n  );\n}\n\nconst ASSET_TYPES = [\n  { value: \"single\", icon: SingleIcon, title: \"Single Edition NFT\", hint: \"Minted once\" },\n  { value: \"editions\", icon: Layers, title: \"Limited Editions NFT\", hint: \"Several numbered copies\" },\n] as const;\n\nexport function AssetTypePicker({\n  value, onChange, editionCount, onEditionCount,\n}: {\n  value: MintAssetType;\n  onChange: (type: MintAssetType) => void;\n  editionCount: string;\n  onEditionCount: (count: string) => void;\n}) {\n  return (\n    <>\n      <div className=\"space-y-2\">\n        <label className=\"text-sm font-medium\">Asset Type</label>\n        <div className=\"grid grid-cols-2 gap-3\">\n          {ASSET_TYPES.map(({ value: type, icon: Icon, title, hint }) => (\n            <button\n              key={type}\n              type=\"button\"\n              onClick={() => onChange(type)}\n              className={cn(\"flex items-start gap-3 rounded-xl border p-4 text-left transition-colors\",\n                value === type ? \"border-brand-blue bg-brand-blue/5\" : \"border-border hover:bg-muted/40\")}\n            >\n              <Icon className={cn(\"h-5 w-5 shrink-0 mt-0.5\", value === type ? \"text-brand-blue\" : \"text-muted-foreground\")} />\n              <span>\n                <span className=\"block text-sm font-semibold\">{title}</span>\n                <span className=\"block text-xs mt-0.5 text-muted-foreground\">{hint}</span>\n              </span>\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {value === \"editions\" && (\n        <div className=\"space-y-2\">\n          <label className=\"text-sm font-medium\">Number of copies</label>\n          <Input\n            type=\"number\"\n            min={1}\n            value={editionCount}\n            onChange={(e) => onEditionCount(e.target.value)}\n            className=\"max-w-[140px]\"\n          />\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/fast-mint/collection-section.cjs

@@ -0,0 +1,211 @@
+"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 collection_section_exports = {};
+__export(collection_section_exports, {
+  CollectionPicker: () => CollectionPicker,
+  CollectionSection: () => CollectionSection
+});
+module.exports = __toCommonJS(collection_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_image = __toESM(require("next/image"), 1);
+var import_lucide_react = require("lucide-react");
+var import_input = require("../input.js");
+var import_textarea = require("../textarea.js");
+var import_popover = require("../popover.js");
+var import_cn = require("../../utils/cn.js");
+var import_use_image_url = require("../../utils/use-image-url.js");
+var import_mintable_collections = require("./mintable-collections.js");
+function collectionDisplayLabel(col) {
+  return col.name || col.symbol || `Collection #${col.collectionId}`;
+}
+function CollectionThumb({ image }) {
+  const resolveImage = (0, import_use_image_url.useImageUrl)();
+  const imageUrl = resolveImage(image);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-lg overflow-hidden bg-muted shrink-0", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: imageUrl, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Boxes, { className: "h-4 w-4 text-muted-foreground/40" }) }) });
+}
+function CollectionPicker({
+  collections,
+  value,
+  onChange,
+  valueOf
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const selected = value ? collections.find((c) => valueOf(c) === value) ?? null : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        className: "flex w-full items-center gap-3 rounded-xl border border-border p-3 text-left transition-colors hover:bg-muted/40",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionThumb, { image: selected?.image }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate", children: selected ? collectionDisplayLabel(selected) : collections.length ? "Choose a collection" : "No collections yet" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: selected ? `${selected.totalSupply ?? 0} work${selected.totalSupply === 1 ? "" : "s"}` : "Where this work will live" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-h-64 overflow-y-auto p-1", children: collections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No collections yet \u2014 create one instead." }) : collections.map((col) => {
+      const id = valueOf(col);
+      const isSelected = !!id && value === id;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled: !id,
+          onClick: () => {
+            if (!id) return;
+            onChange(id);
+            setOpen(false);
+          },
+          className: "flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-colors hover:bg-muted/60",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionThumb, { image: col.image }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium truncate", children: collectionDisplayLabel(col) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+                col.totalSupply ?? 0,
+                " work",
+                col.totalSupply === 1 ? "" : "s"
+              ] })
+            ] }),
+            isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4 text-brand-blue shrink-0" })
+          ]
+        },
+        id ?? col.contractAddress ?? col.name
+      );
+    }) }) })
+  ] });
+}
+function CollectionSection({
+  assetType,
+  mode,
+  onModeChange,
+  collections,
+  existingId,
+  existingContract,
+  onExistingId,
+  onExistingContract,
+  draft,
+  previewImage
+}) {
+  const single = assetType === "single";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "text-sm font-medium flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Boxes, { className: "h-4 w-4" }),
+        "Collection *"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex rounded-lg border border-border overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => onModeChange("existing"),
+            className: (0, import_cn.cn)(
+              "px-3 h-7 text-xs font-medium transition-colors",
+              mode === "existing" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+            ),
+            children: "Existing"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: () => onModeChange("new"),
+            className: (0, import_cn.cn)(
+              "px-3 h-7 text-xs font-medium border-l border-border transition-colors flex items-center gap-1",
+              mode === "new" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-3 w-3" }),
+              "New"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    mode === "existing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CollectionPicker,
+      {
+        collections,
+        value: single ? existingId : existingContract,
+        onChange: single ? onExistingId : onExistingContract,
+        valueOf: (0, import_mintable_collections.collectionKey)(assetType)
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-3 rounded-xl border border-border p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-16 w-16 rounded-lg overflow-hidden bg-muted shrink-0", children: previewImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: previewImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Boxes, { className: "h-5 w-5 text-muted-foreground/40" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_100px] gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              value: draft.name,
+              onChange: (e) => draft.setName(e.target.value),
+              placeholder: "Collection name",
+              className: "h-9 text-sm"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              value: draft.symbol,
+              onChange: (e) => draft.setSymbol(e.target.value.toUpperCase()),
+              placeholder: "SYMBOL",
+              className: "h-9 text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_textarea.Textarea,
+          {
+            value: draft.description,
+            onChange: (e) => draft.setDescription(e.target.value),
+            placeholder: "Describe this collection\u2026",
+            rows: 2,
+            className: "text-sm resize-none"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs text-muted-foreground", children: "Prefilled from your asset \u2014 edit anything above." })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollectionPicker,
+  CollectionSection
+});
+//# sourceMappingURL=collection-section.cjs.map

package/dist/components/fast-mint/collection-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/collection-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Image from \"next/image\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { Boxes, Check, ChevronDown, Plus } from \"lucide-react\";\nimport { Input } from \"../input.js\";\nimport { Textarea } from \"../textarea.js\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useImageUrl } from \"../../utils/use-image-url.js\";\nimport { collectionKey, type MintAssetType } from \"./mintable-collections.js\";\nimport type { useNewCollectionDraft } from \"./use-new-collection-draft.js\";\n\nfunction collectionDisplayLabel(col: ApiCollection) {\n  return col.name || col.symbol || `Collection #${col.collectionId}`;\n}\n\nfunction CollectionThumb({ image }: { image: string | null | undefined }) {\n  const resolveImage = useImageUrl();\n  const imageUrl = resolveImage(image);\n  return (\n    <div className=\"relative h-10 w-10 rounded-lg overflow-hidden bg-muted shrink-0\">\n      {imageUrl ? (\n        <Image src={imageUrl} alt=\"\" fill className=\"object-cover\" unoptimized />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <Boxes className=\"h-4 w-4 text-muted-foreground/40\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionPicker({\n  collections, value, onChange, valueOf,\n}: {\n  collections: ApiCollection[];\n  value: string;\n  onChange: (id: string) => void;\n  valueOf: (c: ApiCollection) => string | null | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const selected = value\n    ? collections.find((c) => valueOf(c) === value) ?? null\n    : null;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          className=\"flex w-full items-center gap-3 rounded-xl border border-border p-3 text-left transition-colors hover:bg-muted/40\"\n        >\n          <CollectionThumb image={selected?.image} />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-sm font-semibold truncate\">\n              {selected ? collectionDisplayLabel(selected) : collections.length ? \"Choose a collection\" : \"No collections yet\"}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">\n              {selected ? `${selected.totalSupply ?? 0} work${selected.totalSupply === 1 ? \"\" : \"s\"}` : \"Where this work will live\"}\n            </p>\n          </div>\n          <ChevronDown className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        <div className=\"max-h-64 overflow-y-auto p-1\">\n          {collections.length === 0 ? (\n            <p className=\"px-3 py-4 text-center text-sm text-muted-foreground\">No collections yet — create one instead.</p>\n          ) : (\n            collections.map((col) => {\n              const id = valueOf(col);\n              const isSelected = !!id && value === id;\n              return (\n                <button\n                  key={id ?? col.contractAddress ?? col.name}\n                  type=\"button\"\n                  disabled={!id}\n                  onClick={() => { if (!id) return; onChange(id); setOpen(false); }}\n                  className=\"flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-colors hover:bg-muted/60\"\n                >\n                  <CollectionThumb image={col.image} />\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{collectionDisplayLabel(col)}</p>\n                    <p className=\"text-xs text-muted-foreground\">{col.totalSupply ?? 0} work{col.totalSupply === 1 ? \"\" : \"s\"}</p>\n                  </div>\n                  {isSelected && <Check className=\"h-4 w-4 text-brand-blue shrink-0\" />}\n                </button>\n              );\n            })\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n\nexport type CollectionMode = \"existing\" | \"new\";\n\nexport function CollectionSection({\n  assetType, mode, onModeChange, collections, existingId, existingContract, onExistingId, onExistingContract, draft, previewImage,\n}: {\n  assetType: MintAssetType;\n  mode: CollectionMode;\n  onModeChange: (mode: CollectionMode) => void;\n  collections: ApiCollection[];\n  existingId: string;\n  existingContract: string;\n  onExistingId: (id: string) => void;\n  onExistingContract: (contract: string) => void;\n  draft: ReturnType<typeof useNewCollectionDraft>;\n  previewImage: string | null;\n}) {\n  const single = assetType === \"single\";\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <label className=\"text-sm font-medium flex items-center gap-1.5\">\n          <Boxes className=\"h-4 w-4\" />\n          Collection *\n        </label>\n        <div className=\"flex rounded-lg border border-border overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => onModeChange(\"existing\")}\n            className={cn(\"px-3 h-7 text-xs font-medium transition-colors\",\n              mode === \"existing\" ? \"bg-primary text-primary-foreground\" : \"bg-background hover:bg-muted text-muted-foreground\")}\n          >\n            Existing\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onModeChange(\"new\")}\n            className={cn(\"px-3 h-7 text-xs font-medium border-l border-border transition-colors flex items-center gap-1\",\n              mode === \"new\" ? \"bg-primary text-primary-foreground\" : \"bg-background hover:bg-muted text-muted-foreground\")}\n          >\n            <Plus className=\"h-3 w-3\" />New\n          </button>\n        </div>\n      </div>\n\n      {mode === \"existing\" ? (\n        <CollectionPicker\n          collections={collections}\n          value={single ? existingId : existingContract}\n          onChange={single ? onExistingId : onExistingContract}\n          valueOf={collectionKey(assetType)}\n        />\n      ) : (\n        <div className=\"flex gap-3 rounded-xl border border-border p-3\">\n          <div className=\"relative h-16 w-16 rounded-lg overflow-hidden bg-muted shrink-0\">\n            {previewImage ? (\n              <Image src={previewImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <Boxes className=\"h-5 w-5 text-muted-foreground/40\" />\n              </div>\n            )}\n          </div>\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <div className=\"grid grid-cols-[1fr_100px] gap-2\">\n              <Input\n                value={draft.name}\n                onChange={(e) => draft.setName(e.target.value)}\n                placeholder=\"Collection name\"\n                className=\"h-9 text-sm\"\n              />\n              <Input\n                value={draft.symbol}\n                onChange={(e) => draft.setSymbol(e.target.value.toUpperCase())}\n                placeholder=\"SYMBOL\"\n                className=\"h-9 text-sm\"\n              />\n            </div>\n            <Textarea\n              value={draft.description}\n              onChange={(e) => draft.setDescription(e.target.value)}\n              placeholder=\"Describe this collection…\"\n              rows={2}\n              className=\"text-sm resize-none\"\n            />\n            <p className=\"text-2xs text-muted-foreground\">Prefilled from your asset — edit anything above.</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image"]}

package/dist/components/fast-mint/collection-section.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+import { MintAssetType } from './mintable-collections.cjs';
+import { useNewCollectionDraft } from './use-new-collection-draft.cjs';
+import 'react';
+
+declare function CollectionPicker({ collections, value, onChange, valueOf, }: {
+    collections: ApiCollection[];
+    value: string;
+    onChange: (id: string) => void;
+    valueOf: (c: ApiCollection) => string | null | undefined;
+}): react_jsx_runtime.JSX.Element;
+type CollectionMode = "existing" | "new";
+declare function CollectionSection({ assetType, mode, onModeChange, collections, existingId, existingContract, onExistingId, onExistingContract, draft, previewImage, }: {
+    assetType: MintAssetType;
+    mode: CollectionMode;
+    onModeChange: (mode: CollectionMode) => void;
+    collections: ApiCollection[];
+    existingId: string;
+    existingContract: string;
+    onExistingId: (id: string) => void;
+    onExistingContract: (contract: string) => void;
+    draft: ReturnType<typeof useNewCollectionDraft>;
+    previewImage: string | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { type CollectionMode, CollectionPicker, CollectionSection };

package/dist/components/fast-mint/collection-section.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiCollection } from '@medialane/sdk';
+import { MintAssetType } from './mintable-collections.js';
+import { useNewCollectionDraft } from './use-new-collection-draft.js';
+import 'react';
+
+declare function CollectionPicker({ collections, value, onChange, valueOf, }: {
+    collections: ApiCollection[];
+    value: string;
+    onChange: (id: string) => void;
+    valueOf: (c: ApiCollection) => string | null | undefined;
+}): react_jsx_runtime.JSX.Element;
+type CollectionMode = "existing" | "new";
+declare function CollectionSection({ assetType, mode, onModeChange, collections, existingId, existingContract, onExistingId, onExistingContract, draft, previewImage, }: {
+    assetType: MintAssetType;
+    mode: CollectionMode;
+    onModeChange: (mode: CollectionMode) => void;
+    collections: ApiCollection[];
+    existingId: string;
+    existingContract: string;
+    onExistingId: (id: string) => void;
+    onExistingContract: (contract: string) => void;
+    draft: ReturnType<typeof useNewCollectionDraft>;
+    previewImage: string | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { type CollectionMode, CollectionPicker, CollectionSection };