@medialane/ui 0.295.0 → 0.296.0

package/dist/components/account/input-otp.d.cts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/account/input-otp.d.ts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

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,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | 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> {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | 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> {
     asChild?: boolean;

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

@@ -0,0 +1,194 @@
+"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 asset_form_parts_exports = {};
+__export(asset_form_parts_exports, {
+  AssetTypePicker: () => AssetTypePicker,
+  CoverUpload: () => CoverUpload,
+  MediaRow: () => MediaRow
+});
+module.exports = __toCommonJS(asset_form_parts_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_input = require("../input.js");
+var import_ip_templates = require("../../data/ip-templates.js");
+var import_upload_limits = require("../../utils/upload-limits.js");
+var import_cn = require("../../utils/cn.js");
+const MEDIA_KIND_ICON = {
+  image: import_lucide_react.ImagePlus,
+  audio: import_lucide_react.Music,
+  video: import_lucide_react.Video,
+  document: import_lucide_react.FileText
+};
+function MediaRow({
+  file,
+  kind,
+  preview,
+  uri,
+  uploading,
+  ipType,
+  inputRef,
+  onSelect
+}) {
+  const KindIcon = MEDIA_KIND_ICON[kind];
+  const template = import_ip_templates.IP_TEMPLATES[ipType];
+  const TemplateIcon = template.icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 rounded-xl border border-border p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-14 w-14 rounded-lg bg-muted overflow-hidden shrink-0", children: [
+      kind === "image" && preview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: preview, 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)(KindIcon, { className: "h-6 w-6 text-muted-foreground" }) }),
+      uploading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: uploading ? "Uploading\u2026" : uri ? "Uploaded" : "Upload failed" }),
+        uri && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "span",
+          {
+            className: (0, import_cn.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__ */ (0, import_jsx_runtime.jsx)(TemplateIcon, { className: "h-3 w-3" }),
+              template.label
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => inputRef.current?.click(),
+        className: "text-xs font-semibold text-brand-blue hover:underline shrink-0",
+        children: "Change"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Upload a cover image for your asset *" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: preview, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImagePlus, { className: "h-6 w-6 text-muted-foreground" }),
+            uploading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: inputRef, type: "file", accept: (0, import_upload_limits.acceptFor)("image"), className: "hidden", onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) onSelect(f);
+            } })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.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: import_lucide_react.ImagePlus, title: "Single Edition NFT", hint: "Minted once" },
+  { value: "editions", icon: import_lucide_react.Layers, title: "Limited Editions NFT", hint: "Several numbered copies" }
+];
+function AssetTypePicker({
+  value,
+  onChange,
+  editionCount,
+  onEditionCount
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Asset Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-3", children: ASSET_TYPES.map(({ value: type, icon: Icon, title, hint }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(type),
+          className: (0, import_cn.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__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-5 w-5 shrink-0 mt-0.5", value === type ? "text-brand-blue" : "text-muted-foreground") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-sm font-semibold", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs mt-0.5 text-muted-foreground", children: hint })
+            ] })
+          ]
+        },
+        type
+      )) })
+    ] }),
+    value === "editions" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Number of copies" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          type: "number",
+          min: 1,
+          value: editionCount,
+          onChange: (e) => onEditionCount(e.target.value),
+          className: "max-w-[140px]"
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetTypePicker,
+  CoverUpload,
+  MediaRow
+});
+//# sourceMappingURL=asset-form-parts.cjs.map

package/dist/components/fast-mint/asset-form-parts.cjs.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":["Image","SingleIcon"]}

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":[]}