@medialane/ui 0.183.0 → 0.185.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, feeBps }) {
+  const sale = draft.sale;
+  const set = (patch) => setDraft({ sale: { ...sale, ...patch } });
+  const line = feeBps === null ? null : collectorPriceLine(sale, feeBps);
+  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 } 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, feeBps }: SectionProps & { feeBps: number | null }) {\n  const sale = draft.sale;\n  const set = (patch: Partial<SaleDraft>) => setDraft({ sale: { ...sale, ...patch } });\n  const line = feeBps === null ? null : collectorPriceLine(sale, feeBps);\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,yBAAyB;AAClC,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,OAAO,GAA6C;AACzG,QAAM,OAAO,MAAM;AACnB,QAAM,MAAM,CAAC,UAA8B,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AACnF,QAAM,OAAO,WAAW,OAAO,OAAO,mBAAmB,MAAM,MAAM;AACrE,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 = require("./drop-status.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.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.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,yBAAgC;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,sCAAgB,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.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.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-features.cjs

@@ -0,0 +1,44 @@
+"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 drop_features_exports = {};
+__export(drop_features_exports, {
+  DropFeatures: () => DropFeatures
+});
+module.exports = __toCommonJS(drop_features_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+const FEATURES = [
+  { icon: import_lucide_react.Layers, title: "Edition or collection", desc: "One artwork in numbered copies, or many unique items." },
+  { icon: import_lucide_react.Timer, title: "Your sale window", desc: "Open now or on a date, close whenever you choose \u2014 or never." },
+  { icon: import_lucide_react.Users, title: "Everyone or a list", desc: "Open to all, or only the wallets you invite with claim links." },
+  { icon: import_lucide_react.Package, title: "Collectors own them", desc: "Each token is theirs to keep, sell or trade anywhere." }
+];
+function DropFeatures() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: FEATURES.map(({ icon: Icon, title, desc }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bento-cell p-4 space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-5 w-5 text-brand-orange" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold leading-tight", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: desc })
+  ] }, title)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropFeatures
+});
+//# sourceMappingURL=drop-features.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-features.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers, Package, Timer, Users } from \"lucide-react\";\n\nconst FEATURES = [\n  { icon: Layers, title: \"Edition or collection\", desc: \"One artwork in numbered copies, or many unique items.\" },\n  { icon: Timer, title: \"Your sale window\", desc: \"Open now or on a date, close whenever you choose — or never.\" },\n  { icon: Users, title: \"Everyone or a list\", desc: \"Open to all, or only the wallets you invite with claim links.\" },\n  { icon: Package, title: \"Collectors own them\", desc: \"Each token is theirs to keep, sell or trade anywhere.\" },\n];\n\nexport function DropFeatures() {\n  return (\n    <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n      {FEATURES.map(({ icon: Icon, title, desc }) => (\n        <div key={title} className=\"bento-cell p-4 space-y-2\">\n          <Icon className=\"h-5 w-5 text-brand-orange\" />\n          <p className=\"text-sm font-semibold leading-tight\">{title}</p>\n          <p className=\"text-xs text-muted-foreground leading-relaxed\">{desc}</p>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeQ;AAbR,0BAA8C;AAE9C,MAAM,WAAW;AAAA,EACf,EAAE,MAAM,4BAAQ,OAAO,yBAAyB,MAAM,wDAAwD;AAAA,EAC9G,EAAE,MAAM,2BAAO,OAAO,oBAAoB,MAAM,oEAA+D;AAAA,EAC/G,EAAE,MAAM,2BAAO,OAAO,sBAAsB,MAAM,gEAAgE;AAAA,EAClH,EAAE,MAAM,6BAAS,OAAO,uBAAuB,MAAM,wDAAwD;AAC/G;AAEO,SAAS,eAAe;AAC7B,SACE,4CAAC,SAAI,WAAU,yCACZ,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,OAAO,KAAK,MACvC,6CAAC,SAAgB,WAAU,4BACzB;AAAA,gDAAC,QAAK,WAAU,6BAA4B;AAAA,IAC5C,4CAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,IAC1D,4CAAC,OAAE,WAAU,iDAAiD,gBAAK;AAAA,OAH3D,KAIV,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropFeatures(): react_jsx_runtime.JSX.Element;
+
+export { DropFeatures };

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropFeatures(): react_jsx_runtime.JSX.Element;
+
+export { DropFeatures };

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layers, Package, Timer, Users } from "lucide-react";
+const FEATURES = [
+  { icon: Layers, title: "Edition or collection", desc: "One artwork in numbered copies, or many unique items." },
+  { icon: Timer, title: "Your sale window", desc: "Open now or on a date, close whenever you choose \u2014 or never." },
+  { icon: Users, title: "Everyone or a list", desc: "Open to all, or only the wallets you invite with claim links." },
+  { icon: Package, title: "Collectors own them", desc: "Each token is theirs to keep, sell or trade anywhere." }
+];
+function DropFeatures() {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: FEATURES.map(({ icon: Icon, title, desc }) => /* @__PURE__ */ jsxs("div", { className: "bento-cell p-4 space-y-2", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-brand-orange" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-tight", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: desc })
+  ] }, title)) });
+}
+export {
+  DropFeatures
+};
+//# sourceMappingURL=drop-features.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-features.tsx"],"sourcesContent":["\"use client\";\n\nimport { Layers, Package, Timer, Users } from \"lucide-react\";\n\nconst FEATURES = [\n  { icon: Layers, title: \"Edition or collection\", desc: \"One artwork in numbered copies, or many unique items.\" },\n  { icon: Timer, title: \"Your sale window\", desc: \"Open now or on a date, close whenever you choose — or never.\" },\n  { icon: Users, title: \"Everyone or a list\", desc: \"Open to all, or only the wallets you invite with claim links.\" },\n  { icon: Package, title: \"Collectors own them\", desc: \"Each token is theirs to keep, sell or trade anywhere.\" },\n];\n\nexport function DropFeatures() {\n  return (\n    <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n      {FEATURES.map(({ icon: Icon, title, desc }) => (\n        <div key={title} className=\"bento-cell p-4 space-y-2\">\n          <Icon className=\"h-5 w-5 text-brand-orange\" />\n          <p className=\"text-sm font-semibold leading-tight\">{title}</p>\n          <p className=\"text-xs text-muted-foreground leading-relaxed\">{desc}</p>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAeQ,SACE,KADF;AAbR,SAAS,QAAQ,SAAS,OAAO,aAAa;AAE9C,MAAM,WAAW;AAAA,EACf,EAAE,MAAM,QAAQ,OAAO,yBAAyB,MAAM,wDAAwD;AAAA,EAC9G,EAAE,MAAM,OAAO,OAAO,oBAAoB,MAAM,oEAA+D;AAAA,EAC/G,EAAE,MAAM,OAAO,OAAO,sBAAsB,MAAM,gEAAgE;AAAA,EAClH,EAAE,MAAM,SAAS,OAAO,uBAAuB,MAAM,wDAAwD;AAC/G;AAEO,SAAS,eAAe;AAC7B,SACE,oBAAC,SAAI,WAAU,yCACZ,mBAAS,IAAI,CAAC,EAAE,MAAM,MAAM,OAAO,KAAK,MACvC,qBAAC,SAAgB,WAAU,4BACzB;AAAA,wBAAC,QAAK,WAAU,6BAA4B;AAAA,IAC5C,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,IAC1D,oBAAC,OAAE,WAAU,iDAAiD,gBAAK;AAAA,OAH3D,KAIV,CACD,GACH;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-status-display.cjs → drop/drop-status.cjs}

@@ -17,42 +17,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var drop_status_display_exports = {};
-__export(drop_status_display_exports, {
-  DropPriceDisplay: () => DropPriceDisplay,
+var drop_status_exports = {};
+__export(drop_status_exports, {
   DropStatusBadge: () => DropStatusBadge,
   DropSupplyProgress: () => DropSupplyProgress
 });
-module.exports = __toCommonJS(drop_status_display_exports);
+module.exports = __toCommonJS(drop_status_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_sdk = require("@medialane/sdk");
-var import_cn = require("../utils/cn.js");
-function getTokenByAddress(address) {
-  return (0, import_sdk.getListableTokens)().find(
-    (t) => (0, import_sdk.normalizeAddress)("STARKNET", t.address) === (0, import_sdk.normalizeAddress)("STARKNET", address)
-  ) ?? null;
-}
-function DropStatusBadge({ status }) {
+var import_cn = require("../../utils/cn.js");
+function DropStatusBadge({ phase }) {
   const map = {
     live: { label: "Live", cls: "text-green-400 bg-green-500/10" },
     upcoming: { label: "Upcoming", cls: "text-brand-blue bg-brand-blue/10" },
     ended: { label: "Ended", cls: "text-muted-foreground bg-muted" },
-    sold_out: { label: "Sold out", cls: "text-brand-orange bg-brand-orange/10" }
+    "sold-out": { label: "Sold out", cls: "text-brand-orange bg-brand-orange/10" }
   };
-  const { label, cls } = map[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "span",
-    {
-      className: (0, import_cn.cn)(
-        "inline-flex items-center gap-1 text-xs font-bold uppercase tracking-widest rounded-full px-3 py-1",
-        cls
-      ),
-      children: [
-        status === "live" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-green-400 animate-pulse" }),
-        label
-      ]
-    }
-  );
+  const { label, cls } = map[phase];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: (0, import_cn.cn)("inline-flex items-center gap-1 text-xs font-bold uppercase tracking-widest rounded-full px-3 py-1", cls), children: [
+    phase === "live" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-green-400 animate-pulse" }),
+    label
+  ] });
 }
 function DropSupplyProgress({ minted, max }) {
   const pct = max > 0 ? Math.min(100, minted / max * 100) : 0;
@@ -80,24 +64,9 @@ function DropSupplyProgress({ minted, max }) {
     ] })
   ] });
 }
-function DropPriceDisplay({ conditions }) {
-  if (conditions.price === "0" || conditions.paymentToken === "0x0") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-1.5 text-sm font-semibold text-green-500", children: "Free mint" });
-  }
-  const token = getTokenByAddress(conditions.paymentToken);
-  const decimals = token?.decimals ?? 18;
-  const priceNum = Number(BigInt(conditions.price) * 10000n / BigInt(10 ** decimals)) / 1e4;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
-    priceNum,
-    " ",
-    token?.symbol ?? "tokens",
-    " per token"
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DropPriceDisplay,
   DropStatusBadge,
   DropSupplyProgress
 });
-//# sourceMappingURL=drop-status-display.cjs.map
+//# sourceMappingURL=drop-status.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/drop-status.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../utils/cn.js\";\nimport type { DropPhase } from \"../../utils/drop/view.js\";\n\nexport function DropStatusBadge({ phase }: { phase: DropPhase }) {\n  const map = {\n    live:       { label: \"Live\",     cls: \"text-green-400 bg-green-500/10\" },\n    upcoming:   { label: \"Upcoming\", cls: \"text-brand-blue bg-brand-blue/10\" },\n    ended:      { label: \"Ended\",    cls: \"text-muted-foreground bg-muted\" },\n    \"sold-out\": { label: \"Sold out\", cls: \"text-brand-orange bg-brand-orange/10\" },\n  } as const;\n  const { label, cls } = map[phase];\n  return (\n    <span className={cn(\"inline-flex items-center gap-1 text-xs font-bold uppercase tracking-widest rounded-full px-3 py-1\", cls)}>\n      {phase === \"live\" && <span className=\"h-1.5 w-1.5 rounded-full bg-green-400 animate-pulse\" />}\n      {label}\n    </span>\n  );\n}\n\nexport function DropSupplyProgress({ minted, max }: { minted: number; max: number }) {\n  const pct = max > 0 ? Math.min(100, (minted / max) * 100) : 0;\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex justify-between text-xs text-muted-foreground\">\n        <span>{minted.toLocaleString()} minted</span>\n        <span>of {max.toLocaleString()}</span>\n      </div>\n      <div className=\"h-2 rounded-full bg-muted overflow-hidden\">\n        <div\n          className=\"h-full rounded-full bg-brand-orange transition-all duration-500\"\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n      <p className=\"text-xs text-muted-foreground\">{pct.toFixed(1)}% claimed</p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAZJ,gBAAmB;AAGZ,SAAS,gBAAgB,EAAE,MAAM,GAAyB;AAC/D,QAAM,MAAM;AAAA,IACV,MAAY,EAAE,OAAO,QAAY,KAAK,iCAAiC;AAAA,IACvE,UAAY,EAAE,OAAO,YAAY,KAAK,mCAAmC;AAAA,IACzE,OAAY,EAAE,OAAO,SAAY,KAAK,iCAAiC;AAAA,IACvE,YAAY,EAAE,OAAO,YAAY,KAAK,uCAAuC;AAAA,EAC/E;AACA,QAAM,EAAE,OAAO,IAAI,IAAI,IAAI,KAAK;AAChC,SACE,6CAAC,UAAK,eAAW,cAAG,qGAAqG,GAAG,GACzH;AAAA,cAAU,UAAU,4CAAC,UAAK,WAAU,uDAAsD;AAAA,IAC1F;AAAA,KACH;AAEJ;AAEO,SAAS,mBAAmB,EAAE,QAAQ,IAAI,GAAoC;AACnF,QAAM,MAAM,MAAM,IAAI,KAAK,IAAI,KAAM,SAAS,MAAO,GAAG,IAAI;AAC5D,SACE,6CAAC,SAAI,WAAU,eACb;AAAA,iDAAC,SAAI,WAAU,sDACb;AAAA,mDAAC,UAAM;AAAA,eAAO,eAAe;AAAA,QAAE;AAAA,SAAO;AAAA,MACtC,6CAAC,UAAK;AAAA;AAAA,QAAI,IAAI,eAAe;AAAA,SAAE;AAAA,OACjC;AAAA,IACA,4CAAC,SAAI,WAAU,6CACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,GAAG,GAAG,IAAI;AAAA;AAAA,IAC5B,GACF;AAAA,IACA,6CAAC,OAAE,WAAU,iCAAiC;AAAA,UAAI,QAAQ,CAAC;AAAA,MAAE;AAAA,OAAS;AAAA,KACxE;AAEJ;","names":[]}