@medialane/ui 0.182.0 → 0.184.0

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

@@ -0,0 +1,112 @@
+"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 drop_create_exports = {};
+__export(drop_create_exports, {
+  DraftSummary: () => DraftSummary,
+  DropCreate: () => DropCreate
+});
+module.exports = __toCommonJS(drop_create_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_gradient_button = require("../../gradient-button.js");
+var import_collapsible_section = require("../../collapsible-section.js");
+var import_artwork_section = require("./artwork-section.js");
+var import_details_section = require("./details-section.js");
+var import_sale_section = require("./sale-section.js");
+var import_list_section = require("./list-section.js");
+var import_exclusive_fields = require("./exclusive-fields.js");
+var import_launch_dialog = require("./launch-dialog.js");
+var import_artwork_section2 = require("./artwork-section.js");
+var import_draft = require("../../../utils/drop/draft.js");
+var import_sale = require("../../../utils/drop/sale.js");
+var import_preview = require("../../../utils/drop/preview.js");
+function DropCreate(props) {
+  const [draft, setDraftState] = (0, import_react.useState)(import_draft.EMPTY_DRAFT);
+  const [tried, setTried] = (0, import_react.useState)(false);
+  const [launching, setLaunching] = (0, import_react.useState)(false);
+  const setDraft = (patch) => setDraftState((d) => ({ ...d, ...patch }));
+  const errors = tried ? (0, import_draft.validateDropDraft)(draft, Math.floor(Date.now() / 1e3)) : {};
+  const launch = () => {
+    if (!props.walletAddress) return props.onRequireWallet();
+    setTried(true);
+    if (Object.keys((0, import_draft.validateDropDraft)(draft, Math.floor(Date.now() / 1e3))).length === 0) setLaunching(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5 lg:order-1 order-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_artwork_section.ArtworkSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_details_section.DetailsSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sale_section.SaleSection, { draft, setDraft, errors, feeConfig: props.feeConfig }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_list_section.ListSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_collapsible_section.CollapsibleSection,
+        {
+          open: draft.gated.enabled,
+          onOpenChange: (enabled) => setDraft({ gated: { ...draft.gated, enabled } }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Lock, { className: "h-4 w-4 text-primary" }),
+          label: "Exclusive content",
+          hint: "Optional \xB7 a private link only holders can open",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exclusive_fields.ExclusiveFields, { value: draft.gated, onChange: (v) => setDraft({ gated: { ...draft.gated, ...v } }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_artwork_section2.FieldError, { message: errors.gated })
+          ]
+        }
+      ),
+      tried && Object.keys(errors).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-destructive", children: "Check the highlighted fields." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_button.GradientButton, { big: true, onClick: launch, children: props.walletAddress ? "Review and launch" : props.connectLabel ?? "Sign in to launch" }),
+      launching && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_launch_dialog.LaunchDialog, { open: true, onClose: () => setLaunching(false), draft, app: props })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "order-1 lg:order-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:sticky lg:top-24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DraftSummary, { draft, feeConfig: props.feeConfig }) }) })
+  ] });
+}
+function DraftSummary({ draft, feeConfig }) {
+  const art = draft.cover ?? (draft.kind === "edition" ? draft.edition : draft.items[0]?.file ?? null);
+  const preview = art ? (0, import_preview.previewUrl)(art) : null;
+  const supply = (0, import_draft.draftSupply)(draft);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "overflow-hidden rounded-2xl border border-border bg-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-square bg-muted", children: preview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: preview, alt: draft.name || "Drop", fill: true, unoptimized: true, className: "object-cover" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate font-semibold", children: draft.name || "Untitled drop" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: draft.sale.paid ? (0, import_sale.collectorPriceLine)(draft.sale, feeConfig) ?? "Set a price" : "Free" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        Number.isFinite(supply) && supply > 0 ? `${supply.toLocaleString("en-US")} ${draft.kind === "edition" ? "copies" : "items"}` : "Supply not set",
+        " \xB7 ",
+        draft.listOnly ? "List only" : "Open to everyone"
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraftSummary,
+  DropCreate
+});
+//# sourceMappingURL=drop-create.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/drop-create.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Lock } from \"lucide-react\";\nimport type { ResolvedFeeConfig } from \"@medialane/sdk\";\nimport Image from \"../../image.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport { CollapsibleSection } from \"../../collapsible-section.js\";\nimport { ArtworkSection } from \"./artwork-section.js\";\nimport { DetailsSection } from \"./details-section.js\";\nimport { SaleSection } from \"./sale-section.js\";\nimport { ListSection } from \"./list-section.js\";\nimport { ExclusiveFields } from \"./exclusive-fields.js\";\nimport { LaunchDialog } from \"./launch-dialog.js\";\nimport { FieldError } from \"./artwork-section.js\";\nimport { EMPTY_DRAFT, draftSupply, validateDropDraft, type DropDraft } from \"../../../utils/drop/draft.js\";\nimport { collectorPriceLine } from \"../../../utils/drop/sale.js\";\nimport { previewUrl } from \"../../../utils/drop/preview.js\";\nimport type { DropAppProps } from \"../../../utils/drop/types.js\";\n\nexport function DropCreate(props: DropAppProps & { feeConfig: ResolvedFeeConfig }) {\n  const [draft, setDraftState] = useState<DropDraft>(EMPTY_DRAFT);\n  const [tried, setTried] = useState(false);\n  const [launching, setLaunching] = useState(false);\n  const setDraft = (patch: Partial<DropDraft>) => setDraftState((d) => ({ ...d, ...patch }));\n  const errors = tried ? validateDropDraft(draft, Math.floor(Date.now() / 1000)) : {};\n\n  const launch = () => {\n    if (!props.walletAddress) return props.onRequireWallet();\n    setTried(true);\n    if (Object.keys(validateDropDraft(draft, Math.floor(Date.now() / 1000))).length === 0) setLaunching(true);\n  };\n\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]\">\n    <div className=\"space-y-5 lg:order-1 order-2\">\n      <ArtworkSection draft={draft} setDraft={setDraft} errors={errors} />\n      <DetailsSection draft={draft} setDraft={setDraft} errors={errors} />\n      <SaleSection draft={draft} setDraft={setDraft} errors={errors} feeConfig={props.feeConfig} />\n      <ListSection draft={draft} setDraft={setDraft} errors={errors} />\n      <CollapsibleSection\n        open={draft.gated.enabled}\n        onOpenChange={(enabled) => setDraft({ gated: { ...draft.gated, enabled } })}\n        icon={<Lock className=\"h-4 w-4 text-primary\" />}\n        label=\"Exclusive content\"\n        hint=\"Optional · a private link only holders can open\"\n      >\n        <ExclusiveFields value={draft.gated} onChange={(v) => setDraft({ gated: { ...draft.gated, ...v } })} />\n        <FieldError message={errors.gated} />\n      </CollapsibleSection>\n      {tried && Object.keys(errors).length > 0 && <p className=\"text-sm font-medium text-destructive\">Check the highlighted fields.</p>}\n      <GradientButton big onClick={launch}>\n        {props.walletAddress ? \"Review and launch\" : props.connectLabel ?? \"Sign in to launch\"}\n      </GradientButton>\n      {launching && <LaunchDialog open onClose={() => setLaunching(false)} draft={draft} app={props} />}\n    </div>\n    <div className=\"order-1 lg:order-2\">\n      <div className=\"lg:sticky lg:top-24\"><DraftSummary draft={draft} feeConfig={props.feeConfig} /></div>\n    </div>\n    </div>\n  );\n}\n\n/** The drop as collectors will see it, updated as the form changes. */\nexport function DraftSummary({ draft, feeConfig }: { draft: DropDraft; feeConfig: ResolvedFeeConfig }) {\n  const art = draft.cover ?? (draft.kind === \"edition\" ? draft.edition : draft.items[0]?.file ?? null);\n  const preview = art ? previewUrl(art) : null;\n  const supply = draftSupply(draft);\n  return (\n    <div className=\"overflow-hidden rounded-2xl border border-border bg-card\">\n      <div className=\"relative aspect-square bg-muted\">\n        {preview && <Image src={preview} alt={draft.name || \"Drop\"} fill unoptimized className=\"object-cover\" />}\n      </div>\n      <div className=\"space-y-1 p-4\">\n        <p className=\"truncate font-semibold\">{draft.name || \"Untitled drop\"}</p>\n        <p className=\"text-xs text-muted-foreground\">\n          {draft.sale.paid ? collectorPriceLine(draft.sale, feeConfig) ?? \"Set a price\" : \"Free\"}\n        </p>\n        <p className=\"text-xs text-muted-foreground\">\n          {Number.isFinite(supply) && supply > 0 ? `${supply.toLocaleString(\"en-US\")} ${draft.kind === \"edition\" ? \"copies\" : \"items\"}` : \"Supply not set\"}\n          {\" · \"}{draft.listOnly ? \"List only\" : \"Open to everyone\"}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_artwork_section","Image"]}

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ResolvedFeeConfig } from '@medialane/sdk';
+import { DropDraft } from '../../../utils/drop/draft.cjs';
+import { DropAppProps } from '../../../utils/drop/types.cjs';
+import '../../drop-item-list.cjs';
+import '../../../utils/drop/metadata.cjs';
+import '../../../utils/drop/sale.cjs';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../fast-mint/types.cjs';
+import 'react';
+
+declare function DropCreate(props: DropAppProps & {
+    feeConfig: ResolvedFeeConfig;
+}): react_jsx_runtime.JSX.Element;
+/** The drop as collectors will see it, updated as the form changes. */
+declare function DraftSummary({ draft, feeConfig }: {
+    draft: DropDraft;
+    feeConfig: ResolvedFeeConfig;
+}): react_jsx_runtime.JSX.Element;
+
+export { DraftSummary, DropCreate };

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ResolvedFeeConfig } from '@medialane/sdk';
+import { DropDraft } from '../../../utils/drop/draft.js';
+import { DropAppProps } from '../../../utils/drop/types.js';
+import '../../drop-item-list.js';
+import '../../../utils/drop/metadata.js';
+import '../../../utils/drop/sale.js';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../fast-mint/types.js';
+import 'react';
+
+declare function DropCreate(props: DropAppProps & {
+    feeConfig: ResolvedFeeConfig;
+}): react_jsx_runtime.JSX.Element;
+/** The drop as collectors will see it, updated as the form changes. */
+declare function DraftSummary({ draft, feeConfig }: {
+    draft: DropDraft;
+    feeConfig: ResolvedFeeConfig;
+}): react_jsx_runtime.JSX.Element;
+
+export { DraftSummary, DropCreate };

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Lock } from "lucide-react";
+import Image from "../../image.js";
+import { GradientButton } from "../../gradient-button.js";
+import { CollapsibleSection } from "../../collapsible-section.js";
+import { ArtworkSection } from "./artwork-section.js";
+import { DetailsSection } from "./details-section.js";
+import { SaleSection } from "./sale-section.js";
+import { ListSection } from "./list-section.js";
+import { ExclusiveFields } from "./exclusive-fields.js";
+import { LaunchDialog } from "./launch-dialog.js";
+import { FieldError } from "./artwork-section.js";
+import { EMPTY_DRAFT, draftSupply, validateDropDraft } from "../../../utils/drop/draft.js";
+import { collectorPriceLine } from "../../../utils/drop/sale.js";
+import { previewUrl } from "../../../utils/drop/preview.js";
+function DropCreate(props) {
+  const [draft, setDraftState] = useState(EMPTY_DRAFT);
+  const [tried, setTried] = useState(false);
+  const [launching, setLaunching] = useState(false);
+  const setDraft = (patch) => setDraftState((d) => ({ ...d, ...patch }));
+  const errors = tried ? validateDropDraft(draft, Math.floor(Date.now() / 1e3)) : {};
+  const launch = () => {
+    if (!props.walletAddress) return props.onRequireWallet();
+    setTried(true);
+    if (Object.keys(validateDropDraft(draft, Math.floor(Date.now() / 1e3))).length === 0) setLaunching(true);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-5 lg:order-1 order-2", children: [
+      /* @__PURE__ */ jsx(ArtworkSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ jsx(DetailsSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ jsx(SaleSection, { draft, setDraft, errors, feeConfig: props.feeConfig }),
+      /* @__PURE__ */ jsx(ListSection, { draft, setDraft, errors }),
+      /* @__PURE__ */ jsxs(
+        CollapsibleSection,
+        {
+          open: draft.gated.enabled,
+          onOpenChange: (enabled) => setDraft({ gated: { ...draft.gated, enabled } }),
+          icon: /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4 text-primary" }),
+          label: "Exclusive content",
+          hint: "Optional \xB7 a private link only holders can open",
+          children: [
+            /* @__PURE__ */ jsx(ExclusiveFields, { value: draft.gated, onChange: (v) => setDraft({ gated: { ...draft.gated, ...v } }) }),
+            /* @__PURE__ */ jsx(FieldError, { message: errors.gated })
+          ]
+        }
+      ),
+      tried && Object.keys(errors).length > 0 && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Check the highlighted fields." }),
+      /* @__PURE__ */ jsx(GradientButton, { big: true, onClick: launch, children: props.walletAddress ? "Review and launch" : props.connectLabel ?? "Sign in to launch" }),
+      launching && /* @__PURE__ */ jsx(LaunchDialog, { open: true, onClose: () => setLaunching(false), draft, app: props })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "order-1 lg:order-2", children: /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-24", children: /* @__PURE__ */ jsx(DraftSummary, { draft, feeConfig: props.feeConfig }) }) })
+  ] });
+}
+function DraftSummary({ draft, feeConfig }) {
+  const art = draft.cover ?? (draft.kind === "edition" ? draft.edition : draft.items[0]?.file ?? null);
+  const preview = art ? previewUrl(art) : null;
+  const supply = draftSupply(draft);
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-2xl border border-border bg-card", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative aspect-square bg-muted", children: preview && /* @__PURE__ */ jsx(Image, { src: preview, alt: draft.name || "Drop", fill: true, unoptimized: true, className: "object-cover" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1 p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate font-semibold", children: draft.name || "Untitled drop" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: draft.sale.paid ? collectorPriceLine(draft.sale, feeConfig) ?? "Set a price" : "Free" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        Number.isFinite(supply) && supply > 0 ? `${supply.toLocaleString("en-US")} ${draft.kind === "edition" ? "copies" : "items"}` : "Supply not set",
+        " \xB7 ",
+        draft.listOnly ? "List only" : "Open to everyone"
+      ] })
+    ] })
+  ] });
+}
+export {
+  DraftSummary,
+  DropCreate
+};
+//# sourceMappingURL=drop-create.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/drop-create.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Lock } from \"lucide-react\";\nimport type { ResolvedFeeConfig } from \"@medialane/sdk\";\nimport Image from \"../../image.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport { CollapsibleSection } from \"../../collapsible-section.js\";\nimport { ArtworkSection } from \"./artwork-section.js\";\nimport { DetailsSection } from \"./details-section.js\";\nimport { SaleSection } from \"./sale-section.js\";\nimport { ListSection } from \"./list-section.js\";\nimport { ExclusiveFields } from \"./exclusive-fields.js\";\nimport { LaunchDialog } from \"./launch-dialog.js\";\nimport { FieldError } from \"./artwork-section.js\";\nimport { EMPTY_DRAFT, draftSupply, validateDropDraft, type DropDraft } from \"../../../utils/drop/draft.js\";\nimport { collectorPriceLine } from \"../../../utils/drop/sale.js\";\nimport { previewUrl } from \"../../../utils/drop/preview.js\";\nimport type { DropAppProps } from \"../../../utils/drop/types.js\";\n\nexport function DropCreate(props: DropAppProps & { feeConfig: ResolvedFeeConfig }) {\n  const [draft, setDraftState] = useState<DropDraft>(EMPTY_DRAFT);\n  const [tried, setTried] = useState(false);\n  const [launching, setLaunching] = useState(false);\n  const setDraft = (patch: Partial<DropDraft>) => setDraftState((d) => ({ ...d, ...patch }));\n  const errors = tried ? validateDropDraft(draft, Math.floor(Date.now() / 1000)) : {};\n\n  const launch = () => {\n    if (!props.walletAddress) return props.onRequireWallet();\n    setTried(true);\n    if (Object.keys(validateDropDraft(draft, Math.floor(Date.now() / 1000))).length === 0) setLaunching(true);\n  };\n\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]\">\n    <div className=\"space-y-5 lg:order-1 order-2\">\n      <ArtworkSection draft={draft} setDraft={setDraft} errors={errors} />\n      <DetailsSection draft={draft} setDraft={setDraft} errors={errors} />\n      <SaleSection draft={draft} setDraft={setDraft} errors={errors} feeConfig={props.feeConfig} />\n      <ListSection draft={draft} setDraft={setDraft} errors={errors} />\n      <CollapsibleSection\n        open={draft.gated.enabled}\n        onOpenChange={(enabled) => setDraft({ gated: { ...draft.gated, enabled } })}\n        icon={<Lock className=\"h-4 w-4 text-primary\" />}\n        label=\"Exclusive content\"\n        hint=\"Optional · a private link only holders can open\"\n      >\n        <ExclusiveFields value={draft.gated} onChange={(v) => setDraft({ gated: { ...draft.gated, ...v } })} />\n        <FieldError message={errors.gated} />\n      </CollapsibleSection>\n      {tried && Object.keys(errors).length > 0 && <p className=\"text-sm font-medium text-destructive\">Check the highlighted fields.</p>}\n      <GradientButton big onClick={launch}>\n        {props.walletAddress ? \"Review and launch\" : props.connectLabel ?? \"Sign in to launch\"}\n      </GradientButton>\n      {launching && <LaunchDialog open onClose={() => setLaunching(false)} draft={draft} app={props} />}\n    </div>\n    <div className=\"order-1 lg:order-2\">\n      <div className=\"lg:sticky lg:top-24\"><DraftSummary draft={draft} feeConfig={props.feeConfig} /></div>\n    </div>\n    </div>\n  );\n}\n\n/** The drop as collectors will see it, updated as the form changes. */\nexport function DraftSummary({ draft, feeConfig }: { draft: DropDraft; feeConfig: ResolvedFeeConfig }) {\n  const art = draft.cover ?? (draft.kind === \"edition\" ? draft.edition : draft.items[0]?.file ?? null);\n  const preview = art ? previewUrl(art) : null;\n  const supply = draftSupply(draft);\n  return (\n    <div className=\"overflow-hidden rounded-2xl border border-border bg-card\">\n      <div className=\"relative aspect-square bg-muted\">\n        {preview && <Image src={preview} alt={draft.name || \"Drop\"} fill unoptimized className=\"object-cover\" />}\n      </div>\n      <div className=\"space-y-1 p-4\">\n        <p className=\"truncate font-semibold\">{draft.name || \"Untitled drop\"}</p>\n        <p className=\"text-xs text-muted-foreground\">\n          {draft.sale.paid ? collectorPriceLine(draft.sale, feeConfig) ?? \"Set a price\" : \"Free\"}\n        </p>\n        <p className=\"text-xs text-muted-foreground\">\n          {Number.isFinite(supply) && supply > 0 ? `${supply.toLocaleString(\"en-US\")} ${draft.kind === \"edition\" ? \"copies\" : \"items\"}` : \"Supply not set\"}\n          {\" · \"}{draft.listOnly ? \"List only\" : \"Open to everyone\"}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/drop/create/exclusive-fields.cjs

@@ -0,0 +1,45 @@
+"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 exclusive_fields_exports = {};
+__export(exclusive_fields_exports, {
+  ExclusiveFields: () => ExclusiveFields
+});
+module.exports = __toCommonJS(exclusive_fields_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_input = require("../../input.js");
+var import_select = require("../../select.js");
+var import_gated_content_types = require("../../../data/gated-content-types.js");
+const TYPES = Object.keys(import_gated_content_types.GATED_CONTENT_TYPES).map((value) => ({ value, label: value.charAt(0) + value.slice(1).toLowerCase() }));
+function ExclusiveFields({ value, onChange }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { placeholder: "Title, e.g. Behind-the-scenes footage", value: value.title, maxLength: 100, onChange: (e) => onChange({ ...value, title: e.target.value }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { placeholder: "https://\u2026", value: value.url, onChange: (e) => onChange({ ...value, url: e.target.value.trim() }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Only holders see this link. Use a private or unlisted one." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: value.type, onValueChange: (type) => onChange({ ...value, type }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: "Kind of content" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: TYPES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: t.value, children: t.label }, t.value)) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExclusiveFields
+});
+//# sourceMappingURL=exclusive-fields.cjs.map

package/dist/components/drop/create/exclusive-fields.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/exclusive-fields.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"../../input.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport { GATED_CONTENT_TYPES } from \"../../../data/gated-content-types.js\";\n\nexport interface ExclusiveValue {\n  title: string;\n  url: string;\n  type: string;\n}\n\nconst TYPES = Object.keys(GATED_CONTENT_TYPES).map((value) => ({ value, label: value.charAt(0) + value.slice(1).toLowerCase() }));\n\n/** Content only holders can open: a title, a private link and its kind. */\nexport function ExclusiveFields({ value, onChange }: { value: ExclusiveValue; onChange: (v: ExclusiveValue) => void }) {\n  return (\n    <div className=\"space-y-3\">\n      <Input placeholder=\"Title, e.g. Behind-the-scenes footage\" value={value.title} maxLength={100} onChange={(e) => onChange({ ...value, title: e.target.value })} />\n      <Input placeholder=\"https://…\" value={value.url} onChange={(e) => onChange({ ...value, url: e.target.value.trim() })} />\n      <p className=\"text-xs text-muted-foreground\">Only holders see this link. Use a private or unlisted one.</p>\n      <Select value={value.type} onValueChange={(type) => onChange({ ...value, type })}>\n        <SelectTrigger><SelectValue placeholder=\"Kind of content\" /></SelectTrigger>\n        <SelectContent>{TYPES.map((t) => <SelectItem key={t.value} value={t.value}>{t.label}</SelectItem>)}</SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAhBN,mBAAsB;AACtB,oBAA8E;AAC9E,iCAAoC;AAQpC,MAAM,QAAQ,OAAO,KAAK,8CAAmB,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAM,OAAO,CAAC,IAAI,MAAM,MAAM,CAAC,EAAE,YAAY,EAAE,EAAE;AAGzH,SAAS,gBAAgB,EAAE,OAAO,SAAS,GAAqE;AACrH,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,sBAAM,aAAY,yCAAwC,OAAO,MAAM,OAAO,WAAW,KAAK,UAAU,CAAC,MAAM,SAAS,EAAE,GAAG,OAAO,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG;AAAA,IAC/J,4CAAC,sBAAM,aAAY,kBAAY,OAAO,MAAM,KAAK,UAAU,CAAC,MAAM,SAAS,EAAE,GAAG,OAAO,KAAK,EAAE,OAAO,MAAM,KAAK,EAAE,CAAC,GAAG;AAAA,IACtH,4CAAC,OAAE,WAAU,iCAAgC,wEAA0D;AAAA,IACvG,6CAAC,wBAAO,OAAO,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,KAAK,CAAC,GAC7E;AAAA,kDAAC,+BAAc,sDAAC,6BAAY,aAAY,mBAAkB,GAAE;AAAA,MAC5D,4CAAC,+BAAe,gBAAM,IAAI,CAAC,MAAM,4CAAC,4BAAyB,OAAO,EAAE,OAAQ,YAAE,SAA5B,EAAE,KAAgC,CAAa,GAAE;AAAA,OACrG;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop/create/exclusive-fields.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ExclusiveValue {
+    title: string;
+    url: string;
+    type: string;
+}
+/** Content only holders can open: a title, a private link and its kind. */
+declare function ExclusiveFields({ value, onChange }: {
+    value: ExclusiveValue;
+    onChange: (v: ExclusiveValue) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ExclusiveFields, type ExclusiveValue };

package/dist/components/drop/create/exclusive-fields.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ExclusiveValue {
+    title: string;
+    url: string;
+    type: string;
+}
+/** Content only holders can open: a title, a private link and its kind. */
+declare function ExclusiveFields({ value, onChange }: {
+    value: ExclusiveValue;
+    onChange: (v: ExclusiveValue) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ExclusiveFields, type ExclusiveValue };

package/dist/components/drop/create/exclusive-fields.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "../../input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import { GATED_CONTENT_TYPES } from "../../../data/gated-content-types.js";
+const TYPES = Object.keys(GATED_CONTENT_TYPES).map((value) => ({ value, label: value.charAt(0) + value.slice(1).toLowerCase() }));
+function ExclusiveFields({ value, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(Input, { placeholder: "Title, e.g. Behind-the-scenes footage", value: value.title, maxLength: 100, onChange: (e) => onChange({ ...value, title: e.target.value }) }),
+    /* @__PURE__ */ jsx(Input, { placeholder: "https://\u2026", value: value.url, onChange: (e) => onChange({ ...value, url: e.target.value.trim() }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Only holders see this link. Use a private or unlisted one." }),
+    /* @__PURE__ */ jsxs(Select, { value: value.type, onValueChange: (type) => onChange({ ...value, type }), children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Kind of content" }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: TYPES.map((t) => /* @__PURE__ */ jsx(SelectItem, { value: t.value, children: t.label }, t.value)) })
+    ] })
+  ] });
+}
+export {
+  ExclusiveFields
+};
+//# sourceMappingURL=exclusive-fields.js.map

package/dist/components/drop/create/exclusive-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/exclusive-fields.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"../../input.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport { GATED_CONTENT_TYPES } from \"../../../data/gated-content-types.js\";\n\nexport interface ExclusiveValue {\n  title: string;\n  url: string;\n  type: string;\n}\n\nconst TYPES = Object.keys(GATED_CONTENT_TYPES).map((value) => ({ value, label: value.charAt(0) + value.slice(1).toLowerCase() }));\n\n/** Content only holders can open: a title, a private link and its kind. */\nexport function ExclusiveFields({ value, onChange }: { value: ExclusiveValue; onChange: (v: ExclusiveValue) => void }) {\n  return (\n    <div className=\"space-y-3\">\n      <Input placeholder=\"Title, e.g. Behind-the-scenes footage\" value={value.title} maxLength={100} onChange={(e) => onChange({ ...value, title: e.target.value })} />\n      <Input placeholder=\"https://…\" value={value.url} onChange={(e) => onChange({ ...value, url: e.target.value.trim() })} />\n      <p className=\"text-xs text-muted-foreground\">Only holders see this link. Use a private or unlisted one.</p>\n      <Select value={value.type} onValueChange={(type) => onChange({ ...value, type })}>\n        <SelectTrigger><SelectValue placeholder=\"Kind of content\" /></SelectTrigger>\n        <SelectContent>{TYPES.map((t) => <SelectItem key={t.value} value={t.value}>{t.label}</SelectItem>)}</SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"mappings":";AAkBM,cAGA,YAHA;AAhBN,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E,SAAS,2BAA2B;AAQpC,MAAM,QAAQ,OAAO,KAAK,mBAAmB,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAM,OAAO,CAAC,IAAI,MAAM,MAAM,CAAC,EAAE,YAAY,EAAE,EAAE;AAGzH,SAAS,gBAAgB,EAAE,OAAO,SAAS,GAAqE;AACrH,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAM,aAAY,yCAAwC,OAAO,MAAM,OAAO,WAAW,KAAK,UAAU,CAAC,MAAM,SAAS,EAAE,GAAG,OAAO,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG;AAAA,IAC/J,oBAAC,SAAM,aAAY,kBAAY,OAAO,MAAM,KAAK,UAAU,CAAC,MAAM,SAAS,EAAE,GAAG,OAAO,KAAK,EAAE,OAAO,MAAM,KAAK,EAAE,CAAC,GAAG;AAAA,IACtH,oBAAC,OAAE,WAAU,iCAAgC,wEAA0D;AAAA,IACvG,qBAAC,UAAO,OAAO,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,KAAK,CAAC,GAC7E;AAAA,0BAAC,iBAAc,8BAAC,eAAY,aAAY,mBAAkB,GAAE;AAAA,MAC5D,oBAAC,iBAAe,gBAAM,IAAI,CAAC,MAAM,oBAAC,cAAyB,OAAO,EAAE,OAAQ,YAAE,SAA5B,EAAE,KAAgC,CAAa,GAAE;AAAA,OACrG;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop/create/launch-dialog.cjs

@@ -0,0 +1,193 @@
+"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 launch_dialog_exports = {};
+__export(launch_dialog_exports, {
+  LaunchDialog: () => LaunchDialog,
+  downloadCsv: () => downloadCsv
+});
+module.exports = __toCommonJS(launch_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_sdk = require("@medialane/sdk");
+var import_starknet = require("@medialane/sdk/starknet");
+var import_action_dialog = require("../../action-dialog.js");
+var import_gradient_button = require("../../gradient-button.js");
+var import_button = require("../../button.js");
+var import_share_button = require("../../share-button.js");
+var import_describe_error = require("../../../utils/describe-error.js");
+var import_ipfs_upload = require("../../../utils/ipfs-upload.js");
+var import_allowlist = require("../../../utils/drop/allowlist.js");
+var import_metadata = require("../../../utils/drop/metadata.js");
+var import_sale = require("../../../utils/drop/sale.js");
+var import_draft = require("../../../utils/drop/draft.js");
+var import_upload = require("../../../utils/drop/upload.js");
+var import_actions = require("../../../utils/drop/actions.js");
+function LaunchDialog({ open, onClose, draft, app }) {
+  const [step, setStep] = (0, import_react.useState)({ kind: "review" });
+  const [tasks, setTasks] = (0, import_react.useState)([]);
+  const [baseUri, setBaseUri] = (0, import_react.useState)(null);
+  const client = app.getClient();
+  const files = draft.kind === "edition" ? draft.edition ? [draft.edition] : [] : draft.items.map((i) => i.file);
+  const terms = (0, import_sale.toDropTerms)(draft.sale);
+  const list = draft.listOnly ? (0, import_starknet.buildPopAllowlist)((0, import_allowlist.parseAllowlist)(draft.allowlist).addresses) : null;
+  const run = async () => {
+    try {
+      let uri = baseUri;
+      if (!uri) {
+        setStep({ kind: "uploading" });
+        const initial = tasks.length > 0 ? tasks : [
+          ...files.map((file, i) => ({ id: `art-${i}`, file, status: "pending", uri: null, error: null })),
+          ...draft.cover ? [{ id: "cover", file: draft.cover, status: "pending", uri: null, error: null }] : []
+        ];
+        const done = await (0, import_upload.uploadAll)(initial, async (f) => (await (0, import_ipfs_upload.uploadFileToIpfs)(client.api, f, "image")).uri, setTasks);
+        setTasks(done);
+        if (done.some((t) => t.status !== "done")) {
+          setStep({ kind: "error", message: "Some files didn't upload. Retry to send only those." });
+          return;
+        }
+        const art = done.filter((t) => t.id.startsWith("art-"));
+        const metadata = (0, import_metadata.buildDropMetadataFiles)({
+          kind: draft.kind,
+          name: draft.name.trim(),
+          description: draft.description.trim(),
+          creator: app.walletAddress,
+          coverUri: done.find((t) => t.id === "cover")?.uri ?? null,
+          license: draft.license,
+          registrationDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+          items: draft.kind === "edition" ? [{ name: "", description: "", imageUri: art[0].uri }] : draft.items.map((it, i) => ({ name: it.name, description: it.description, imageUri: art[i].uri })),
+          supply: (0, import_draft.draftSupply)(draft)
+        });
+        if ((0, import_metadata.metadataBytes)(metadata) > import_metadata.MAX_DROP_METADATA_BYTES) {
+          setStep({ kind: "error", message: "The descriptions are too long for this many tokens. Shorten them and try again." });
+          return;
+        }
+        uri = (await (0, import_ipfs_upload.uploadDirectoryToIpfs)(client.api, metadata)).baseUri;
+        setBaseUri(uri);
+      }
+      setStep({ kind: "launching" });
+      const signer = await app.getSigner();
+      const { collection } = await (0, import_actions.launchDrop)({ client, provider: app.provider, signer }, {
+        owner: app.walletAddress,
+        name: draft.name.trim(),
+        symbol: draft.symbol,
+        baseUri: uri,
+        maxSupply: (0, import_draft.draftSupply)(draft),
+        terms,
+        allowlistRoot: list?.root,
+        description: draft.description.trim() || void 0
+      });
+      let warning = null;
+      if (draft.gated.enabled) {
+        try {
+          await (0, import_actions.saveExclusiveContent)(client, collection, draft.gated);
+        } catch {
+          warning = "Your drop launched, but the exclusive content wasn't saved. You can add it from Manage.";
+        }
+      }
+      setStep({ kind: "done", collection, links: list ? (0, import_starknet.dropClaimLinks)(window.location.origin, collection, list) : [], warning });
+    } catch (err) {
+      setStep({ kind: "error", message: (0, import_describe_error.describeError)(err, "We couldn't launch your drop. Please try again.").message });
+    }
+  };
+  const close = () => {
+    if (step.kind === "uploading" || step.kind === "launching") return;
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_dialog.ActionDialog, { open, onClose: close, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5 p-6", children: [
+    step.kind === "review" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold", children: "Review and launch" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2 rounded-xl border border-border p-4 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold", children: draft.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: "Fixed after launch" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Price", value: (0, import_sale.priceLabel)(terms.price, terms.paymentToken) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Supply", value: `${(0, import_draft.draftSupply)(draft).toLocaleString("en-US")} ${draft.kind === "edition" ? "copies" : "items"}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Starts", value: terms.startTime === 0 ? "At launch" : new Date(terms.startTime * 1e3).toLocaleString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Ends", value: terms.endTime === 0 ? "No end date" : new Date(terms.endTime * 1e3).toLocaleString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Per wallet", value: terms.maxPerWallet === "0" ? "No limit" : terms.maxPerWallet }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { label: "Who can mint", value: list ? `${Object.keys(list.proofs).length} wallets on a list` : "Everyone" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "pt-1 text-xs text-muted-foreground", children: "The artwork and these terms can't be changed after launch. You can change the list later." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_button.GradientButton, { big: true, onClick: () => void run(), children: "Launch drop" })
+    ] }),
+    step.kind === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }),
+        "Uploading"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+        tasks.filter((t) => t.status === "done").length,
+        " of ",
+        tasks.length,
+        " files"
+      ] })
+    ] }),
+    step.kind === "launching" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Launching your drop\u2026"
+    ] }),
+    step.kind === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { className: "h-4 w-4 text-destructive" }),
+        "Not launched"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: step.message }),
+      tasks.some((t) => t.status === "failed") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-1 text-xs text-muted-foreground", children: tasks.filter((t) => t.status === "failed").map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        t.file.name,
+        ": ",
+        t.error
+      ] }, t.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { onClick: () => void run(), className: "gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RotateCcw, { className: "h-3.5 w-3.5" }),
+        "Try again"
+      ] })
+    ] }),
+    step.kind === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-5 w-5 text-green-500" }),
+        "Your drop is live"
+      ] }),
+      step.warning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-brand-orange", children: step.warning }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: draft.name, url: `${window.location.origin}${(0, import_sdk.dropHref)(step.collection)}`, variant: "outline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: (0, import_sdk.dropHref)(step.collection), children: "View drop" }) }),
+        step.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", onClick: () => downloadCsv((0, import_starknet.popClaimLinksCsv)(step.links), "claim-links.csv"), children: "Download claim links" })
+      ] }),
+      step.links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Send each wallet its link \u2014 the link is what lets it mint." })
+    ] })
+  ] }) });
+}
+function Row({ label, value }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-right font-medium", children: value })
+  ] });
+}
+function downloadCsv(csv, name) {
+  const href = URL.createObjectURL(new Blob([csv], { type: "text/csv" }));
+  Object.assign(document.createElement("a"), { href, download: name }).click();
+  URL.revokeObjectURL(href);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LaunchDialog,
+  downloadCsv
+});
+//# sourceMappingURL=launch-dialog.cjs.map