@medialane/ui 0.183.0 → 0.185.0

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropPhase } from '../../utils/drop/view.cjs';
+import '@medialane/sdk/starknet';
+
+declare function DropStatusBadge({ phase }: {
+    phase: DropPhase;
+}): react_jsx_runtime.JSX.Element;
+declare function DropSupplyProgress({ minted, max }: {
+    minted: number;
+    max: number;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropStatusBadge, DropSupplyProgress };

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropPhase } from '../../utils/drop/view.js';
+import '@medialane/sdk/starknet';
+
+declare function DropStatusBadge({ phase }: {
+    phase: DropPhase;
+}): react_jsx_runtime.JSX.Element;
+declare function DropSupplyProgress({ minted, max }: {
+    minted: number;
+    max: number;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropStatusBadge, DropSupplyProgress };

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../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" }
+  };
+  const { label, cls } = map[phase];
+  return /* @__PURE__ */ jsxs("span", { className: 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__ */ 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;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        minted.toLocaleString(),
+        " minted"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "of ",
+        max.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full rounded-full bg-brand-orange transition-all duration-500",
+        style: { width: `${pct}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      pct.toFixed(1),
+      "% claimed"
+    ] })
+  ] });
+}
+export {
+  DropStatusBadge,
+  DropSupplyProgress
+};
+//# sourceMappingURL=drop-status.js.map

package/dist/components/drop/drop-status.js.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":";AAcI,SACuB,KADvB;AAZJ,SAAS,UAAU;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,qBAAC,UAAK,WAAW,GAAG,qGAAqG,GAAG,GACzH;AAAA,cAAU,UAAU,oBAAC,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,qBAAC,SAAI,WAAU,eACb;AAAA,yBAAC,SAAI,WAAU,sDACb;AAAA,2BAAC,UAAM;AAAA,eAAO,eAAe;AAAA,QAAE;AAAA,SAAO;AAAA,MACtC,qBAAC,UAAK;AAAA;AAAA,QAAI,IAAI,eAAe;AAAA,SAAE;AAAA,OACjC;AAAA,IACA,oBAAC,SAAI,WAAU,6CACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,GAAG,GAAG,IAAI;AAAA;AAAA,IAC5B,GACF;AAAA,IACA,qBAAC,OAAE,WAAU,iCAAiC;AAAA,UAAI,QAAQ,CAAC;AAAA,MAAE;AAAA,OAAS;AAAA,KACxE;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":[]}

package/dist/components/drop/my-drops.cjs

@@ -0,0 +1,71 @@
+"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 my_drops_exports = {};
+__export(my_drops_exports, {
+  MyDrops: () => MyDrops
+});
+module.exports = __toCommonJS(my_drops_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("../link.js"), 1);
+var import_button = require("../button.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");
+function MyDrops({
+  getClient,
+  walletAddress,
+  onRequireWallet,
+  connectLabel = "Sign in",
+  createHref = "/launchpad/drop/create"
+}) {
+  const { drops, isLoading } = (0, import_use_drops.useMyDrops)(getClient, walletAddress);
+  const now = (0, import_use_now.useNow)(6e4);
+  if (!walletAddress) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4 py-16 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "Sign in to see the drops you launched." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: onRequireWallet, children: connectLabel })
+    ] });
+  }
+  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_card.DropGridSkeleton, {});
+  if (drops.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tab_empty_state.TabEmptyState, { icon: import_lucide_react.Package, heading: "No drops yet", body: "Launch an edition or a collection and it will show here." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: createHref, className: "text-sm font-semibold text-primary", children: "Create a drop" }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_card.DropGrid, { drops, now, manage: true });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MyDrops
+});
+//# sourceMappingURL=my-drops.cjs.map

package/dist/components/drop/my-drops.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/my-drops.tsx"],"sourcesContent":["\"use client\";\n\nimport { Package } from \"lucide-react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport Link from \"../link.js\";\nimport { Button } from \"../button.js\";\nimport { TabEmptyState } from \"../tab-empty-state.js\";\nimport { DropGrid, DropGridSkeleton } from \"./drop-card.js\";\nimport { useMyDrops } from \"../../utils/use-drops.js\";\nimport { useNow } from \"../../utils/drop/use-now.js\";\n\nexport function MyDrops({\n  getClient, walletAddress, onRequireWallet, connectLabel = \"Sign in\", createHref = \"/launchpad/drop/create\",\n}: {\n  getClient: () => MedialaneClient;\n  walletAddress: string | null;\n  onRequireWallet: () => void;\n  connectLabel?: string;\n  createHref?: string;\n}) {\n  const { drops, isLoading } = useMyDrops(getClient, walletAddress);\n  const now = useNow(60_000);\n  if (!walletAddress) {\n    return (\n      <div className=\"space-y-4 py-16 text-center\">\n        <p className=\"text-sm text-muted-foreground\">Sign in to see the drops you launched.</p>\n        <Button onClick={onRequireWallet}>{connectLabel}</Button>\n      </div>\n    );\n  }\n  if (isLoading) return <DropGridSkeleton />;\n  if (drops.length === 0) {\n    return (\n      <div className=\"space-y-4\">\n        <TabEmptyState icon={Package} heading=\"No drops yet\" body=\"Launch an edition or a collection and it will show here.\" />\n        <div className=\"text-center\"><Link href={createHref} className=\"text-sm font-semibold text-primary\">Create a drop</Link></div>\n      </div>\n    );\n  }\n  return <DropGrid drops={drops} now={now} manage />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAtBN,0BAAwB;AAExB,kBAAiB;AACjB,oBAAuB;AACvB,6BAA8B;AAC9B,uBAA2C;AAC3C,uBAA2B;AAC3B,qBAAuB;AAEhB,SAAS,QAAQ;AAAA,EACtB;AAAA,EAAW;AAAA,EAAe;AAAA,EAAiB,eAAe;AAAA,EAAW,aAAa;AACpF,GAMG;AACD,QAAM,EAAE,OAAO,UAAU,QAAI,6BAAW,WAAW,aAAa;AAChE,QAAM,UAAM,uBAAO,GAAM;AACzB,MAAI,CAAC,eAAe;AAClB,WACE,6CAAC,SAAI,WAAU,+BACb;AAAA,kDAAC,OAAE,WAAU,iCAAgC,oDAAsC;AAAA,MACnF,4CAAC,wBAAO,SAAS,iBAAkB,wBAAa;AAAA,OAClD;AAAA,EAEJ;AACA,MAAI,UAAW,QAAO,4CAAC,qCAAiB;AACxC,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,6CAAC,SAAI,WAAU,aACb;AAAA,kDAAC,wCAAc,MAAM,6BAAS,SAAQ,gBAAe,MAAK,4DAA2D;AAAA,MACrH,4CAAC,SAAI,WAAU,eAAc,sDAAC,YAAAA,SAAA,EAAK,MAAM,YAAY,WAAU,sCAAqC,2BAAa,GAAO;AAAA,OAC1H;AAAA,EAEJ;AACA,SAAO,4CAAC,6BAAS,OAAc,KAAU,QAAM,MAAC;AAClD;","names":["Link"]}

package/dist/components/drop/my-drops.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+declare function MyDrops({ getClient, walletAddress, onRequireWallet, connectLabel, createHref, }: {
+    getClient: () => MedialaneClient;
+    walletAddress: string | null;
+    onRequireWallet: () => void;
+    connectLabel?: string;
+    createHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { MyDrops };

package/dist/components/drop/my-drops.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+declare function MyDrops({ getClient, walletAddress, onRequireWallet, connectLabel, createHref, }: {
+    getClient: () => MedialaneClient;
+    walletAddress: string | null;
+    onRequireWallet: () => void;
+    connectLabel?: string;
+    createHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { MyDrops };

package/dist/components/drop/my-drops.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Package } from "lucide-react";
+import Link from "../link.js";
+import { Button } from "../button.js";
+import { TabEmptyState } from "../tab-empty-state.js";
+import { DropGrid, DropGridSkeleton } from "./drop-card.js";
+import { useMyDrops } from "../../utils/use-drops.js";
+import { useNow } from "../../utils/drop/use-now.js";
+function MyDrops({
+  getClient,
+  walletAddress,
+  onRequireWallet,
+  connectLabel = "Sign in",
+  createHref = "/launchpad/drop/create"
+}) {
+  const { drops, isLoading } = useMyDrops(getClient, walletAddress);
+  const now = useNow(6e4);
+  if (!walletAddress) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-16 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sign in to see the drops you launched." }),
+      /* @__PURE__ */ jsx(Button, { onClick: onRequireWallet, children: connectLabel })
+    ] });
+  }
+  if (isLoading) return /* @__PURE__ */ jsx(DropGridSkeleton, {});
+  if (drops.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(TabEmptyState, { icon: Package, heading: "No drops yet", body: "Launch an edition or a collection and it will show here." }),
+      /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Link, { href: createHref, className: "text-sm font-semibold text-primary", children: "Create a drop" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(DropGrid, { drops, now, manage: true });
+}
+export {
+  MyDrops
+};
+//# sourceMappingURL=my-drops.js.map

package/dist/components/drop/my-drops.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drop/my-drops.tsx"],"sourcesContent":["\"use client\";\n\nimport { Package } from \"lucide-react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport Link from \"../link.js\";\nimport { Button } from \"../button.js\";\nimport { TabEmptyState } from \"../tab-empty-state.js\";\nimport { DropGrid, DropGridSkeleton } from \"./drop-card.js\";\nimport { useMyDrops } from \"../../utils/use-drops.js\";\nimport { useNow } from \"../../utils/drop/use-now.js\";\n\nexport function MyDrops({\n  getClient, walletAddress, onRequireWallet, connectLabel = \"Sign in\", createHref = \"/launchpad/drop/create\",\n}: {\n  getClient: () => MedialaneClient;\n  walletAddress: string | null;\n  onRequireWallet: () => void;\n  connectLabel?: string;\n  createHref?: string;\n}) {\n  const { drops, isLoading } = useMyDrops(getClient, walletAddress);\n  const now = useNow(60_000);\n  if (!walletAddress) {\n    return (\n      <div className=\"space-y-4 py-16 text-center\">\n        <p className=\"text-sm text-muted-foreground\">Sign in to see the drops you launched.</p>\n        <Button onClick={onRequireWallet}>{connectLabel}</Button>\n      </div>\n    );\n  }\n  if (isLoading) return <DropGridSkeleton />;\n  if (drops.length === 0) {\n    return (\n      <div className=\"space-y-4\">\n        <TabEmptyState icon={Package} heading=\"No drops yet\" body=\"Launch an edition or a collection and it will show here.\" />\n        <div className=\"text-center\"><Link href={createHref} className=\"text-sm font-semibold text-primary\">Create a drop</Link></div>\n      </div>\n    );\n  }\n  return <DropGrid drops={drops} now={now} manage />;\n}\n"],"mappings":";AAwBM,SACE,KADF;AAtBN,SAAS,eAAe;AAExB,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,UAAU,wBAAwB;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEhB,SAAS,QAAQ;AAAA,EACtB;AAAA,EAAW;AAAA,EAAe;AAAA,EAAiB,eAAe;AAAA,EAAW,aAAa;AACpF,GAMG;AACD,QAAM,EAAE,OAAO,UAAU,IAAI,WAAW,WAAW,aAAa;AAChE,QAAM,MAAM,OAAO,GAAM;AACzB,MAAI,CAAC,eAAe;AAClB,WACE,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,OAAE,WAAU,iCAAgC,oDAAsC;AAAA,MACnF,oBAAC,UAAO,SAAS,iBAAkB,wBAAa;AAAA,OAClD;AAAA,EAEJ;AACA,MAAI,UAAW,QAAO,oBAAC,oBAAiB;AACxC,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,iBAAc,MAAM,SAAS,SAAQ,gBAAe,MAAK,4DAA2D;AAAA,MACrH,oBAAC,SAAI,WAAU,eAAc,8BAAC,QAAK,MAAM,YAAY,WAAU,sCAAqC,2BAAa,GAAO;AAAA,OAC1H;AAAA,EAEJ;AACA,SAAO,oBAAC,YAAS,OAAc,KAAU,QAAM,MAAC;AAClD;","names":[]}

package/dist/components/drop/page/drop-action-box.cjs

@@ -0,0 +1,63 @@
+"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_action_box_exports = {};
+__export(drop_action_box_exports, {
+  DropActionBox: () => DropActionBox
+});
+module.exports = __toCommonJS(drop_action_box_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_drop_countdown = require("../../drop-countdown.js");
+var import_drop_status = require("../drop-status.js");
+var import_gradient_button = require("../../gradient-button.js");
+function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }) {
+  const canPick = view.button.action === "mint" && view.maxQuantity > 1n;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5 rounded-2xl border border-border bg-card p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status.DropStatusBadge, { phase: view.phase }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: view.statusText })
+    ] }),
+    view.countdown && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_countdown.DropCountdown, { targetTs: view.countdown.target, label: view.countdown.label }),
+    maxSupply > 0n ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status.DropSupplyProgress, { minted: Number(minted), max: Number(maxSupply) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+      Number(minted).toLocaleString("en-US"),
+      " minted"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-end justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Price" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xl font-bold", children: view.priceText })
+      ] }),
+      canPick && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", "aria-label": "Quantity", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Quantity" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rounded-md border border-border p-2", disabled: quantity <= 1n, onClick: () => onQuantity(quantity - 1n), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Minus, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-8 text-center font-semibold tabular-nums", children: quantity.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "rounded-md border border-border p-2", disabled: quantity >= view.maxQuantity, onClick: () => onQuantity(quantity + 1n), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-3.5 w-3.5" }) })
+      ] })
+    ] }),
+    view.totalText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: view.totalText }),
+    view.eligibility && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm", children: view.eligibility }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_button.GradientButton, { big: true, disabled: view.button.action === "none", onClick: onAction, className: "disabled:opacity-50", children: view.button.label })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropActionBox
+});
+//# sourceMappingURL=drop-action-box.cjs.map

package/dist/components/drop/page/drop-action-box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-action-box.tsx"],"sourcesContent":["\"use client\";\n\nimport { Minus, Plus } from \"lucide-react\";\nimport { DropCountdown } from \"../../drop-countdown.js\";\nimport { DropStatusBadge, DropSupplyProgress } from \"../drop-status.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport type { ActionBoxView } from \"../../../utils/drop/view.js\";\n\nexport interface DropActionBoxProps {\n  view: ActionBoxView;\n  minted: bigint;\n  maxSupply: bigint;\n  quantity: bigint;\n  onQuantity: (q: bigint) => void;\n  onAction: () => void;\n}\n\nexport function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }: DropActionBoxProps) {\n  const canPick = view.button.action === \"mint\" && view.maxQuantity > 1n;\n  return (\n    <div className=\"space-y-5 rounded-2xl border border-border bg-card p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <DropStatusBadge phase={view.phase} />\n        <span className=\"text-xs text-muted-foreground\">{view.statusText}</span>\n      </div>\n      {view.countdown && <DropCountdown targetTs={view.countdown.target} label={view.countdown.label} />}\n      {maxSupply > 0n\n        ? <DropSupplyProgress minted={Number(minted)} max={Number(maxSupply)} />\n        : <p className=\"text-sm text-muted-foreground\">{Number(minted).toLocaleString(\"en-US\")} minted</p>}\n      <div className=\"flex items-end justify-between gap-3\">\n        <div>\n          <p className=\"text-xs text-muted-foreground\">Price</p>\n          <p className=\"text-xl font-bold\">{view.priceText}</p>\n        </div>\n        {canPick && (\n          <div className=\"flex items-center gap-2\" aria-label=\"Quantity\">\n            <span className=\"sr-only\">Quantity</span>\n            <button type=\"button\" className=\"rounded-md border border-border p-2\" disabled={quantity <= 1n} onClick={() => onQuantity(quantity - 1n)}><Minus className=\"h-3.5 w-3.5\" /></button>\n            <span className=\"w-8 text-center font-semibold tabular-nums\">{quantity.toString()}</span>\n            <button type=\"button\" className=\"rounded-md border border-border p-2\" disabled={quantity >= view.maxQuantity} onClick={() => onQuantity(quantity + 1n)}><Plus className=\"h-3.5 w-3.5\" /></button>\n          </div>\n        )}\n      </div>\n      {view.totalText && <p className=\"text-sm text-muted-foreground\">{view.totalText}</p>}\n      {view.eligibility && <p className=\"text-sm\">{view.eligibility}</p>}\n      <GradientButton big disabled={view.button.action === \"none\"} onClick={onAction} className=\"disabled:opacity-50\">\n        {view.button.label}\n      </GradientButton>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM;AAnBN,0BAA4B;AAC5B,4BAA8B;AAC9B,yBAAoD;AACpD,6BAA+B;AAYxB,SAAS,cAAc,EAAE,MAAM,QAAQ,WAAW,UAAU,YAAY,SAAS,GAAuB;AAC7G,QAAM,UAAU,KAAK,OAAO,WAAW,UAAU,KAAK,cAAc;AACpE,SACE,6CAAC,SAAI,WAAU,0DACb;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,kDAAC,sCAAgB,OAAO,KAAK,OAAO;AAAA,MACpC,4CAAC,UAAK,WAAU,iCAAiC,eAAK,YAAW;AAAA,OACnE;AAAA,IACC,KAAK,aAAa,4CAAC,uCAAc,UAAU,KAAK,UAAU,QAAQ,OAAO,KAAK,UAAU,OAAO;AAAA,IAC/F,YAAY,KACT,4CAAC,yCAAmB,QAAQ,OAAO,MAAM,GAAG,KAAK,OAAO,SAAS,GAAG,IACpE,6CAAC,OAAE,WAAU,iCAAiC;AAAA,aAAO,MAAM,EAAE,eAAe,OAAO;AAAA,MAAE;AAAA,OAAO;AAAA,IAChG,6CAAC,SAAI,WAAU,wCACb;AAAA,mDAAC,SACC;AAAA,oDAAC,OAAE,WAAU,iCAAgC,mBAAK;AAAA,QAClD,4CAAC,OAAE,WAAU,qBAAqB,eAAK,WAAU;AAAA,SACnD;AAAA,MACC,WACC,6CAAC,SAAI,WAAU,2BAA0B,cAAW,YAClD;AAAA,oDAAC,UAAK,WAAU,WAAU,sBAAQ;AAAA,QAClC,4CAAC,YAAO,MAAK,UAAS,WAAU,uCAAsC,UAAU,YAAY,IAAI,SAAS,MAAM,WAAW,WAAW,EAAE,GAAG,sDAAC,6BAAM,WAAU,eAAc,GAAE;AAAA,QAC3K,4CAAC,UAAK,WAAU,8CAA8C,mBAAS,SAAS,GAAE;AAAA,QAClF,4CAAC,YAAO,MAAK,UAAS,WAAU,uCAAsC,UAAU,YAAY,KAAK,aAAa,SAAS,MAAM,WAAW,WAAW,EAAE,GAAG,sDAAC,4BAAK,WAAU,eAAc,GAAE;AAAA,SAC1L;AAAA,OAEJ;AAAA,IACC,KAAK,aAAa,4CAAC,OAAE,WAAU,iCAAiC,eAAK,WAAU;AAAA,IAC/E,KAAK,eAAe,4CAAC,OAAE,WAAU,WAAW,eAAK,aAAY;AAAA,IAC9D,4CAAC,yCAAe,KAAG,MAAC,UAAU,KAAK,OAAO,WAAW,QAAQ,SAAS,UAAU,WAAU,uBACvF,eAAK,OAAO,OACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop/page/drop-action-box.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionBoxView } from '../../../utils/drop/view.cjs';
+import '@medialane/sdk/starknet';
+
+interface DropActionBoxProps {
+    view: ActionBoxView;
+    minted: bigint;
+    maxSupply: bigint;
+    quantity: bigint;
+    onQuantity: (q: bigint) => void;
+    onAction: () => void;
+}
+declare function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }: DropActionBoxProps): react_jsx_runtime.JSX.Element;
+
+export { DropActionBox, type DropActionBoxProps };

package/dist/components/drop/page/drop-action-box.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionBoxView } from '../../../utils/drop/view.js';
+import '@medialane/sdk/starknet';
+
+interface DropActionBoxProps {
+    view: ActionBoxView;
+    minted: bigint;
+    maxSupply: bigint;
+    quantity: bigint;
+    onQuantity: (q: bigint) => void;
+    onAction: () => void;
+}
+declare function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }: DropActionBoxProps): react_jsx_runtime.JSX.Element;
+
+export { DropActionBox, type DropActionBoxProps };

package/dist/components/drop/page/drop-action-box.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Minus, Plus } from "lucide-react";
+import { DropCountdown } from "../../drop-countdown.js";
+import { DropStatusBadge, DropSupplyProgress } from "../drop-status.js";
+import { GradientButton } from "../../gradient-button.js";
+function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }) {
+  const canPick = view.button.action === "mint" && view.maxQuantity > 1n;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5 rounded-2xl border border-border bg-card p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(DropStatusBadge, { phase: view.phase }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: view.statusText })
+    ] }),
+    view.countdown && /* @__PURE__ */ jsx(DropCountdown, { targetTs: view.countdown.target, label: view.countdown.label }),
+    maxSupply > 0n ? /* @__PURE__ */ jsx(DropSupplyProgress, { minted: Number(minted), max: Number(maxSupply) }) : /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      Number(minted).toLocaleString("en-US"),
+      " minted"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Price" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: view.priceText })
+      ] }),
+      canPick && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "aria-label": "Quantity", children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Quantity" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "rounded-md border border-border p-2", disabled: quantity <= 1n, onClick: () => onQuantity(quantity - 1n), children: /* @__PURE__ */ jsx(Minus, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsx("span", { className: "w-8 text-center font-semibold tabular-nums", children: quantity.toString() }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "rounded-md border border-border p-2", disabled: quantity >= view.maxQuantity, onClick: () => onQuantity(quantity + 1n), children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }) })
+      ] })
+    ] }),
+    view.totalText && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: view.totalText }),
+    view.eligibility && /* @__PURE__ */ jsx("p", { className: "text-sm", children: view.eligibility }),
+    /* @__PURE__ */ jsx(GradientButton, { big: true, disabled: view.button.action === "none", onClick: onAction, className: "disabled:opacity-50", children: view.button.label })
+  ] });
+}
+export {
+  DropActionBox
+};
+//# sourceMappingURL=drop-action-box.js.map

package/dist/components/drop/page/drop-action-box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-action-box.tsx"],"sourcesContent":["\"use client\";\n\nimport { Minus, Plus } from \"lucide-react\";\nimport { DropCountdown } from \"../../drop-countdown.js\";\nimport { DropStatusBadge, DropSupplyProgress } from \"../drop-status.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport type { ActionBoxView } from \"../../../utils/drop/view.js\";\n\nexport interface DropActionBoxProps {\n  view: ActionBoxView;\n  minted: bigint;\n  maxSupply: bigint;\n  quantity: bigint;\n  onQuantity: (q: bigint) => void;\n  onAction: () => void;\n}\n\nexport function DropActionBox({ view, minted, maxSupply, quantity, onQuantity, onAction }: DropActionBoxProps) {\n  const canPick = view.button.action === \"mint\" && view.maxQuantity > 1n;\n  return (\n    <div className=\"space-y-5 rounded-2xl border border-border bg-card p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <DropStatusBadge phase={view.phase} />\n        <span className=\"text-xs text-muted-foreground\">{view.statusText}</span>\n      </div>\n      {view.countdown && <DropCountdown targetTs={view.countdown.target} label={view.countdown.label} />}\n      {maxSupply > 0n\n        ? <DropSupplyProgress minted={Number(minted)} max={Number(maxSupply)} />\n        : <p className=\"text-sm text-muted-foreground\">{Number(minted).toLocaleString(\"en-US\")} minted</p>}\n      <div className=\"flex items-end justify-between gap-3\">\n        <div>\n          <p className=\"text-xs text-muted-foreground\">Price</p>\n          <p className=\"text-xl font-bold\">{view.priceText}</p>\n        </div>\n        {canPick && (\n          <div className=\"flex items-center gap-2\" aria-label=\"Quantity\">\n            <span className=\"sr-only\">Quantity</span>\n            <button type=\"button\" className=\"rounded-md border border-border p-2\" disabled={quantity <= 1n} onClick={() => onQuantity(quantity - 1n)}><Minus className=\"h-3.5 w-3.5\" /></button>\n            <span className=\"w-8 text-center font-semibold tabular-nums\">{quantity.toString()}</span>\n            <button type=\"button\" className=\"rounded-md border border-border p-2\" disabled={quantity >= view.maxQuantity} onClick={() => onQuantity(quantity + 1n)}><Plus className=\"h-3.5 w-3.5\" /></button>\n          </div>\n        )}\n      </div>\n      {view.totalText && <p className=\"text-sm text-muted-foreground\">{view.totalText}</p>}\n      {view.eligibility && <p className=\"text-sm\">{view.eligibility}</p>}\n      <GradientButton big disabled={view.button.action === \"none\"} onClick={onAction} className=\"disabled:opacity-50\">\n        {view.button.label}\n      </GradientButton>\n    </div>\n  );\n}\n"],"mappings":";AAqBM,SACE,KADF;AAnBN,SAAS,OAAO,YAAY;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,0BAA0B;AACpD,SAAS,sBAAsB;AAYxB,SAAS,cAAc,EAAE,MAAM,QAAQ,WAAW,UAAU,YAAY,SAAS,GAAuB;AAC7G,QAAM,UAAU,KAAK,OAAO,WAAW,UAAU,KAAK,cAAc;AACpE,SACE,qBAAC,SAAI,WAAU,0DACb;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,0BAAC,mBAAgB,OAAO,KAAK,OAAO;AAAA,MACpC,oBAAC,UAAK,WAAU,iCAAiC,eAAK,YAAW;AAAA,OACnE;AAAA,IACC,KAAK,aAAa,oBAAC,iBAAc,UAAU,KAAK,UAAU,QAAQ,OAAO,KAAK,UAAU,OAAO;AAAA,IAC/F,YAAY,KACT,oBAAC,sBAAmB,QAAQ,OAAO,MAAM,GAAG,KAAK,OAAO,SAAS,GAAG,IACpE,qBAAC,OAAE,WAAU,iCAAiC;AAAA,aAAO,MAAM,EAAE,eAAe,OAAO;AAAA,MAAE;AAAA,OAAO;AAAA,IAChG,qBAAC,SAAI,WAAU,wCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,iCAAgC,mBAAK;AAAA,QAClD,oBAAC,OAAE,WAAU,qBAAqB,eAAK,WAAU;AAAA,SACnD;AAAA,MACC,WACC,qBAAC,SAAI,WAAU,2BAA0B,cAAW,YAClD;AAAA,4BAAC,UAAK,WAAU,WAAU,sBAAQ;AAAA,QAClC,oBAAC,YAAO,MAAK,UAAS,WAAU,uCAAsC,UAAU,YAAY,IAAI,SAAS,MAAM,WAAW,WAAW,EAAE,GAAG,8BAAC,SAAM,WAAU,eAAc,GAAE;AAAA,QAC3K,oBAAC,UAAK,WAAU,8CAA8C,mBAAS,SAAS,GAAE;AAAA,QAClF,oBAAC,YAAO,MAAK,UAAS,WAAU,uCAAsC,UAAU,YAAY,KAAK,aAAa,SAAS,MAAM,WAAW,WAAW,EAAE,GAAG,8BAAC,QAAK,WAAU,eAAc,GAAE;AAAA,SAC1L;AAAA,OAEJ;AAAA,IACC,KAAK,aAAa,oBAAC,OAAE,WAAU,iCAAiC,eAAK,WAAU;AAAA,IAC/E,KAAK,eAAe,oBAAC,OAAE,WAAU,WAAW,eAAK,aAAY;AAAA,IAC9D,oBAAC,kBAAe,KAAG,MAAC,UAAU,KAAK,OAAO,WAAW,QAAQ,SAAS,UAAU,WAAU,uBACvF,eAAK,OAAO,OACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop/page/drop-activity.cjs

@@ -0,0 +1,42 @@
+"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_activity_exports = {};
+__export(drop_activity_exports, {
+  DropActivityList: () => DropActivityList
+});
+module.exports = __toCommonJS(drop_activity_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_address_display = require("../../address-display.js");
+var import_time = require("../../../utils/time.js");
+function DropActivityList({ mints }) {
+  if (mints.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No mints yet." });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "divide-y divide-border/60", children: mints.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center justify-between gap-3 py-3 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: m.wallet, chars: 4, showCopy: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: m.kind === "claim" ? `minted ${m.quantity}` : `received ${m.quantity} as a gift` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: (0, import_time.timeAgo)(m.createdAt) })
+  ] }, `${m.txHash}-${m.firstTokenId}`)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropActivityList
+});
+//# sourceMappingURL=drop-activity.cjs.map

package/dist/components/drop/page/drop-activity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ApiDropMint } from \"@medialane/sdk\";\nimport { AddressDisplay } from \"../../address-display.js\";\nimport { timeAgo } from \"../../../utils/time.js\";\n\nexport function DropActivityList({ mints }: { mints: ApiDropMint[] }) {\n  if (mints.length === 0) return <p className=\"py-8 text-center text-sm text-muted-foreground\">No mints yet.</p>;\n  return (\n    <ul className=\"divide-y divide-border/60\">\n      {mints.map((m) => (\n        <li key={`${m.txHash}-${m.firstTokenId}`} className=\"flex items-center justify-between gap-3 py-3 text-sm\">\n          <span className=\"flex min-w-0 items-center gap-1.5\">\n            <AddressDisplay address={m.wallet} chars={4} showCopy={false} />\n            <span className=\"text-muted-foreground\">{m.kind === \"claim\" ? `minted ${m.quantity}` : `received ${m.quantity} as a gift`}</span>\n          </span>\n          <span className=\"shrink-0 text-xs text-muted-foreground\">{timeAgo(m.createdAt)}</span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOiC;AAJjC,6BAA+B;AAC/B,kBAAwB;AAEjB,SAAS,iBAAiB,EAAE,MAAM,GAA6B;AACpE,MAAI,MAAM,WAAW,EAAG,QAAO,4CAAC,OAAE,WAAU,kDAAiD,2BAAa;AAC1G,SACE,4CAAC,QAAG,WAAU,6BACX,gBAAM,IAAI,CAAC,MACV,6CAAC,QAAyC,WAAU,wDAClD;AAAA,iDAAC,UAAK,WAAU,qCACd;AAAA,kDAAC,yCAAe,SAAS,EAAE,QAAQ,OAAO,GAAG,UAAU,OAAO;AAAA,MAC9D,4CAAC,UAAK,WAAU,yBAAyB,YAAE,SAAS,UAAU,UAAU,EAAE,QAAQ,KAAK,YAAY,EAAE,QAAQ,cAAa;AAAA,OAC5H;AAAA,IACA,4CAAC,UAAK,WAAU,0CAA0C,mCAAQ,EAAE,SAAS,GAAE;AAAA,OALxE,GAAG,EAAE,MAAM,IAAI,EAAE,YAAY,EAMtC,CACD,GACH;AAEJ;","names":[]}

package/dist/components/drop/page/drop-activity.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiDropMint } from '@medialane/sdk';
+
+declare function DropActivityList({ mints }: {
+    mints: ApiDropMint[];
+}): react_jsx_runtime.JSX.Element;
+
+export { DropActivityList };

package/dist/components/drop/page/drop-activity.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiDropMint } from '@medialane/sdk';
+
+declare function DropActivityList({ mints }: {
+    mints: ApiDropMint[];
+}): react_jsx_runtime.JSX.Element;
+
+export { DropActivityList };

package/dist/components/drop/page/drop-activity.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AddressDisplay } from "../../address-display.js";
+import { timeAgo } from "../../../utils/time.js";
+function DropActivityList({ mints }) {
+  if (mints.length === 0) return /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No mints yet." });
+  return /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/60", children: mints.map((m) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3 py-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(AddressDisplay, { address: m.wallet, chars: 4, showCopy: false }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: m.kind === "claim" ? `minted ${m.quantity}` : `received ${m.quantity} as a gift` })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: timeAgo(m.createdAt) })
+  ] }, `${m.txHash}-${m.firstTokenId}`)) });
+}
+export {
+  DropActivityList
+};
+//# sourceMappingURL=drop-activity.js.map