@medialane/ui 0.145.1 → 0.146.0

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

@@ -0,0 +1,57 @@
+"use strict";
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_bun_test = require("bun:test");
+var import_server = require("react-dom/server");
+var import_drop_preview_card = require("./drop-preview-card.js");
+(0, import_bun_test.test)("shows placeholder name and zero supply before anything is filled in", () => {
+  const html = (0, import_server.renderToStaticMarkup)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drop_preview_card.DropPreviewCard,
+      {
+        coverImage: null,
+        name: "",
+        symbol: "",
+        itemCount: 0,
+        conditions: null,
+        whitelistEnabled: false,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  (0, import_bun_test.expect)(html).toContain("Untitled");
+});
+(0, import_bun_test.test)("shows the whitelist badge once enabled", () => {
+  const html = (0, import_server.renderToStaticMarkup)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drop_preview_card.DropPreviewCard,
+      {
+        coverImage: null,
+        name: "Genesis",
+        symbol: "GEN",
+        itemCount: 5,
+        conditions: null,
+        whitelistEnabled: true,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  (0, import_bun_test.expect)(html).toContain("Whitelist");
+});
+(0, import_bun_test.test)("shows the exclusive content badge once enabled", () => {
+  const html = (0, import_server.renderToStaticMarkup)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drop_preview_card.DropPreviewCard,
+      {
+        coverImage: null,
+        name: "Genesis",
+        symbol: "GEN",
+        itemCount: 5,
+        conditions: null,
+        whitelistEnabled: false,
+        gatedContentEnabled: true
+      }
+    )
+  );
+  (0, import_bun_test.expect)(html).toContain("Exclusive content");
+});
+//# sourceMappingURL=drop-preview-card.test.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n      conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={null} whitelistEnabled gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={null} whitelistEnabled={false} gatedContentEnabled\n    />\n  );\n  expect(html).toContain(\"Exclusive content\");\n});\n"],"mappings":";AAMI;AANJ,sBAA6B;AAC7B,oBAAqC;AACrC,+BAAgC;AAAA,IAEhC,sBAAK,uEAAuE,MAAM;AAChF,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAAA,IAED,sBAAK,0CAA0C,MAAM;AACnD,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAAA,IAED,sBAAK,kDAAkD,MAAM;AAC3D,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;","names":[]}

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

@@ -0,0 +1,2 @@
+
+export {  }

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

@@ -0,0 +1,2 @@
+
+export {  }

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

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { test, expect } from "bun:test";
+import { renderToStaticMarkup } from "react-dom/server";
+import { DropPreviewCard } from "./drop-preview-card.js";
+test("shows placeholder name and zero supply before anything is filled in", () => {
+  const html = renderToStaticMarkup(
+    /* @__PURE__ */ jsx(
+      DropPreviewCard,
+      {
+        coverImage: null,
+        name: "",
+        symbol: "",
+        itemCount: 0,
+        conditions: null,
+        whitelistEnabled: false,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  expect(html).toContain("Untitled");
+});
+test("shows the whitelist badge once enabled", () => {
+  const html = renderToStaticMarkup(
+    /* @__PURE__ */ jsx(
+      DropPreviewCard,
+      {
+        coverImage: null,
+        name: "Genesis",
+        symbol: "GEN",
+        itemCount: 5,
+        conditions: null,
+        whitelistEnabled: true,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  expect(html).toContain("Whitelist");
+});
+test("shows the exclusive content badge once enabled", () => {
+  const html = renderToStaticMarkup(
+    /* @__PURE__ */ jsx(
+      DropPreviewCard,
+      {
+        coverImage: null,
+        name: "Genesis",
+        symbol: "GEN",
+        itemCount: 5,
+        conditions: null,
+        whitelistEnabled: false,
+        gatedContentEnabled: true
+      }
+    )
+  );
+  expect(html).toContain("Exclusive content");
+});
+//# sourceMappingURL=drop-preview-card.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n      conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={null} whitelistEnabled gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={null} whitelistEnabled={false} gatedContentEnabled\n    />\n  );\n  expect(html).toContain(\"Exclusive content\");\n});\n"],"mappings":"AAMI;AANJ,SAAS,MAAM,cAAc;AAC7B,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,KAAK,uEAAuE,MAAM;AAChF,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAED,KAAK,0CAA0C,MAAM;AACnD,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAED,KAAK,kDAAkD,MAAM;AAC3D,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;","names":[]}

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

@@ -0,0 +1,103 @@
+"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_status_display_exports = {};
+__export(drop_status_display_exports, {
+  DropPriceDisplay: () => DropPriceDisplay,
+  DropStatusBadge: () => DropStatusBadge,
+  DropSupplyProgress: () => DropSupplyProgress
+});
+module.exports = __toCommonJS(drop_status_display_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 }) {
+  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[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
+      ]
+    }
+  );
+}
+function DropSupplyProgress({ minted, max }) {
+  const pct = max > 0 ? Math.min(100, minted / max * 100) : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        minted.toLocaleString(),
+        " minted"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        "of ",
+        max.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "h-full rounded-full bg-brand-orange transition-all duration-500",
+        style: { width: `${pct}%` }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      pct.toFixed(1),
+      "% claimed"
+    ] })
+  ] });
+}
+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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-status-display.tsx"],"sourcesContent":["\"use client\";\n\nimport { getListableTokens, normalizeAddress } from \"@medialane/sdk\";\nimport { cn } from \"../utils/cn.js\";\nimport type { DropConditions, DropStatus } from \"../utils/drop-status.js\";\n\nfunction getTokenByAddress(address: string) {\n  return (\n    getListableTokens().find(\n      (t) => normalizeAddress(\"STARKNET\", t.address) === normalizeAddress(\"STARKNET\", address)\n    ) ?? null\n  );\n}\n\nexport function DropStatusBadge({ status }: { status: DropStatus }) {\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[status];\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 text-xs font-bold uppercase tracking-widest rounded-full px-3 py-1\",\n        cls\n      )}\n    >\n      {status === \"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\nexport function DropPriceDisplay({ conditions }: { conditions: DropConditions }) {\n  if (conditions.price === \"0\" || conditions.paymentToken === \"0x0\") {\n    return (\n      <div className=\"flex items-center gap-1.5 text-sm font-semibold text-green-500\">\n        Free mint\n      </div>\n    );\n  }\n  const token = getTokenByAddress(conditions.paymentToken);\n  const decimals = token?.decimals ?? 18;\n  const priceNum = Number(BigInt(conditions.price) * 10000n / BigInt(10 ** decimals)) / 10000;\n  return (\n    <div className=\"flex items-center gap-1.5 text-sm font-semibold\">\n      {priceNum} {token?.symbol ?? \"tokens\"} per token\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AArBJ,iBAAoD;AACpD,gBAAmB;AAGnB,SAAS,kBAAkB,SAAiB;AAC1C,aACE,8BAAkB,EAAE;AAAA,IAClB,CAAC,UAAM,6BAAiB,YAAY,EAAE,OAAO,UAAM,6BAAiB,YAAY,OAAO;AAAA,EACzF,KAAK;AAET;AAEO,SAAS,gBAAgB,EAAE,OAAO,GAA2B;AAClE,QAAM,MAAM;AAAA,IACV,MAAU,EAAE,OAAO,QAAY,KAAK,iCAAmC;AAAA,IACvE,UAAU,EAAE,OAAO,YAAY,KAAK,mCAAuC;AAAA,IAC3E,OAAU,EAAE,OAAO,SAAY,KAAK,iCAAmC;AAAA,IACvE,UAAU,EAAE,OAAO,YAAY,KAAK,uCAAuC;AAAA,EAC7E;AACA,QAAM,EAAE,OAAO,IAAI,IAAI,IAAI,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,mBAAW,UAAU,4CAAC,UAAK,WAAU,uDAAsD;AAAA,QAC3F;AAAA;AAAA;AAAA,EACH;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;AAEO,SAAS,iBAAiB,EAAE,WAAW,GAAmC;AAC/E,MAAI,WAAW,UAAU,OAAO,WAAW,iBAAiB,OAAO;AACjE,WACE,4CAAC,SAAI,WAAU,kEAAiE,uBAEhF;AAAA,EAEJ;AACA,QAAM,QAAQ,kBAAkB,WAAW,YAAY;AACvD,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,WAAW,OAAO,OAAO,WAAW,KAAK,IAAI,SAAS,OAAO,MAAM,QAAQ,CAAC,IAAI;AACtF,SACE,6CAAC,SAAI,WAAU,mDACZ;AAAA;AAAA,IAAS;AAAA,IAAE,OAAO,UAAU;AAAA,IAAS;AAAA,KACxC;AAEJ;","names":[]}

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropConditions, DropStatus } from '../utils/drop-status.cjs';
+
+declare function DropStatusBadge({ status }: {
+    status: DropStatus;
+}): react_jsx_runtime.JSX.Element;
+declare function DropSupplyProgress({ minted, max }: {
+    minted: number;
+    max: number;
+}): react_jsx_runtime.JSX.Element;
+declare function DropPriceDisplay({ conditions }: {
+    conditions: DropConditions;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropPriceDisplay, DropStatusBadge, DropSupplyProgress };

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropConditions, DropStatus } from '../utils/drop-status.js';
+
+declare function DropStatusBadge({ status }: {
+    status: DropStatus;
+}): react_jsx_runtime.JSX.Element;
+declare function DropSupplyProgress({ minted, max }: {
+    minted: number;
+    max: number;
+}): react_jsx_runtime.JSX.Element;
+declare function DropPriceDisplay({ conditions }: {
+    conditions: DropConditions;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropPriceDisplay, DropStatusBadge, DropSupplyProgress };

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getListableTokens, normalizeAddress } from "@medialane/sdk";
+import { cn } from "../utils/cn.js";
+function getTokenByAddress(address) {
+  return getListableTokens().find(
+    (t) => normalizeAddress("STARKNET", t.address) === normalizeAddress("STARKNET", address)
+  ) ?? null;
+}
+function DropStatusBadge({ status }) {
+  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[status];
+  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: [
+        status === "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"
+    ] })
+  ] });
+}
+function DropPriceDisplay({ conditions }) {
+  if (conditions.price === "0" || conditions.paymentToken === "0x0") {
+    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
+    priceNum,
+    " ",
+    token?.symbol ?? "tokens",
+    " per token"
+  ] });
+}
+export {
+  DropPriceDisplay,
+  DropStatusBadge,
+  DropSupplyProgress
+};
+//# sourceMappingURL=drop-status-display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-status-display.tsx"],"sourcesContent":["\"use client\";\n\nimport { getListableTokens, normalizeAddress } from \"@medialane/sdk\";\nimport { cn } from \"../utils/cn.js\";\nimport type { DropConditions, DropStatus } from \"../utils/drop-status.js\";\n\nfunction getTokenByAddress(address: string) {\n  return (\n    getListableTokens().find(\n      (t) => normalizeAddress(\"STARKNET\", t.address) === normalizeAddress(\"STARKNET\", address)\n    ) ?? null\n  );\n}\n\nexport function DropStatusBadge({ status }: { status: DropStatus }) {\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[status];\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 text-xs font-bold uppercase tracking-widest rounded-full px-3 py-1\",\n        cls\n      )}\n    >\n      {status === \"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\nexport function DropPriceDisplay({ conditions }: { conditions: DropConditions }) {\n  if (conditions.price === \"0\" || conditions.paymentToken === \"0x0\") {\n    return (\n      <div className=\"flex items-center gap-1.5 text-sm font-semibold text-green-500\">\n        Free mint\n      </div>\n    );\n  }\n  const token = getTokenByAddress(conditions.paymentToken);\n  const decimals = token?.decimals ?? 18;\n  const priceNum = Number(BigInt(conditions.price) * 10000n / BigInt(10 ** decimals)) / 10000;\n  return (\n    <div className=\"flex items-center gap-1.5 text-sm font-semibold\">\n      {priceNum} {token?.symbol ?? \"tokens\"} per token\n    </div>\n  );\n}\n"],"mappings":";AAuBI,SAMwB,KANxB;AArBJ,SAAS,mBAAmB,wBAAwB;AACpD,SAAS,UAAU;AAGnB,SAAS,kBAAkB,SAAiB;AAC1C,SACE,kBAAkB,EAAE;AAAA,IAClB,CAAC,MAAM,iBAAiB,YAAY,EAAE,OAAO,MAAM,iBAAiB,YAAY,OAAO;AAAA,EACzF,KAAK;AAET;AAEO,SAAS,gBAAgB,EAAE,OAAO,GAA2B;AAClE,QAAM,MAAM;AAAA,IACV,MAAU,EAAE,OAAO,QAAY,KAAK,iCAAmC;AAAA,IACvE,UAAU,EAAE,OAAO,YAAY,KAAK,mCAAuC;AAAA,IAC3E,OAAU,EAAE,OAAO,SAAY,KAAK,iCAAmC;AAAA,IACvE,UAAU,EAAE,OAAO,YAAY,KAAK,uCAAuC;AAAA,EAC7E;AACA,QAAM,EAAE,OAAO,IAAI,IAAI,IAAI,MAAM;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,mBAAW,UAAU,oBAAC,UAAK,WAAU,uDAAsD;AAAA,QAC3F;AAAA;AAAA;AAAA,EACH;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;AAEO,SAAS,iBAAiB,EAAE,WAAW,GAAmC;AAC/E,MAAI,WAAW,UAAU,OAAO,WAAW,iBAAiB,OAAO;AACjE,WACE,oBAAC,SAAI,WAAU,kEAAiE,uBAEhF;AAAA,EAEJ;AACA,QAAM,QAAQ,kBAAkB,WAAW,YAAY;AACvD,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,WAAW,OAAO,OAAO,WAAW,KAAK,IAAI,SAAS,OAAO,MAAM,QAAQ,CAAC,IAAI;AACtF,SACE,qBAAC,SAAI,WAAU,mDACZ;AAAA;AAAA,IAAS;AAAA,IAAE,OAAO,UAAU;AAAA,IAAS;AAAA,KACxC;AAEJ;","names":[]}

package/dist/components/drop-status-display.test.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_bun_test = require("bun:test");
+var import_server = require("react-dom/server");
+var import_drop_status_display = require("./drop-status-display.js");
+(0, import_bun_test.test)("DropStatusBadge renders the live label with a pulse dot", () => {
+  const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropStatusBadge, { status: "live" }));
+  (0, import_bun_test.expect)(html).toContain("Live");
+  (0, import_bun_test.expect)(html).toContain("animate-pulse");
+});
+(0, import_bun_test.test)("DropSupplyProgress shows minted-of-max and a percentage", () => {
+  const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropSupplyProgress, { minted: 3, max: 10 }));
+  (0, import_bun_test.expect)(html).toContain("3");
+  (0, import_bun_test.expect)(html).toContain("of 10");
+  (0, import_bun_test.expect)(html).toContain("30.0%");
+});
+(0, import_bun_test.test)("DropPriceDisplay shows Free mint for a zero-price drop", () => {
+  const conditions = {
+    maxSupply: "10",
+    price: "0",
+    paymentToken: "0x0",
+    startTime: 0,
+    endTime: 0,
+    maxPerWallet: "1"
+  };
+  const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropPriceDisplay, { conditions }));
+  (0, import_bun_test.expect)(html).toContain("Free mint");
+});
+//# sourceMappingURL=drop-status-display.test.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-status-display.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport type { DropConditions } from \"../utils/drop-status.js\";\n\ntest(\"DropStatusBadge renders the live label with a pulse dot\", () => {\n  const html = renderToStaticMarkup(<DropStatusBadge status=\"live\" />);\n  expect(html).toContain(\"Live\");\n  expect(html).toContain(\"animate-pulse\");\n});\n\ntest(\"DropSupplyProgress shows minted-of-max and a percentage\", () => {\n  const html = renderToStaticMarkup(<DropSupplyProgress minted={3} max={10} />);\n  expect(html).toContain(\"3\");\n  expect(html).toContain(\"of 10\");\n  expect(html).toContain(\"30.0%\");\n});\n\ntest(\"DropPriceDisplay shows Free mint for a zero-price drop\", () => {\n  const conditions: DropConditions = {\n    maxSupply: \"10\", price: \"0\", paymentToken: \"0x0\",\n    startTime: 0, endTime: 0, maxPerWallet: \"1\",\n  };\n  const html = renderToStaticMarkup(<DropPriceDisplay conditions={conditions} />);\n  expect(html).toContain(\"Free mint\");\n});\n"],"mappings":";AAMoC;AANpC,sBAA6B;AAC7B,oBAAqC;AACrC,iCAAsE;AAAA,IAGtE,sBAAK,2DAA2D,MAAM;AACpE,QAAM,WAAO,oCAAqB,4CAAC,8CAAgB,QAAO,QAAO,CAAE;AACnE,8BAAO,IAAI,EAAE,UAAU,MAAM;AAC7B,8BAAO,IAAI,EAAE,UAAU,eAAe;AACxC,CAAC;AAAA,IAED,sBAAK,2DAA2D,MAAM;AACpE,QAAM,WAAO,oCAAqB,4CAAC,iDAAmB,QAAQ,GAAG,KAAK,IAAI,CAAE;AAC5E,8BAAO,IAAI,EAAE,UAAU,GAAG;AAC1B,8BAAO,IAAI,EAAE,UAAU,OAAO;AAC9B,8BAAO,IAAI,EAAE,UAAU,OAAO;AAChC,CAAC;AAAA,IAED,sBAAK,0DAA0D,MAAM;AACnE,QAAM,aAA6B;AAAA,IACjC,WAAW;AAAA,IAAM,OAAO;AAAA,IAAK,cAAc;AAAA,IAC3C,WAAW;AAAA,IAAG,SAAS;AAAA,IAAG,cAAc;AAAA,EAC1C;AACA,QAAM,WAAO,oCAAqB,4CAAC,+CAAiB,YAAwB,CAAE;AAC9E,8BAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;","names":[]}

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

@@ -0,0 +1,2 @@
+
+export {  }

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

@@ -0,0 +1,2 @@
+
+export {  }

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

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { test, expect } from "bun:test";
+import { renderToStaticMarkup } from "react-dom/server";
+import { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from "./drop-status-display.js";
+test("DropStatusBadge renders the live label with a pulse dot", () => {
+  const html = renderToStaticMarkup(/* @__PURE__ */ jsx(DropStatusBadge, { status: "live" }));
+  expect(html).toContain("Live");
+  expect(html).toContain("animate-pulse");
+});
+test("DropSupplyProgress shows minted-of-max and a percentage", () => {
+  const html = renderToStaticMarkup(/* @__PURE__ */ jsx(DropSupplyProgress, { minted: 3, max: 10 }));
+  expect(html).toContain("3");
+  expect(html).toContain("of 10");
+  expect(html).toContain("30.0%");
+});
+test("DropPriceDisplay shows Free mint for a zero-price drop", () => {
+  const conditions = {
+    maxSupply: "10",
+    price: "0",
+    paymentToken: "0x0",
+    startTime: 0,
+    endTime: 0,
+    maxPerWallet: "1"
+  };
+  const html = renderToStaticMarkup(/* @__PURE__ */ jsx(DropPriceDisplay, { conditions }));
+  expect(html).toContain("Free mint");
+});
+//# sourceMappingURL=drop-status-display.test.js.map

package/dist/components/drop-status-display.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-status-display.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport type { DropConditions } from \"../utils/drop-status.js\";\n\ntest(\"DropStatusBadge renders the live label with a pulse dot\", () => {\n  const html = renderToStaticMarkup(<DropStatusBadge status=\"live\" />);\n  expect(html).toContain(\"Live\");\n  expect(html).toContain(\"animate-pulse\");\n});\n\ntest(\"DropSupplyProgress shows minted-of-max and a percentage\", () => {\n  const html = renderToStaticMarkup(<DropSupplyProgress minted={3} max={10} />);\n  expect(html).toContain(\"3\");\n  expect(html).toContain(\"of 10\");\n  expect(html).toContain(\"30.0%\");\n});\n\ntest(\"DropPriceDisplay shows Free mint for a zero-price drop\", () => {\n  const conditions: DropConditions = {\n    maxSupply: \"10\", price: \"0\", paymentToken: \"0x0\",\n    startTime: 0, endTime: 0, maxPerWallet: \"1\",\n  };\n  const html = renderToStaticMarkup(<DropPriceDisplay conditions={conditions} />);\n  expect(html).toContain(\"Free mint\");\n});\n"],"mappings":"AAMoC;AANpC,SAAS,MAAM,cAAc;AAC7B,SAAS,4BAA4B;AACrC,SAAS,iBAAiB,oBAAoB,wBAAwB;AAGtE,KAAK,2DAA2D,MAAM;AACpE,QAAM,OAAO,qBAAqB,oBAAC,mBAAgB,QAAO,QAAO,CAAE;AACnE,SAAO,IAAI,EAAE,UAAU,MAAM;AAC7B,SAAO,IAAI,EAAE,UAAU,eAAe;AACxC,CAAC;AAED,KAAK,2DAA2D,MAAM;AACpE,QAAM,OAAO,qBAAqB,oBAAC,sBAAmB,QAAQ,GAAG,KAAK,IAAI,CAAE;AAC5E,SAAO,IAAI,EAAE,UAAU,GAAG;AAC1B,SAAO,IAAI,EAAE,UAAU,OAAO;AAC9B,SAAO,IAAI,EAAE,UAAU,OAAO;AAChC,CAAC;AAED,KAAK,0DAA0D,MAAM;AACnE,QAAM,aAA6B;AAAA,IACjC,WAAW;AAAA,IAAM,OAAO;AAAA,IAAK,cAAc;AAAA,IAC3C,WAAW;AAAA,IAAG,SAAS;AAAA,IAAG,cAAc;AAAA,EAC1C;AACA,QAAM,OAAO,qBAAqB,oBAAC,oBAAiB,YAAwB,CAAE;AAC9E,SAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;","names":[]}

package/dist/components/exclusive-content-section.cjs

@@ -0,0 +1,88 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var exclusive_content_section_exports = {};
+__export(exclusive_content_section_exports, {
+  ExclusiveContentSection: () => ExclusiveContentSection
+});
+module.exports = __toCommonJS(exclusive_content_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_form = require("./form.js");
+var import_input = require("./input.js");
+var import_select = require("./select.js");
+var import_switch = require("./switch.js");
+var import_collapsible_section = require("./collapsible-section.js");
+var import_gated_content_types = require("../data/gated-content-types.js");
+const CONTENT_TYPES = Object.keys(import_gated_content_types.GATED_CONTENT_TYPES).map((value) => ({
+  value,
+  label: value.charAt(0) + value.slice(1).toLowerCase()
+}));
+function ExclusiveContentSection({ form }) {
+  const gatedEnabled = form.watch("gatedEnabled");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_collapsible_section.CollapsibleSection,
+    {
+      open: gatedEnabled,
+      onOpenChange: (o) => form.setValue("gatedEnabled", o),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Lock, { className: "h-4 w-4 text-primary" }),
+      label: "Exclusive Content",
+      hint: gatedEnabled ? "Holders get a locked tab with this content" : "Optional \xB7 reward holders with gated content",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Reward your holders with exclusive access \u2014 video, audio, documents, or any link. Only verified token holders can access this content." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: "Enable exclusive content" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_switch.Switch,
+            {
+              checked: gatedEnabled,
+              onCheckedChange: (checked) => form.setValue("gatedEnabled", checked)
+            }
+          )
+        ] }),
+        gatedEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormField, { control: form.control, name: "gatedContentTitle", render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_form.FormItem, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormLabel, { children: "Content title" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { placeholder: "e.g. Behind-the-scenes footage", ...field }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormField, { control: form.control, name: "gatedContentUrl", render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_form.FormItem, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormLabel, { children: "Content URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { placeholder: "https://\u2026", ...field }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormDescription, { children: "Only holders will see this URL. Use a private or unlisted link." }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormField, { control: form.control, name: "gatedContentType", render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_form.FormItem, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormLabel, { children: "Content type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: field.value, onValueChange: field.onChange, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: "Select type" }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: CONTENT_TYPES.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value, children: label }, value)) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.FormMessage, {})
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExclusiveContentSection
+});
+//# sourceMappingURL=exclusive-content-section.cjs.map

package/dist/components/exclusive-content-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/exclusive-content-section.tsx"],"sourcesContent":["\"use client\";\n\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { Lock } from \"lucide-react\";\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, FormDescription } from \"./form.js\";\nimport { Input } from \"./input.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"./select.js\";\nimport { Switch } from \"./switch.js\";\nimport { CollapsibleSection } from \"./collapsible-section.js\";\nimport { GATED_CONTENT_TYPES } from \"../data/gated-content-types.js\";\nimport type { DropCreateFormValues } from \"../data/drop-create-schema.js\";\n\nconst CONTENT_TYPES = Object.keys(GATED_CONTENT_TYPES).map((value) => ({\n  value,\n  label: value.charAt(0) + value.slice(1).toLowerCase(),\n}));\n\nexport function ExclusiveContentSection({ form }: { form: UseFormReturn<DropCreateFormValues> }) {\n  const gatedEnabled = form.watch(\"gatedEnabled\");\n\n  return (\n    <CollapsibleSection\n      open={gatedEnabled}\n      onOpenChange={(o) => form.setValue(\"gatedEnabled\", o)}\n      icon={<Lock className=\"h-4 w-4 text-primary\" />}\n      label=\"Exclusive Content\"\n      hint={gatedEnabled ? \"Holders get a locked tab with this content\" : \"Optional · reward holders with gated content\"}\n    >\n      <p className=\"text-xs text-muted-foreground\">\n        Reward your holders with exclusive access — video, audio, documents, or any link.\n        Only verified token holders can access this content.\n      </p>\n\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-sm font-medium\">Enable exclusive content</p>\n        <Switch\n          checked={gatedEnabled}\n          onCheckedChange={(checked) => form.setValue(\"gatedEnabled\", checked)}\n        />\n      </div>\n\n      {gatedEnabled && (\n        <>\n          <FormField control={form.control} name=\"gatedContentTitle\" render={({ field }) => (\n            <FormItem>\n              <FormLabel>Content title</FormLabel>\n              <FormControl><Input placeholder=\"e.g. Behind-the-scenes footage\" {...field} /></FormControl>\n              <FormMessage />\n            </FormItem>\n          )} />\n\n          <FormField control={form.control} name=\"gatedContentUrl\" render={({ field }) => (\n            <FormItem>\n              <FormLabel>Content URL</FormLabel>\n              <FormControl><Input placeholder=\"https://…\" {...field} /></FormControl>\n              <FormDescription>Only holders will see this URL. Use a private or unlisted link.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )} />\n\n          <FormField control={form.control} name=\"gatedContentType\" render={({ field }) => (\n            <FormItem>\n              <FormLabel>Content type</FormLabel>\n              <Select value={field.value} onValueChange={field.onChange}>\n                <FormControl><SelectTrigger><SelectValue placeholder=\"Select type\" /></SelectTrigger></FormControl>\n                <SelectContent>\n                  {CONTENT_TYPES.map(({ value, label }) => <SelectItem key={value} value={value}>{label}</SelectItem>)}\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )} />\n        </>\n      )}\n    </CollapsibleSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBY;AArBZ,0BAAqB;AACrB,kBAA0F;AAC1F,mBAAsB;AACtB,oBAA8E;AAC9E,oBAAuB;AACvB,iCAAmC;AACnC,iCAAoC;AAGpC,MAAM,gBAAgB,OAAO,KAAK,8CAAmB,EAAE,IAAI,CAAC,WAAW;AAAA,EACrE;AAAA,EACA,OAAO,MAAM,OAAO,CAAC,IAAI,MAAM,MAAM,CAAC,EAAE,YAAY;AACtD,EAAE;AAEK,SAAS,wBAAwB,EAAE,KAAK,GAAkD;AAC/F,QAAM,eAAe,KAAK,MAAM,cAAc;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc,CAAC,MAAM,KAAK,SAAS,gBAAgB,CAAC;AAAA,MACpD,MAAM,4CAAC,4BAAK,WAAU,wBAAuB;AAAA,MAC7C,OAAM;AAAA,MACN,MAAM,eAAe,+CAA+C;AAAA,MAEpE;AAAA,oDAAC,OAAE,WAAU,iCAAgC,yJAG7C;AAAA,QAEA,6CAAC,SAAI,WAAU,qCACb;AAAA,sDAAC,OAAE,WAAU,uBAAsB,sCAAwB;AAAA,UAC3D;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,iBAAiB,CAAC,YAAY,KAAK,SAAS,gBAAgB,OAAO;AAAA;AAAA,UACrE;AAAA,WACF;AAAA,QAEC,gBACC,4EACE;AAAA,sDAAC,yBAAU,SAAS,KAAK,SAAS,MAAK,qBAAoB,QAAQ,CAAC,EAAE,MAAM,MAC1E,6CAAC,wBACC;AAAA,wDAAC,yBAAU,2BAAa;AAAA,YACxB,4CAAC,2BAAY,sDAAC,sBAAM,aAAY,kCAAkC,GAAG,OAAO,GAAE;AAAA,YAC9E,4CAAC,2BAAY;AAAA,aACf,GACC;AAAA,UAEH,4CAAC,yBAAU,SAAS,KAAK,SAAS,MAAK,mBAAkB,QAAQ,CAAC,EAAE,MAAM,MACxE,6CAAC,wBACC;AAAA,wDAAC,yBAAU,yBAAW;AAAA,YACtB,4CAAC,2BAAY,sDAAC,sBAAM,aAAY,kBAAa,GAAG,OAAO,GAAE;AAAA,YACzD,4CAAC,+BAAgB,6EAA+D;AAAA,YAChF,4CAAC,2BAAY;AAAA,aACf,GACC;AAAA,UAEH,4CAAC,yBAAU,SAAS,KAAK,SAAS,MAAK,oBAAmB,QAAQ,CAAC,EAAE,MAAM,MACzE,6CAAC,wBACC;AAAA,wDAAC,yBAAU,0BAAY;AAAA,YACvB,6CAAC,wBAAO,OAAO,MAAM,OAAO,eAAe,MAAM,UAC/C;AAAA,0DAAC,2BAAY,sDAAC,+BAAc,sDAAC,6BAAY,aAAY,eAAc,GAAE,GAAgB;AAAA,cACrF,4CAAC,+BACE,wBAAc,IAAI,CAAC,EAAE,OAAO,MAAM,MAAM,4CAAC,4BAAuB,OAAe,mBAAtB,KAA4B,CAAa,GACrG;AAAA,eACF;AAAA,YACA,4CAAC,2BAAY;AAAA,aACf,GACC;AAAA,WACL;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/exclusive-content-section.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UseFormReturn } from 'react-hook-form';
+import { DropCreateFormValues } from '../data/drop-create-schema.cjs';
+import 'zod';
+
+declare function ExclusiveContentSection({ form }: {
+    form: UseFormReturn<DropCreateFormValues>;
+}): react_jsx_runtime.JSX.Element;
+
+export { ExclusiveContentSection };

package/dist/components/exclusive-content-section.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UseFormReturn } from 'react-hook-form';
+import { DropCreateFormValues } from '../data/drop-create-schema.js';
+import 'zod';
+
+declare function ExclusiveContentSection({ form }: {
+    form: UseFormReturn<DropCreateFormValues>;
+}): react_jsx_runtime.JSX.Element;
+
+export { ExclusiveContentSection };