@medialane/ui 0.183.0 → 0.184.0

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

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tag } from "lucide-react";
+import { getListableTokens } from "@medialane/sdk";
+import { Input } from "../../input.js";
+import { Switch } from "../../switch.js";
+import { Section, ToggleGroup } from "../../create-form-primitives.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import { collectorPriceLine } from "../../../utils/drop/sale.js";
+import { FieldError } from "./artwork-section.js";
+function SaleSection({ draft, setDraft, errors, feeConfig }) {
+  const sale = draft.sale;
+  const set = (patch) => setDraft({ sale: { ...sale, ...patch } });
+  const line = collectorPriceLine(sale, feeConfig);
+  return /* @__PURE__ */ jsxs(Section, { title: "Sale", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), children: [
+    /* @__PURE__ */ jsx(ToggleGroup, { value: sale.paid ? "Paid" : "Free", options: ["Free", "Paid"], onChange: (v) => set({ paid: v === "Paid" }) }),
+    sale.paid && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { inputMode: "decimal", placeholder: "Price per token", value: sale.price, onChange: (e) => set({ price: e.target.value.trim() }) }),
+        /* @__PURE__ */ jsxs(Select, { value: sale.tokenSymbol, onValueChange: (v) => set({ tokenSymbol: v }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-28", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: getListableTokens().map((t) => /* @__PURE__ */ jsx(SelectItem, { value: t.symbol, children: t.symbol }, t.symbol)) })
+        ] })
+      ] }),
+      line && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: line }),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.price })
+    ] }),
+    /* @__PURE__ */ jsx(Toggle, { label: "Starts now", checked: sale.startNow, onChange: (v) => set({ startNow: v }) }),
+    !sale.startNow && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Input, { type: "datetime-local", value: sale.start, onChange: (e) => set({ start: e.target.value }) }),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.start })
+    ] }),
+    /* @__PURE__ */ jsx(Toggle, { label: "Has an end date", checked: sale.hasEnd, onChange: (v) => set({ hasEnd: v }) }),
+    sale.hasEnd && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Input, { type: "datetime-local", value: sale.end, onChange: (e) => set({ end: e.target.value }) }),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.end })
+    ] }),
+    /* @__PURE__ */ jsx(Toggle, { label: "Limit per wallet", checked: sale.limitPerWallet, onChange: (v) => set({ limitPerWallet: v }) }),
+    sale.limitPerWallet && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Input, { inputMode: "numeric", className: "max-w-[10rem]", value: sale.perWallet, onChange: (e) => set({ perWallet: e.target.value.trim() }) }),
+      /* @__PURE__ */ jsx(FieldError, { message: errors.perWallet })
+    ] })
+  ] });
+}
+function Toggle({ label, checked, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm", children: label }),
+    /* @__PURE__ */ jsx(Switch, { checked, onCheckedChange: onChange })
+  ] });
+}
+export {
+  SaleSection
+};
+//# sourceMappingURL=sale-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/create/sale-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag } from \"lucide-react\";\nimport { getListableTokens, type ResolvedFeeConfig } from \"@medialane/sdk\";\nimport { Input } from \"../../input.js\";\nimport { Switch } from \"../../switch.js\";\nimport { Section, ToggleGroup } from \"../../create-form-primitives.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport { collectorPriceLine, type SaleDraft } from \"../../../utils/drop/sale.js\";\nimport { FieldError, type SectionProps } from \"./artwork-section.js\";\n\nexport function SaleSection({ draft, setDraft, errors, feeConfig }: SectionProps & { feeConfig: ResolvedFeeConfig }) {\n  const sale = draft.sale;\n  const set = (patch: Partial<SaleDraft>) => setDraft({ sale: { ...sale, ...patch } });\n  const line = collectorPriceLine(sale, feeConfig);\n  return (\n    <Section title=\"Sale\" icon={<Tag className=\"h-4 w-4\" />}>\n      <ToggleGroup value={sale.paid ? \"Paid\" : \"Free\"} options={[\"Free\", \"Paid\"]} onChange={(v) => set({ paid: v === \"Paid\" })} />\n      {sale.paid && (\n        <div className=\"space-y-1.5\">\n          <div className=\"flex gap-2\">\n            <Input inputMode=\"decimal\" placeholder=\"Price per token\" value={sale.price} onChange={(e) => set({ price: e.target.value.trim() })} />\n            <Select value={sale.tokenSymbol} onValueChange={(v) => set({ tokenSymbol: v })}>\n              <SelectTrigger className=\"w-28\"><SelectValue /></SelectTrigger>\n              <SelectContent>{getListableTokens().map((t) => <SelectItem key={t.symbol} value={t.symbol}>{t.symbol}</SelectItem>)}</SelectContent>\n            </Select>\n          </div>\n          {line && <p className=\"text-xs text-muted-foreground\">{line}</p>}\n          <FieldError message={errors.price} />\n        </div>\n      )}\n      <Toggle label=\"Starts now\" checked={sale.startNow} onChange={(v) => set({ startNow: v })} />\n      {!sale.startNow && (\n        <div className=\"space-y-1.5\">\n          <Input type=\"datetime-local\" value={sale.start} onChange={(e) => set({ start: e.target.value })} />\n          <FieldError message={errors.start} />\n        </div>\n      )}\n      <Toggle label=\"Has an end date\" checked={sale.hasEnd} onChange={(v) => set({ hasEnd: v })} />\n      {sale.hasEnd && (\n        <div className=\"space-y-1.5\">\n          <Input type=\"datetime-local\" value={sale.end} onChange={(e) => set({ end: e.target.value })} />\n          <FieldError message={errors.end} />\n        </div>\n      )}\n      <Toggle label=\"Limit per wallet\" checked={sale.limitPerWallet} onChange={(v) => set({ limitPerWallet: v })} />\n      {sale.limitPerWallet && (\n        <div className=\"space-y-1.5\">\n          <Input inputMode=\"numeric\" className=\"max-w-[10rem]\" value={sale.perWallet} onChange={(e) => set({ perWallet: e.target.value.trim() })} />\n          <FieldError message={errors.perWallet} />\n        </div>\n      )}\n    </Section>\n  );\n}\n\nfunction Toggle({ label, checked, onChange }: { label: string; checked: boolean; onChange: (v: boolean) => void }) {\n  return (\n    <div className=\"flex items-center justify-between\">\n      <span className=\"text-sm\">{label}</span>\n      <Switch checked={checked} onCheckedChange={onChange} />\n    </div>\n  );\n}\n"],"mappings":";AAgBgC,cAMpB,YANoB;AAdhC,SAAS,WAAW;AACpB,SAAS,yBAAiD;AAC1D,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,SAAS,mBAAmB;AACrC,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E,SAAS,0BAA0C;AACnD,SAAS,kBAAqC;AAEvC,SAAS,YAAY,EAAE,OAAO,UAAU,QAAQ,UAAU,GAAoD;AACnH,QAAM,OAAO,MAAM;AACnB,QAAM,MAAM,CAAC,UAA8B,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AACnF,QAAM,OAAO,mBAAmB,MAAM,SAAS;AAC/C,SACE,qBAAC,WAAQ,OAAM,QAAO,MAAM,oBAAC,OAAI,WAAU,WAAU,GACnD;AAAA,wBAAC,eAAY,OAAO,KAAK,OAAO,SAAS,QAAQ,SAAS,CAAC,QAAQ,MAAM,GAAG,UAAU,CAAC,MAAM,IAAI,EAAE,MAAM,MAAM,OAAO,CAAC,GAAG;AAAA,IACzH,KAAK,QACJ,qBAAC,SAAI,WAAU,eACb;AAAA,2BAAC,SAAI,WAAU,cACb;AAAA,4BAAC,SAAM,WAAU,WAAU,aAAY,mBAAkB,OAAO,KAAK,OAAO,UAAU,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAO,MAAM,KAAK,EAAE,CAAC,GAAG;AAAA,QACpI,qBAAC,UAAO,OAAO,KAAK,aAAa,eAAe,CAAC,MAAM,IAAI,EAAE,aAAa,EAAE,CAAC,GAC3E;AAAA,8BAAC,iBAAc,WAAU,QAAO,8BAAC,eAAY,GAAE;AAAA,UAC/C,oBAAC,iBAAe,4BAAkB,EAAE,IAAI,CAAC,MAAM,oBAAC,cAA0B,OAAO,EAAE,QAAS,YAAE,UAA9B,EAAE,MAAmC,CAAa,GAAE;AAAA,WACtH;AAAA,SACF;AAAA,MACC,QAAQ,oBAAC,OAAE,WAAU,iCAAiC,gBAAK;AAAA,MAC5D,oBAAC,cAAW,SAAS,OAAO,OAAO;AAAA,OACrC;AAAA,IAEF,oBAAC,UAAO,OAAM,cAAa,SAAS,KAAK,UAAU,UAAU,CAAC,MAAM,IAAI,EAAE,UAAU,EAAE,CAAC,GAAG;AAAA,IACzF,CAAC,KAAK,YACL,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,SAAM,MAAK,kBAAiB,OAAO,KAAK,OAAO,UAAU,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG;AAAA,MACjG,oBAAC,cAAW,SAAS,OAAO,OAAO;AAAA,OACrC;AAAA,IAEF,oBAAC,UAAO,OAAM,mBAAkB,SAAS,KAAK,QAAQ,UAAU,CAAC,MAAM,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG;AAAA,IAC1F,KAAK,UACJ,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,SAAM,MAAK,kBAAiB,OAAO,KAAK,KAAK,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,OAAO,MAAM,CAAC,GAAG;AAAA,MAC7F,oBAAC,cAAW,SAAS,OAAO,KAAK;AAAA,OACnC;AAAA,IAEF,oBAAC,UAAO,OAAM,oBAAmB,SAAS,KAAK,gBAAgB,UAAU,CAAC,MAAM,IAAI,EAAE,gBAAgB,EAAE,CAAC,GAAG;AAAA,IAC3G,KAAK,kBACJ,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,SAAM,WAAU,WAAU,WAAU,iBAAgB,OAAO,KAAK,WAAW,UAAU,CAAC,MAAM,IAAI,EAAE,WAAW,EAAE,OAAO,MAAM,KAAK,EAAE,CAAC,GAAG;AAAA,MACxI,oBAAC,cAAW,SAAS,OAAO,WAAW;AAAA,OACzC;AAAA,KAEJ;AAEJ;AAEA,SAAS,OAAO,EAAE,OAAO,SAAS,SAAS,GAAwE;AACjH,SACE,qBAAC,SAAI,WAAU,qCACb;AAAA,wBAAC,UAAK,WAAU,WAAW,iBAAM;AAAA,IACjC,oBAAC,UAAO,SAAkB,iBAAiB,UAAU;AAAA,KACvD;AAEJ;","names":[]}

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

@@ -0,0 +1,81 @@
+"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_card_exports = {};
+__export(drop_card_exports, {
+  DropCard: () => DropCard,
+  DropGrid: () => DropGrid,
+  DropGridSkeleton: () => DropGridSkeleton
+});
+module.exports = __toCommonJS(drop_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_sdk = require("@medialane/sdk");
+var import_image = __toESM(require("../image.js"), 1);
+var import_link = __toESM(require("../link.js"), 1);
+var import_drop_status_display = require("../drop-status-display.js");
+var import_ipfs = require("../../utils/ipfs.js");
+var import_view = require("../../utils/drop/view.js");
+var import_sale = require("../../utils/drop/sale.js");
+function DropCard({ drop, now, manage }) {
+  const phase = (0, import_view.dropPhase)(drop.terms, BigInt(drop.maxSupply), BigInt(drop.minted), now);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `${(0, import_sdk.dropHref)(drop.contractAddress)}${manage ? "?tab=manage" : ""}`,
+      className: "group block rounded-2xl border border-border bg-card overflow-hidden transition-colors hover:border-primary/40",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square bg-muted", children: [
+          drop.image && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: (0, import_ipfs.ipfsToHttp)(drop.image), alt: drop.name ?? "Drop", fill: true, unoptimized: true, className: "object-cover transition-transform group-hover:scale-[1.02]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropStatusBadge, { phase }) })
+        ] }),
+        /* @__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: drop.name ?? "Untitled drop" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_sale.priceLabel)(drop.terms.price, drop.terms.paymentToken) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_sale.supplyLabel)(drop.minted, drop.maxSupply) })
+          ] }),
+          manage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "pt-1 text-xs font-semibold text-primary", children: "Manage" })
+        ] })
+      ]
+    }
+  );
+}
+function DropGrid({ drops, now, manage }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: drops.map((d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropCard, { drop: d, now, manage }, d.contractAddress)) });
+}
+function DropGridSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-[4/5] animate-pulse rounded-2xl bg-muted" }, i)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropCard,
+  DropGrid,
+  DropGridSkeleton
+});
+//# sourceMappingURL=drop-card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { dropHref, type ApiDrop } from \"@medialane/sdk\";\nimport Image from \"../image.js\";\nimport Link from \"../link.js\";\nimport { DropStatusBadge } from \"../drop-status-display.js\";\nimport { ipfsToHttp } from \"../../utils/ipfs.js\";\nimport { dropPhase } from \"../../utils/drop/view.js\";\nimport { priceLabel, supplyLabel } from \"../../utils/drop/sale.js\";\n\nexport interface DropCardProps {\n  drop: ApiDrop;\n  now: number;\n  /** Organizer view: links to the Manage tab. */\n  manage?: boolean;\n}\n\nexport function DropCard({ drop, now, manage }: DropCardProps) {\n  const phase = dropPhase(drop.terms, BigInt(drop.maxSupply), BigInt(drop.minted), now);\n  return (\n    <Link\n      href={`${dropHref(drop.contractAddress)}${manage ? \"?tab=manage\" : \"\"}`}\n      className=\"group block rounded-2xl border border-border bg-card overflow-hidden transition-colors hover:border-primary/40\"\n    >\n      <div className=\"relative aspect-square bg-muted\">\n        {drop.image && (\n          <Image src={ipfsToHttp(drop.image)} alt={drop.name ?? \"Drop\"} fill unoptimized className=\"object-cover transition-transform group-hover:scale-[1.02]\" />\n        )}\n        <div className=\"absolute left-3 top-3\"><DropStatusBadge phase={phase} /></div>\n      </div>\n      <div className=\"space-y-1 p-4\">\n        <p className=\"truncate font-semibold\">{drop.name ?? \"Untitled drop\"}</p>\n        <div className=\"flex justify-between gap-2 text-xs text-muted-foreground\">\n          <span>{priceLabel(drop.terms.price, drop.terms.paymentToken)}</span>\n          <span>{supplyLabel(drop.minted, drop.maxSupply)}</span>\n        </div>\n        {manage && <p className=\"pt-1 text-xs font-semibold text-primary\">Manage</p>}\n      </div>\n    </Link>\n  );\n}\n\nexport function DropGrid({ drops, now, manage }: { drops: ApiDrop[]; now: number; manage?: boolean }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n      {drops.map((d) => <DropCard key={d.contractAddress} drop={d} now={now} manage={manage} />)}\n    </div>\n  );\n}\n\nexport function DropGridSkeleton() {\n  return (\n    <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: 6 }).map((_, i) => <div key={i} className=\"aspect-[4/5] animate-pulse rounded-2xl bg-muted\" />)}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAtBN,iBAAuC;AACvC,mBAAkB;AAClB,kBAAiB;AACjB,iCAAgC;AAChC,kBAA2B;AAC3B,kBAA0B;AAC1B,kBAAwC;AASjC,SAAS,SAAS,EAAE,MAAM,KAAK,OAAO,GAAkB;AAC7D,QAAM,YAAQ,uBAAU,KAAK,OAAO,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,MAAM,GAAG,GAAG;AACpF,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,OAAG,qBAAS,KAAK,eAAe,CAAC,GAAG,SAAS,gBAAgB,EAAE;AAAA,MACrE,WAAU;AAAA,MAEV;AAAA,qDAAC,SAAI,WAAU,mCACZ;AAAA,eAAK,SACJ,4CAAC,aAAAC,SAAA,EAAM,SAAK,wBAAW,KAAK,KAAK,GAAG,KAAK,KAAK,QAAQ,QAAQ,MAAI,MAAC,aAAW,MAAC,WAAU,8DAA6D;AAAA,UAExJ,4CAAC,SAAI,WAAU,yBAAwB,sDAAC,8CAAgB,OAAc,GAAE;AAAA,WAC1E;AAAA,QACA,6CAAC,SAAI,WAAU,iBACb;AAAA,sDAAC,OAAE,WAAU,0BAA0B,eAAK,QAAQ,iBAAgB;AAAA,UACpE,6CAAC,SAAI,WAAU,4DACb;AAAA,wDAAC,UAAM,sCAAW,KAAK,MAAM,OAAO,KAAK,MAAM,YAAY,GAAE;AAAA,YAC7D,4CAAC,UAAM,uCAAY,KAAK,QAAQ,KAAK,SAAS,GAAE;AAAA,aAClD;AAAA,UACC,UAAU,4CAAC,OAAE,WAAU,2CAA0C,oBAAM;AAAA,WAC1E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,SAAS,EAAE,OAAO,KAAK,OAAO,GAAwD;AACpG,SACE,4CAAC,SAAI,WAAU,wDACZ,gBAAM,IAAI,CAAC,MAAM,4CAAC,YAAiC,MAAM,GAAG,KAAU,UAAtC,EAAE,eAAoD,CAAE,GAC3F;AAEJ;AAEO,SAAS,mBAAmB;AACjC,SACE,4CAAC,SAAI,WAAU,wDACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,4CAAC,SAAY,WAAU,qDAAb,CAA+D,CAAE,GACtH;AAEJ;","names":["Link","Image"]}

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiDrop } from '@medialane/sdk';
+
+interface DropCardProps {
+    drop: ApiDrop;
+    now: number;
+    /** Organizer view: links to the Manage tab. */
+    manage?: boolean;
+}
+declare function DropCard({ drop, now, manage }: DropCardProps): react_jsx_runtime.JSX.Element;
+declare function DropGrid({ drops, now, manage }: {
+    drops: ApiDrop[];
+    now: number;
+    manage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropGridSkeleton(): react_jsx_runtime.JSX.Element;
+
+export { DropCard, type DropCardProps, DropGrid, DropGridSkeleton };

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiDrop } from '@medialane/sdk';
+
+interface DropCardProps {
+    drop: ApiDrop;
+    now: number;
+    /** Organizer view: links to the Manage tab. */
+    manage?: boolean;
+}
+declare function DropCard({ drop, now, manage }: DropCardProps): react_jsx_runtime.JSX.Element;
+declare function DropGrid({ drops, now, manage }: {
+    drops: ApiDrop[];
+    now: number;
+    manage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropGridSkeleton(): react_jsx_runtime.JSX.Element;
+
+export { DropCard, type DropCardProps, DropGrid, DropGridSkeleton };

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { dropHref } from "@medialane/sdk";
+import Image from "../image.js";
+import Link from "../link.js";
+import { DropStatusBadge } from "../drop-status-display.js";
+import { ipfsToHttp } from "../../utils/ipfs.js";
+import { dropPhase } from "../../utils/drop/view.js";
+import { priceLabel, supplyLabel } from "../../utils/drop/sale.js";
+function DropCard({ drop, now, manage }) {
+  const phase = dropPhase(drop.terms, BigInt(drop.maxSupply), BigInt(drop.minted), now);
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `${dropHref(drop.contractAddress)}${manage ? "?tab=manage" : ""}`,
+      className: "group block rounded-2xl border border-border bg-card overflow-hidden transition-colors hover:border-primary/40",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative aspect-square bg-muted", children: [
+          drop.image && /* @__PURE__ */ jsx(Image, { src: ipfsToHttp(drop.image), alt: drop.name ?? "Drop", fill: true, unoptimized: true, className: "object-cover transition-transform group-hover:scale-[1.02]" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ jsx(DropStatusBadge, { phase }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1 p-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate font-semibold", children: drop.name ?? "Untitled drop" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: priceLabel(drop.terms.price, drop.terms.paymentToken) }),
+            /* @__PURE__ */ jsx("span", { children: supplyLabel(drop.minted, drop.maxSupply) })
+          ] }),
+          manage && /* @__PURE__ */ jsx("p", { className: "pt-1 text-xs font-semibold text-primary", children: "Manage" })
+        ] })
+      ]
+    }
+  );
+}
+function DropGrid({ drops, now, manage }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: drops.map((d) => /* @__PURE__ */ jsx(DropCard, { drop: d, now, manage }, d.contractAddress)) });
+}
+function DropGridSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "aspect-[4/5] animate-pulse rounded-2xl bg-muted" }, i)) });
+}
+export {
+  DropCard,
+  DropGrid,
+  DropGridSkeleton
+};
+//# sourceMappingURL=drop-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { dropHref, type ApiDrop } from \"@medialane/sdk\";\nimport Image from \"../image.js\";\nimport Link from \"../link.js\";\nimport { DropStatusBadge } from \"../drop-status-display.js\";\nimport { ipfsToHttp } from \"../../utils/ipfs.js\";\nimport { dropPhase } from \"../../utils/drop/view.js\";\nimport { priceLabel, supplyLabel } from \"../../utils/drop/sale.js\";\n\nexport interface DropCardProps {\n  drop: ApiDrop;\n  now: number;\n  /** Organizer view: links to the Manage tab. */\n  manage?: boolean;\n}\n\nexport function DropCard({ drop, now, manage }: DropCardProps) {\n  const phase = dropPhase(drop.terms, BigInt(drop.maxSupply), BigInt(drop.minted), now);\n  return (\n    <Link\n      href={`${dropHref(drop.contractAddress)}${manage ? \"?tab=manage\" : \"\"}`}\n      className=\"group block rounded-2xl border border-border bg-card overflow-hidden transition-colors hover:border-primary/40\"\n    >\n      <div className=\"relative aspect-square bg-muted\">\n        {drop.image && (\n          <Image src={ipfsToHttp(drop.image)} alt={drop.name ?? \"Drop\"} fill unoptimized className=\"object-cover transition-transform group-hover:scale-[1.02]\" />\n        )}\n        <div className=\"absolute left-3 top-3\"><DropStatusBadge phase={phase} /></div>\n      </div>\n      <div className=\"space-y-1 p-4\">\n        <p className=\"truncate font-semibold\">{drop.name ?? \"Untitled drop\"}</p>\n        <div className=\"flex justify-between gap-2 text-xs text-muted-foreground\">\n          <span>{priceLabel(drop.terms.price, drop.terms.paymentToken)}</span>\n          <span>{supplyLabel(drop.minted, drop.maxSupply)}</span>\n        </div>\n        {manage && <p className=\"pt-1 text-xs font-semibold text-primary\">Manage</p>}\n      </div>\n    </Link>\n  );\n}\n\nexport function DropGrid({ drops, now, manage }: { drops: ApiDrop[]; now: number; manage?: boolean }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n      {drops.map((d) => <DropCard key={d.contractAddress} drop={d} now={now} manage={manage} />)}\n    </div>\n  );\n}\n\nexport function DropGridSkeleton() {\n  return (\n    <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: 6 }).map((_, i) => <div key={i} className=\"aspect-[4/5] animate-pulse rounded-2xl bg-muted\" />)}\n    </div>\n  );\n}\n"],"mappings":";AAwBM,SAEI,KAFJ;AAtBN,SAAS,gBAA8B;AACvC,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY,mBAAmB;AASjC,SAAS,SAAS,EAAE,MAAM,KAAK,OAAO,GAAkB;AAC7D,QAAM,QAAQ,UAAU,KAAK,OAAO,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,MAAM,GAAG,GAAG;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,SAAS,KAAK,eAAe,CAAC,GAAG,SAAS,gBAAgB,EAAE;AAAA,MACrE,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,mCACZ;AAAA,eAAK,SACJ,oBAAC,SAAM,KAAK,WAAW,KAAK,KAAK,GAAG,KAAK,KAAK,QAAQ,QAAQ,MAAI,MAAC,aAAW,MAAC,WAAU,8DAA6D;AAAA,UAExJ,oBAAC,SAAI,WAAU,yBAAwB,8BAAC,mBAAgB,OAAc,GAAE;AAAA,WAC1E;AAAA,QACA,qBAAC,SAAI,WAAU,iBACb;AAAA,8BAAC,OAAE,WAAU,0BAA0B,eAAK,QAAQ,iBAAgB;AAAA,UACpE,qBAAC,SAAI,WAAU,4DACb;AAAA,gCAAC,UAAM,qBAAW,KAAK,MAAM,OAAO,KAAK,MAAM,YAAY,GAAE;AAAA,YAC7D,oBAAC,UAAM,sBAAY,KAAK,QAAQ,KAAK,SAAS,GAAE;AAAA,aAClD;AAAA,UACC,UAAU,oBAAC,OAAE,WAAU,2CAA0C,oBAAM;AAAA,WAC1E;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,SAAS,EAAE,OAAO,KAAK,OAAO,GAAwD;AACpG,SACE,oBAAC,SAAI,WAAU,wDACZ,gBAAM,IAAI,CAAC,MAAM,oBAAC,YAAiC,MAAM,GAAG,KAAU,UAAtC,EAAE,eAAoD,CAAE,GAC3F;AAEJ;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,SAAI,WAAU,wDACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAM,oBAAC,SAAY,WAAU,qDAAb,CAA+D,CAAE,GACtH;AAEJ;","names":[]}

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

@@ -0,0 +1,79 @@
+"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_listing_exports = {};
+__export(drop_listing_exports, {
+  DropListing: () => DropListing
+});
+module.exports = __toCommonJS(drop_listing_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("../link.js"), 1);
+var import_tabs = require("../tabs.js");
+var import_tab_empty_state = require("../tab-empty-state.js");
+var import_drop_card = require("./drop-card.js");
+var import_use_drops = require("../../utils/use-drops.js");
+var import_use_now = require("../../utils/drop/use-now.js");
+const EMPTY = {
+  live: { heading: "No live drops", body: "Nothing is open for minting right now. Check Upcoming, or launch your own." },
+  upcoming: { heading: "No upcoming drops", body: "Scheduled drops will show here before they open." },
+  ended: { heading: "No ended drops", body: "Drops that sold out or closed will show here." }
+};
+function DropListing({
+  getClient,
+  createHref = "/launchpad/drop/create",
+  myDropsHref = "/launchpad/drop/my-drops"
+}) {
+  const [tab, setTab] = (0, import_react.useState)("live");
+  const { drops, isLoading } = (0, import_use_drops.useDrops)(getClient, tab);
+  const now = (0, import_use_now.useNow)(6e4);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs, { value: tab, onValueChange: (v) => setTab(v), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tabs.TabsList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "live", children: "Live" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "upcoming", children: "Upcoming" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "ended", children: "Ended" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: myDropsHref, className: "inline-flex h-9 items-center rounded-md border border-border px-3 text-sm hover:bg-muted/60", children: "My drops" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: createHref, className: "inline-flex h-9 items-center gap-1.5 rounded-md bg-primary px-3 text-sm font-semibold text-primary-foreground hover:brightness-110", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-3.5 w-3.5" }),
+          "Create a drop"
+        ] })
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_card.DropGridSkeleton, {}) : drops.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tab_empty_state.TabEmptyState, { icon: import_lucide_react.Package, ...EMPTY[tab] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_card.DropGrid, { drops, now })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropListing
+});
+//# sourceMappingURL=drop-listing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-listing.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Package, Plus } from \"lucide-react\";\nimport type { ApiDropListStatus } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport Link from \"../link.js\";\nimport { Tabs, TabsList, TabsTrigger } from \"../tabs.js\";\nimport { TabEmptyState } from \"../tab-empty-state.js\";\nimport { DropGrid, DropGridSkeleton } from \"./drop-card.js\";\nimport { useDrops } from \"../../utils/use-drops.js\";\nimport { useNow } from \"../../utils/drop/use-now.js\";\n\nconst EMPTY: Record<ApiDropListStatus, { heading: string; body: string }> = {\n  live: { heading: \"No live drops\", body: \"Nothing is open for minting right now. Check Upcoming, or launch your own.\" },\n  upcoming: { heading: \"No upcoming drops\", body: \"Scheduled drops will show here before they open.\" },\n  ended: { heading: \"No ended drops\", body: \"Drops that sold out or closed will show here.\" },\n};\n\nexport function DropListing({\n  getClient,\n  createHref = \"/launchpad/drop/create\",\n  myDropsHref = \"/launchpad/drop/my-drops\",\n}: {\n  getClient: () => MedialaneClient;\n  createHref?: string;\n  myDropsHref?: string;\n}) {\n  const [tab, setTab] = useState<ApiDropListStatus>(\"live\");\n  const { drops, isLoading } = useDrops(getClient, tab);\n  const now = useNow(60_000);\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <Tabs value={tab} onValueChange={(v) => setTab(v as ApiDropListStatus)}>\n          <TabsList>\n            <TabsTrigger value=\"live\">Live</TabsTrigger>\n            <TabsTrigger value=\"upcoming\">Upcoming</TabsTrigger>\n            <TabsTrigger value=\"ended\">Ended</TabsTrigger>\n          </TabsList>\n        </Tabs>\n        <div className=\"flex items-center gap-2\">\n          <Link href={myDropsHref} className=\"inline-flex h-9 items-center rounded-md border border-border px-3 text-sm hover:bg-muted/60\">My drops</Link>\n          <Link href={createHref} className=\"inline-flex h-9 items-center gap-1.5 rounded-md bg-primary px-3 text-sm font-semibold text-primary-foreground hover:brightness-110\">\n            <Plus className=\"h-3.5 w-3.5\" />\n            Create a drop\n          </Link>\n        </div>\n      </div>\n      {isLoading ? <DropGridSkeleton /> : drops.length === 0 ? <TabEmptyState icon={Package} {...EMPTY[tab]} /> : <DropGrid drops={drops} now={now} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCU;AAjCV,mBAAyB;AACzB,0BAA8B;AAG9B,kBAAiB;AACjB,kBAA4C;AAC5C,6BAA8B;AAC9B,uBAA2C;AAC3C,uBAAyB;AACzB,qBAAuB;AAEvB,MAAM,QAAsE;AAAA,EAC1E,MAAM,EAAE,SAAS,iBAAiB,MAAM,6EAA6E;AAAA,EACrH,UAAU,EAAE,SAAS,qBAAqB,MAAM,mDAAmD;AAAA,EACnG,OAAO,EAAE,SAAS,kBAAkB,MAAM,gDAAgD;AAC5F;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAChB,GAIG;AACD,QAAM,CAAC,KAAK,MAAM,QAAI,uBAA4B,MAAM;AACxD,QAAM,EAAE,OAAO,UAAU,QAAI,2BAAS,WAAW,GAAG;AACpD,QAAM,UAAM,uBAAO,GAAM;AACzB,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,iDAAC,SAAI,WAAU,qDACb;AAAA,kDAAC,oBAAK,OAAO,KAAK,eAAe,CAAC,MAAM,OAAO,CAAsB,GACnE,uDAAC,wBACC;AAAA,oDAAC,2BAAY,OAAM,QAAO,kBAAI;AAAA,QAC9B,4CAAC,2BAAY,OAAM,YAAW,sBAAQ;AAAA,QACtC,4CAAC,2BAAY,OAAM,SAAQ,mBAAK;AAAA,SAClC,GACF;AAAA,MACA,6CAAC,SAAI,WAAU,2BACb;AAAA,oDAAC,YAAAA,SAAA,EAAK,MAAM,aAAa,WAAU,+FAA8F,sBAAQ;AAAA,QACzI,6CAAC,YAAAA,SAAA,EAAK,MAAM,YAAY,WAAU,sIAChC;AAAA,sDAAC,4BAAK,WAAU,eAAc;AAAA,UAAE;AAAA,WAElC;AAAA,SACF;AAAA,OACF;AAAA,IACC,YAAY,4CAAC,qCAAiB,IAAK,MAAM,WAAW,IAAI,4CAAC,wCAAc,MAAM,6BAAU,GAAG,MAAM,GAAG,GAAG,IAAK,4CAAC,6BAAS,OAAc,KAAU;AAAA,KAChJ;AAEJ;","names":["Link"]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+declare function DropListing({ getClient, createHref, myDropsHref, }: {
+    getClient: () => MedialaneClient;
+    createHref?: string;
+    myDropsHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropListing };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+declare function DropListing({ getClient, createHref, myDropsHref, }: {
+    getClient: () => MedialaneClient;
+    createHref?: string;
+    myDropsHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropListing };

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Package, Plus } from "lucide-react";
+import Link from "../link.js";
+import { Tabs, TabsList, TabsTrigger } from "../tabs.js";
+import { TabEmptyState } from "../tab-empty-state.js";
+import { DropGrid, DropGridSkeleton } from "./drop-card.js";
+import { useDrops } from "../../utils/use-drops.js";
+import { useNow } from "../../utils/drop/use-now.js";
+const EMPTY = {
+  live: { heading: "No live drops", body: "Nothing is open for minting right now. Check Upcoming, or launch your own." },
+  upcoming: { heading: "No upcoming drops", body: "Scheduled drops will show here before they open." },
+  ended: { heading: "No ended drops", body: "Drops that sold out or closed will show here." }
+};
+function DropListing({
+  getClient,
+  createHref = "/launchpad/drop/create",
+  myDropsHref = "/launchpad/drop/my-drops"
+}) {
+  const [tab, setTab] = useState("live");
+  const { drops, isLoading } = useDrops(getClient, tab);
+  const now = useNow(6e4);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(Tabs, { value: tab, onValueChange: (v) => setTab(v), children: /* @__PURE__ */ jsxs(TabsList, { children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "live", children: "Live" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "upcoming", children: "Upcoming" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "ended", children: "Ended" })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Link, { href: myDropsHref, className: "inline-flex h-9 items-center rounded-md border border-border px-3 text-sm hover:bg-muted/60", children: "My drops" }),
+        /* @__PURE__ */ jsxs(Link, { href: createHref, className: "inline-flex h-9 items-center gap-1.5 rounded-md bg-primary px-3 text-sm font-semibold text-primary-foreground hover:brightness-110", children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+          "Create a drop"
+        ] })
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx(DropGridSkeleton, {}) : drops.length === 0 ? /* @__PURE__ */ jsx(TabEmptyState, { icon: Package, ...EMPTY[tab] }) : /* @__PURE__ */ jsx(DropGrid, { drops, now })
+  ] });
+}
+export {
+  DropListing
+};
+//# sourceMappingURL=drop-listing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-listing.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Package, Plus } from \"lucide-react\";\nimport type { ApiDropListStatus } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport Link from \"../link.js\";\nimport { Tabs, TabsList, TabsTrigger } from \"../tabs.js\";\nimport { TabEmptyState } from \"../tab-empty-state.js\";\nimport { DropGrid, DropGridSkeleton } from \"./drop-card.js\";\nimport { useDrops } from \"../../utils/use-drops.js\";\nimport { useNow } from \"../../utils/drop/use-now.js\";\n\nconst EMPTY: Record<ApiDropListStatus, { heading: string; body: string }> = {\n  live: { heading: \"No live drops\", body: \"Nothing is open for minting right now. Check Upcoming, or launch your own.\" },\n  upcoming: { heading: \"No upcoming drops\", body: \"Scheduled drops will show here before they open.\" },\n  ended: { heading: \"No ended drops\", body: \"Drops that sold out or closed will show here.\" },\n};\n\nexport function DropListing({\n  getClient,\n  createHref = \"/launchpad/drop/create\",\n  myDropsHref = \"/launchpad/drop/my-drops\",\n}: {\n  getClient: () => MedialaneClient;\n  createHref?: string;\n  myDropsHref?: string;\n}) {\n  const [tab, setTab] = useState<ApiDropListStatus>(\"live\");\n  const { drops, isLoading } = useDrops(getClient, tab);\n  const now = useNow(60_000);\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <Tabs value={tab} onValueChange={(v) => setTab(v as ApiDropListStatus)}>\n          <TabsList>\n            <TabsTrigger value=\"live\">Live</TabsTrigger>\n            <TabsTrigger value=\"upcoming\">Upcoming</TabsTrigger>\n            <TabsTrigger value=\"ended\">Ended</TabsTrigger>\n          </TabsList>\n        </Tabs>\n        <div className=\"flex items-center gap-2\">\n          <Link href={myDropsHref} className=\"inline-flex h-9 items-center rounded-md border border-border px-3 text-sm hover:bg-muted/60\">My drops</Link>\n          <Link href={createHref} className=\"inline-flex h-9 items-center gap-1.5 rounded-md bg-primary px-3 text-sm font-semibold text-primary-foreground hover:brightness-110\">\n            <Plus className=\"h-3.5 w-3.5\" />\n            Create a drop\n          </Link>\n        </div>\n      </div>\n      {isLoading ? <DropGridSkeleton /> : drops.length === 0 ? <TabEmptyState icon={Package} {...EMPTY[tab]} /> : <DropGrid drops={drops} now={now} />}\n    </div>\n  );\n}\n"],"mappings":";AAmCU,SACE,KADF;AAjCV,SAAS,gBAAgB;AACzB,SAAS,SAAS,YAAY;AAG9B,OAAO,UAAU;AACjB,SAAS,MAAM,UAAU,mBAAmB;AAC5C,SAAS,qBAAqB;AAC9B,SAAS,UAAU,wBAAwB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,MAAM,QAAsE;AAAA,EAC1E,MAAM,EAAE,SAAS,iBAAiB,MAAM,6EAA6E;AAAA,EACrH,UAAU,EAAE,SAAS,qBAAqB,MAAM,mDAAmD;AAAA,EACnG,OAAO,EAAE,SAAS,kBAAkB,MAAM,gDAAgD;AAC5F;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAChB,GAIG;AACD,QAAM,CAAC,KAAK,MAAM,IAAI,SAA4B,MAAM;AACxD,QAAM,EAAE,OAAO,UAAU,IAAI,SAAS,WAAW,GAAG;AACpD,QAAM,MAAM,OAAO,GAAM;AACzB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,qDACb;AAAA,0BAAC,QAAK,OAAO,KAAK,eAAe,CAAC,MAAM,OAAO,CAAsB,GACnE,+BAAC,YACC;AAAA,4BAAC,eAAY,OAAM,QAAO,kBAAI;AAAA,QAC9B,oBAAC,eAAY,OAAM,YAAW,sBAAQ;AAAA,QACtC,oBAAC,eAAY,OAAM,SAAQ,mBAAK;AAAA,SAClC,GACF;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,QAAK,MAAM,aAAa,WAAU,+FAA8F,sBAAQ;AAAA,QACzI,qBAAC,QAAK,MAAM,YAAY,WAAU,sIAChC;AAAA,8BAAC,QAAK,WAAU,eAAc;AAAA,UAAE;AAAA,WAElC;AAAA,SACF;AAAA,OACF;AAAA,IACC,YAAY,oBAAC,oBAAiB,IAAK,MAAM,WAAW,IAAI,oBAAC,iBAAc,MAAM,SAAU,GAAG,MAAM,GAAG,GAAG,IAAK,oBAAC,YAAS,OAAc,KAAU;AAAA,KAChJ;AAEJ;","names":[]}

package/dist/components/drop/drop-token-link.cjs

@@ -0,0 +1,63 @@
+"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_token_link_exports = {};
+__export(drop_token_link_exports, {
+  DropTokenLink: () => DropTokenLink
+});
+module.exports = __toCommonJS(drop_token_link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_sdk = require("@medialane/sdk");
+var import_link = __toESM(require("../link.js"), 1);
+function DropTokenLink({ contract, name }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: (0, import_sdk.dropHref)(contract),
+      className: "flex items-center justify-between gap-3 rounded-xl border border-border px-4 py-3 transition-colors hover:bg-muted/40",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex min-w-0 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Package, { className: "h-4 w-4 shrink-0 text-brand-orange" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "From the drop" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate font-semibold", children: name ?? "Drop" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex shrink-0 items-center gap-1 text-sm font-semibold text-primary", children: [
+          "View drop ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropTokenLink
+});
+//# sourceMappingURL=drop-token-link.cjs.map

package/dist/components/drop/drop-token-link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-token-link.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowRight, Package } from \"lucide-react\";\nimport { dropHref } from \"@medialane/sdk\";\nimport Link from \"../link.js\";\n\n/** On a token page: where the token was minted. */\nexport function DropTokenLink({ contract, name }: { contract: string; name: string | null }) {\n  return (\n    <Link\n      href={dropHref(contract)}\n      className=\"flex items-center justify-between gap-3 rounded-xl border border-border px-4 py-3 transition-colors hover:bg-muted/40\"\n    >\n      <span className=\"flex min-w-0 items-center gap-2 text-sm\">\n        <Package className=\"h-4 w-4 shrink-0 text-brand-orange\" />\n        <span className=\"text-muted-foreground\">From the drop</span>\n        <span className=\"truncate font-semibold\">{name ?? \"Drop\"}</span>\n      </span>\n      <span className=\"flex shrink-0 items-center gap-1 text-sm font-semibold text-primary\">\n        View drop <ArrowRight className=\"h-3.5 w-3.5\" />\n      </span>\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaM;AAXN,0BAAoC;AACpC,iBAAyB;AACzB,kBAAiB;AAGV,SAAS,cAAc,EAAE,UAAU,KAAK,GAA8C;AAC3F,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,UAAM,qBAAS,QAAQ;AAAA,MACvB,WAAU;AAAA,MAEV;AAAA,qDAAC,UAAK,WAAU,2CACd;AAAA,sDAAC,+BAAQ,WAAU,sCAAqC;AAAA,UACxD,4CAAC,UAAK,WAAU,yBAAwB,2BAAa;AAAA,UACrD,4CAAC,UAAK,WAAU,0BAA0B,kBAAQ,QAAO;AAAA,WAC3D;AAAA,QACA,6CAAC,UAAK,WAAU,uEAAsE;AAAA;AAAA,UAC1E,4CAAC,kCAAW,WAAU,eAAc;AAAA,WAChD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}

package/dist/components/drop/drop-token-link.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** On a token page: where the token was minted. */
+declare function DropTokenLink({ contract, name }: {
+    contract: string;
+    name: string | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropTokenLink };

package/dist/components/drop/drop-token-link.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** On a token page: where the token was minted. */
+declare function DropTokenLink({ contract, name }: {
+    contract: string;
+    name: string | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropTokenLink };

package/dist/components/drop/drop-token-link.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight, Package } from "lucide-react";
+import { dropHref } from "@medialane/sdk";
+import Link from "../link.js";
+function DropTokenLink({ contract, name }) {
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: dropHref(contract),
+      className: "flex items-center justify-between gap-3 rounded-xl border border-border px-4 py-3 transition-colors hover:bg-muted/40",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 shrink-0 text-brand-orange" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "From the drop" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: name ?? "Drop" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-sm font-semibold text-primary", children: [
+          "View drop ",
+          /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  DropTokenLink
+};
+//# sourceMappingURL=drop-token-link.js.map

package/dist/components/drop/drop-token-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-token-link.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowRight, Package } from \"lucide-react\";\nimport { dropHref } from \"@medialane/sdk\";\nimport Link from \"../link.js\";\n\n/** On a token page: where the token was minted. */\nexport function DropTokenLink({ contract, name }: { contract: string; name: string | null }) {\n  return (\n    <Link\n      href={dropHref(contract)}\n      className=\"flex items-center justify-between gap-3 rounded-xl border border-border px-4 py-3 transition-colors hover:bg-muted/40\"\n    >\n      <span className=\"flex min-w-0 items-center gap-2 text-sm\">\n        <Package className=\"h-4 w-4 shrink-0 text-brand-orange\" />\n        <span className=\"text-muted-foreground\">From the drop</span>\n        <span className=\"truncate font-semibold\">{name ?? \"Drop\"}</span>\n      </span>\n      <span className=\"flex shrink-0 items-center gap-1 text-sm font-semibold text-primary\">\n        View drop <ArrowRight className=\"h-3.5 w-3.5\" />\n      </span>\n    </Link>\n  );\n}\n"],"mappings":";AAaM,SACE,KADF;AAXN,SAAS,YAAY,eAAe;AACpC,SAAS,gBAAgB;AACzB,OAAO,UAAU;AAGV,SAAS,cAAc,EAAE,UAAU,KAAK,GAA8C;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,SAAS,QAAQ;AAAA,MACvB,WAAU;AAAA,MAEV;AAAA,6BAAC,UAAK,WAAU,2CACd;AAAA,8BAAC,WAAQ,WAAU,sCAAqC;AAAA,UACxD,oBAAC,UAAK,WAAU,yBAAwB,2BAAa;AAAA,UACrD,oBAAC,UAAK,WAAU,0BAA0B,kBAAQ,QAAO;AAAA,WAC3D;AAAA,QACA,qBAAC,UAAK,WAAU,uEAAsE;AAAA;AAAA,UAC1E,oBAAC,cAAW,WAAU,eAAc;AAAA,WAChD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}