@medialane/ui 0.285.0 → 0.287.0

package/dist/components/marketplace-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/marketplace-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type ComponentProps } from \"react\";\nimport { useRouter } from \"next/navigation\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { Search, X } from \"lucide-react\";\nimport { assetHref, collectionHref, type ApiSearchResult } from \"@medialane/sdk\";\nimport { Input } from \"./input.js\";\nimport { useMedialaneClient } from \"../utils/use-medialane-client.js\";\nimport { useDebouncedValue } from \"../utils/use-debounced-value.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nexport function SearchInput({ value, onClear, ...props }: ComponentProps<typeof Input> & { value: string; onClear: () => void }) {\n  return (\n    <div className=\"relative\">\n      <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n      <Input value={value} className=\"pl-9 pr-9\" {...props} />\n      {value && (\n        <button\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n          onClick={onClear}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function MarketplaceSearch() {\n  const resolveImage = useImageUrl();\n  const client = useMedialaneClient();\n  const router = useRouter();\n  const [query, setQuery] = useState(\"\");\n  const [results, setResults] = useState<ApiSearchResult | null>(null);\n  const [open, setOpen] = useState(false);\n  const debouncedQuery = useDebouncedValue(query.trim(), 300);\n\n  useEffect(() => {\n    if (!debouncedQuery) {\n      setResults(null);\n      setOpen(false);\n      return;\n    }\n    let current = true;\n    client.api\n      .search(debouncedQuery, 8)\n      .then((res) => {\n        if (!current) return;\n        setResults(res.data);\n        setOpen(true);\n      })\n      .catch(() => {\n        if (current) setResults(null);\n      });\n    return () => {\n      current = false;\n    };\n  }, [debouncedQuery, client]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && query.trim()) {\n      setOpen(false);\n      router.push(`/search?q=${encodeURIComponent(query.trim())}`);\n    }\n  };\n\n  const hasResults =\n    results && ((results.tokens?.length ?? 0) > 0 || (results.collections?.length ?? 0) > 0);\n\n  return (\n    <div className=\"relative w-full sm:max-w-sm\">\n      <SearchInput\n        placeholder=\"Search creative works\"\n        value={query}\n        onChange={(e) => setQuery(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onFocus={() => hasResults && setOpen(true)}\n        onBlur={() => setOpen(false)}\n        onClear={() => { setQuery(\"\"); setResults(null); setOpen(false); }}\n      />\n\n      {open && hasResults && (\n        <div\n          onMouseDown={(e) => e.preventDefault()}\n          className=\"absolute top-full left-0 right-0 mt-1 bg-popover border border-border rounded-xl shadow-lg z-50 overflow-hidden\"\n        >\n          {(results.tokens?.length ?? 0) > 0 && (\n            <div>\n              <div className=\"px-3 py-1.5 text-2xs font-semibold text-muted-foreground bg-muted/30\">\n                Tokens\n              </div>\n              {results.tokens!.map((t) => {\n                const img = resolveImage(t.image);\n                return (\n                  <Link\n                    key={`${t.contractAddress}-${t.tokenId}`}\n                    href={assetHref(\"STARKNET\", t.contractAddress, t.tokenId)}\n                    className=\"flex items-center gap-3 px-3 py-2.5 hover:bg-muted/50 transition-colors\"\n                  >\n                    <div className=\"relative h-8 w-8 rounded-lg bg-muted shrink-0 overflow-hidden\">\n                      {img && <Image src={img} alt=\"\" fill className=\"object-cover\" unoptimized />}\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{t.name ?? `Token #${t.tokenId}`}</p>\n                      <p className=\"text-xs text-muted-foreground tabular-nums truncate\">{t.contractAddress.slice(0, 14)}…</p>\n                    </div>\n                  </Link>\n                );\n              })}\n            </div>\n          )}\n          {(results.collections?.length ?? 0) > 0 && (\n            <div>\n              <div className=\"px-3 py-1.5 text-2xs font-semibold text-muted-foreground bg-muted/30\">\n                Collections\n              </div>\n              {results.collections!.map((c) => {\n                const imgUrl = resolveImage(c.image);\n                return (\n                  <Link\n                    key={c.contractAddress}\n                    href={collectionHref(\"STARKNET\", c.contractAddress)}\n                    className=\"flex items-center gap-3 px-3 py-2.5 hover:bg-muted/50 transition-colors\"\n                  >\n                    <div className=\"relative h-8 w-8 rounded-lg bg-gradient-to-br from-primary/20 to-brand-purple/20 flex items-center justify-center text-xs font-bold shrink-0 overflow-hidden\">\n                      {imgUrl ? (\n                        <Image src={imgUrl} alt=\"\" fill className=\"object-cover\" unoptimized />\n                      ) : (\n                        <span>{c.name?.charAt(0) ?? \"?\"}</span>\n                      )}\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{c.name}</p>\n                      <p className=\"text-xs text-muted-foreground tabular-nums truncate\">{c.contractAddress.slice(0, 14)}…</p>\n                    </div>\n                  </Link>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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/index.cjs

@@ -25,6 +25,7 @@ __export(index_exports, {
   AccountSection: () => import_account_section.AccountSection,
   ActionButton: () => import_action_button.ActionButton,
   ActionDialog: () => import_action_dialog.ActionDialog,
+  ActiveFilters: () => import_marketplace_filters.ActiveFilters,
   ActivitiesFeed: () => import_activities_feed.ActivitiesFeed,
   ActivityCard: () => import_activity_card.ActivityCard,
   ActivityCardSkeleton: () => import_activity_card.ActivityCardSkeleton,
@@ -102,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,
@@ -188,6 +190,8 @@ __export(index_exports, {
   FastMint: () => import_fast_mint.FastMint,
   FeaturedCarousel: () => import_featured_carousel.FeaturedCarousel,
   FeaturedCarouselSkeleton: () => import_featured_carousel.FeaturedCarouselSkeleton,
+  FiltersButton: () => import_marketplace_filters.FiltersButton,
+  FiltersDialog: () => import_marketplace_filters.FiltersDialog,
   FloatingCommentsButton: () => import_floating_comments_button.FloatingCommentsButton,
   Form: () => import_form.Form,
   FormControl: () => import_form.FormControl,
@@ -259,6 +263,7 @@ __export(index_exports, {
   MarketplaceDialogHero: () => import_marketplace_dialog_primitives.MarketplaceDialogHero,
   MarketplaceErrorState: () => import_marketplace_dialog_primitives.MarketplaceErrorState,
   MarketplaceProcessingState: () => import_marketplace_dialog_primitives.MarketplaceProcessingState,
+  MarketplaceSearch: () => import_marketplace_search.MarketplaceSearch,
   MarketplaceSignInGate: () => import_marketplace_dialog_primitives.MarketplaceSignInGate,
   MarketplaceTxLink: () => import_marketplace_dialog_primitives.MarketplaceTxLink,
   MediaWalletOverlay: () => import_media_wallet_overlay.MediaWalletOverlay,
@@ -327,6 +332,7 @@ __export(index_exports, {
   SPRING: () => import_motion_primitives.SPRING,
   ScoreSummaryCard: () => import_score_summary_card.ScoreSummaryCard,
   ScrollSection: () => import_scroll_section.ScrollSection,
+  SearchInput: () => import_marketplace_search.SearchInput,
   SearchPage: () => import_search_page.SearchPage,
   Section: () => import_create_form_primitives.Section,
   Select: () => import_select.Select,
@@ -506,6 +512,7 @@ __export(index_exports, {
   useCreatorByUsername: () => import_use_profiles.useCreatorByUsername,
   useCreatorProfile: () => import_use_profiles.useCreatorProfile,
   useCreators: () => import_use_creators.useCreators,
+  useDebouncedValue: () => import_use_debounced_value.useDebouncedValue,
   useDrop: () => import_use_drops.useDrop,
   useDropChain: () => import_use_drops.useDropChain,
   useDropFee: () => import_use_drops.useDropFee,
@@ -521,6 +528,7 @@ __export(index_exports, {
   useLaunchpadFilter: () => import_launchpad_services.useLaunchpadFilter,
   useLaunchpadImageUpload: () => import_use_launchpad_image_upload.useLaunchpadImageUpload,
   useLeaderboard: () => import_use_rewards.useLeaderboard,
+  useMarketplaceFilters: () => import_marketplace_filters.useMarketplaceFilters,
   useMediaWallet: () => import_media_wallet_overlay.useMediaWallet,
   useMedialaneApp: () => import_medialane_app.useMedialaneApp,
   useMedialaneClient: () => import_use_medialane_client.useMedialaneClient,
@@ -700,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");
@@ -774,6 +783,9 @@ var import_transaction_dialog = require("./components/transaction-dialog.js");
 var import_transaction_success = require("./components/transaction-success.js");
 var import_transaction_dialog_states = require("./components/transaction-dialog-states.js");
 var import_transfer_dialog = require("./components/transfer-dialog.js");
+var import_marketplace_search = require("./components/marketplace-search.js");
+var import_marketplace_filters = require("./components/marketplace-filters.js");
+var import_use_debounced_value = require("./utils/use-debounced-value.js");
 var import_success_messages = require("./utils/success-messages.js");
 var import_empty_messages = require("./utils/empty-messages.js");
 var import_medialane_collection_card = require("./components/medialane-collection-card.js");
@@ -866,6 +878,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   AccountSection,
   ActionButton,
   ActionDialog,
+  ActiveFilters,
   ActivitiesFeed,
   ActivityCard,
   ActivityCardSkeleton,
@@ -943,6 +956,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   CollectionNameClaim,
   CollectionPage,
   CollectionPicker,
+  CollectionSettings,
   CollectionTraitsTab,
   CollectionTypeChoices,
   CollectionsPage,
@@ -1029,6 +1043,8 @@ var import_asset_accents = require("./utils/asset-accents.js");
   FastMint,
   FeaturedCarousel,
   FeaturedCarouselSkeleton,
+  FiltersButton,
+  FiltersDialog,
   FloatingCommentsButton,
   Form,
   FormControl,
@@ -1100,6 +1116,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   MarketplaceDialogHero,
   MarketplaceErrorState,
   MarketplaceProcessingState,
+  MarketplaceSearch,
   MarketplaceSignInGate,
   MarketplaceTxLink,
   MediaWalletOverlay,
@@ -1168,6 +1185,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   SPRING,
   ScoreSummaryCard,
   ScrollSection,
+  SearchInput,
   SearchPage,
   Section,
   Select,
@@ -1347,6 +1365,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   useCreatorByUsername,
   useCreatorProfile,
   useCreators,
+  useDebouncedValue,
   useDrop,
   useDropChain,
   useDropFee,
@@ -1362,6 +1381,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   useLaunchpadFilter,
   useLaunchpadImageUpload,
   useLeaderboard,
+  useMarketplaceFilters,
   useMediaWallet,
   useMedialaneApp,
   useMedialaneClient,