@medialane/ui 0.145.1 → 0.146.1

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Calendar, Lock, ShieldCheck, Users } from "lucide-react";
+import { MedialaneCollectionCard } from "./medialane-collection-card.js";
+import { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from "./drop-status-display.js";
+import { getDropStatus } from "../utils/drop-status.js";
+function formatTs(ts) {
+  return new Date(ts * 1e3).toLocaleString(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  });
+}
+function DropPreviewCard({
+  coverImage,
+  name,
+  symbol,
+  creatorAddress,
+  creatorHref,
+  itemCount,
+  conditions,
+  whitelistEnabled,
+  gatedContentEnabled
+}) {
+  const status = getDropStatus(conditions, 0);
+  const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        MedialaneCollectionCard,
+        {
+          image: coverImage,
+          name,
+          collection: symbol || "Drop",
+          creator: creatorAddress,
+          creatorHref
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5", children: "Drop" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bento-cell p-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsx(DropStatusBadge, { status }),
+        whitelistEnabled && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-brand-orange bg-brand-orange/10 rounded-full px-2 py-0.5", children: [
+          /* @__PURE__ */ jsx(Users, { className: "h-3 w-3" }),
+          "Whitelist"
+        ] }),
+        gatedContentEnabled && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-primary bg-primary/10 rounded-full px-2 py-0.5", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }),
+          "Exclusive content"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(DropSupplyProgress, { minted: 0, max: itemCount }),
+      conditions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(DropPriceDisplay, { conditions })
+        ] }),
+        maxPerWallet > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "Max ",
+          maxPerWallet,
+          "/wallet"
+        ] })
+      ] }),
+      conditions && conditions.startTime > 0 && conditions.endTime > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3 shrink-0" }),
+          "Opens: ",
+          formatTs(conditions.startTime)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3 shrink-0" }),
+          "Closes: ",
+          formatTs(conditions.endTime)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DropPreviewCard
+};
+//# sourceMappingURL=drop-preview-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Calendar, Lock, ShieldCheck, Users } from \"lucide-react\";\nimport { MedialaneCollectionCard } from \"./medialane-collection-card.js\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport { getDropStatus, type DropConditions } from \"../utils/drop-status.js\";\n\nexport interface DropPreviewCardProps {\n  coverImage: string | null;\n  name: string;\n  symbol: string;\n  creatorAddress?: string;\n  creatorHref?: string;\n  itemCount: number;\n  conditions: DropConditions | null;\n  whitelistEnabled: boolean;\n  gatedContentEnabled: boolean;\n}\n\nfunction formatTs(ts: number): string {\n  return new Date(ts * 1000).toLocaleString(undefined, {\n    dateStyle: \"medium\",\n    timeStyle: \"short\",\n  });\n}\n\nexport function DropPreviewCard({\n  coverImage, name, symbol, creatorAddress, creatorHref,\n  itemCount, conditions, whitelistEnabled, gatedContentEnabled,\n}: DropPreviewCardProps) {\n  const status = getDropStatus(conditions, 0);\n  const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"relative\">\n        <MedialaneCollectionCard\n          image={coverImage}\n          name={name}\n          collection={symbol || \"Drop\"}\n          creator={creatorAddress}\n          creatorHref={creatorHref}\n        />\n        <span className=\"absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5\">\n          Drop\n        </span>\n      </div>\n\n      <div className=\"bento-cell p-4 space-y-3\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <DropStatusBadge status={status} />\n          {whitelistEnabled && (\n            <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-brand-orange bg-brand-orange/10 rounded-full px-2 py-0.5\">\n              <Users className=\"h-3 w-3\" />\n              Whitelist\n            </span>\n          )}\n          {gatedContentEnabled && (\n            <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-primary bg-primary/10 rounded-full px-2 py-0.5\">\n              <Lock className=\"h-3 w-3\" />\n              Exclusive content\n            </span>\n          )}\n        </div>\n\n        <DropSupplyProgress minted={0} max={itemCount} />\n\n        {conditions && (\n          <div className=\"flex items-center justify-between text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <ShieldCheck className=\"h-3.5 w-3.5 text-muted-foreground\" />\n              <DropPriceDisplay conditions={conditions} />\n            </div>\n            {maxPerWallet > 0 && (\n              <span className=\"text-xs text-muted-foreground\">Max {maxPerWallet}/wallet</span>\n            )}\n          </div>\n        )}\n\n        {conditions && conditions.startTime > 0 && conditions.endTime > 0 && (\n          <div className=\"space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3\">\n            <div className=\"flex items-center gap-1.5\">\n              <Calendar className=\"h-3 w-3 shrink-0\" />\n              Opens: {formatTs(conditions.startTime)}\n            </div>\n            <div className=\"flex items-center gap-1.5\">\n              <Calendar className=\"h-3 w-3 shrink-0\" />\n              Closes: {formatTs(conditions.endTime)}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAmCM,SACE,KADF;AAjCN,SAAS,UAAU,MAAM,aAAa,aAAa;AACnD,SAAS,+BAA+B;AACxC,SAAS,iBAAiB,oBAAoB,wBAAwB;AACtE,SAAS,qBAA0C;AAcnD,SAAS,SAAS,IAAoB;AACpC,SAAO,IAAI,KAAK,KAAK,GAAI,EAAE,eAAe,QAAW;AAAA,IACnD,WAAW;AAAA,IACX,WAAW;AAAA,EACb,CAAC;AACH;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EAAY;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAgB;AAAA,EAC1C;AAAA,EAAW;AAAA,EAAY;AAAA,EAAkB;AAC3C,GAAyB;AACvB,QAAM,SAAS,cAAc,YAAY,CAAC;AAC1C,QAAM,eAAe,aAAa,SAAS,WAAW,cAAc,EAAE,IAAI;AAE1E,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,YAAY,UAAU;AAAA,UACtB,SAAS;AAAA,UACT;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,UAAK,WAAU,0IAAyI,kBAEzJ;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,mBAAgB,QAAgB;AAAA,QAChC,oBACC,qBAAC,UAAK,WAAU,gJACd;AAAA,8BAAC,SAAM,WAAU,WAAU;AAAA,UAAE;AAAA,WAE/B;AAAA,QAED,uBACC,qBAAC,UAAK,WAAU,sIACd;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UAAE;AAAA,WAE9B;AAAA,SAEJ;AAAA,MAEA,oBAAC,sBAAmB,QAAQ,GAAG,KAAK,WAAW;AAAA,MAE9C,cACC,qBAAC,SAAI,WAAU,6CACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,eAAY,WAAU,qCAAoC;AAAA,UAC3D,oBAAC,oBAAiB,YAAwB;AAAA,WAC5C;AAAA,QACC,eAAe,KACd,qBAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,UAAK;AAAA,UAAa;AAAA,WAAO;AAAA,SAE7E;AAAA,MAGD,cAAc,WAAW,YAAY,KAAK,WAAW,UAAU,KAC9D,qBAAC,SAAI,WAAU,0EACb;AAAA,6BAAC,SAAI,WAAU,6BACb;AAAA,8BAAC,YAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UACjC,SAAS,WAAW,SAAS;AAAA,WACvC;AAAA,QACA,qBAAC,SAAI,WAAU,6BACb;AAAA,8BAAC,YAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UAChC,SAAS,WAAW,OAAO;AAAA,WACtC;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,84 @@
+"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");
+});
+(0, import_bun_test.test)("shows mint window open/close dates and max-per-wallet instead of a countdown", () => {
+  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: {
+          maxSupply: "5",
+          price: "0",
+          paymentToken: "0x0",
+          startTime: 1893456e3,
+          endTime: 1893542400,
+          maxPerWallet: "2"
+        },
+        whitelistEnabled: false,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  (0, import_bun_test.expect)(html).toContain("Opens:");
+  (0, import_bun_test.expect)(html).toContain("Closes:");
+  (0, import_bun_test.expect)(html).toContain("Max 2/wallet");
+  (0, import_bun_test.expect)(html).not.toContain("HRS");
+});
+//# 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\ntest(\"shows mint window open/close dates and max-per-wallet instead of a countdown\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={{\n        maxSupply: \"5\", price: \"0\", paymentToken: \"0x0\",\n        startTime: 1893456000, endTime: 1893542400, maxPerWallet: \"2\",\n      }}\n      whitelistEnabled={false} gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Opens:\");\n  expect(html).toContain(\"Closes:\");\n  expect(html).toContain(\"Max 2/wallet\");\n  expect(html).not.toContain(\"HRS\");\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;AAAA,IAED,sBAAK,gFAAgF,MAAM;AACzF,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,UACV,WAAW;AAAA,UAAK,OAAO;AAAA,UAAK,cAAc;AAAA,UAC1C,WAAW;AAAA,UAAY,SAAS;AAAA,UAAY,cAAc;AAAA,QAC5D;AAAA,QACA,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAChD;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,QAAQ;AAC/B,8BAAO,IAAI,EAAE,UAAU,SAAS;AAChC,8BAAO,IAAI,EAAE,UAAU,cAAc;AACrC,8BAAO,IAAI,EAAE,IAAI,UAAU,KAAK;AAClC,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,83 @@
+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");
+});
+test("shows mint window open/close dates and max-per-wallet instead of a countdown", () => {
+  const html = renderToStaticMarkup(
+    /* @__PURE__ */ jsx(
+      DropPreviewCard,
+      {
+        coverImage: null,
+        name: "Genesis",
+        symbol: "GEN",
+        itemCount: 5,
+        conditions: {
+          maxSupply: "5",
+          price: "0",
+          paymentToken: "0x0",
+          startTime: 1893456e3,
+          endTime: 1893542400,
+          maxPerWallet: "2"
+        },
+        whitelistEnabled: false,
+        gatedContentEnabled: false
+      }
+    )
+  );
+  expect(html).toContain("Opens:");
+  expect(html).toContain("Closes:");
+  expect(html).toContain("Max 2/wallet");
+  expect(html).not.toContain("HRS");
+});
+//# 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\ntest(\"shows mint window open/close dates and max-per-wallet instead of a countdown\", () => {\n  const html = renderToStaticMarkup(\n    <DropPreviewCard\n      coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n      conditions={{\n        maxSupply: \"5\", price: \"0\", paymentToken: \"0x0\",\n        startTime: 1893456000, endTime: 1893542400, maxPerWallet: \"2\",\n      }}\n      whitelistEnabled={false} gatedContentEnabled={false}\n    />\n  );\n  expect(html).toContain(\"Opens:\");\n  expect(html).toContain(\"Closes:\");\n  expect(html).toContain(\"Max 2/wallet\");\n  expect(html).not.toContain(\"HRS\");\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;AAED,KAAK,gFAAgF,MAAM;AACzF,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,UACV,WAAW;AAAA,UAAK,OAAO;AAAA,UAAK,cAAc;AAAA,UAC1C,WAAW;AAAA,UAAY,SAAS;AAAA,UAAY,cAAc;AAAA,QAC5D;AAAA,QACA,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAChD;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,QAAQ;AAC/B,SAAO,IAAI,EAAE,UAAU,SAAS;AAChC,SAAO,IAAI,EAAE,UAAU,cAAc;AACrC,SAAO,IAAI,EAAE,IAAI,UAAU,KAAK;AAClC,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":[]}