@medialane/ui 0.120.0 → 0.122.0

package/dist/components/license-terms-builder.d.ts

@@ -1,52 +1,24 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-/** Duration units — the on-chain `duration` arg is seconds, but nobody
- *  should be forced to think in days for a multi-year deal (or forced into
- *  days at all — this is declarative, not contract-enforced). */
 declare const DURATION_UNITS: readonly ["Days", "Weeks", "Months", "Years"];
 type DurationUnit = (typeof DURATION_UNITS)[number];
-/** Converts the user-entered value + unit into whole days for the contract's
- *  `duration` arg (seconds = days * 86400, done by the caller). */
 declare function toDurationDays(terms: SponsorshipTerms): number;
-/** Common sponsorship media/channel types — deliberately not part of the
- *  general IP taxonomy in `data/ip.ts` (that's about the asset itself;
- *  this is about the sponsorship deal's channels), so it stays local here. */
 declare const MEDIA_TYPES: readonly ["Social Media", "Video", "Photo", "Article/Blog", "Print", "Broadcast", "Podcast/Audio", "Livestream"];
-/**
- * The deal terms a sponsorship offer/proposal needs, in plain-language shape
- * — no bps, no IPFS, no ByteArray. `royaltyPercent` is a plain 0–100 number
- * (multiply by 100 for the contract's basis-points argument). Every field
- * here is declarative metadata carried in the pinned IPFS document (see
- * `toLicenseMetadata`) — the contract never reads any of it, so none of it
- * is enforced beyond the atomic accept-and-mint payment itself. This
- * component only collects and validates the data, it never fetches or
- * uploads anything itself.
- */
 interface SponsorshipTerms {
     amount: string;
     paymentTokenSymbol: string;
-    /** No default — the user must explicitly set this, never silently inherit one.
-     *  Paired with `durationUnit`; convert with `toDurationDays()`. */
     durationValue: string;
     durationUnit: DurationUnit;
     transferable: boolean;
-    /** Not surfaced in the UI (no resale-royalty concept here) — always "0". Kept
-     *  on the type because `create_offer`/`propose_sponsorship` still take a
-     *  `royaltyBps` argument. */
     royaltyPercent: string;
-    /** Free-text notes that don't fit any structured field below. */
     licenseText: string;
     licenseType: string;
     commercialUse: "Yes" | "No";
     derivatives: "Allowed" | "Not Allowed" | "Share-Alike";
     attribution: "Required" | "Not Required";
-    /** Free text — "Worldwide" is a fine default, but real deals often name a
-     *  specific country or an exclusion, which a fixed list can't cover. */
     territory: string;
     aiPolicy: string;
-    /** e.g. "Instagram + YouTube only" — too deal-specific to bound into an enum. */
     scope: string;
-    /** e.g. "3 posts, 1 video" */
     deliverables: string;
     exclusive: boolean;
     approvalRequired: boolean;
@@ -54,17 +26,11 @@ interface SponsorshipTerms {
     mediaOther: string;
 }
 declare const EMPTY_SPONSORSHIP_TERMS: SponsorshipTerms;
-/** Shapes the pinned-IPFS-JSON payload — the single place both apps build
- *  this object, so it can't drift across call sites. Purely additive; the
- *  contract never reads any of it. */
 declare function toLicenseMetadata(terms: SponsorshipTerms): Record<string, unknown>;
 interface LicenseTermsBuilderProps {
     value: SponsorshipTerms;
     onChange: (next: SponsorshipTerms) => void;
-    /** Payment token symbols to offer — e.g. from SUPPORTED_TOKENS. */
     tokenOptions: string[];
-    /** Copy override for the amount field — "Minimum bid" for an owner's
-     *  offer, "Amount you'll pay" for a sponsor's proposal. Default: "Amount". */
     amountLabel?: string;
     disabled?: boolean;
     className?: string;

package/dist/components/license-terms-builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/license-terms-builder.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LICENSE_TYPES, AI_POLICIES } from \"../data/ip.js\";\n\n/** Duration units — the on-chain `duration` arg is seconds, but nobody\n *  should be forced to think in days for a multi-year deal (or forced into\n *  days at all — this is declarative, not contract-enforced). */\nexport const DURATION_UNITS = [\"Days\", \"Weeks\", \"Months\", \"Years\"] as const;\nexport type DurationUnit = (typeof DURATION_UNITS)[number];\nconst DURATION_UNIT_DAYS: Record<DurationUnit, number> = { Days: 1, Weeks: 7, Months: 30, Years: 365 };\n\n/** Converts the user-entered value + unit into whole days for the contract's\n *  `duration` arg (seconds = days * 86400, done by the caller). */\nexport function toDurationDays(terms: SponsorshipTerms): number {\n  const raw = Number(terms.durationValue || \"0\");\n  if (!raw || raw <= 0) return 0;\n  return Math.round(raw * DURATION_UNIT_DAYS[terms.durationUnit]);\n}\n\n/** Common sponsorship media/channel types — deliberately not part of the\n *  general IP taxonomy in `data/ip.ts` (that's about the asset itself;\n *  this is about the sponsorship deal's channels), so it stays local here. */\nexport const MEDIA_TYPES = [\n  \"Social Media\", \"Video\", \"Photo\", \"Article/Blog\", \"Print\", \"Broadcast\", \"Podcast/Audio\", \"Livestream\",\n] as const;\n\n/**\n * The deal terms a sponsorship offer/proposal needs, in plain-language shape\n * — no bps, no IPFS, no ByteArray. `royaltyPercent` is a plain 0–100 number\n * (multiply by 100 for the contract's basis-points argument). Every field\n * here is declarative metadata carried in the pinned IPFS document (see\n * `toLicenseMetadata`) — the contract never reads any of it, so none of it\n * is enforced beyond the atomic accept-and-mint payment itself. This\n * component only collects and validates the data, it never fetches or\n * uploads anything itself.\n */\nexport interface SponsorshipTerms {\n  amount: string;\n  paymentTokenSymbol: string;\n  /** No default — the user must explicitly set this, never silently inherit one.\n   *  Paired with `durationUnit`; convert with `toDurationDays()`. */\n  durationValue: string;\n  durationUnit: DurationUnit;\n  transferable: boolean;\n  /** Not surfaced in the UI (no resale-royalty concept here) — always \"0\". Kept\n   *  on the type because `create_offer`/`propose_sponsorship` still take a\n   *  `royaltyBps` argument. */\n  royaltyPercent: string;\n  /** Free-text notes that don't fit any structured field below. */\n  licenseText: string;\n  licenseType: string;\n  commercialUse: \"Yes\" | \"No\";\n  derivatives: \"Allowed\" | \"Not Allowed\" | \"Share-Alike\";\n  attribution: \"Required\" | \"Not Required\";\n  /** Free text — \"Worldwide\" is a fine default, but real deals often name a\n   *  specific country or an exclusion, which a fixed list can't cover. */\n  territory: string;\n  aiPolicy: string;\n  /** e.g. \"Instagram + YouTube only\" — too deal-specific to bound into an enum. */\n  scope: string;\n  /** e.g. \"3 posts, 1 video\" */\n  deliverables: string;\n  exclusive: boolean;\n  approvalRequired: boolean;\n  media: string[];\n  mediaOther: string;\n}\n\nexport const EMPTY_SPONSORSHIP_TERMS: SponsorshipTerms = {\n  amount: \"\",\n  paymentTokenSymbol: \"\",\n  durationValue: \"\",\n  durationUnit: \"Days\",\n  transferable: true,\n  royaltyPercent: \"0\",\n  licenseText: \"\",\n  licenseType: \"CC BY-SA\",\n  commercialUse: \"Yes\",\n  derivatives: \"Share-Alike\",\n  attribution: \"Required\",\n  territory: \"Worldwide\",\n  aiPolicy: \"Allowed\",\n  scope: \"\",\n  deliverables: \"\",\n  exclusive: false,\n  approvalRequired: false,\n  media: [],\n  mediaOther: \"\",\n};\n\n/** Shapes the pinned-IPFS-JSON payload — the single place both apps build\n *  this object, so it can't drift across call sites. Purely additive; the\n *  contract never reads any of it. */\nexport function toLicenseMetadata(terms: SponsorshipTerms): Record<string, unknown> {\n  return {\n    terms: terms.licenseText,\n    transferable: terms.transferable,\n    royaltyPercent: Number(terms.royaltyPercent || \"0\"),\n    licenseType: terms.licenseType,\n    commercialUse: terms.commercialUse,\n    derivatives: terms.derivatives,\n    attribution: terms.attribution,\n    territory: terms.territory,\n    aiPolicy: terms.aiPolicy,\n    scope: terms.scope,\n    deliverables: terms.deliverables,\n    exclusive: terms.exclusive,\n    approvalRequired: terms.approvalRequired,\n    media: terms.media,\n    mediaOther: terms.mediaOther,\n  };\n}\n\nexport interface LicenseTermsBuilderProps {\n  value: SponsorshipTerms;\n  onChange: (next: SponsorshipTerms) => void;\n  /** Payment token symbols to offer — e.g. from SUPPORTED_TOKENS. */\n  tokenOptions: string[];\n  /** Copy override for the amount field — \"Minimum bid\" for an owner's\n   *  offer, \"Amount you'll pay\" for a sponsor's proposal. Default: \"Amount\". */\n  amountLabel?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst FIELD_LABEL = \"text-xs font-semibold text-foreground\";\nconst FIELD_HELP = \"text-xs text-muted-foreground\";\nconst INPUT_BASE =\n  \"w-full h-10 rounded-xl border border-border bg-card px-3 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40 disabled:opacity-50\";\n\nfunction ToggleGroup({ value, options, onChange, disabled }: { value: string; options: readonly string[]; onChange: (v: string) => void; disabled?: boolean }) {\n  return (\n    <div className=\"flex rounded-lg border border-border overflow-hidden w-full\">\n      {options.map((opt, i) => (\n        <button\n          key={opt}\n          type=\"button\"\n          disabled={disabled}\n          onClick={() => onChange(opt)}\n          className={cn(\n            \"flex-1 px-3 py-2 text-xs sm:text-sm transition-colors disabled:opacity-50\",\n            i > 0 && \"border-l border-border\",\n            value === opt\n              ? \"bg-primary text-primary-foreground font-medium\"\n              : \"bg-background hover:bg-muted text-muted-foreground\",\n          )}\n        >\n          {opt}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nfunction YesNoToggle({ label, help, checked, onChange, disabled }: { label: string; help: string; checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className={FIELD_LABEL}>{label}</label>\n      <ToggleGroup value={checked ? \"Yes\" : \"No\"} options={[\"Yes\", \"No\"]} onChange={(v) => onChange(v === \"Yes\")} disabled={disabled} />\n      <p className={FIELD_HELP}>{help}</p>\n    </div>\n  );\n}\n\nexport function LicenseTermsBuilder({\n  value, onChange, tokenOptions, amountLabel = \"Amount\", disabled, className,\n}: LicenseTermsBuilderProps) {\n  const set = <K extends keyof SponsorshipTerms>(key: K, v: SponsorshipTerms[K]) =>\n    onChange({ ...value, [key]: v });\n\n  const handleLicenseTypeChange = (licenseType: string) => {\n    const def = LICENSE_TYPES.find((l) => l.value === licenseType);\n    onChange({\n      ...value,\n      licenseType,\n      ...(def ? { commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : {}),\n    });\n  };\n\n  const selectedLicense = LICENSE_TYPES.find((l) => l.value === value.licenseType);\n  const toggleMedia = (m: string) => {\n    const next = value.media.includes(m) ? value.media.filter((x) => x !== m) : [...value.media, m];\n    set(\"media\", next);\n  };\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>{amountLabel}</label>\n        <input\n          type=\"number\"\n          min={0}\n          step=\"0.01\"\n          inputMode=\"decimal\"\n          disabled={disabled}\n          value={value.amount}\n          onChange={(e) => set(\"amount\", e.target.value)}\n          placeholder=\"0.00\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Currency</label>\n        <div className=\"grid grid-cols-3 sm:grid-cols-5 gap-1.5\">\n          {tokenOptions.map((symbol) => (\n            <button\n              key={symbol}\n              type=\"button\"\n              disabled={disabled}\n              onClick={() => set(\"paymentTokenSymbol\", symbol)}\n              aria-pressed={value.paymentTokenSymbol === symbol}\n              className={cn(\n                \"h-10 px-2 rounded-xl border text-xs font-semibold flex items-center justify-center gap-1.5 transition-colors disabled:opacity-50\",\n                value.paymentTokenSymbol === symbol\n                  ? \"border-brand-purple bg-brand-purple/10 text-foreground\"\n                  : \"border-border bg-card text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              <CurrencyIcon symbol={symbol} size={14} />\n              {symbol}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <label className=\"flex items-start gap-2.5 cursor-pointer select-none\">\n        <input\n          type=\"checkbox\"\n          disabled={disabled}\n          checked={value.transferable}\n          onChange={(e) => set(\"transferable\", e.target.checked)}\n          className=\"mt-0.5 h-4 w-4 rounded border-border text-brand-purple focus:ring-brand-purple/40\"\n        />\n        <span className=\"text-sm\">\n          <span className=\"font-medium\">Sponsor can resell this license</span>\n          <span className={cn(FIELD_HELP, \"block\")}>Off means it&apos;s meant to stay with the sponsor who accepts it — resale still isn&apos;t blocked on-chain, this is just the stated intent.</span>\n        </span>\n      </label>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>License length</label>\n        <div className=\"grid grid-cols-[1fr_auto] gap-2\">\n          <input\n            type=\"number\"\n            min={1}\n            disabled={disabled}\n            value={value.durationValue}\n            onChange={(e) => set(\"durationValue\", e.target.value)}\n            placeholder=\"e.g. 30\"\n            className={INPUT_BASE}\n          />\n          <select\n            disabled={disabled}\n            value={value.durationUnit}\n            onChange={(e) => set(\"durationUnit\", e.target.value as DurationUnit)}\n            className={cn(INPUT_BASE, \"w-28\")}\n          >\n            {DURATION_UNITS.map((u) => (\n              <option key={u} value={u}>{u}</option>\n            ))}\n          </select>\n        </div>\n        <p className={FIELD_HELP}>Counted from the moment the deal is accepted, not from today.</p>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>License type</label>\n        <select\n          disabled={disabled}\n          value={value.licenseType}\n          onChange={(e) => handleLicenseTypeChange(e.target.value)}\n          className={INPUT_BASE}\n        >\n          {LICENSE_TYPES.map((l) => (\n            <option key={l.value} value={l.value}>{l.label}</option>\n          ))}\n        </select>\n        {selectedLicense ? <p className={FIELD_HELP}>{selectedLicense.description}</p> : null}\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Commercial use</label>\n        <ToggleGroup value={value.commercialUse} options={[\"Yes\", \"No\"]} onChange={(v) => set(\"commercialUse\", v as SponsorshipTerms[\"commercialUse\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Derivatives</label>\n        <ToggleGroup value={value.derivatives} options={[\"Allowed\", \"Not Allowed\", \"Share-Alike\"]} onChange={(v) => set(\"derivatives\", v as SponsorshipTerms[\"derivatives\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Attribution</label>\n        <ToggleGroup value={value.attribution} options={[\"Required\", \"Not Required\"]} onChange={(v) => set(\"attribution\", v as SponsorshipTerms[\"attribution\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Territory <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.territory}\n          onChange={(e) => set(\"territory\", e.target.value)}\n          placeholder=\"e.g. Worldwide, Brazil only, excluding China\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>AI policy</label>\n        <select\n          disabled={disabled}\n          value={value.aiPolicy}\n          onChange={(e) => set(\"aiPolicy\", e.target.value)}\n          className={INPUT_BASE}\n        >\n          {AI_POLICIES.map((p) => (\n            <option key={p} value={p}>{p}</option>\n          ))}\n        </select>\n        <p className={FIELD_HELP}>Whether this work can be used to train AI models.</p>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Scope <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.scope}\n          onChange={(e) => set(\"scope\", e.target.value)}\n          placeholder=\"e.g. Instagram + YouTube only\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Deliverables <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <textarea\n          disabled={disabled}\n          value={value.deliverables}\n          onChange={(e) => set(\"deliverables\", e.target.value)}\n          placeholder=\"e.g. 3 posts, 1 video\"\n          rows={2}\n          className={cn(INPUT_BASE, \"h-auto py-2.5 resize-y\")}\n        />\n      </div>\n\n      <YesNoToggle\n        label=\"Exclusive to this sponsor\"\n        help=\"No other sponsors during the license term.\"\n        checked={value.exclusive}\n        onChange={(v) => set(\"exclusive\", v)}\n        disabled={disabled}\n      />\n\n      <YesNoToggle\n        label=\"Content approval required\"\n        help=\"Sponsor reviews content before it's published.\"\n        checked={value.approvalRequired}\n        onChange={(v) => set(\"approvalRequired\", v)}\n        disabled={disabled}\n      />\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Media <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {MEDIA_TYPES.map((m) => (\n            <button\n              key={m}\n              type=\"button\"\n              disabled={disabled}\n              onClick={() => toggleMedia(m)}\n              className={cn(\n                \"h-8 px-2.5 rounded-full border text-xs font-medium transition-colors disabled:opacity-50\",\n                value.media.includes(m)\n                  ? \"border-brand-purple bg-brand-purple/10 text-foreground\"\n                  : \"border-border bg-card text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              {m}\n            </button>\n          ))}\n        </div>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.mediaOther}\n          onChange={(e) => set(\"mediaOther\", e.target.value)}\n          placeholder=\"Other media type\"\n          className={cn(INPUT_BASE, \"mt-1.5\")}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Additional terms <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <textarea\n          disabled={disabled}\n          value={value.licenseText}\n          onChange={(e) => set(\"licenseText\", e.target.value)}\n          placeholder=\"Anything else worth spelling out.\"\n          rows={3}\n          className={cn(INPUT_BASE, \"h-auto py-2.5 resize-y\")}\n        />\n        <p className={FIELD_HELP}>Saved permanently and shown to anyone who holds the license.</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/license-terms-builder.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LICENSE_TYPES, AI_POLICIES } from \"../data/ip.js\";\n\nexport const DURATION_UNITS = [\"Days\", \"Weeks\", \"Months\", \"Years\"] as const;\nexport type DurationUnit = (typeof DURATION_UNITS)[number];\nconst DURATION_UNIT_DAYS: Record<DurationUnit, number> = { Days: 1, Weeks: 7, Months: 30, Years: 365 };\n\nexport function toDurationDays(terms: SponsorshipTerms): number {\n  const raw = Number(terms.durationValue || \"0\");\n  if (!raw || raw <= 0) return 0;\n  return Math.round(raw * DURATION_UNIT_DAYS[terms.durationUnit]);\n}\n\nexport const MEDIA_TYPES = [\n  \"Social Media\", \"Video\", \"Photo\", \"Article/Blog\", \"Print\", \"Broadcast\", \"Podcast/Audio\", \"Livestream\",\n] as const;\n\nexport interface SponsorshipTerms {\n  amount: string;\n  paymentTokenSymbol: string;\n\n  durationValue: string;\n  durationUnit: DurationUnit;\n  transferable: boolean;\n\n  royaltyPercent: string;\n\n  licenseText: string;\n  licenseType: string;\n  commercialUse: \"Yes\" | \"No\";\n  derivatives: \"Allowed\" | \"Not Allowed\" | \"Share-Alike\";\n  attribution: \"Required\" | \"Not Required\";\n\n  territory: string;\n  aiPolicy: string;\n\n  scope: string;\n\n  deliverables: string;\n  exclusive: boolean;\n  approvalRequired: boolean;\n  media: string[];\n  mediaOther: string;\n}\n\nexport const EMPTY_SPONSORSHIP_TERMS: SponsorshipTerms = {\n  amount: \"\",\n  paymentTokenSymbol: \"\",\n  durationValue: \"\",\n  durationUnit: \"Days\",\n  transferable: true,\n  royaltyPercent: \"0\",\n  licenseText: \"\",\n  licenseType: \"CC BY-SA\",\n  commercialUse: \"Yes\",\n  derivatives: \"Share-Alike\",\n  attribution: \"Required\",\n  territory: \"Worldwide\",\n  aiPolicy: \"Allowed\",\n  scope: \"\",\n  deliverables: \"\",\n  exclusive: false,\n  approvalRequired: false,\n  media: [],\n  mediaOther: \"\",\n};\n\nexport function toLicenseMetadata(terms: SponsorshipTerms): Record<string, unknown> {\n  return {\n    terms: terms.licenseText,\n    transferable: terms.transferable,\n    royaltyPercent: Number(terms.royaltyPercent || \"0\"),\n    licenseType: terms.licenseType,\n    commercialUse: terms.commercialUse,\n    derivatives: terms.derivatives,\n    attribution: terms.attribution,\n    territory: terms.territory,\n    aiPolicy: terms.aiPolicy,\n    scope: terms.scope,\n    deliverables: terms.deliverables,\n    exclusive: terms.exclusive,\n    approvalRequired: terms.approvalRequired,\n    media: terms.media,\n    mediaOther: terms.mediaOther,\n  };\n}\n\nexport interface LicenseTermsBuilderProps {\n  value: SponsorshipTerms;\n  onChange: (next: SponsorshipTerms) => void;\n\n  tokenOptions: string[];\n\n  amountLabel?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst FIELD_LABEL = \"text-xs font-semibold text-foreground\";\nconst FIELD_HELP = \"text-xs text-muted-foreground\";\nconst INPUT_BASE =\n  \"w-full h-10 rounded-xl border border-border bg-card px-3 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40 disabled:opacity-50\";\n\nfunction ToggleGroup({ value, options, onChange, disabled }: { value: string; options: readonly string[]; onChange: (v: string) => void; disabled?: boolean }) {\n  return (\n    <div className=\"flex rounded-lg border border-border overflow-hidden w-full\">\n      {options.map((opt, i) => (\n        <button\n          key={opt}\n          type=\"button\"\n          disabled={disabled}\n          onClick={() => onChange(opt)}\n          className={cn(\n            \"flex-1 px-3 py-2 text-xs sm:text-sm transition-colors disabled:opacity-50\",\n            i > 0 && \"border-l border-border\",\n            value === opt\n              ? \"bg-primary text-primary-foreground font-medium\"\n              : \"bg-background hover:bg-muted text-muted-foreground\",\n          )}\n        >\n          {opt}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nfunction YesNoToggle({ label, help, checked, onChange, disabled }: { label: string; help: string; checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className={FIELD_LABEL}>{label}</label>\n      <ToggleGroup value={checked ? \"Yes\" : \"No\"} options={[\"Yes\", \"No\"]} onChange={(v) => onChange(v === \"Yes\")} disabled={disabled} />\n      <p className={FIELD_HELP}>{help}</p>\n    </div>\n  );\n}\n\nexport function LicenseTermsBuilder({\n  value, onChange, tokenOptions, amountLabel = \"Amount\", disabled, className,\n}: LicenseTermsBuilderProps) {\n  const set = <K extends keyof SponsorshipTerms>(key: K, v: SponsorshipTerms[K]) =>\n    onChange({ ...value, [key]: v });\n\n  const handleLicenseTypeChange = (licenseType: string) => {\n    const def = LICENSE_TYPES.find((l) => l.value === licenseType);\n    onChange({\n      ...value,\n      licenseType,\n      ...(def ? { commercialUse: def.commercialUse, derivatives: def.derivatives, attribution: def.attribution } : {}),\n    });\n  };\n\n  const selectedLicense = LICENSE_TYPES.find((l) => l.value === value.licenseType);\n  const toggleMedia = (m: string) => {\n    const next = value.media.includes(m) ? value.media.filter((x) => x !== m) : [...value.media, m];\n    set(\"media\", next);\n  };\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>{amountLabel}</label>\n        <input\n          type=\"number\"\n          min={0}\n          step=\"0.01\"\n          inputMode=\"decimal\"\n          disabled={disabled}\n          value={value.amount}\n          onChange={(e) => set(\"amount\", e.target.value)}\n          placeholder=\"0.00\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Currency</label>\n        <div className=\"grid grid-cols-3 sm:grid-cols-5 gap-1.5\">\n          {tokenOptions.map((symbol) => (\n            <button\n              key={symbol}\n              type=\"button\"\n              disabled={disabled}\n              onClick={() => set(\"paymentTokenSymbol\", symbol)}\n              aria-pressed={value.paymentTokenSymbol === symbol}\n              className={cn(\n                \"h-10 px-2 rounded-xl border text-xs font-semibold flex items-center justify-center gap-1.5 transition-colors disabled:opacity-50\",\n                value.paymentTokenSymbol === symbol\n                  ? \"border-brand-purple bg-brand-purple/10 text-foreground\"\n                  : \"border-border bg-card text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              <CurrencyIcon symbol={symbol} size={14} />\n              {symbol}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <label className=\"flex items-start gap-2.5 cursor-pointer select-none\">\n        <input\n          type=\"checkbox\"\n          disabled={disabled}\n          checked={value.transferable}\n          onChange={(e) => set(\"transferable\", e.target.checked)}\n          className=\"mt-0.5 h-4 w-4 rounded border-border text-brand-purple focus:ring-brand-purple/40\"\n        />\n        <span className=\"text-sm\">\n          <span className=\"font-medium\">Sponsor can resell this license</span>\n          <span className={cn(FIELD_HELP, \"block\")}>Off means it&apos;s meant to stay with the sponsor who accepts it — resale still isn&apos;t blocked on-chain, this is just the stated intent.</span>\n        </span>\n      </label>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>License length</label>\n        <div className=\"grid grid-cols-[1fr_auto] gap-2\">\n          <input\n            type=\"number\"\n            min={1}\n            disabled={disabled}\n            value={value.durationValue}\n            onChange={(e) => set(\"durationValue\", e.target.value)}\n            placeholder=\"e.g. 30\"\n            className={INPUT_BASE}\n          />\n          <select\n            disabled={disabled}\n            value={value.durationUnit}\n            onChange={(e) => set(\"durationUnit\", e.target.value as DurationUnit)}\n            className={cn(INPUT_BASE, \"w-28\")}\n          >\n            {DURATION_UNITS.map((u) => (\n              <option key={u} value={u}>{u}</option>\n            ))}\n          </select>\n        </div>\n        <p className={FIELD_HELP}>Counted from the moment the deal is accepted, not from today.</p>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>License type</label>\n        <select\n          disabled={disabled}\n          value={value.licenseType}\n          onChange={(e) => handleLicenseTypeChange(e.target.value)}\n          className={INPUT_BASE}\n        >\n          {LICENSE_TYPES.map((l) => (\n            <option key={l.value} value={l.value}>{l.label}</option>\n          ))}\n        </select>\n        {selectedLicense ? <p className={FIELD_HELP}>{selectedLicense.description}</p> : null}\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Commercial use</label>\n        <ToggleGroup value={value.commercialUse} options={[\"Yes\", \"No\"]} onChange={(v) => set(\"commercialUse\", v as SponsorshipTerms[\"commercialUse\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Derivatives</label>\n        <ToggleGroup value={value.derivatives} options={[\"Allowed\", \"Not Allowed\", \"Share-Alike\"]} onChange={(v) => set(\"derivatives\", v as SponsorshipTerms[\"derivatives\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Attribution</label>\n        <ToggleGroup value={value.attribution} options={[\"Required\", \"Not Required\"]} onChange={(v) => set(\"attribution\", v as SponsorshipTerms[\"attribution\"])} disabled={disabled} />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Territory <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.territory}\n          onChange={(e) => set(\"territory\", e.target.value)}\n          placeholder=\"e.g. Worldwide, Brazil only, excluding China\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>AI policy</label>\n        <select\n          disabled={disabled}\n          value={value.aiPolicy}\n          onChange={(e) => set(\"aiPolicy\", e.target.value)}\n          className={INPUT_BASE}\n        >\n          {AI_POLICIES.map((p) => (\n            <option key={p} value={p}>{p}</option>\n          ))}\n        </select>\n        <p className={FIELD_HELP}>Whether this work can be used to train AI models.</p>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Scope <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.scope}\n          onChange={(e) => set(\"scope\", e.target.value)}\n          placeholder=\"e.g. Instagram + YouTube only\"\n          className={INPUT_BASE}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Deliverables <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <textarea\n          disabled={disabled}\n          value={value.deliverables}\n          onChange={(e) => set(\"deliverables\", e.target.value)}\n          placeholder=\"e.g. 3 posts, 1 video\"\n          rows={2}\n          className={cn(INPUT_BASE, \"h-auto py-2.5 resize-y\")}\n        />\n      </div>\n\n      <YesNoToggle\n        label=\"Exclusive to this sponsor\"\n        help=\"No other sponsors during the license term.\"\n        checked={value.exclusive}\n        onChange={(v) => set(\"exclusive\", v)}\n        disabled={disabled}\n      />\n\n      <YesNoToggle\n        label=\"Content approval required\"\n        help=\"Sponsor reviews content before it's published.\"\n        checked={value.approvalRequired}\n        onChange={(v) => set(\"approvalRequired\", v)}\n        disabled={disabled}\n      />\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Media <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {MEDIA_TYPES.map((m) => (\n            <button\n              key={m}\n              type=\"button\"\n              disabled={disabled}\n              onClick={() => toggleMedia(m)}\n              className={cn(\n                \"h-8 px-2.5 rounded-full border text-xs font-medium transition-colors disabled:opacity-50\",\n                value.media.includes(m)\n                  ? \"border-brand-purple bg-brand-purple/10 text-foreground\"\n                  : \"border-border bg-card text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              {m}\n            </button>\n          ))}\n        </div>\n        <input\n          type=\"text\"\n          disabled={disabled}\n          value={value.mediaOther}\n          onChange={(e) => set(\"mediaOther\", e.target.value)}\n          placeholder=\"Other media type\"\n          className={cn(INPUT_BASE, \"mt-1.5\")}\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <label className={FIELD_LABEL}>Additional terms <span className=\"font-normal text-muted-foreground\">(optional)</span></label>\n        <textarea\n          disabled={disabled}\n          value={value.licenseText}\n          onChange={(e) => set(\"licenseText\", e.target.value)}\n          placeholder=\"Anything else worth spelling out.\"\n          rows={3}\n          className={cn(INPUT_BASE, \"h-auto py-2.5 resize-y\")}\n        />\n        <p className={FIELD_HELP}>Saved permanently and shown to anyone who holds the license.</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/listing-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/listing-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { ShoppingCart, Check, Zap, ArrowUpRight } from \"lucide-react\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\nimport { DualPrice } from \"./dual-price.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport type { ApiOrder, Chain } from \"@medialane/sdk\";\n\n/** ui's pinned SDK lags the apps — extend structurally for fields newer SDKs carry. */\ntype OrderWithAnimation = ApiOrder & { token: (ApiOrder[\"token\"] & { animationUrl?: string | null }) | null };\n\n/** Compact grid thumbnails: too little room for the full dual-price\n *  treatment, so this stays fiat-primary + a small crypto caption. */\nfunction PriceLine({\n  amountFormatted, currency, usdValue,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n}) {\n  if (!amountFormatted) return null;\n  if (!usdValue) {\n    return (\n      <p className=\"text-2xs font-bold price-value inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={11} />}\n        {formatDisplayPrice(amountFormatted)}\n      </p>\n    );\n  }\n  const stable = isStableCurrency(currency);\n  return (\n    <>\n      <p className=\"text-2xs font-bold price-value\">\n        {usdValue}\n      </p>\n      <p className=\"text-2xs text-muted-foreground/70 inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={10} />}\n        {stable ? currency : `${formatDisplayPrice(amountFormatted)} ${currency}`}\n      </p>\n    </>\n  );\n}\n\nexport interface ListingCardProps {\n  order: ApiOrder;\n  inCart?: boolean;\n  onBuy?: (order: ApiOrder) => void;\n  onCart?: (order: ApiOrder) => void;\n  /** App passes a fully constructed <DropdownMenu> here */\n  overflowMenu?: React.ReactNode;\n  /**\n   * Optional flex-1 primary control for listings, replacing the default\n   * Buy/View button — lets a host inject its own action (e.g. an owner\n   * \"Cancel\" with an app-specific, auth-coupled handler) while keeping this\n   * card's layout. Ignored for offers (which always render \"View asset\").\n   */\n  primaryAction?: React.ReactNode;\n  compact?: boolean;\n  /**\n   * Pre-resolved, browser-loadable image URL. When provided (including null),\n   * overrides the card's internal ipfsToHttp resolution — apps that proxy or\n   * resize images (e.g. a same-origin /api/ipfs?w= proxy) pass it here.\n   * Omit for the default gateway resolution; null renders the no-image fallback.\n   */\n  imageUrl?: string | null;\n  /**\n   * Pre-formatted USD equivalent of order.price (e.g. \"$12.34\"), computed by\n   * the host from its own live rate feed — this package has no price-feed\n   * access by design. Omit (or pass null) to render no USD line, e.g. when\n   * the host has no live rate for this order's currency.\n   */\n  usdValue?: string | null;\n}\n\nexport function ListingCard({ order: rawOrder, inCart = false, onBuy, onCart, overflowMenu, primaryAction, compact = false, imageUrl, usdValue }: ListingCardProps) {\n  const order = rawOrder as OrderWithAnimation;\n  const [imgError, setImgError] = useState(false);\n  const isListing = order.offer.itemType === \"ERC721\" || order.offer.itemType === \"ERC1155\";\n  const name = order.token?.name ?? `Token #${order.nftTokenId}`;\n  const image = imageUrl !== undefined ? imageUrl : (order.token?.image ? ipfsToHttp(order.token.image) : null);\n  // Not resolved through ipfsToHttp — animation_url is legitimately a data: URI for\n  // fully on-chain-rendered collections (ipfsToHttp rejects data: by design).\n  const animationUrl = order.token?.animationUrl ?? null;\n  const live = !!(order.chain && order.nftContract) && isLivingRenderCollection(order.chain.toUpperCase() as Chain, order.nftContract!);\n  const assetHref = `/asset/${order.nftContract}/${order.nftTokenId}`;\n\n  // Show the action bar for listings (Buy/View) and for offers (View asset),\n  // whenever the host wired any action or an overflow menu.\n  const showActionBar = !!(onBuy || onCart || overflowMenu || primaryAction);\n\n  // ─── Compact variant ──────────────────────────────────────────────────────\n  if (compact) {\n    return (\n      <MotionCard className=\"card-base\">\n        <Link href={assetHref} className=\"block\">\n          <div className=\"relative aspect-square bg-muted overflow-hidden\">\n            <AnimatedTokenMedia\n              image={image}\n              animationUrl={animationUrl}\n              live={live}\n              alt={name}\n              mode=\"fill\"\n              sizes=\"(max-width: 640px) 33vw, 20vw\"\n              className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n              imgError={imgError}\n              onImageError={() => setImgError(true)}\n              fallback={\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                  <span className=\"text-xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n                </div>\n              }\n            />\n          </div>\n          <div className=\"p-2.5 space-y-0.5\">\n            <p className=\"text-xs font-semibold truncate\">{name}</p>\n            <PriceLine amountFormatted={order.price?.formatted} currency={order.price?.currency} usdValue={usdValue} />\n            <p className=\"text-2xs text-muted-foreground\">{timeAgo(order.createdAt)}</p>\n          </div>\n        </Link>\n      </MotionCard>\n    );\n  }\n\n  // ─── Full variant ─────────────────────────────────────────────────────────\n  return (\n    <MotionCard className=\"card-base\">\n      <Link href={assetHref} className=\"block\">\n        <div className=\"relative aspect-square bg-muted overflow-hidden\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw\"\n            className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                <span className=\"text-2xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n              </div>\n            }\n          />\n        </div>\n\n        <div className=\"p-3.5 space-y-3\">\n          <div className=\"min-w-0\">\n            <p className=\"font-semibold text-base truncate leading-snug\">{name}</p>\n            <p className=\"text-2xs text-muted-foreground truncate leading-snug mt-0.5\">\n              {order.token?.description ? order.token.description : `#${order.nftTokenId}`}\n            </p>\n          </div>\n\n          {order.price?.formatted && (\n            <DualPrice amountFormatted={order.price.formatted} currency={order.price.currency} usdValue={usdValue} scale=\"card\" />\n          )}\n\n          {showActionBar && (\n            <div className=\"flex items-center gap-1.5\">\n              {isListing ? (\n                primaryAction ? (\n                  primaryAction\n                ) : onBuy ? (\n                  <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-9\">\n                    <button\n                      className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                      onClick={(e) => { e.preventDefault(); onBuy(order); }}\n                    >\n                      <Zap className=\"h-3.5 w-3.5 shrink-0\" /> Buy\n                    </button>\n                  </div>\n                ) : (\n                  <Link\n                    href={assetHref}\n                    className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                  >\n                    <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View\n                  </Link>\n                )\n              ) : (\n                <Link\n                  href={assetHref}\n                  className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                >\n                  <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View asset\n                </Link>\n              )}\n              {onCart && (\n                <button\n                  className={cn(\n                    \"min-h-11 min-w-11 shrink-0 rounded-[9px] border flex items-center justify-center transition-colors\",\n                    inCart\n                      ? \"border-brand-orange/50 bg-brand-orange/10 text-brand-orange\"\n                      : \"border-border bg-background hover:bg-muted text-foreground\"\n                  )}\n                  onClick={(e) => { e.preventDefault(); if (!inCart) onCart(order); }}\n                  disabled={inCart}\n                  aria-label={inCart ? \"Added to cart\" : \"Add to cart\"}\n                >\n                  {inCart ? <Check className=\"h-3.5 w-3.5\" /> : <ShoppingCart className=\"h-3.5 w-3.5\" />}\n                </button>\n              )}\n              {overflowMenu}\n            </div>\n          )}\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function ListingCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-3 space-y-2.5\">\n        <div className=\"space-y-1\">\n          <div className=\"h-4 w-3/4 bg-muted animate-pulse rounded\" />\n          <div className=\"h-3 w-1/2 bg-muted animate-pulse rounded\" />\n        </div>\n        <div className=\"h-6 w-1/2 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-2/3 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/listing-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { ShoppingCart, Check, Zap, ArrowUpRight } from \"lucide-react\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\nimport { DualPrice } from \"./dual-price.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport type { ApiOrder, Chain } from \"@medialane/sdk\";\n\ntype OrderWithAnimation = ApiOrder & { token: (ApiOrder[\"token\"] & { animationUrl?: string | null }) | null };\n\nfunction PriceLine({\n  amountFormatted, currency, usdValue,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n}) {\n  if (!amountFormatted) return null;\n  if (!usdValue) {\n    return (\n      <p className=\"text-2xs font-bold price-value inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={11} />}\n        {formatDisplayPrice(amountFormatted)}\n      </p>\n    );\n  }\n  const stable = isStableCurrency(currency);\n  return (\n    <>\n      <p className=\"text-2xs font-bold price-value\">\n        {usdValue}\n      </p>\n      <p className=\"text-2xs text-muted-foreground/70 inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={10} />}\n        {stable ? currency : `${formatDisplayPrice(amountFormatted)} ${currency}`}\n      </p>\n    </>\n  );\n}\n\nexport interface ListingCardProps {\n  order: ApiOrder;\n  inCart?: boolean;\n  onBuy?: (order: ApiOrder) => void;\n  onCart?: (order: ApiOrder) => void;\n\n  overflowMenu?: React.ReactNode;\n\n  primaryAction?: React.ReactNode;\n  compact?: boolean;\n\n  imageUrl?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport function ListingCard({ order: rawOrder, inCart = false, onBuy, onCart, overflowMenu, primaryAction, compact = false, imageUrl, usdValue }: ListingCardProps) {\n  const order = rawOrder as OrderWithAnimation;\n  const [imgError, setImgError] = useState(false);\n  const isListing = order.offer.itemType === \"ERC721\" || order.offer.itemType === \"ERC1155\";\n  const name = order.token?.name ?? `Token #${order.nftTokenId}`;\n  const image = imageUrl !== undefined ? imageUrl : (order.token?.image ? ipfsToHttp(order.token.image) : null);\n\n  const animationUrl = order.token?.animationUrl ?? null;\n  const live = !!(order.chain && order.nftContract) && isLivingRenderCollection(order.chain.toUpperCase() as Chain, order.nftContract!);\n  const assetHref = `/asset/${order.nftContract}/${order.nftTokenId}`;\n\n  const showActionBar = !!(onBuy || onCart || overflowMenu || primaryAction);\n\n  if (compact) {\n    return (\n      <MotionCard className=\"card-base\">\n        <Link href={assetHref} className=\"block\">\n          <div className=\"relative aspect-square bg-muted overflow-hidden\">\n            <AnimatedTokenMedia\n              image={image}\n              animationUrl={animationUrl}\n              live={live}\n              alt={name}\n              mode=\"fill\"\n              sizes=\"(max-width: 640px) 33vw, 20vw\"\n              className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n              imgError={imgError}\n              onImageError={() => setImgError(true)}\n              fallback={\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                  <span className=\"text-xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n                </div>\n              }\n            />\n          </div>\n          <div className=\"p-2.5 space-y-0.5\">\n            <p className=\"text-xs font-semibold truncate\">{name}</p>\n            <PriceLine amountFormatted={order.price?.formatted} currency={order.price?.currency} usdValue={usdValue} />\n            <p className=\"text-2xs text-muted-foreground\">{timeAgo(order.createdAt)}</p>\n          </div>\n        </Link>\n      </MotionCard>\n    );\n  }\n\n  return (\n    <MotionCard className=\"card-base\">\n      <Link href={assetHref} className=\"block\">\n        <div className=\"relative aspect-square bg-muted overflow-hidden\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw\"\n            className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                <span className=\"text-2xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n              </div>\n            }\n          />\n        </div>\n\n        <div className=\"p-3.5 space-y-3\">\n          <div className=\"min-w-0\">\n            <p className=\"font-semibold text-base truncate leading-snug\">{name}</p>\n            <p className=\"text-2xs text-muted-foreground truncate leading-snug mt-0.5\">\n              {order.token?.description ? order.token.description : `#${order.nftTokenId}`}\n            </p>\n          </div>\n\n          {order.price?.formatted && (\n            <DualPrice amountFormatted={order.price.formatted} currency={order.price.currency} usdValue={usdValue} scale=\"card\" />\n          )}\n\n          {showActionBar && (\n            <div className=\"flex items-center gap-1.5\">\n              {isListing ? (\n                primaryAction ? (\n                  primaryAction\n                ) : onBuy ? (\n                  <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-9\">\n                    <button\n                      className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                      onClick={(e) => { e.preventDefault(); onBuy(order); }}\n                    >\n                      <Zap className=\"h-3.5 w-3.5 shrink-0\" /> Buy\n                    </button>\n                  </div>\n                ) : (\n                  <Link\n                    href={assetHref}\n                    className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                  >\n                    <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View\n                  </Link>\n                )\n              ) : (\n                <Link\n                  href={assetHref}\n                  className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                >\n                  <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View asset\n                </Link>\n              )}\n              {onCart && (\n                <button\n                  className={cn(\n                    \"min-h-11 min-w-11 shrink-0 rounded-[9px] border flex items-center justify-center transition-colors\",\n                    inCart\n                      ? \"border-brand-orange/50 bg-brand-orange/10 text-brand-orange\"\n                      : \"border-border bg-background hover:bg-muted text-foreground\"\n                  )}\n                  onClick={(e) => { e.preventDefault(); if (!inCart) onCart(order); }}\n                  disabled={inCart}\n                  aria-label={inCart ? \"Added to cart\" : \"Add to cart\"}\n                >\n                  {inCart ? <Check className=\"h-3.5 w-3.5\" /> : <ShoppingCart className=\"h-3.5 w-3.5\" />}\n                </button>\n              )}\n              {overflowMenu}\n            </div>\n          )}\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function ListingCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-3 space-y-2.5\">\n        <div className=\"space-y-1\">\n          <div className=\"h-4 w-3/4 bg-muted animate-pulse rounded\" />\n          <div className=\"h-3 w-1/2 bg-muted animate-pulse rounded\" />\n        </div>\n        <div className=\"h-6 w-1/2 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-2/3 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/listing-card.d.cts

@@ -6,29 +6,10 @@ interface ListingCardProps {
     inCart?: boolean;
     onBuy?: (order: ApiOrder) => void;
     onCart?: (order: ApiOrder) => void;
-    /** App passes a fully constructed <DropdownMenu> here */
     overflowMenu?: React.ReactNode;
-    /**
-     * Optional flex-1 primary control for listings, replacing the default
-     * Buy/View button — lets a host inject its own action (e.g. an owner
-     * "Cancel" with an app-specific, auth-coupled handler) while keeping this
-     * card's layout. Ignored for offers (which always render "View asset").
-     */
     primaryAction?: React.ReactNode;
     compact?: boolean;
-    /**
-     * Pre-resolved, browser-loadable image URL. When provided (including null),
-     * overrides the card's internal ipfsToHttp resolution — apps that proxy or
-     * resize images (e.g. a same-origin /api/ipfs?w= proxy) pass it here.
-     * Omit for the default gateway resolution; null renders the no-image fallback.
-     */
     imageUrl?: string | null;
-    /**
-     * Pre-formatted USD equivalent of order.price (e.g. "$12.34"), computed by
-     * the host from its own live rate feed — this package has no price-feed
-     * access by design. Omit (or pass null) to render no USD line, e.g. when
-     * the host has no live rate for this order's currency.
-     */
     usdValue?: string | null;
 }
 declare function ListingCard({ order: rawOrder, inCart, onBuy, onCart, overflowMenu, primaryAction, compact, imageUrl, usdValue }: ListingCardProps): react_jsx_runtime.JSX.Element;

package/dist/components/listing-card.d.ts

@@ -6,29 +6,10 @@ interface ListingCardProps {
     inCart?: boolean;
     onBuy?: (order: ApiOrder) => void;
     onCart?: (order: ApiOrder) => void;
-    /** App passes a fully constructed <DropdownMenu> here */
     overflowMenu?: React.ReactNode;
-    /**
-     * Optional flex-1 primary control for listings, replacing the default
-     * Buy/View button — lets a host inject its own action (e.g. an owner
-     * "Cancel" with an app-specific, auth-coupled handler) while keeping this
-     * card's layout. Ignored for offers (which always render "View asset").
-     */
     primaryAction?: React.ReactNode;
     compact?: boolean;
-    /**
-     * Pre-resolved, browser-loadable image URL. When provided (including null),
-     * overrides the card's internal ipfsToHttp resolution — apps that proxy or
-     * resize images (e.g. a same-origin /api/ipfs?w= proxy) pass it here.
-     * Omit for the default gateway resolution; null renders the no-image fallback.
-     */
     imageUrl?: string | null;
-    /**
-     * Pre-formatted USD equivalent of order.price (e.g. "$12.34"), computed by
-     * the host from its own live rate feed — this package has no price-feed
-     * access by design. Omit (or pass null) to render no USD line, e.g. when
-     * the host has no live rate for this order's currency.
-     */
     usdValue?: string | null;
 }
 declare function ListingCard({ order: rawOrder, inCart, onBuy, onCart, overflowMenu, primaryAction, compact, imageUrl, usdValue }: ListingCardProps): react_jsx_runtime.JSX.Element;

package/dist/components/listing-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/listing-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { ShoppingCart, Check, Zap, ArrowUpRight } from \"lucide-react\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\nimport { DualPrice } from \"./dual-price.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport type { ApiOrder, Chain } from \"@medialane/sdk\";\n\n/** ui's pinned SDK lags the apps — extend structurally for fields newer SDKs carry. */\ntype OrderWithAnimation = ApiOrder & { token: (ApiOrder[\"token\"] & { animationUrl?: string | null }) | null };\n\n/** Compact grid thumbnails: too little room for the full dual-price\n *  treatment, so this stays fiat-primary + a small crypto caption. */\nfunction PriceLine({\n  amountFormatted, currency, usdValue,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n}) {\n  if (!amountFormatted) return null;\n  if (!usdValue) {\n    return (\n      <p className=\"text-2xs font-bold price-value inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={11} />}\n        {formatDisplayPrice(amountFormatted)}\n      </p>\n    );\n  }\n  const stable = isStableCurrency(currency);\n  return (\n    <>\n      <p className=\"text-2xs font-bold price-value\">\n        {usdValue}\n      </p>\n      <p className=\"text-2xs text-muted-foreground/70 inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={10} />}\n        {stable ? currency : `${formatDisplayPrice(amountFormatted)} ${currency}`}\n      </p>\n    </>\n  );\n}\n\nexport interface ListingCardProps {\n  order: ApiOrder;\n  inCart?: boolean;\n  onBuy?: (order: ApiOrder) => void;\n  onCart?: (order: ApiOrder) => void;\n  /** App passes a fully constructed <DropdownMenu> here */\n  overflowMenu?: React.ReactNode;\n  /**\n   * Optional flex-1 primary control for listings, replacing the default\n   * Buy/View button — lets a host inject its own action (e.g. an owner\n   * \"Cancel\" with an app-specific, auth-coupled handler) while keeping this\n   * card's layout. Ignored for offers (which always render \"View asset\").\n   */\n  primaryAction?: React.ReactNode;\n  compact?: boolean;\n  /**\n   * Pre-resolved, browser-loadable image URL. When provided (including null),\n   * overrides the card's internal ipfsToHttp resolution — apps that proxy or\n   * resize images (e.g. a same-origin /api/ipfs?w= proxy) pass it here.\n   * Omit for the default gateway resolution; null renders the no-image fallback.\n   */\n  imageUrl?: string | null;\n  /**\n   * Pre-formatted USD equivalent of order.price (e.g. \"$12.34\"), computed by\n   * the host from its own live rate feed — this package has no price-feed\n   * access by design. Omit (or pass null) to render no USD line, e.g. when\n   * the host has no live rate for this order's currency.\n   */\n  usdValue?: string | null;\n}\n\nexport function ListingCard({ order: rawOrder, inCart = false, onBuy, onCart, overflowMenu, primaryAction, compact = false, imageUrl, usdValue }: ListingCardProps) {\n  const order = rawOrder as OrderWithAnimation;\n  const [imgError, setImgError] = useState(false);\n  const isListing = order.offer.itemType === \"ERC721\" || order.offer.itemType === \"ERC1155\";\n  const name = order.token?.name ?? `Token #${order.nftTokenId}`;\n  const image = imageUrl !== undefined ? imageUrl : (order.token?.image ? ipfsToHttp(order.token.image) : null);\n  // Not resolved through ipfsToHttp — animation_url is legitimately a data: URI for\n  // fully on-chain-rendered collections (ipfsToHttp rejects data: by design).\n  const animationUrl = order.token?.animationUrl ?? null;\n  const live = !!(order.chain && order.nftContract) && isLivingRenderCollection(order.chain.toUpperCase() as Chain, order.nftContract!);\n  const assetHref = `/asset/${order.nftContract}/${order.nftTokenId}`;\n\n  // Show the action bar for listings (Buy/View) and for offers (View asset),\n  // whenever the host wired any action or an overflow menu.\n  const showActionBar = !!(onBuy || onCart || overflowMenu || primaryAction);\n\n  // ─── Compact variant ──────────────────────────────────────────────────────\n  if (compact) {\n    return (\n      <MotionCard className=\"card-base\">\n        <Link href={assetHref} className=\"block\">\n          <div className=\"relative aspect-square bg-muted overflow-hidden\">\n            <AnimatedTokenMedia\n              image={image}\n              animationUrl={animationUrl}\n              live={live}\n              alt={name}\n              mode=\"fill\"\n              sizes=\"(max-width: 640px) 33vw, 20vw\"\n              className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n              imgError={imgError}\n              onImageError={() => setImgError(true)}\n              fallback={\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                  <span className=\"text-xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n                </div>\n              }\n            />\n          </div>\n          <div className=\"p-2.5 space-y-0.5\">\n            <p className=\"text-xs font-semibold truncate\">{name}</p>\n            <PriceLine amountFormatted={order.price?.formatted} currency={order.price?.currency} usdValue={usdValue} />\n            <p className=\"text-2xs text-muted-foreground\">{timeAgo(order.createdAt)}</p>\n          </div>\n        </Link>\n      </MotionCard>\n    );\n  }\n\n  // ─── Full variant ─────────────────────────────────────────────────────────\n  return (\n    <MotionCard className=\"card-base\">\n      <Link href={assetHref} className=\"block\">\n        <div className=\"relative aspect-square bg-muted overflow-hidden\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw\"\n            className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                <span className=\"text-2xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n              </div>\n            }\n          />\n        </div>\n\n        <div className=\"p-3.5 space-y-3\">\n          <div className=\"min-w-0\">\n            <p className=\"font-semibold text-base truncate leading-snug\">{name}</p>\n            <p className=\"text-2xs text-muted-foreground truncate leading-snug mt-0.5\">\n              {order.token?.description ? order.token.description : `#${order.nftTokenId}`}\n            </p>\n          </div>\n\n          {order.price?.formatted && (\n            <DualPrice amountFormatted={order.price.formatted} currency={order.price.currency} usdValue={usdValue} scale=\"card\" />\n          )}\n\n          {showActionBar && (\n            <div className=\"flex items-center gap-1.5\">\n              {isListing ? (\n                primaryAction ? (\n                  primaryAction\n                ) : onBuy ? (\n                  <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-9\">\n                    <button\n                      className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                      onClick={(e) => { e.preventDefault(); onBuy(order); }}\n                    >\n                      <Zap className=\"h-3.5 w-3.5 shrink-0\" /> Buy\n                    </button>\n                  </div>\n                ) : (\n                  <Link\n                    href={assetHref}\n                    className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                  >\n                    <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View\n                  </Link>\n                )\n              ) : (\n                <Link\n                  href={assetHref}\n                  className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                >\n                  <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View asset\n                </Link>\n              )}\n              {onCart && (\n                <button\n                  className={cn(\n                    \"min-h-11 min-w-11 shrink-0 rounded-[9px] border flex items-center justify-center transition-colors\",\n                    inCart\n                      ? \"border-brand-orange/50 bg-brand-orange/10 text-brand-orange\"\n                      : \"border-border bg-background hover:bg-muted text-foreground\"\n                  )}\n                  onClick={(e) => { e.preventDefault(); if (!inCart) onCart(order); }}\n                  disabled={inCart}\n                  aria-label={inCart ? \"Added to cart\" : \"Add to cart\"}\n                >\n                  {inCart ? <Check className=\"h-3.5 w-3.5\" /> : <ShoppingCart className=\"h-3.5 w-3.5\" />}\n                </button>\n              )}\n              {overflowMenu}\n            </div>\n          )}\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function ListingCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-3 space-y-2.5\">\n        <div className=\"space-y-1\">\n          <div className=\"h-4 w-3/4 bg-muted animate-pulse rounded\" />\n          <div className=\"h-3 w-1/2 bg-muted animate-pulse rounded\" />\n        </div>\n        <div className=\"h-6 w-1/2 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-2/3 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/listing-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport { ShoppingCart, Check, Zap, ArrowUpRight } from \"lucide-react\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\nimport { DualPrice } from \"./dual-price.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport type { ApiOrder, Chain } from \"@medialane/sdk\";\n\ntype OrderWithAnimation = ApiOrder & { token: (ApiOrder[\"token\"] & { animationUrl?: string | null }) | null };\n\nfunction PriceLine({\n  amountFormatted, currency, usdValue,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n}) {\n  if (!amountFormatted) return null;\n  if (!usdValue) {\n    return (\n      <p className=\"text-2xs font-bold price-value inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={11} />}\n        {formatDisplayPrice(amountFormatted)}\n      </p>\n    );\n  }\n  const stable = isStableCurrency(currency);\n  return (\n    <>\n      <p className=\"text-2xs font-bold price-value\">\n        {usdValue}\n      </p>\n      <p className=\"text-2xs text-muted-foreground/70 inline-flex items-center gap-1\">\n        {currency && <CurrencyIcon symbol={currency} size={10} />}\n        {stable ? currency : `${formatDisplayPrice(amountFormatted)} ${currency}`}\n      </p>\n    </>\n  );\n}\n\nexport interface ListingCardProps {\n  order: ApiOrder;\n  inCart?: boolean;\n  onBuy?: (order: ApiOrder) => void;\n  onCart?: (order: ApiOrder) => void;\n\n  overflowMenu?: React.ReactNode;\n\n  primaryAction?: React.ReactNode;\n  compact?: boolean;\n\n  imageUrl?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport function ListingCard({ order: rawOrder, inCart = false, onBuy, onCart, overflowMenu, primaryAction, compact = false, imageUrl, usdValue }: ListingCardProps) {\n  const order = rawOrder as OrderWithAnimation;\n  const [imgError, setImgError] = useState(false);\n  const isListing = order.offer.itemType === \"ERC721\" || order.offer.itemType === \"ERC1155\";\n  const name = order.token?.name ?? `Token #${order.nftTokenId}`;\n  const image = imageUrl !== undefined ? imageUrl : (order.token?.image ? ipfsToHttp(order.token.image) : null);\n\n  const animationUrl = order.token?.animationUrl ?? null;\n  const live = !!(order.chain && order.nftContract) && isLivingRenderCollection(order.chain.toUpperCase() as Chain, order.nftContract!);\n  const assetHref = `/asset/${order.nftContract}/${order.nftTokenId}`;\n\n  const showActionBar = !!(onBuy || onCart || overflowMenu || primaryAction);\n\n  if (compact) {\n    return (\n      <MotionCard className=\"card-base\">\n        <Link href={assetHref} className=\"block\">\n          <div className=\"relative aspect-square bg-muted overflow-hidden\">\n            <AnimatedTokenMedia\n              image={image}\n              animationUrl={animationUrl}\n              live={live}\n              alt={name}\n              mode=\"fill\"\n              sizes=\"(max-width: 640px) 33vw, 20vw\"\n              className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n              imgError={imgError}\n              onImageError={() => setImgError(true)}\n              fallback={\n                <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                  <span className=\"text-xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n                </div>\n              }\n            />\n          </div>\n          <div className=\"p-2.5 space-y-0.5\">\n            <p className=\"text-xs font-semibold truncate\">{name}</p>\n            <PriceLine amountFormatted={order.price?.formatted} currency={order.price?.currency} usdValue={usdValue} />\n            <p className=\"text-2xs text-muted-foreground\">{timeAgo(order.createdAt)}</p>\n          </div>\n        </Link>\n      </MotionCard>\n    );\n  }\n\n  return (\n    <MotionCard className=\"card-base\">\n      <Link href={assetHref} className=\"block\">\n        <div className=\"relative aspect-square bg-muted overflow-hidden\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw\"\n            className=\"object-cover group-hover:scale-105 transition-transform duration-500\"\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            fallback={\n              <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\">\n                <span className=\"text-2xl font-mono text-muted-foreground\">#{order.nftTokenId}</span>\n              </div>\n            }\n          />\n        </div>\n\n        <div className=\"p-3.5 space-y-3\">\n          <div className=\"min-w-0\">\n            <p className=\"font-semibold text-base truncate leading-snug\">{name}</p>\n            <p className=\"text-2xs text-muted-foreground truncate leading-snug mt-0.5\">\n              {order.token?.description ? order.token.description : `#${order.nftTokenId}`}\n            </p>\n          </div>\n\n          {order.price?.formatted && (\n            <DualPrice amountFormatted={order.price.formatted} currency={order.price.currency} usdValue={usdValue} scale=\"card\" />\n          )}\n\n          {showActionBar && (\n            <div className=\"flex items-center gap-1.5\">\n              {isListing ? (\n                primaryAction ? (\n                  primaryAction\n                ) : onBuy ? (\n                  <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-9\">\n                    <button\n                      className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                      onClick={(e) => { e.preventDefault(); onBuy(order); }}\n                    >\n                      <Zap className=\"h-3.5 w-3.5 shrink-0\" /> Buy\n                    </button>\n                  </div>\n                ) : (\n                  <Link\n                    href={assetHref}\n                    className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                  >\n                    <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View\n                  </Link>\n                )\n              ) : (\n                <Link\n                  href={assetHref}\n                  className=\"flex-1 h-9 inline-flex items-center justify-center gap-1.5 rounded-[9px] border border-border bg-background text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n                >\n                  <ArrowUpRight className=\"h-3.5 w-3.5 shrink-0\" /> View asset\n                </Link>\n              )}\n              {onCart && (\n                <button\n                  className={cn(\n                    \"min-h-11 min-w-11 shrink-0 rounded-[9px] border flex items-center justify-center transition-colors\",\n                    inCart\n                      ? \"border-brand-orange/50 bg-brand-orange/10 text-brand-orange\"\n                      : \"border-border bg-background hover:bg-muted text-foreground\"\n                  )}\n                  onClick={(e) => { e.preventDefault(); if (!inCart) onCart(order); }}\n                  disabled={inCart}\n                  aria-label={inCart ? \"Added to cart\" : \"Add to cart\"}\n                >\n                  {inCart ? <Check className=\"h-3.5 w-3.5\" /> : <ShoppingCart className=\"h-3.5 w-3.5\" />}\n                </button>\n              )}\n              {overflowMenu}\n            </div>\n          )}\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function ListingCardSkeleton() {\n  return (\n    <div className=\"card-base\">\n      <div className=\"aspect-square w-full bg-muted animate-pulse\" />\n      <div className=\"p-3 space-y-2.5\">\n        <div className=\"space-y-1\">\n          <div className=\"h-4 w-3/4 bg-muted animate-pulse rounded\" />\n          <div className=\"h-3 w-1/2 bg-muted animate-pulse rounded\" />\n        </div>\n        <div className=\"h-6 w-1/2 bg-muted animate-pulse rounded\" />\n        <div className=\"h-3 w-2/3 bg-muted animate-pulse rounded\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/load-more-sentinel.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/load-more-sentinel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nexport interface LoadMoreSentinelProps {\n  hasMore: boolean;\n  isLoading: boolean;\n  onLoadMore: () => void;\n  rootMargin?: string;\n}\n\n/**\n * Invisible trigger that calls `onLoadMore` when scrolled near the viewport.\n * Renders nothing once `hasMore` is false. Skips firing while `isLoading` is\n * true so callers can pass their existing \"currently fetching\" flag straight\n * through with no extra guard logic.\n */\nexport function LoadMoreSentinel({\n  hasMore,\n  isLoading,\n  onLoadMore,\n  rootMargin = \"400px\",\n}: LoadMoreSentinelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!hasMore || isLoading) return;\n    const el = ref.current;\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) onLoadMore();\n      },\n      { rootMargin }\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [hasMore, isLoading, rootMargin, onLoadMore]);\n\n  if (!hasMore) return null;\n  return <div ref={ref} aria-hidden className=\"h-px w-full\" />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCS;AAvCT,mBAAkC;AAe3B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA0B;AACxB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW,UAAW;AAC3B,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,MAAM,eAAgB,YAAW;AAAA,MACvC;AAAA,MACA,EAAE,WAAW;AAAA,IACf;AACA,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,WAAW,YAAY,UAAU,CAAC;AAE/C,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,4CAAC,SAAI,KAAU,eAAW,MAAC,WAAU,eAAc;AAC5D;","names":[]}
+{"version":3,"sources":["../../src/components/load-more-sentinel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nexport interface LoadMoreSentinelProps {\n  hasMore: boolean;\n  isLoading: boolean;\n  onLoadMore: () => void;\n  rootMargin?: string;\n}\n\nexport function LoadMoreSentinel({\n  hasMore,\n  isLoading,\n  onLoadMore,\n  rootMargin = \"400px\",\n}: LoadMoreSentinelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!hasMore || isLoading) return;\n    const el = ref.current;\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) onLoadMore();\n      },\n      { rootMargin }\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [hasMore, isLoading, rootMargin, onLoadMore]);\n\n  if (!hasMore) return null;\n  return <div ref={ref} aria-hidden className=\"h-px w-full\" />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCS;AAjCT,mBAAkC;AAS3B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA0B;AACxB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW,UAAW;AAC3B,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,MAAM,eAAgB,YAAW;AAAA,MACvC;AAAA,MACA,EAAE,WAAW;AAAA,IACf;AACA,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,WAAW,YAAY,UAAU,CAAC;AAE/C,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,4CAAC,SAAI,KAAU,eAAW,MAAC,WAAU,eAAc;AAC5D;","names":[]}

package/dist/components/load-more-sentinel.d.cts

@@ -6,12 +6,6 @@ interface LoadMoreSentinelProps {
     onLoadMore: () => void;
     rootMargin?: string;
 }
-/**
- * Invisible trigger that calls `onLoadMore` when scrolled near the viewport.
- * Renders nothing once `hasMore` is false. Skips firing while `isLoading` is
- * true so callers can pass their existing "currently fetching" flag straight
- * through with no extra guard logic.
- */
 declare function LoadMoreSentinel({ hasMore, isLoading, onLoadMore, rootMargin, }: LoadMoreSentinelProps): react_jsx_runtime.JSX.Element | null;
 
 export { LoadMoreSentinel, type LoadMoreSentinelProps };

package/dist/components/load-more-sentinel.d.ts

@@ -6,12 +6,6 @@ interface LoadMoreSentinelProps {
     onLoadMore: () => void;
     rootMargin?: string;
 }
-/**
- * Invisible trigger that calls `onLoadMore` when scrolled near the viewport.
- * Renders nothing once `hasMore` is false. Skips firing while `isLoading` is
- * true so callers can pass their existing "currently fetching" flag straight
- * through with no extra guard logic.
- */
 declare function LoadMoreSentinel({ hasMore, isLoading, onLoadMore, rootMargin, }: LoadMoreSentinelProps): react_jsx_runtime.JSX.Element | null;
 
 export { LoadMoreSentinel, type LoadMoreSentinelProps };

package/dist/components/load-more-sentinel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/load-more-sentinel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nexport interface LoadMoreSentinelProps {\n  hasMore: boolean;\n  isLoading: boolean;\n  onLoadMore: () => void;\n  rootMargin?: string;\n}\n\n/**\n * Invisible trigger that calls `onLoadMore` when scrolled near the viewport.\n * Renders nothing once `hasMore` is false. Skips firing while `isLoading` is\n * true so callers can pass their existing \"currently fetching\" flag straight\n * through with no extra guard logic.\n */\nexport function LoadMoreSentinel({\n  hasMore,\n  isLoading,\n  onLoadMore,\n  rootMargin = \"400px\",\n}: LoadMoreSentinelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!hasMore || isLoading) return;\n    const el = ref.current;\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) onLoadMore();\n      },\n      { rootMargin }\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [hasMore, isLoading, rootMargin, onLoadMore]);\n\n  if (!hasMore) return null;\n  return <div ref={ref} aria-hidden className=\"h-px w-full\" />;\n}\n"],"mappings":";AAyCS;AAvCT,SAAS,WAAW,cAAc;AAe3B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA0B;AACxB,QAAM,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,UAAW;AAC3B,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,MAAM,eAAgB,YAAW;AAAA,MACvC;AAAA,MACA,EAAE,WAAW;AAAA,IACf;AACA,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,WAAW,YAAY,UAAU,CAAC;AAE/C,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,oBAAC,SAAI,KAAU,eAAW,MAAC,WAAU,eAAc;AAC5D;","names":[]}
+{"version":3,"sources":["../../src/components/load-more-sentinel.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nexport interface LoadMoreSentinelProps {\n  hasMore: boolean;\n  isLoading: boolean;\n  onLoadMore: () => void;\n  rootMargin?: string;\n}\n\nexport function LoadMoreSentinel({\n  hasMore,\n  isLoading,\n  onLoadMore,\n  rootMargin = \"400px\",\n}: LoadMoreSentinelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!hasMore || isLoading) return;\n    const el = ref.current;\n    if (!el) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) onLoadMore();\n      },\n      { rootMargin }\n    );\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [hasMore, isLoading, rootMargin, onLoadMore]);\n\n  if (!hasMore) return null;\n  return <div ref={ref} aria-hidden className=\"h-px w-full\" />;\n}\n"],"mappings":";AAmCS;AAjCT,SAAS,WAAW,cAAc;AAS3B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA0B;AACxB,QAAM,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,UAAW;AAC3B,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,MAAM,eAAgB,YAAW;AAAA,MACvC;AAAA,MACA,EAAE,WAAW;AAAA,IACf;AACA,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,WAAW,YAAY,UAAU,CAAC;AAE/C,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,oBAAC,SAAI,KAAU,eAAW,MAAC,WAAU,eAAc;AAC5D;","names":[]}

package/dist/components/medialane-collection-card.cjs

@@ -74,10 +74,7 @@ function MedialaneCollectionCard({
           className: "ml-card-material relative rounded-[22.5px] overflow-hidden text-[#0a0e1f] dark:text-white ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.06]",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2.5 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-[4/5] w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10", children: [
-              image ? (
-                // eslint-disable-next-line @next/next/no-img-element
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: image, alt: displayName, className: "h-full w-full object-cover" })
-              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: image, alt: displayName, className: "h-full w-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "div",
                 {
                   className: "h-full w-full",

package/dist/components/medialane-collection-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n  /** Resolved, browser-loadable image URL. Empty → brand-gradient placeholder. */\n  image?: string | null;\n  /** Asset or collection name. */\n  name?: string;\n  /** Secondary line under the name (collection name, symbol, ticker…). */\n  collection?: string;\n  /** Edition or serial shown as a pill, e.g. \"#42\" or \"1 / 300\". */\n  serial?: string;\n  /** Creator display name or shortened address. */\n  creator?: string;\n  className?: string;\n}\n\nconst FRAME_GRADIENT =\n  \"linear-gradient(135deg, #3b7bff, #8a5cf6 38%, #f6608f 70%, #fb8b46)\";\n\n/** The Medialane Collection Card — a branded collectors-card preview of an\n *  asset or collection. A self-contained collectible object: brand-spectrum\n *  frame, inset artwork on foil-tinted material, pointer-tracked 3D tilt +\n *  holographic sheen, display-face name, serial pill, Medialane maker's mark.\n *  Follows the app's light/dark theme automatically (`.ml-card-material` /\n *  `.ml-card-sheen` in medialane.css carry the `.dark` overrides — light is\n *  the default, no `.dark` ancestor needed). Fluid width — size it with the\n *  parent container. Pure presentation. */\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  className,\n}: MedialaneCollectionCardProps) {\n  const frameRef = useRef<HTMLDivElement>(null);\n\n  const handleMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    const el = frameRef.current;\n    if (!el || e.pointerType !== \"mouse\") return;\n    if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\n    const rect = el.getBoundingClientRect();\n    const x = (e.clientX - rect.left) / rect.width;\n    const y = (e.clientY - rect.top) / rect.height;\n    el.style.setProperty(\"--rx\", `${(0.5 - y) * 9}deg`);\n    el.style.setProperty(\"--ry\", `${(x - 0.5) * 9}deg`);\n    el.style.setProperty(\"--mx\", `${x * 100}%`);\n    el.style.setProperty(\"--my\", `${y * 100}%`);\n    el.style.setProperty(\"--pop\", \"1.015\");\n  };\n\n  const handleLeave = () => {\n    const el = frameRef.current;\n    if (!el) return;\n    el.style.setProperty(\"--rx\", \"0deg\");\n    el.style.setProperty(\"--ry\", \"0deg\");\n    el.style.setProperty(\"--pop\", \"1\");\n  };\n\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(\"group\", className)} style={{ perspective: \"1000px\" }}>\n      <div\n        ref={frameRef}\n        onPointerMove={handleMove}\n        onPointerLeave={handleLeave}\n        className=\"rounded-[24px] p-[1.5px] transition-transform duration-200 ease-out will-change-transform shadow-[0_16px_40px_-16px_rgba(91,76,230,0.45)]\"\n        style={{\n          background: FRAME_GRADIENT,\n          transform:\n            \"rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--pop, 1))\",\n          transformStyle: \"preserve-3d\",\n        }}\n      >\n        <div\n          className=\"ml-card-material relative rounded-[22.5px] overflow-hidden text-[#0a0e1f] dark:text-white ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.06]\"\n        >\n          {/* Artwork — inset like a printed trading card */}\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-[4/5] w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10\">\n              {image ? (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img src={image} alt={displayName} className=\"h-full w-full object-cover\" />\n              ) : (\n                <div\n                  className=\"h-full w-full\"\n                  style={{ background: FRAME_GRADIENT, opacity: 0.9 }}\n                />\n              )}\n              {/* Bottom scrim for depth against the meta block */}\n              <div\n                aria-hidden\n                className=\"pointer-events-none absolute inset-x-0 bottom-0 h-16\"\n                style={{ background: \"linear-gradient(to top, rgba(10,14,31,0.45), transparent)\" }}\n              />\n            </div>\n          </div>\n\n          {/* Holographic sheen — visible at rest, blooms and tracks on hover */}\n          <div\n            aria-hidden\n            className=\"ml-card-sheen pointer-events-none absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-300\"\n          />\n\n          {/* Meta */}\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span\n                aria-hidden\n                className=\"h-3.5 w-3.5 rounded-full shrink-0\"\n                style={{ background: FRAME_GRADIENT }}\n              />\n              <span className=\"text-[9px] font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50\">\n                MEDIALANE\n              </span>\n              {creator && (\n                <span className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums\">\n                  {creator}\n                </span>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n\n  image?: string | null;\n\n  name?: string;\n\n  collection?: string;\n\n  serial?: string;\n\n  creator?: string;\n  className?: string;\n}\n\nconst FRAME_GRADIENT =\n  \"linear-gradient(135deg, #3b7bff, #8a5cf6 38%, #f6608f 70%, #fb8b46)\";\n\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  className,\n}: MedialaneCollectionCardProps) {\n  const frameRef = useRef<HTMLDivElement>(null);\n\n  const handleMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    const el = frameRef.current;\n    if (!el || e.pointerType !== \"mouse\") return;\n    if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\n    const rect = el.getBoundingClientRect();\n    const x = (e.clientX - rect.left) / rect.width;\n    const y = (e.clientY - rect.top) / rect.height;\n    el.style.setProperty(\"--rx\", `${(0.5 - y) * 9}deg`);\n    el.style.setProperty(\"--ry\", `${(x - 0.5) * 9}deg`);\n    el.style.setProperty(\"--mx\", `${x * 100}%`);\n    el.style.setProperty(\"--my\", `${y * 100}%`);\n    el.style.setProperty(\"--pop\", \"1.015\");\n  };\n\n  const handleLeave = () => {\n    const el = frameRef.current;\n    if (!el) return;\n    el.style.setProperty(\"--rx\", \"0deg\");\n    el.style.setProperty(\"--ry\", \"0deg\");\n    el.style.setProperty(\"--pop\", \"1\");\n  };\n\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(\"group\", className)} style={{ perspective: \"1000px\" }}>\n      <div\n        ref={frameRef}\n        onPointerMove={handleMove}\n        onPointerLeave={handleLeave}\n        className=\"rounded-[24px] p-[1.5px] transition-transform duration-200 ease-out will-change-transform shadow-[0_16px_40px_-16px_rgba(91,76,230,0.45)]\"\n        style={{\n          background: FRAME_GRADIENT,\n          transform:\n            \"rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--pop, 1))\",\n          transformStyle: \"preserve-3d\",\n        }}\n      >\n        <div\n          className=\"ml-card-material relative rounded-[22.5px] overflow-hidden text-[#0a0e1f] dark:text-white ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.06]\"\n        >\n\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-[4/5] w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10\">\n              {image ? (\n\n                <img src={image} alt={displayName} className=\"h-full w-full object-cover\" />\n              ) : (\n                <div\n                  className=\"h-full w-full\"\n                  style={{ background: FRAME_GRADIENT, opacity: 0.9 }}\n                />\n              )}\n\n              <div\n                aria-hidden\n                className=\"pointer-events-none absolute inset-x-0 bottom-0 h-16\"\n                style={{ background: \"linear-gradient(to top, rgba(10,14,31,0.45), transparent)\" }}\n              />\n            </div>\n          </div>\n\n          <div\n            aria-hidden\n            className=\"ml-card-sheen pointer-events-none absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-300\"\n          />\n\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span\n                aria-hidden\n                className=\"h-3.5 w-3.5 rounded-full shrink-0\"\n                style={{ background: FRAME_GRADIENT }}\n              />\n              <span className=\"text-[9px] font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50\">\n                MEDIALANE\n              </span>\n              {creator && (\n                <span className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums\">\n                  {creator}\n                </span>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/medialane-collection-card.d.cts

@@ -1,26 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface MedialaneCollectionCardProps {
-    /** Resolved, browser-loadable image URL. Empty → brand-gradient placeholder. */
     image?: string | null;
-    /** Asset or collection name. */
     name?: string;
-    /** Secondary line under the name (collection name, symbol, ticker…). */
     collection?: string;
-    /** Edition or serial shown as a pill, e.g. "#42" or "1 / 300". */
     serial?: string;
-    /** Creator display name or shortened address. */
     creator?: string;
     className?: string;
 }
-/** The Medialane Collection Card — a branded collectors-card preview of an
- *  asset or collection. A self-contained collectible object: brand-spectrum
- *  frame, inset artwork on foil-tinted material, pointer-tracked 3D tilt +
- *  holographic sheen, display-face name, serial pill, Medialane maker's mark.
- *  Follows the app's light/dark theme automatically (`.ml-card-material` /
- *  `.ml-card-sheen` in medialane.css carry the `.dark` overrides — light is
- *  the default, no `.dark` ancestor needed). Fluid width — size it with the
- *  parent container. Pure presentation. */
 declare function MedialaneCollectionCard({ image, name, collection, serial, creator, className, }: MedialaneCollectionCardProps): react_jsx_runtime.JSX.Element;
 
 export { MedialaneCollectionCard, type MedialaneCollectionCardProps };

package/dist/components/medialane-collection-card.d.ts

@@ -1,26 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface MedialaneCollectionCardProps {
-    /** Resolved, browser-loadable image URL. Empty → brand-gradient placeholder. */
     image?: string | null;
-    /** Asset or collection name. */
     name?: string;
-    /** Secondary line under the name (collection name, symbol, ticker…). */
     collection?: string;
-    /** Edition or serial shown as a pill, e.g. "#42" or "1 / 300". */
     serial?: string;
-    /** Creator display name or shortened address. */
     creator?: string;
     className?: string;
 }
-/** The Medialane Collection Card — a branded collectors-card preview of an
- *  asset or collection. A self-contained collectible object: brand-spectrum
- *  frame, inset artwork on foil-tinted material, pointer-tracked 3D tilt +
- *  holographic sheen, display-face name, serial pill, Medialane maker's mark.
- *  Follows the app's light/dark theme automatically (`.ml-card-material` /
- *  `.ml-card-sheen` in medialane.css carry the `.dark` overrides — light is
- *  the default, no `.dark` ancestor needed). Fluid width — size it with the
- *  parent container. Pure presentation. */
 declare function MedialaneCollectionCard({ image, name, collection, serial, creator, className, }: MedialaneCollectionCardProps): react_jsx_runtime.JSX.Element;
 
 export { MedialaneCollectionCard, type MedialaneCollectionCardProps };

package/dist/components/medialane-collection-card.js

@@ -51,10 +51,7 @@ function MedialaneCollectionCard({
           className: "ml-card-material relative rounded-[22.5px] overflow-hidden text-[#0a0e1f] dark:text-white ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.06]",
           children: [
             /* @__PURE__ */ jsx("div", { className: "p-2.5 pb-0", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[4/5] w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10", children: [
-              image ? (
-                // eslint-disable-next-line @next/next/no-img-element
-                /* @__PURE__ */ jsx("img", { src: image, alt: displayName, className: "h-full w-full object-cover" })
-              ) : /* @__PURE__ */ jsx(
+              image ? /* @__PURE__ */ jsx("img", { src: image, alt: displayName, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "h-full w-full",