@medialane/ui 0.183.0 → 0.185.0

package/dist/components/drop/create/artwork-section.cjs

@@ -0,0 +1,115 @@
+"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 artwork_section_exports = {};
+__export(artwork_section_exports, {
+  ArtworkSection: () => ArtworkSection,
+  FieldError: () => FieldError,
+  ImagePick: () => ImagePick
+});
+module.exports = __toCommonJS(artwork_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_image = __toESM(require("../../image.js"), 1);
+var import_input = require("../../input.js");
+var import_create_form_primitives = require("../../create-form-primitives.js");
+var import_drop_item_list = require("../../drop-item-list.js");
+var import_metadata = require("../../../utils/drop/metadata.js");
+var import_preview = require("../../../utils/drop/preview.js");
+function FieldError({ message }) {
+  return message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium text-destructive", children: message }) : null;
+}
+function ImagePick({ file, onPick, label }) {
+  const ref = (0, import_react.useRef)(null);
+  const preview = file ? (0, import_preview.previewUrl)(file) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: () => ref.current?.click(),
+      className: "relative flex aspect-square w-full max-w-xs items-center justify-center overflow-hidden rounded-xl border border-dashed border-border bg-muted/30 hover:border-primary/50",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) onPick(f);
+        } }),
+        preview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: preview, alt: label, fill: true, unoptimized: true, className: "object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex flex-col items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImagePlus, { className: "h-6 w-6" }),
+          label
+        ] })
+      ]
+    }
+  );
+}
+function ArtworkSection({ draft, setDraft, errors }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_create_form_primitives.Section, { title: "Artwork", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Images, { className: "h-4 w-4" }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_create_form_primitives.ToggleGroup,
+      {
+        value: draft.kind === "edition" ? "Edition" : "Collection",
+        options: ["Edition", "Collection"],
+        onChange: (v) => setDraft({ kind: v === "Edition" ? "edition" : "collection" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: draft.kind === "edition" ? "One artwork, sold as numbered copies." : "Many unique items \u2014 each image becomes its own token." }),
+    draft.kind === "edition" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImagePick, { file: draft.edition, onPick: (f) => setDraft({ edition: f }), label: "Choose the artwork" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", htmlFor: "drop-supply", children: "Copies" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { id: "drop-supply", inputMode: "numeric", value: draft.supply, onChange: (e) => setDraft({ supply: e.target.value.trim() }), className: "max-w-[10rem]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          "Up to ",
+          import_metadata.MAX_DROP_SUPPLY.toLocaleString("en-US"),
+          "."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldError, { message: errors.supply })
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drop_item_list.DropItemList,
+      {
+        items: draft.items,
+        collectionName: draft.name,
+        onAddFiles: (files) => setDraft({
+          items: [...draft.items, ...files.map((file) => ({ id: crypto.randomUUID(), file, previewUrl: URL.createObjectURL(file), name: "", description: "" }))]
+        }),
+        onRemove: (id) => setDraft({ items: draft.items.filter((it) => it.id !== id) }),
+        onEdit: (id, patch) => setDraft({ items: draft.items.map((it) => it.id === id ? { ...it, ...patch } : it) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldError, { message: errors.artwork })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArtworkSection,
+  FieldError,
+  ImagePick
+});
+//# sourceMappingURL=artwork-section.cjs.map

package/dist/components/drop/create/artwork-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/artwork-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { ImagePlus, Images } from \"lucide-react\";\nimport Image from \"../../image.js\";\nimport { Input } from \"../../input.js\";\nimport { Section, ToggleGroup } from \"../../create-form-primitives.js\";\nimport { DropItemList } from \"../../drop-item-list.js\";\nimport { MAX_DROP_SUPPLY } from \"../../../utils/drop/metadata.js\";\nimport type { DropDraft, DropDraftErrors } from \"../../../utils/drop/draft.js\";\nimport { previewUrl } from \"../../../utils/drop/preview.js\";\n\nexport interface SectionProps {\n  draft: DropDraft;\n  setDraft: (patch: Partial<DropDraft>) => void;\n  errors: DropDraftErrors;\n}\n\nexport function FieldError({ message }: { message?: string }) {\n  return message ? <p className=\"text-xs font-medium text-destructive\">{message}</p> : null;\n}\n\nexport function ImagePick({ file, onPick, label }: { file: File | null; onPick: (f: File) => void; label: string }) {\n  const ref = useRef<HTMLInputElement | null>(null);\n  const preview = file ? previewUrl(file) : null;\n  return (\n    <button type=\"button\" onClick={() => ref.current?.click()}\n      className=\"relative flex aspect-square w-full max-w-xs items-center justify-center overflow-hidden rounded-xl border border-dashed border-border bg-muted/30 hover:border-primary/50\">\n      <input ref={ref} type=\"file\" accept=\"image/*\" className=\"hidden\" onChange={(e) => { const f = e.target.files?.[0]; if (f) onPick(f); }} />\n      {preview\n        ? <Image src={preview} alt={label} fill unoptimized className=\"object-cover\" />\n        : <span className=\"flex flex-col items-center gap-2 text-sm text-muted-foreground\"><ImagePlus className=\"h-6 w-6\" />{label}</span>}\n    </button>\n  );\n}\n\nexport function ArtworkSection({ draft, setDraft, errors }: SectionProps) {\n  return (\n    <Section title=\"Artwork\" icon={<Images className=\"h-4 w-4\" />}>\n      <ToggleGroup\n        value={draft.kind === \"edition\" ? \"Edition\" : \"Collection\"}\n        options={[\"Edition\", \"Collection\"]}\n        onChange={(v) => setDraft({ kind: v === \"Edition\" ? \"edition\" : \"collection\" })}\n      />\n      <p className=\"text-xs text-muted-foreground\">\n        {draft.kind === \"edition\"\n          ? \"One artwork, sold as numbered copies.\"\n          : \"Many unique items — each image becomes its own token.\"}\n      </p>\n      {draft.kind === \"edition\" ? (\n        <div className=\"space-y-4\">\n          <ImagePick file={draft.edition} onPick={(f) => setDraft({ edition: f })} label=\"Choose the artwork\" />\n          <div className=\"space-y-1.5\">\n            <label className=\"text-sm font-medium\" htmlFor=\"drop-supply\">Copies</label>\n            <Input id=\"drop-supply\" inputMode=\"numeric\" value={draft.supply} onChange={(e) => setDraft({ supply: e.target.value.trim() })} className=\"max-w-[10rem]\" />\n            <p className=\"text-xs text-muted-foreground\">Up to {MAX_DROP_SUPPLY.toLocaleString(\"en-US\")}.</p>\n            <FieldError message={errors.supply} />\n          </div>\n        </div>\n      ) : (\n        <DropItemList\n          items={draft.items}\n          collectionName={draft.name}\n          onAddFiles={(files) => setDraft({\n            items: [...draft.items, ...files.map((file) => ({ id: crypto.randomUUID(), file, previewUrl: URL.createObjectURL(file), name: \"\", description: \"\" }))],\n          })}\n          onRemove={(id) => setDraft({ items: draft.items.filter((it) => it.id !== id) })}\n          onEdit={(id, patch) => setDraft({ items: draft.items.map((it) => (it.id === id ? { ...it, ...patch } : it)) })}\n        />\n      )}\n      <FieldError message={errors.artwork} />\n    </Section>\n  );\n}\n"],"mappings":"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","names":["Image"]}

package/dist/components/drop/create/artwork-section.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropDraft, DropDraftErrors } from '../../../utils/drop/draft.cjs';
+import '../../drop-item-list.cjs';
+import '../../../utils/drop/metadata.cjs';
+import '@medialane/sdk';
+import '../../../utils/drop/sale.cjs';
+
+interface SectionProps {
+    draft: DropDraft;
+    setDraft: (patch: Partial<DropDraft>) => void;
+    errors: DropDraftErrors;
+}
+declare function FieldError({ message }: {
+    message?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare function ImagePick({ file, onPick, label }: {
+    file: File | null;
+    onPick: (f: File) => void;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArtworkSection({ draft, setDraft, errors }: SectionProps): react_jsx_runtime.JSX.Element;
+
+export { ArtworkSection, FieldError, ImagePick, type SectionProps };

package/dist/components/drop/create/artwork-section.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropDraft, DropDraftErrors } from '../../../utils/drop/draft.js';
+import '../../drop-item-list.js';
+import '../../../utils/drop/metadata.js';
+import '@medialane/sdk';
+import '../../../utils/drop/sale.js';
+
+interface SectionProps {
+    draft: DropDraft;
+    setDraft: (patch: Partial<DropDraft>) => void;
+    errors: DropDraftErrors;
+}
+declare function FieldError({ message }: {
+    message?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare function ImagePick({ file, onPick, label }: {
+    file: File | null;
+    onPick: (f: File) => void;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArtworkSection({ draft, setDraft, errors }: SectionProps): react_jsx_runtime.JSX.Element;
+
+export { ArtworkSection, FieldError, ImagePick, type SectionProps };

package/dist/components/drop/create/artwork-section.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { ImagePlus, Images } from "lucide-react";
+import Image from "../../image.js";
+import { Input } from "../../input.js";
+import { Section, ToggleGroup } from "../../create-form-primitives.js";
+import { DropItemList } from "../../drop-item-list.js";
+import { MAX_DROP_SUPPLY } from "../../../utils/drop/metadata.js";
+import { previewUrl } from "../../../utils/drop/preview.js";
+function FieldError({ message }) {
+  return message ? /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: message }) : null;
+}
+function ImagePick({ file, onPick, label }) {
+  const ref = useRef(null);
+  const preview = file ? previewUrl(file) : null;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => ref.current?.click(),
+      className: "relative flex aspect-square w-full max-w-xs items-center justify-center overflow-hidden rounded-xl border border-dashed border-border bg-muted/30 hover:border-primary/50",
+      children: [
+        /* @__PURE__ */ jsx("input", { ref, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) onPick(f);
+        } }),
+        preview ? /* @__PURE__ */ jsx(Image, { src: preview, alt: label, fill: true, unoptimized: true, className: "object-cover" }) : /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(ImagePlus, { className: "h-6 w-6" }),
+          label
+        ] })
+      ]
+    }
+  );
+}
+function ArtworkSection({ draft, setDraft, errors }) {
+  return /* @__PURE__ */ jsxs(Section, { title: "Artwork", icon: /* @__PURE__ */ jsx(Images, { className: "h-4 w-4" }), children: [
+    /* @__PURE__ */ jsx(
+      ToggleGroup,
+      {
+        value: draft.kind === "edition" ? "Edition" : "Collection",
+        options: ["Edition", "Collection"],
+        onChange: (v) => setDraft({ kind: v === "Edition" ? "edition" : "collection" })
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: draft.kind === "edition" ? "One artwork, sold as numbered copies." : "Many unique items \u2014 each image becomes its own token." }),
+    draft.kind === "edition" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(ImagePick, { file: draft.edition, onPick: (f) => setDraft({ edition: f }), label: "Choose the artwork" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "drop-supply", children: "Copies" }),
+        /* @__PURE__ */ jsx(Input, { id: "drop-supply", inputMode: "numeric", value: draft.supply, onChange: (e) => setDraft({ supply: e.target.value.trim() }), className: "max-w-[10rem]" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "Up to ",
+          MAX_DROP_SUPPLY.toLocaleString("en-US"),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx(FieldError, { message: errors.supply })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(
+      DropItemList,
+      {
+        items: draft.items,
+        collectionName: draft.name,
+        onAddFiles: (files) => setDraft({
+          items: [...draft.items, ...files.map((file) => ({ id: crypto.randomUUID(), file, previewUrl: URL.createObjectURL(file), name: "", description: "" }))]
+        }),
+        onRemove: (id) => setDraft({ items: draft.items.filter((it) => it.id !== id) }),
+        onEdit: (id, patch) => setDraft({ items: draft.items.map((it) => it.id === id ? { ...it, ...patch } : it) })
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { message: errors.artwork })
+  ] });
+}
+export {
+  ArtworkSection,
+  FieldError,
+  ImagePick
+};
+//# sourceMappingURL=artwork-section.js.map

package/dist/components/drop/create/artwork-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/artwork-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { ImagePlus, Images } from \"lucide-react\";\nimport Image from \"../../image.js\";\nimport { Input } from \"../../input.js\";\nimport { Section, ToggleGroup } from \"../../create-form-primitives.js\";\nimport { DropItemList } from \"../../drop-item-list.js\";\nimport { MAX_DROP_SUPPLY } from \"../../../utils/drop/metadata.js\";\nimport type { DropDraft, DropDraftErrors } from \"../../../utils/drop/draft.js\";\nimport { previewUrl } from \"../../../utils/drop/preview.js\";\n\nexport interface SectionProps {\n  draft: DropDraft;\n  setDraft: (patch: Partial<DropDraft>) => void;\n  errors: DropDraftErrors;\n}\n\nexport function FieldError({ message }: { message?: string }) {\n  return message ? <p className=\"text-xs font-medium text-destructive\">{message}</p> : null;\n}\n\nexport function ImagePick({ file, onPick, label }: { file: File | null; onPick: (f: File) => void; label: string }) {\n  const ref = useRef<HTMLInputElement | null>(null);\n  const preview = file ? previewUrl(file) : null;\n  return (\n    <button type=\"button\" onClick={() => ref.current?.click()}\n      className=\"relative flex aspect-square w-full max-w-xs items-center justify-center overflow-hidden rounded-xl border border-dashed border-border bg-muted/30 hover:border-primary/50\">\n      <input ref={ref} type=\"file\" accept=\"image/*\" className=\"hidden\" onChange={(e) => { const f = e.target.files?.[0]; if (f) onPick(f); }} />\n      {preview\n        ? <Image src={preview} alt={label} fill unoptimized className=\"object-cover\" />\n        : <span className=\"flex flex-col items-center gap-2 text-sm text-muted-foreground\"><ImagePlus className=\"h-6 w-6\" />{label}</span>}\n    </button>\n  );\n}\n\nexport function ArtworkSection({ draft, setDraft, errors }: SectionProps) {\n  return (\n    <Section title=\"Artwork\" icon={<Images className=\"h-4 w-4\" />}>\n      <ToggleGroup\n        value={draft.kind === \"edition\" ? \"Edition\" : \"Collection\"}\n        options={[\"Edition\", \"Collection\"]}\n        onChange={(v) => setDraft({ kind: v === \"Edition\" ? \"edition\" : \"collection\" })}\n      />\n      <p className=\"text-xs text-muted-foreground\">\n        {draft.kind === \"edition\"\n          ? \"One artwork, sold as numbered copies.\"\n          : \"Many unique items — each image becomes its own token.\"}\n      </p>\n      {draft.kind === \"edition\" ? (\n        <div className=\"space-y-4\">\n          <ImagePick file={draft.edition} onPick={(f) => setDraft({ edition: f })} label=\"Choose the artwork\" />\n          <div className=\"space-y-1.5\">\n            <label className=\"text-sm font-medium\" htmlFor=\"drop-supply\">Copies</label>\n            <Input id=\"drop-supply\" inputMode=\"numeric\" value={draft.supply} onChange={(e) => setDraft({ supply: e.target.value.trim() })} className=\"max-w-[10rem]\" />\n            <p className=\"text-xs text-muted-foreground\">Up to {MAX_DROP_SUPPLY.toLocaleString(\"en-US\")}.</p>\n            <FieldError message={errors.supply} />\n          </div>\n        </div>\n      ) : (\n        <DropItemList\n          items={draft.items}\n          collectionName={draft.name}\n          onAddFiles={(files) => setDraft({\n            items: [...draft.items, ...files.map((file) => ({ id: crypto.randomUUID(), file, previewUrl: URL.createObjectURL(file), name: \"\", description: \"\" }))],\n          })}\n          onRemove={(id) => setDraft({ items: draft.items.filter((it) => it.id !== id) })}\n          onEdit={(id, patch) => setDraft({ items: draft.items.map((it) => (it.id === id ? { ...it, ...patch } : it)) })}\n        />\n      )}\n      <FieldError message={errors.artwork} />\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/drop/create/details-section.cjs

@@ -0,0 +1,110 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var details_section_exports = {};
+__export(details_section_exports, {
+  DetailsSection: () => DetailsSection
+});
+module.exports = __toCommonJS(details_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_input = require("../../input.js");
+var import_textarea = require("../../textarea.js");
+var import_create_form_primitives = require("../../create-form-primitives.js");
+var import_select = require("../../select.js");
+var import_ip = require("../../../data/ip.js");
+var import_launchpad_defaults = require("../../../utils/launchpad-defaults.js");
+var import_artwork_section = require("./artwork-section.js");
+function DetailsSection({ draft, setDraft, errors }) {
+  const license = draft.license;
+  const setLicense = (patch) => setDraft({ license: { ...license, ...patch } });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_create_form_primitives.Section, { title: "Details", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileText, { className: "h-4 w-4" }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm font-medium", children: [
+        "Cover image ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-normal text-muted-foreground", children: "(optional \u2014 the artwork is used otherwise)" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_artwork_section.ImagePick, { file: draft.cover, onPick: (f) => setDraft({ cover: f }), label: "Choose a cover" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", htmlFor: "drop-name", children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id: "drop-name",
+          value: draft.name,
+          maxLength: 100,
+          onChange: (e) => {
+            const name = e.target.value;
+            const auto = !draft.symbol || draft.symbol === (0, import_launchpad_defaults.suggestLaunchpadSymbol)(draft.name);
+            setDraft(auto ? { name, symbol: (0, import_launchpad_defaults.suggestLaunchpadSymbol)(name) } : { name });
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_artwork_section.FieldError, { message: errors.name })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", htmlFor: "drop-symbol", children: "Symbol" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id: "drop-symbol",
+          value: draft.symbol,
+          maxLength: 10,
+          className: "max-w-[10rem] uppercase",
+          onChange: (e) => setDraft({ symbol: e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, "") })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_artwork_section.FieldError, { message: errors.symbol })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", htmlFor: "drop-description", children: "Description" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_textarea.Textarea, { id: "drop-description", value: draft.description, maxLength: 500, rows: 3, onChange: (e) => setDraft({ description: e.target.value }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3 border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm font-medium", children: [
+        "License ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-normal text-muted-foreground", children: "\u2014 saved with every token" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: license.licenseType, onValueChange: (v) => {
+        const def = import_ip.LICENSE_TYPES.find((l) => l.value === v);
+        setLicense(def ? { licenseType: v, commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : { licenseType: v });
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: import_ip.LICENSE_TYPES.map((l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: l.value, children: l.label }, l.value)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium", children: "Commercial use" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_create_form_primitives.ToggleGroup, { value: license.commercialUse, options: ["Yes", "No"], onChange: (v) => setLicense({ commercialUse: v }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium", children: "Remixing" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_create_form_primitives.ToggleGroup, { value: license.derivatives, options: import_ip.DERIVATIVES_OPTIONS, onChange: (v) => setLicense({ derivatives: v }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium", children: "AI training" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_create_form_primitives.ToggleGroup, { value: license.aiPolicy, options: import_ip.AI_POLICIES, onChange: (v) => setLicense({ aiPolicy: v }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium", children: "Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: license.ipType, onValueChange: (v) => setLicense({ ipType: v }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: import_ip.IP_TYPES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: t, children: t }, t)) })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DetailsSection
+});
+//# sourceMappingURL=details-section.cjs.map

package/dist/components/drop/create/details-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/details-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { FileText } from \"lucide-react\";\nimport { Input } from \"../../input.js\";\nimport { Textarea } from \"../../textarea.js\";\nimport { Section, ToggleGroup } from \"../../create-form-primitives.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport { AI_POLICIES, DERIVATIVES_OPTIONS, IP_TYPES, LICENSE_TYPES } from \"../../../data/ip.js\";\nimport { suggestLaunchpadSymbol } from \"../../../utils/launchpad-defaults.js\";\nimport { FieldError, ImagePick, type SectionProps } from \"./artwork-section.js\";\n\nexport function DetailsSection({ draft, setDraft, errors }: SectionProps) {\n  const license = draft.license;\n  const setLicense = (patch: Partial<typeof license>) => setDraft({ license: { ...license, ...patch } });\n  return (\n    <Section title=\"Details\" icon={<FileText className=\"h-4 w-4\" />}>\n      <div className=\"space-y-1.5\">\n        <p className=\"text-sm font-medium\">Cover image <span className=\"font-normal text-muted-foreground\">(optional — the artwork is used otherwise)</span></p>\n        <ImagePick file={draft.cover} onPick={(f) => setDraft({ cover: f })} label=\"Choose a cover\" />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-name\">Name</label>\n        <Input id=\"drop-name\" value={draft.name} maxLength={100}\n          onChange={(e) => {\n            const name = e.target.value;\n            const auto = !draft.symbol || draft.symbol === suggestLaunchpadSymbol(draft.name);\n            setDraft(auto ? { name, symbol: suggestLaunchpadSymbol(name) } : { name });\n          }} />\n        <FieldError message={errors.name} />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-symbol\">Symbol</label>\n        <Input id=\"drop-symbol\" value={draft.symbol} maxLength={10} className=\"max-w-[10rem] uppercase\"\n          onChange={(e) => setDraft({ symbol: e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\") })} />\n        <FieldError message={errors.symbol} />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-description\">Description</label>\n        <Textarea id=\"drop-description\" value={draft.description} maxLength={500} rows={3} onChange={(e) => setDraft({ description: e.target.value })} />\n      </div>\n      <div className=\"space-y-3 border-t border-border/60 pt-4\">\n        <p className=\"text-sm font-medium\">License <span className=\"font-normal text-muted-foreground\">— saved with every token</span></p>\n        <Select value={license.licenseType} onValueChange={(v) => {\n          const def = LICENSE_TYPES.find((l) => l.value === v);\n          setLicense(def ? { licenseType: v, commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : { licenseType: v });\n        }}>\n          <SelectTrigger><SelectValue /></SelectTrigger>\n          <SelectContent>{LICENSE_TYPES.map((l) => <SelectItem key={l.value} value={l.value}>{l.label}</SelectItem>)}</SelectContent>\n        </Select>\n        <p className=\"text-xs font-medium\">Commercial use</p>\n        <ToggleGroup value={license.commercialUse} options={[\"Yes\", \"No\"]} onChange={(v) => setLicense({ commercialUse: v })} />\n        <p className=\"text-xs font-medium\">Remixing</p>\n        <ToggleGroup value={license.derivatives} options={DERIVATIVES_OPTIONS} onChange={(v) => setLicense({ derivatives: v })} />\n        <p className=\"text-xs font-medium\">AI training</p>\n        <ToggleGroup value={license.aiPolicy} options={AI_POLICIES} onChange={(v) => setLicense({ aiPolicy: v })} />\n        <p className=\"text-xs font-medium\">Type</p>\n        <Select value={license.ipType} onValueChange={(v) => setLicense({ ipType: v })}>\n          <SelectTrigger><SelectValue /></SelectTrigger>\n          <SelectContent>{IP_TYPES.map((t) => <SelectItem key={t} value={t}>{t}</SelectItem>)}</SelectContent>\n        </Select>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/drop/create/details-section.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SectionProps } from './artwork-section.cjs';
+import '../../../utils/drop/draft.cjs';
+import '../../drop-item-list.cjs';
+import '../../../utils/drop/metadata.cjs';
+import '@medialane/sdk';
+import '../../../utils/drop/sale.cjs';
+
+declare function DetailsSection({ draft, setDraft, errors }: SectionProps): react_jsx_runtime.JSX.Element;
+
+export { DetailsSection };

package/dist/components/drop/create/details-section.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SectionProps } from './artwork-section.js';
+import '../../../utils/drop/draft.js';
+import '../../drop-item-list.js';
+import '../../../utils/drop/metadata.js';
+import '@medialane/sdk';
+import '../../../utils/drop/sale.js';
+
+declare function DetailsSection({ draft, setDraft, errors }: SectionProps): react_jsx_runtime.JSX.Element;
+
+export { DetailsSection };

package/dist/components/drop/create/details-section.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText } from "lucide-react";
+import { Input } from "../../input.js";
+import { Textarea } from "../../textarea.js";
+import { Section, ToggleGroup } from "../../create-form-primitives.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import { AI_POLICIES, DERIVATIVES_OPTIONS, IP_TYPES, LICENSE_TYPES } from "../../../data/ip.js";
+import { suggestLaunchpadSymbol } from "../../../utils/launchpad-defaults.js";
+import { FieldError, ImagePick } from "./artwork-section.js";
+function DetailsSection({ draft, setDraft, errors }) {
+  const license = draft.license;
+  const setLicense = (patch) => setDraft({ license: { ...license, ...patch } });
+  return /* @__PURE__ */ jsxs(Section, { title: "Details", icon: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }), children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+        "Cover image ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional \u2014 the artwork is used otherwise)" })
+      ] }),
+      /* @__PURE__ */ jsx(ImagePick, { file: draft.cover, onPick: (f) => setDraft({ cover: f }), label: "Choose a cover" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "drop-name", children: "Name" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "drop-name",
+          value: draft.name,
+          maxLength: 100,
+          onChange: (e) => {
+            const name = e.target.value;
+            const auto = !draft.symbol || draft.symbol === suggestLaunchpadSymbol(draft.name);
+            setDraft(auto ? { name, symbol: suggestLaunchpadSymbol(name) } : { name });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.name })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "drop-symbol", children: "Symbol" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "drop-symbol",
+          value: draft.symbol,
+          maxLength: 10,
+          className: "max-w-[10rem] uppercase",
+          onChange: (e) => setDraft({ symbol: e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, "") })
+        }
+      ),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.symbol })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "drop-description", children: "Description" }),
+      /* @__PURE__ */ jsx(Textarea, { id: "drop-description", value: draft.description, maxLength: 500, rows: 3, onChange: (e) => setDraft({ description: e.target.value }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+        "License ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "\u2014 saved with every token" })
+      ] }),
+      /* @__PURE__ */ jsxs(Select, { value: license.licenseType, onValueChange: (v) => {
+        const def = LICENSE_TYPES.find((l) => l.value === v);
+        setLicense(def ? { licenseType: v, commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : { licenseType: v });
+      }, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: LICENSE_TYPES.map((l) => /* @__PURE__ */ jsx(SelectItem, { value: l.value, children: l.label }, l.value)) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Commercial use" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: license.commercialUse, options: ["Yes", "No"], onChange: (v) => setLicense({ commercialUse: v }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Remixing" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: license.derivatives, options: DERIVATIVES_OPTIONS, onChange: (v) => setLicense({ derivatives: v }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "AI training" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: license.aiPolicy, options: AI_POLICIES, onChange: (v) => setLicense({ aiPolicy: v }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Type" }),
+      /* @__PURE__ */ jsxs(Select, { value: license.ipType, onValueChange: (v) => setLicense({ ipType: v }), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: IP_TYPES.map((t) => /* @__PURE__ */ jsx(SelectItem, { value: t, children: t }, t)) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DetailsSection
+};
+//# sourceMappingURL=details-section.js.map

package/dist/components/drop/create/details-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/details-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { FileText } from \"lucide-react\";\nimport { Input } from \"../../input.js\";\nimport { Textarea } from \"../../textarea.js\";\nimport { Section, ToggleGroup } from \"../../create-form-primitives.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport { AI_POLICIES, DERIVATIVES_OPTIONS, IP_TYPES, LICENSE_TYPES } from \"../../../data/ip.js\";\nimport { suggestLaunchpadSymbol } from \"../../../utils/launchpad-defaults.js\";\nimport { FieldError, ImagePick, type SectionProps } from \"./artwork-section.js\";\n\nexport function DetailsSection({ draft, setDraft, errors }: SectionProps) {\n  const license = draft.license;\n  const setLicense = (patch: Partial<typeof license>) => setDraft({ license: { ...license, ...patch } });\n  return (\n    <Section title=\"Details\" icon={<FileText className=\"h-4 w-4\" />}>\n      <div className=\"space-y-1.5\">\n        <p className=\"text-sm font-medium\">Cover image <span className=\"font-normal text-muted-foreground\">(optional — the artwork is used otherwise)</span></p>\n        <ImagePick file={draft.cover} onPick={(f) => setDraft({ cover: f })} label=\"Choose a cover\" />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-name\">Name</label>\n        <Input id=\"drop-name\" value={draft.name} maxLength={100}\n          onChange={(e) => {\n            const name = e.target.value;\n            const auto = !draft.symbol || draft.symbol === suggestLaunchpadSymbol(draft.name);\n            setDraft(auto ? { name, symbol: suggestLaunchpadSymbol(name) } : { name });\n          }} />\n        <FieldError message={errors.name} />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-symbol\">Symbol</label>\n        <Input id=\"drop-symbol\" value={draft.symbol} maxLength={10} className=\"max-w-[10rem] uppercase\"\n          onChange={(e) => setDraft({ symbol: e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, \"\") })} />\n        <FieldError message={errors.symbol} />\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-sm font-medium\" htmlFor=\"drop-description\">Description</label>\n        <Textarea id=\"drop-description\" value={draft.description} maxLength={500} rows={3} onChange={(e) => setDraft({ description: e.target.value })} />\n      </div>\n      <div className=\"space-y-3 border-t border-border/60 pt-4\">\n        <p className=\"text-sm font-medium\">License <span className=\"font-normal text-muted-foreground\">— saved with every token</span></p>\n        <Select value={license.licenseType} onValueChange={(v) => {\n          const def = LICENSE_TYPES.find((l) => l.value === v);\n          setLicense(def ? { licenseType: v, commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : { licenseType: v });\n        }}>\n          <SelectTrigger><SelectValue /></SelectTrigger>\n          <SelectContent>{LICENSE_TYPES.map((l) => <SelectItem key={l.value} value={l.value}>{l.label}</SelectItem>)}</SelectContent>\n        </Select>\n        <p className=\"text-xs font-medium\">Commercial use</p>\n        <ToggleGroup value={license.commercialUse} options={[\"Yes\", \"No\"]} onChange={(v) => setLicense({ commercialUse: v })} />\n        <p className=\"text-xs font-medium\">Remixing</p>\n        <ToggleGroup value={license.derivatives} options={DERIVATIVES_OPTIONS} onChange={(v) => setLicense({ derivatives: v })} />\n        <p className=\"text-xs font-medium\">AI training</p>\n        <ToggleGroup value={license.aiPolicy} options={AI_POLICIES} onChange={(v) => setLicense({ aiPolicy: v })} />\n        <p className=\"text-xs font-medium\">Type</p>\n        <Select value={license.ipType} onValueChange={(v) => setLicense({ ipType: v })}>\n          <SelectTrigger><SelectValue /></SelectTrigger>\n          <SelectContent>{IP_TYPES.map((t) => <SelectItem key={t} value={t}>{t}</SelectItem>)}</SelectContent>\n        </Select>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}