@medialane/ui 0.286.0 → 0.287.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/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { FastMint };

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/settings-section.cjs

@@ -0,0 +1,65 @@
+"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 settings_section_exports = {};
+__export(settings_section_exports, {
+  FieldRow: () => FieldRow,
+  HelperText: () => HelperText,
+  SectionCard: () => SectionCard,
+  SectionHeader: () => SectionHeader
+});
+module.exports = __toCommonJS(settings_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn.js");
+function SectionCard({ children, className, id }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id, className: (0, import_cn.cn)("bg-card border border-border rounded-xl p-5 space-y-4", className), children });
+}
+function SectionHeader({
+  icon: Icon,
+  title,
+  description,
+  badge,
+  iconClass = "text-muted-foreground",
+  bgClass = "bg-muted"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3 pb-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("h-8 w-8 rounded-lg flex items-center justify-center shrink-0 mt-0.5", bgClass), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-4 w-4", iconClass) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: title }),
+        badge
+      ] }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 leading-relaxed", children: description })
+    ] })
+  ] });
+}
+function FieldRow({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1.5", children });
+}
+function HelperText({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldRow,
+  HelperText,
+  SectionCard,
+  SectionHeader
+});
+//# sourceMappingURL=settings-section.cjs.map

package/dist/components/settings-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/settings-section.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport function SectionCard({ children, className, id }: { children: ReactNode; className?: string; id?: string }) {\n  return (\n    <div id={id} className={cn(\"bg-card border border-border rounded-xl p-5 space-y-4\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function SectionHeader({\n  icon: Icon,\n  title,\n  description,\n  badge,\n  iconClass = \"text-muted-foreground\",\n  bgClass = \"bg-muted\",\n}: {\n  icon: ElementType;\n  title: string;\n  description?: string;\n  badge?: ReactNode;\n  iconClass?: string;\n  bgClass?: string;\n}) {\n  return (\n    <div className=\"flex items-start gap-3 pb-1\">\n      <div className={cn(\"h-8 w-8 rounded-lg flex items-center justify-center shrink-0 mt-0.5\", bgClass)}>\n        <Icon className={cn(\"h-4 w-4\", iconClass)} />\n      </div>\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n          {badge}\n        </div>\n        {description && <p className=\"text-xs text-muted-foreground mt-0.5 leading-relaxed\">{description}</p>}\n      </div>\n    </div>\n  );\n}\n\nexport function FieldRow({ children }: { children: ReactNode }) {\n  return <div className=\"space-y-1.5\">{children}</div>;\n}\n\nexport function HelperText({ children }: { children: ReactNode }) {\n  return <p className=\"text-xs text-muted-foreground leading-relaxed\">{children}</p>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOI;AAJJ,gBAAmB;AAEZ,SAAS,YAAY,EAAE,UAAU,WAAW,GAAG,GAA6D;AACjH,SACE,4CAAC,SAAI,IAAQ,eAAW,cAAG,yDAAyD,SAAS,GAC1F,UACH;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AACZ,GAOG;AACD,SACE,6CAAC,SAAI,WAAU,+BACb;AAAA,gDAAC,SAAI,eAAW,cAAG,uEAAuE,OAAO,GAC/F,sDAAC,QAAK,eAAW,cAAG,WAAW,SAAS,GAAG,GAC7C;AAAA,IACA,6CAAC,SAAI,WAAU,kBACb;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D;AAAA,SACH;AAAA,MACC,eAAe,4CAAC,OAAE,WAAU,wDAAwD,uBAAY;AAAA,OACnG;AAAA,KACF;AAEJ;AAEO,SAAS,SAAS,EAAE,SAAS,GAA4B;AAC9D,SAAO,4CAAC,SAAI,WAAU,eAAe,UAAS;AAChD;AAEO,SAAS,WAAW,EAAE,SAAS,GAA4B;AAChE,SAAO,4CAAC,OAAE,WAAU,iDAAiD,UAAS;AAChF;","names":[]}

package/dist/components/settings-section.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ElementType } from 'react';
+
+declare function SectionCard({ children, className, id }: {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ icon: Icon, title, description, badge, iconClass, bgClass, }: {
+    icon: ElementType;
+    title: string;
+    description?: string;
+    badge?: ReactNode;
+    iconClass?: string;
+    bgClass?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldRow({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function HelperText({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { FieldRow, HelperText, SectionCard, SectionHeader };

package/dist/components/settings-section.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ElementType } from 'react';
+
+declare function SectionCard({ children, className, id }: {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ icon: Icon, title, description, badge, iconClass, bgClass, }: {
+    icon: ElementType;
+    title: string;
+    description?: string;
+    badge?: ReactNode;
+    iconClass?: string;
+    bgClass?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldRow({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function HelperText({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { FieldRow, HelperText, SectionCard, SectionHeader };

package/dist/components/settings-section.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn.js";
+function SectionCard({ children, className, id }) {
+  return /* @__PURE__ */ jsx("div", { id, className: cn("bg-card border border-border rounded-xl p-5 space-y-4", className), children });
+}
+function SectionHeader({
+  icon: Icon,
+  title,
+  description,
+  badge,
+  iconClass = "text-muted-foreground",
+  bgClass = "bg-muted"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 pb-1", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("h-8 w-8 rounded-lg flex items-center justify-center shrink-0 mt-0.5", bgClass), children: /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4", iconClass) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }),
+        badge
+      ] }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 leading-relaxed", children: description })
+    ] })
+  ] });
+}
+function FieldRow({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children });
+}
+function HelperText({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children });
+}
+export {
+  FieldRow,
+  HelperText,
+  SectionCard,
+  SectionHeader
+};
+//# sourceMappingURL=settings-section.js.map

package/dist/components/settings-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/settings-section.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport function SectionCard({ children, className, id }: { children: ReactNode; className?: string; id?: string }) {\n  return (\n    <div id={id} className={cn(\"bg-card border border-border rounded-xl p-5 space-y-4\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function SectionHeader({\n  icon: Icon,\n  title,\n  description,\n  badge,\n  iconClass = \"text-muted-foreground\",\n  bgClass = \"bg-muted\",\n}: {\n  icon: ElementType;\n  title: string;\n  description?: string;\n  badge?: ReactNode;\n  iconClass?: string;\n  bgClass?: string;\n}) {\n  return (\n    <div className=\"flex items-start gap-3 pb-1\">\n      <div className={cn(\"h-8 w-8 rounded-lg flex items-center justify-center shrink-0 mt-0.5\", bgClass)}>\n        <Icon className={cn(\"h-4 w-4\", iconClass)} />\n      </div>\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n          {badge}\n        </div>\n        {description && <p className=\"text-xs text-muted-foreground mt-0.5 leading-relaxed\">{description}</p>}\n      </div>\n    </div>\n  );\n}\n\nexport function FieldRow({ children }: { children: ReactNode }) {\n  return <div className=\"space-y-1.5\">{children}</div>;\n}\n\nexport function HelperText({ children }: { children: ReactNode }) {\n  return <p className=\"text-xs text-muted-foreground leading-relaxed\">{children}</p>;\n}\n"],"mappings":";AAOI,cA2BI,YA3BJ;AAJJ,SAAS,UAAU;AAEZ,SAAS,YAAY,EAAE,UAAU,WAAW,GAAG,GAA6D;AACjH,SACE,oBAAC,SAAI,IAAQ,WAAW,GAAG,yDAAyD,SAAS,GAC1F,UACH;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AACZ,GAOG;AACD,SACE,qBAAC,SAAI,WAAU,+BACb;AAAA,wBAAC,SAAI,WAAW,GAAG,uEAAuE,OAAO,GAC/F,8BAAC,QAAK,WAAW,GAAG,WAAW,SAAS,GAAG,GAC7C;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D;AAAA,SACH;AAAA,MACC,eAAe,oBAAC,OAAE,WAAU,wDAAwD,uBAAY;AAAA,OACnG;AAAA,KACF;AAEJ;AAEO,SAAS,SAAS,EAAE,SAAS,GAA4B;AAC9D,SAAO,oBAAC,SAAI,WAAU,eAAe,UAAS;AAChD;AAEO,SAAS,WAAW,EAAE,SAAS,GAA4B;AAChE,SAAO,oBAAC,OAAE,WAAU,iDAAiD,UAAS;AAChF;","names":[]}

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/index.cjs

@@ -103,6 +103,7 @@ __export(index_exports, {
   CollectionNameClaim: () => import_collection_name_claim.CollectionNameClaim,
   CollectionPage: () => import_collection_page.CollectionPage,
   CollectionPicker: () => import_collection_picker.CollectionPicker,
+  CollectionSettings: () => import_collection_settings.CollectionSettings,
   CollectionTraitsTab: () => import_collection_traits_tab.CollectionTraitsTab,
   CollectionTypeChoices: () => import_new_collection_menu.CollectionTypeChoices,
   CollectionsPage: () => import_collections_page.CollectionsPage,
@@ -707,6 +708,7 @@ var import_portfolio_shell = require("./components/portfolio-shell.js");
 var import_rewards_dashboard = require("./components/rewards/rewards-dashboard.js");
 var import_leaderboard_panel = require("./components/rewards/leaderboard-panel.js");
 var import_collection_name_claim = require("./components/collection-name-claim.js");
+var import_collection_settings = require("./components/collection-settings.js");
 var import_discover_page = require("./components/discover-page.js");
 var import_discover_community_section = require("./components/discover-community-section.js");
 var import_ip_type_nav = require("./components/ip-type-nav.js");
@@ -954,6 +956,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   CollectionNameClaim,
   CollectionPage,
   CollectionPicker,
+  CollectionSettings,
   CollectionTraitsTab,
   CollectionTypeChoices,
   CollectionsPage,