@medialane/ui 0.286.0 → 0.288.0

package/dist/components/collection-slug-claim.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CollectionSlugClaimSection({ contract, profile, }: {
+    contract: string;
+    profile: {
+        slug?: string | null;
+    } | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { CollectionSlugClaimSection };

package/dist/components/collection-slug-claim.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CollectionSlugClaimSection({ contract, profile, }: {
+    contract: string;
+    profile: {
+        slug?: string | null;
+    } | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { CollectionSlugClaimSection };

package/dist/components/collection-slug-claim.js

@@ -0,0 +1,185 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { normalizeAddress } from "@medialane/sdk";
+import { Gem } from "lucide-react";
+import { Button } from "./button.js";
+import { Badge } from "./badge.js";
+import Link from "./link.js";
+import { useMedialaneApp } from "./medialane-app.js";
+import { SectionCard, SectionHeader } from "./settings-section.js";
+import { describeError } from "../utils/describe-error.js";
+function CollectionSlugClaimSection({
+  contract,
+  profile
+}) {
+  const { getClient, ensureSignedIn, verifyEmailHref } = useMedialaneApp();
+  const [slugInput, setSlugInput] = useState("");
+  const [checkState, setCheckState] = useState("idle");
+  const [checkReason, setCheckReason] = useState(null);
+  const [submitState, setSubmitState] = useState("idle");
+  const [submitError, setSubmitError] = useState(null);
+  const [pendingSlug, setPendingSlug] = useState(null);
+  const loadedRef = useRef(false);
+  useEffect(() => {
+    if (loadedRef.current) return;
+    loadedRef.current = true;
+    (async () => {
+      try {
+        const { claims } = await getClient().api.collections.mySlugClaims();
+        const match = claims.find(
+          (c) => normalizeAddress("STARKNET", c.contractAddress) === normalizeAddress("STARKNET", contract) && c.status === "PENDING"
+        );
+        if (match) setPendingSlug(match.slug);
+      } catch {
+      }
+    })();
+  }, [contract, getClient]);
+  const handleCheck = async () => {
+    const slug = slugInput.toLowerCase().trim();
+    if (!slug) return;
+    setCheckState("checking");
+    setCheckReason(null);
+    try {
+      const result = await getClient().api.collections.slugAvailability(slug);
+      setCheckState(result.available ? "available" : "taken");
+      if (!result.available) setCheckReason(result.reason ?? "That slug is not available.");
+    } catch {
+      setCheckState("invalid");
+      setCheckReason("Unable to check availability. Try again.");
+    }
+  };
+  const handleSubmit = async () => {
+    const slug = slugInput.toLowerCase().trim();
+    if (!slug || checkState !== "available") return;
+    setSubmitState("submitting");
+    setSubmitError(null);
+    try {
+      await ensureSignedIn?.();
+      const { claim } = await getClient().api.collections.submitSlugClaim(contract, slug);
+      setPendingSlug(claim.slug);
+      setSubmitState("done");
+    } catch (err) {
+      const msg = describeError(err).message;
+      setSubmitError(msg);
+      setSubmitState("error");
+    }
+  };
+  if (profile?.slug) {
+    return /* @__PURE__ */ jsxs(SectionCard, { className: "border-emerald-500/20 bg-emerald-500/[0.02]", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: Gem,
+          title: "Collection URL",
+          description: `medialane.io/collection/${profile.slug}`,
+          iconClass: "text-emerald-500",
+          bgClass: "bg-emerald-500/15",
+          badge: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 text-emerald-600 border-emerald-500/30", children: "Active" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "pt-1 border-t border-border", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "Your collection is accessible at",
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "tabular-nums text-foreground", children: [
+          "medialane.io/collection/",
+          profile.slug
+        ] })
+      ] }) })
+    ] });
+  }
+  if (pendingSlug) {
+    return /* @__PURE__ */ jsxs(SectionCard, { className: "border-primary/20 bg-primary/[0.02]", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: Gem,
+          title: "Claim your collection URL",
+          description: `medialane.io/collection/${pendingSlug}`,
+          iconClass: "text-primary",
+          bgClass: "bg-primary/15",
+          badge: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 text-amber-600 border-amber-500/30", children: "Pending review" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "pt-1 border-t border-border", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "Your claim for",
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "tabular-nums text-foreground", children: [
+          "medialane.io/collection/",
+          pendingSlug
+        ] }),
+        " is under review. You'll be notified once it's approved."
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(SectionCard, { className: "border-primary/20 bg-primary/[0.02]", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        icon: Gem,
+        title: "Claim your collection URL",
+        description: "Reserve a unique URL \u2014 medialane.io/collection/your-name",
+        iconClass: "text-primary",
+        bgClass: "bg-primary/15"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "pt-3 border-t border-border space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center rounded-lg border border-border bg-muted/40 px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground whitespace-nowrap shrink-0", children: "medialane.io/collection/" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-muted-foreground/50 min-w-0",
+              placeholder: "your-name",
+              value: slugInput,
+              onChange: (e) => {
+                setSlugInput(e.target.value.toLowerCase().replace(/[^a-z0-9_-]/g, ""));
+                setCheckState("idle");
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleCheck();
+              },
+              maxLength: 20
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleCheck,
+            disabled: !slugInput.trim() || checkState === "checking",
+            className: "shrink-0",
+            children: checkState === "checking" ? "Checking\u2026" : "Check"
+          }
+        )
+      ] }),
+      checkState === "available" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-emerald-600 font-medium truncate", children: [
+          "\u2713 Available \u2014 ",
+          /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+            "medialane.io/collection/",
+            slugInput
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleSubmit, disabled: submitState === "submitting", className: "shrink-0", children: submitState === "submitting" ? "Claiming\u2026" : "Claim this URL" })
+      ] }),
+      (checkState === "taken" || checkState === "invalid") && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: checkReason ?? "That slug is not available." }),
+      submitState === "error" && /* @__PURE__ */ jsxs("p", { className: "text-xs text-destructive", children: [
+        submitError,
+        verifyEmailHref && submitError === "Verify your email to claim a collection." && /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx(Link, { href: verifyEmailHref, className: "underline font-medium hover:text-foreground", children: "Verify email" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "3\u201320 characters, lowercase letters, numbers, underscores or hyphens. Claims are reviewed before going live." })
+    ] })
+  ] });
+}
+export {
+  CollectionSlugClaimSection
+};
+//# sourceMappingURL=collection-slug-claim.js.map

package/dist/components/collection-slug-claim.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-slug-claim.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport { Gem } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Badge } from \"./badge.js\";\nimport Link from \"./link.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { SectionCard, SectionHeader } from \"./settings-section.js\";\nimport { describeError } from \"../utils/describe-error.js\";\n\nexport function CollectionSlugClaimSection({\n  contract,\n  profile,\n}: {\n  contract: string;\n  profile: { slug?: string | null } | null;\n}) {\n  const { getClient, ensureSignedIn, verifyEmailHref } = useMedialaneApp();\n  const [slugInput, setSlugInput] = useState(\"\");\n  const [checkState, setCheckState] = useState<\"idle\" | \"checking\" | \"available\" | \"taken\" | \"invalid\">(\"idle\");\n  const [checkReason, setCheckReason] = useState<string | null>(null);\n  const [submitState, setSubmitState] = useState<\"idle\" | \"submitting\" | \"done\" | \"error\">(\"idle\");\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [pendingSlug, setPendingSlug] = useState<string | null>(null);\n  const loadedRef = useRef(false);\n\n  useEffect(() => {\n    if (loadedRef.current) return;\n    loadedRef.current = true;\n    (async () => {\n      try {\n        const { claims } = await getClient().api.collections.mySlugClaims();\n        const match = claims.find(\n          (c) => normalizeAddress(\"STARKNET\", c.contractAddress) === normalizeAddress(\"STARKNET\", contract) && c.status === \"PENDING\"\n        );\n        if (match) setPendingSlug(match.slug);\n      } catch {}\n    })();\n  }, [contract, getClient]);\n\n  const handleCheck = async () => {\n    const slug = slugInput.toLowerCase().trim();\n    if (!slug) return;\n    setCheckState(\"checking\");\n    setCheckReason(null);\n    try {\n      const result = await getClient().api.collections.slugAvailability(slug);\n      setCheckState(result.available ? \"available\" : \"taken\");\n      if (!result.available) setCheckReason(result.reason ?? \"That slug is not available.\");\n    } catch {\n      setCheckState(\"invalid\");\n      setCheckReason(\"Unable to check availability. Try again.\");\n    }\n  };\n\n  const handleSubmit = async () => {\n    const slug = slugInput.toLowerCase().trim();\n    if (!slug || checkState !== \"available\") return;\n    setSubmitState(\"submitting\");\n    setSubmitError(null);\n    try {\n      await ensureSignedIn?.();\n      const { claim } = await getClient().api.collections.submitSlugClaim(contract, slug);\n      setPendingSlug(claim.slug);\n      setSubmitState(\"done\");\n    } catch (err: unknown) {\n      const msg = describeError(err).message;\n      setSubmitError(msg);\n      setSubmitState(\"error\");\n    }\n  };\n\n  if (profile?.slug) {\n    return (\n      <SectionCard className=\"border-emerald-500/20 bg-emerald-500/[0.02]\">\n        <SectionHeader\n          icon={Gem}\n          title=\"Collection URL\"\n          description={`medialane.io/collection/${profile.slug}`}\n          iconClass=\"text-emerald-500\"\n          bgClass=\"bg-emerald-500/15\"\n          badge={\n            <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 text-emerald-600 border-emerald-500/30\">\n              Active\n            </Badge>\n          }\n        />\n        <div className=\"pt-1 border-t border-border\">\n          <p className=\"text-xs text-muted-foreground\">\n            Your collection is accessible at{\" \"}\n            <span className=\"tabular-nums text-foreground\">medialane.io/collection/{profile.slug}</span>\n          </p>\n        </div>\n      </SectionCard>\n    );\n  }\n\n  if (pendingSlug) {\n    return (\n      <SectionCard className=\"border-primary/20 bg-primary/[0.02]\">\n        <SectionHeader\n          icon={Gem}\n          title=\"Claim your collection URL\"\n          description={`medialane.io/collection/${pendingSlug}`}\n          iconClass=\"text-primary\"\n          bgClass=\"bg-primary/15\"\n          badge={\n            <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 text-amber-600 border-amber-500/30\">\n              Pending review\n            </Badge>\n          }\n        />\n        <div className=\"pt-1 border-t border-border\">\n          <p className=\"text-xs text-muted-foreground\">\n            Your claim for{\" \"}\n            <span className=\"tabular-nums text-foreground\">medialane.io/collection/{pendingSlug}</span> is under\n            review. You&apos;ll be notified once it&apos;s approved.\n          </p>\n        </div>\n      </SectionCard>\n    );\n  }\n\n  return (\n    <SectionCard className=\"border-primary/20 bg-primary/[0.02]\">\n      <SectionHeader\n        icon={Gem}\n        title=\"Claim your collection URL\"\n        description=\"Reserve a unique URL — medialane.io/collection/your-name\"\n        iconClass=\"text-primary\"\n        bgClass=\"bg-primary/15\"\n      />\n      <div className=\"pt-3 border-t border-border space-y-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex-1 flex items-center rounded-lg border border-border bg-muted/40 px-3 py-2\">\n            <span className=\"text-xs text-muted-foreground whitespace-nowrap shrink-0\">\n              medialane.io/collection/\n            </span>\n            <input\n              type=\"text\"\n              className=\"flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-muted-foreground/50 min-w-0\"\n              placeholder=\"your-name\"\n              value={slugInput}\n              onChange={(e) => {\n                setSlugInput(e.target.value.toLowerCase().replace(/[^a-z0-9_-]/g, \"\"));\n                setCheckState(\"idle\");\n              }}\n              onKeyDown={(e) => { if (e.key === \"Enter\") handleCheck(); }}\n              maxLength={20}\n            />\n          </div>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleCheck}\n            disabled={!slugInput.trim() || checkState === \"checking\"}\n            className=\"shrink-0\"\n          >\n            {checkState === \"checking\" ? \"Checking…\" : \"Check\"}\n          </Button>\n        </div>\n\n        {checkState === \"available\" && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <p className=\"text-xs text-emerald-600 font-medium truncate\">\n              ✓ Available — <span className=\"tabular-nums\">medialane.io/collection/{slugInput}</span>\n            </p>\n            <Button size=\"sm\" onClick={handleSubmit} disabled={submitState === \"submitting\"} className=\"shrink-0\">\n              {submitState === \"submitting\" ? \"Claiming…\" : \"Claim this URL\"}\n            </Button>\n          </div>\n        )}\n\n        {(checkState === \"taken\" || checkState === \"invalid\") && (\n          <p className=\"text-xs text-destructive\">{checkReason ?? \"That slug is not available.\"}</p>\n        )}\n\n        {submitState === \"error\" && (\n          <p className=\"text-xs text-destructive\">\n            {submitError}\n            {verifyEmailHref && submitError === \"Verify your email to claim a collection.\" && (\n              <>\n                {\" \"}\n                <Link href={verifyEmailHref} className=\"underline font-medium hover:text-foreground\">\n                  Verify email\n                </Link>\n              </>\n            )}\n          </p>\n        )}\n\n        <p className=\"text-xs text-muted-foreground\">\n          3–20 characters, lowercase letters, numbers, underscores or hyphens. Claims are reviewed before\n          going live.\n        </p>\n      </div>\n    </SectionCard>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/launchpad/edition-mint-schema.d.cts

@@ -16,6 +16,7 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/launchpad/edition-mint-schema.d.ts

@@ -16,6 +16,7 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/medialane-app.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/medialane-app.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ComponentType, type ElementType, type ReactNode } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { FastMintSigner } from \"./fast-mint/types.js\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport type { ImageResolver } from \"../utils/ipfs.js\";\n\nexport type AssetRef = Pick<ApiToken, \"chain\" | \"contractAddress\" | \"tokenId\">;\n\nexport interface CompanionApp {\n  title: string;\n  description: string;\n  icon: ElementType;\n  origin: string;\n}\n\nexport type ReportTarget =\n  | { type: \"TOKEN\"; contract: string; tokenId: string; name?: string }\n  | { type: \"COLLECTION\"; contract: string; name?: string }\n  | { type: \"CREATOR\"; address: string; name?: string }\n  | { type: \"COMMENT\"; commentId: string };\n\nexport type ReportDialogSlot = ComponentType<{ open: boolean; onOpenChange: (open: boolean) => void; target: ReportTarget }>;\n\nexport interface MedialaneApp {\n  getClient: () => MedialaneClient;\n  getSigner: () => Promise<FastMintSigner> | FastMintSigner;\n  walletAddress: string | null;\n  walletLoading?: boolean;\n  onRequireWallet: () => void;\n  releaseSigner?: () => void;\n  ensureSignedIn?: () => Promise<void>;\n  connectLabel?: string;\n  companion?: CompanionApp;\n  ReportDialog?: ReportDialogSlot;\n  resolveImage?: ImageResolver;\n}\n\nexport const MedialaneAppContext = createContext<MedialaneApp | null>(null);\n\nexport function MedialaneAppProvider({ value, children }: { value: MedialaneApp; children: ReactNode }) {\n  return <MedialaneAppContext.Provider value={value}>{children}</MedialaneAppContext.Provider>;\n}\n\nexport function useMedialaneApp(): MedialaneApp {\n  const app = useContext(MedialaneAppContext);\n  if (!app) throw new Error(\"MedialaneAppProvider missing\");\n  return app;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CS;AAxCT,mBAAgG;AAqCzF,MAAM,0BAAsB,4BAAmC,IAAI;AAEnE,SAAS,qBAAqB,EAAE,OAAO,SAAS,GAAiD;AACtG,SAAO,4CAAC,oBAAoB,UAApB,EAA6B,OAAe,UAAS;AAC/D;AAEO,SAAS,kBAAgC;AAC9C,QAAM,UAAM,yBAAW,mBAAmB;AAC1C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8BAA8B;AACxD,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/components/medialane-app.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ComponentType, type ElementType, type ReactNode } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { FastMintSigner } from \"./fast-mint/types.js\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport type { ImageResolver } from \"../utils/ipfs.js\";\n\nexport type AssetRef = Pick<ApiToken, \"chain\" | \"contractAddress\" | \"tokenId\">;\n\nexport interface CompanionApp {\n  title: string;\n  description: string;\n  icon: ElementType;\n  origin: string;\n}\n\nexport type ReportTarget =\n  | { type: \"TOKEN\"; contract: string; tokenId: string; name?: string }\n  | { type: \"COLLECTION\"; contract: string; name?: string }\n  | { type: \"CREATOR\"; address: string; name?: string }\n  | { type: \"COMMENT\"; commentId: string };\n\nexport type ReportDialogSlot = ComponentType<{ open: boolean; onOpenChange: (open: boolean) => void; target: ReportTarget }>;\n\nexport interface MedialaneApp {\n  getClient: () => MedialaneClient;\n  getSigner: () => Promise<FastMintSigner> | FastMintSigner;\n  walletAddress: string | null;\n  walletLoading?: boolean;\n  onRequireWallet: () => void;\n  releaseSigner?: () => void;\n  ensureSignedIn?: () => Promise<void>;\n  connectLabel?: string;\n  verifyEmailHref?: string;\n  companion?: CompanionApp;\n  ReportDialog?: ReportDialogSlot;\n  resolveImage?: ImageResolver;\n}\n\nexport const MedialaneAppContext = createContext<MedialaneApp | null>(null);\n\nexport function MedialaneAppProvider({ value, children }: { value: MedialaneApp; children: ReactNode }) {\n  return <MedialaneAppContext.Provider value={value}>{children}</MedialaneAppContext.Provider>;\n}\n\nexport function useMedialaneApp(): MedialaneApp {\n  const app = useContext(MedialaneAppContext);\n  if (!app) throw new Error(\"MedialaneAppProvider missing\");\n  return app;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CS;AAzCT,mBAAgG;AAsCzF,MAAM,0BAAsB,4BAAmC,IAAI;AAEnE,SAAS,qBAAqB,EAAE,OAAO,SAAS,GAAiD;AACtG,SAAO,4CAAC,oBAAoB,UAApB,EAA6B,OAAe,UAAS;AAC/D;AAEO,SAAS,kBAAgC;AAC9C,QAAM,UAAM,yBAAW,mBAAmB;AAC1C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8BAA8B;AACxD,SAAO;AACT;","names":[]}

package/dist/components/medialane-app.d.cts

@@ -45,6 +45,7 @@ interface MedialaneApp {
     releaseSigner?: () => void;
     ensureSignedIn?: () => Promise<void>;
     connectLabel?: string;
+    verifyEmailHref?: string;
     companion?: CompanionApp;
     ReportDialog?: ReportDialogSlot;
     resolveImage?: ImageResolver;

package/dist/components/medialane-app.d.ts

@@ -45,6 +45,7 @@ interface MedialaneApp {
     releaseSigner?: () => void;
     ensureSignedIn?: () => Promise<void>;
     connectLabel?: string;
+    verifyEmailHref?: string;
     companion?: CompanionApp;
     ReportDialog?: ReportDialogSlot;
     resolveImage?: ImageResolver;

package/dist/components/medialane-app.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/medialane-app.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ComponentType, type ElementType, type ReactNode } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { FastMintSigner } from \"./fast-mint/types.js\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport type { ImageResolver } from \"../utils/ipfs.js\";\n\nexport type AssetRef = Pick<ApiToken, \"chain\" | \"contractAddress\" | \"tokenId\">;\n\nexport interface CompanionApp {\n  title: string;\n  description: string;\n  icon: ElementType;\n  origin: string;\n}\n\nexport type ReportTarget =\n  | { type: \"TOKEN\"; contract: string; tokenId: string; name?: string }\n  | { type: \"COLLECTION\"; contract: string; name?: string }\n  | { type: \"CREATOR\"; address: string; name?: string }\n  | { type: \"COMMENT\"; commentId: string };\n\nexport type ReportDialogSlot = ComponentType<{ open: boolean; onOpenChange: (open: boolean) => void; target: ReportTarget }>;\n\nexport interface MedialaneApp {\n  getClient: () => MedialaneClient;\n  getSigner: () => Promise<FastMintSigner> | FastMintSigner;\n  walletAddress: string | null;\n  walletLoading?: boolean;\n  onRequireWallet: () => void;\n  releaseSigner?: () => void;\n  ensureSignedIn?: () => Promise<void>;\n  connectLabel?: string;\n  companion?: CompanionApp;\n  ReportDialog?: ReportDialogSlot;\n  resolveImage?: ImageResolver;\n}\n\nexport const MedialaneAppContext = createContext<MedialaneApp | null>(null);\n\nexport function MedialaneAppProvider({ value, children }: { value: MedialaneApp; children: ReactNode }) {\n  return <MedialaneAppContext.Provider value={value}>{children}</MedialaneAppContext.Provider>;\n}\n\nexport function useMedialaneApp(): MedialaneApp {\n  const app = useContext(MedialaneAppContext);\n  if (!app) throw new Error(\"MedialaneAppProvider missing\");\n  return app;\n}\n"],"mappings":";AA0CS;AAxCT,SAAS,eAAe,kBAAwE;AAqCzF,MAAM,sBAAsB,cAAmC,IAAI;AAEnE,SAAS,qBAAqB,EAAE,OAAO,SAAS,GAAiD;AACtG,SAAO,oBAAC,oBAAoB,UAApB,EAA6B,OAAe,UAAS;AAC/D;AAEO,SAAS,kBAAgC;AAC9C,QAAM,MAAM,WAAW,mBAAmB;AAC1C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8BAA8B;AACxD,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/components/medialane-app.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ComponentType, type ElementType, type ReactNode } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { FastMintSigner } from \"./fast-mint/types.js\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport type { ImageResolver } from \"../utils/ipfs.js\";\n\nexport type AssetRef = Pick<ApiToken, \"chain\" | \"contractAddress\" | \"tokenId\">;\n\nexport interface CompanionApp {\n  title: string;\n  description: string;\n  icon: ElementType;\n  origin: string;\n}\n\nexport type ReportTarget =\n  | { type: \"TOKEN\"; contract: string; tokenId: string; name?: string }\n  | { type: \"COLLECTION\"; contract: string; name?: string }\n  | { type: \"CREATOR\"; address: string; name?: string }\n  | { type: \"COMMENT\"; commentId: string };\n\nexport type ReportDialogSlot = ComponentType<{ open: boolean; onOpenChange: (open: boolean) => void; target: ReportTarget }>;\n\nexport interface MedialaneApp {\n  getClient: () => MedialaneClient;\n  getSigner: () => Promise<FastMintSigner> | FastMintSigner;\n  walletAddress: string | null;\n  walletLoading?: boolean;\n  onRequireWallet: () => void;\n  releaseSigner?: () => void;\n  ensureSignedIn?: () => Promise<void>;\n  connectLabel?: string;\n  verifyEmailHref?: string;\n  companion?: CompanionApp;\n  ReportDialog?: ReportDialogSlot;\n  resolveImage?: ImageResolver;\n}\n\nexport const MedialaneAppContext = createContext<MedialaneApp | null>(null);\n\nexport function MedialaneAppProvider({ value, children }: { value: MedialaneApp; children: ReactNode }) {\n  return <MedialaneAppContext.Provider value={value}>{children}</MedialaneAppContext.Provider>;\n}\n\nexport function useMedialaneApp(): MedialaneApp {\n  const app = useContext(MedialaneAppContext);\n  if (!app) throw new Error(\"MedialaneAppProvider missing\");\n  return app;\n}\n"],"mappings":";AA2CS;AAzCT,SAAS,eAAe,kBAAwE;AAsCzF,MAAM,sBAAsB,cAAmC,IAAI;AAEnE,SAAS,qBAAqB,EAAE,OAAO,SAAS,GAAiD;AACtG,SAAO,oBAAC,oBAAoB,UAApB,EAA6B,OAAe,UAAS;AAC/D;AAEO,SAAS,kBAAgC;AAC9C,QAAM,MAAM,WAAW,mBAAmB;AAC1C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8BAA8B;AACxD,SAAO;AACT;","names":[]}

package/dist/components/mint-landing.cjs

@@ -0,0 +1,232 @@
+"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 mint_landing_exports = {};
+__export(mint_landing_exports, {
+  MintLanding: () => MintLanding
+});
+module.exports = __toCommonJS(mint_landing_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_image = __toESM(require("./image.js"), 1);
+var import_link = __toESM(require("./link.js"), 1);
+var import_brand_logo = require("./brand-logo.js");
+const DOCS = "https://docs.medialane.io";
+const FUND_STYLES = [
+  { icon: import_lucide_react.FileCheck, color: "text-blue-400", bg: "bg-blue-500/10" },
+  { icon: import_lucide_react.Coins, color: "text-yellow-500", bg: "bg-yellow-500/10" },
+  { icon: import_lucide_react.Users, color: "text-purple-400", bg: "bg-purple-500/10" }
+];
+function EventCard({ image }) {
+  const [errored, setErrored] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative rounded-3xl overflow-hidden border border-border/40 shadow-2xl shadow-black/20 aspect-square w-full", children: errored ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full h-full bg-gradient-to-br from-yellow-500/10 via-orange-500/10 to-purple-500/10 flex flex-col items-center justify-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-16 w-16 rounded-2xl bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImageIcon, { className: "h-8 w-8 text-primary/40" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: image.fallback })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_image.default,
+    {
+      src: image.src,
+      alt: image.alt,
+      fill: true,
+      sizes: "(min-width: 1024px) 50vw, 100vw",
+      className: "object-cover",
+      onError: () => setErrored(true)
+    }
+  ) });
+}
+const DocLink = ({ path, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `${DOCS}${path}`, target: "_blank", rel: "noopener noreferrer", className, children });
+function MintLanding({ copy, mint }) {
+  const { how, phases, eligibility, disclaimer, footer } = copy;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-screen flex flex-col bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "px-6 py-4 flex items-center border-b border-border/30", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_brand_logo.MedialaneLogoFull, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-5xl mx-auto px-5 sm:px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "py-10 lg:py-16", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+          copy.badge && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline-flex items-center gap-2 rounded-full border border-yellow-500/30 bg-yellow-500/5 px-3 py-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-3.5 w-3.5 text-yellow-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold text-yellow-600 dark:text-yellow-400", children: copy.badge })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h1", { className: "text-4xl sm:text-5xl lg:text-6xl font-semibold tracking-tight leading-[1.05]", children: [
+            copy.headline.lead,
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-gradient-to-r from-yellow-400 to-orange-500 bg-clip-text text-transparent", children: copy.headline.highlight })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5", children: copy.chips.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground/80", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-3 w-3 text-emerald-500/70" }),
+            t
+          ] }, t)) }),
+          mint,
+          copy.intro && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: copy.intro })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:sticky lg:top-24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventCard, { image: copy.image }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "group border-t border-border/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { className: "flex items-center justify-center gap-2 py-6 cursor-pointer list-none text-sm font-medium text-muted-foreground hover:text-foreground transition-colors [&::-webkit-details-marker]:hidden", children: [
+          copy.learnMore,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 transition-transform group-open:rotate-180" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pb-8 space-y-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-8 border-t border-border/30 space-y-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl sm:text-3xl font-black", children: copy.fund.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: copy.fund.cards.map(({ title, body }, i) => {
+              const { icon: Icon, color, bg } = FUND_STYLES[i];
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4 p-5 rounded-2xl border border-border/40 bg-card/30", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `h-11 w-11 rounded-xl ${bg} flex items-center justify-center shrink-0`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: `h-5 w-5 ${color}` }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold", children: title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: body })
+                ] })
+              ] }, title);
+            }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-8 border-t border-border/30 space-y-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-1", children: how.eyebrow }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl sm:text-3xl font-black", children: how.title })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-2xl border-2 border-emerald-500/30 bg-emerald-500/5 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-12 w-12 rounded-xl bg-emerald-500/15 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserCheck, { className: "h-6 w-6 text-emerald-500" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-black text-lg", children: how.account.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-bold bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 px-2.5 py-0.5 rounded-full", children: how.account.tag })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: how.account.body })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/40 bg-card/30 p-5 space-y-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-10 w-10 rounded-xl bg-purple-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.PenLine, { className: "h-5 w-5 text-purple-400" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold text-purple-400 bg-purple-500/10 px-2.5 py-1 rounded-full", children: how.create.tag })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold", children: how.create.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: how.create.body })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/40 bg-card/30 p-5 space-y-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-10 w-10 rounded-xl bg-orange-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingCart, { className: "h-5 w-5 text-orange-400" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold text-orange-400 bg-orange-500/10 px-2.5 py-1 rounded-full", children: how.trade.tag })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold", children: how.trade.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: how.trade.body })
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-8 border-t border-border/30 space-y-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-2xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-1", children: phases.eyebrow }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl sm:text-3xl font-black", children: phases.title })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-blue-500/30 bg-blue-500/5 p-5 space-y-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-lg", children: phases.first.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold bg-blue-500/10 text-blue-400 px-2.5 py-1 rounded-full", children: phases.first.tag })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: phases.first.body })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-purple-500/30 bg-purple-500/5 p-5 space-y-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-lg", children: phases.second.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold bg-purple-500/10 text-purple-400 px-2.5 py-1 rounded-full", children: phases.second.tag })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: phases.second.body })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/40 bg-muted/10 p-4 flex items-start gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-0.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: phases.note })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "py-8 border-t border-border/30", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-1", children: eligibility.eyebrow }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-black", children: eligibility.title })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-2.5 text-sm", children: eligibility.items.map(({ ok, text }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `h-5 w-5 rounded-full flex items-center justify-center shrink-0 mt-0.5 ${ok ? "bg-emerald-500/10" : "bg-destructive/10"}`, children: ok ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-3 w-3 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { className: "h-3 w-3 text-destructive" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground leading-relaxed", children: text })
+              ] }, text)) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Shield, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-black", children: disclaimer.title })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3 text-sm text-muted-foreground leading-relaxed", children: [
+                disclaimer.paragraphs.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: p }, p)),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+                  disclaimer.agree.lead,
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/campaign-terms", className: "underline underline-offset-2 hover:text-foreground transition-colors", children: disclaimer.agree.campaignTerms }),
+                  " ",
+                  disclaimer.agree.and,
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/terms", className: "underline underline-offset-2 hover:text-foreground transition-colors", children: disclaimer.agree.terms }),
+                  "."
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pb-12" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "border-t border-border/40", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-2xs text-center text-muted-foreground/50 px-5 pt-4", children: [
+        footer.line,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/campaign-terms", className: "underline underline-offset-2 hover:text-muted-foreground/80 transition-colors", children: footer.campaignTerms })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-5 py-4 flex items-center justify-center gap-5 text-xs text-muted-foreground flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/terms", className: "hover:text-foreground transition-colors", children: footer.links.terms }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/privacy", className: "hover:text-foreground transition-colors", children: footer.links.privacy }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/guidelines/campaign-terms", className: "hover:text-foreground transition-colors", children: footer.links.campaign }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocLink, { path: "/about", className: "hover:text-foreground transition-colors", children: footer.links.about }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          "\xA9 ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " Medialane"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MintLanding
+});
+//# sourceMappingURL=mint-landing.cjs.map