@medialane/ui 0.120.0 → 0.121.0

package/dist/components/dual-price.d.ts

@@ -1,14 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-/** Currency icon in the soft circular chip used throughout the wallet UI —
- *  reads as a coin, not a stray glyph floating next to text. */
 declare function CoinChip({ symbol, size }: {
     symbol: string | null | undefined;
     size: number;
 }): react_jsx_runtime.JSX.Element;
 declare const DUAL_PRICE_SCALES: {
-    /** Full-width hero contexts: AssetMarketplacePanel's main price. */
     readonly hero: {
         readonly amount: "text-3xl";
         readonly chip: 18;
@@ -16,8 +13,6 @@ declare const DUAL_PRICE_SCALES: {
         readonly divider: "h-7";
         readonly showLabel: true;
     };
-    /** Card contexts: ListingCard's full variant — denser, the coin icon
-     *  already conveys the currency, a text label would be redundant. */
     readonly card: {
         readonly amount: "text-base";
         readonly chip: 13;
@@ -26,18 +21,6 @@ declare const DUAL_PRICE_SCALES: {
         readonly showLabel: false;
     };
 };
-/**
- * Equal-weight dual price: fiat and the on-chain currency shown as true
- * peers — same font, same size, same icon treatment, same label
- * alignment — not one dominant number with a secondary afterthought.
- * This platform's audience spans non-crypto newcomers who read fiat and
- * crypto-native buyers who read the token amount; neither should look
- * like the "real" price and the other a footnote. Falls back to
- * crypto-only when no USD rate is available. When the currency is itself
- * a USD-pegged stablecoin, the crypto side collapses to a chip + code
- * badge — showing "13.14 USD" beside "13.14 USDC" would just be the same
- * number twice.
- */
 declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailing, }: {
     amountFormatted: string | null | undefined;
     currency: string | null | undefined;
@@ -46,28 +29,15 @@ declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailin
     trailing?: ReactNode;
 }): react_jsx_runtime.JSX.Element | null;
 declare const CHIP_TONES: {
-    /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed
-     *  readable regardless of the artwork or the viewer's theme. */
     readonly "overlay-dark": {
         readonly dot: "text-white/30";
         readonly text: "text-white/65";
     };
-    /** Theme-aware card backgrounds (TokenCard). */
     readonly card: {
         readonly dot: "text-muted-foreground/50";
         readonly text: "text-muted-foreground";
     };
 };
-/**
- * Overlay/pill price content — fiat leads, crypto trails, middot-
- * separated; stablecoins collapse to fiat + symbol alone. Renders only the
- * inner fragment: callers own their own pill container (background, blur,
- * border, padding), which intentionally differs between hosts (see
- * `tone`) rather than being forced into one visual treatment. Smaller
- * scale than DualPrice (compact artwork overlay), so no fiat/crypto icon
- * chips here — the middot + dimmer trailing color is what marks the
- * crypto side as secondary in this tighter context.
- */
 declare function PriceChipContent({ amountFormatted, currency, usdValue, tone, }: {
     amountFormatted: string | null | undefined;
     currency: string | null | undefined;

package/dist/components/dual-price.js

@@ -27,10 +27,7 @@ function stripDollarSign(usdValue) {
 }
 const DISPLAY_FACE = "font-extrabold tracking-tight tabular-nums";
 const DUAL_PRICE_SCALES = {
-  /** Full-width hero contexts: AssetMarketplacePanel's main price. */
   hero: { amount: "text-3xl", chip: 18, stableChip: 14, divider: "h-7", showLabel: true },
-  /** Card contexts: ListingCard's full variant — denser, the coin icon
-   *  already conveys the currency, a text label would be redundant. */
   card: { amount: "text-base", chip: 13, stableChip: 10, divider: "h-4", showLabel: false }
 };
 function PriceUnit({
@@ -100,10 +97,7 @@ function DualPrice({
   ] });
 }
 const CHIP_TONES = {
-  /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed
-   *  readable regardless of the artwork or the viewer's theme. */
   "overlay-dark": { dot: "text-white/30", text: "text-white/65" },
-  /** Theme-aware card backgrounds (TokenCard). */
   card: { dot: "text-muted-foreground/50", text: "text-muted-foreground" }
 };
 function PriceChipContent({

package/dist/components/dual-price.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\n/** Currency icon in the soft circular chip used throughout the wallet UI —\n *  reads as a coin, not a stray glyph floating next to text. */\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\n/** Same circular chip as CoinChip, for fiat. Sized 1:1 with the crypto\n *  icon (fontSize === size, not a fraction of it) so the \"$\" reads with\n *  the same visual weight as the coin icon sitting next to it — a smaller,\n *  thinner glyph in an identically-sized circle looked like an afterthought\n *  next to a solid icon, even though the circles measured the same. */\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\n/** usdValue arrives pre-formatted (\"$13.14\", \"<$0.01\") — the chip already\n *  carries the \"$\", so strip it from the number to avoid showing it twice. */\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\n// Inter (the platform's default body font, applied via <body>'s className\n// in every app's layout.tsx) rather than the Urbanist display face —\n// direct feedback that the price numbers should use the standard system\n// font, not the brand's opt-in heading face.\nconst DISPLAY_FACE = \"font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n  /** Full-width hero contexts: AssetMarketplacePanel's main price. */\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n  /** Card contexts: ListingCard's full variant — denser, the coin icon\n   *  already conveys the currency, a text label would be redundant. */\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\n/**\n * One currency's [chip] [amount] [optional code label] unit. Fiat and\n * crypto both render through this exact function — the previous version\n * had two separately-hand-coded branches (one baseline-aligned, one\n * center-aligned; one full-opacity, one dimmed) that drifted out of sync\n * with each other. Routing both through one function makes that class of\n * bug structurally impossible: there is only one place font, size,\n * opacity, and alignment for a price unit can be defined.\n */\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\n/**\n * Equal-weight dual price: fiat and the on-chain currency shown as true\n * peers — same font, same size, same icon treatment, same label\n * alignment — not one dominant number with a secondary afterthought.\n * This platform's audience spans non-crypto newcomers who read fiat and\n * crypto-native buyers who read the token amount; neither should look\n * like the \"real\" price and the other a footnote. Falls back to\n * crypto-only when no USD rate is available. When the currency is itself\n * a USD-pegged stablecoin, the crypto side collapses to a chip + code\n * badge — showing \"13.14 USD\" beside \"13.14 USDC\" would just be the same\n * number twice.\n */\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n      {stable ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <CoinChip symbol={currency} size={s.stableChip} />\n          <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n        </span>\n      ) : (\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n      )}\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n  /** Full-bleed image overlays (AssetCard) — fixed dark glass, guaranteed\n   *  readable regardless of the artwork or the viewer's theme. */\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n  /** Theme-aware card backgrounds (TokenCard). */\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n} as const;\n\n/**\n * Overlay/pill price content — fiat leads, crypto trails, middot-\n * separated; stablecoins collapse to fiat + symbol alone. Renders only the\n * inner fragment: callers own their own pill container (background, blur,\n * border, padding), which intentionally differs between hosts (see\n * `tone`) rather than being forced into one visual treatment. Smaller\n * scale than DualPrice (compact artwork overlay), so no fiat/crypto icon\n * chips here — the middot + dimmer trailing color is what marks the\n * crypto side as secondary in this tighter context.\n */\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={`font-semibold ${t.text}`}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 font-semibold ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\nconst DISPLAY_FACE = \"font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n      {stable ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <CoinChip symbol={currency} size={s.stableChip} />\n          <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n        </span>\n      ) : (\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n      )}\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n} as const;\n\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={`font-semibold ${t.text}`}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 font-semibold ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/empty-or-error.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n  /** Optional custom skeleton renderer — replaces the default row skeletons */\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqC6B;AAnC7B,sBAAyB;AACzB,oBAAuB;AACvB,kBAAiB;AACjB,0BAAuC;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,2EAAG,wBAAa;AACzC,WACE,4CAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,4CAAC,4BAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,6CAAC,SAAI,WAAU,+BACb;AAAA,kDAAC,SAAI,WAAU,mFACb,sDAAC,mCAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,4CAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,4CAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,oDAAC,iCAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,6CAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,4CAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,4CAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,4CAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,6CAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,sDAAC,iCAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,4CAAC,wBAAO,MAAK,MAAK,SAAO,MACvB,sDAAC,YAAAA,SAAA,EAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":["Link"]}
+{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqC6B;AAnC7B,sBAAyB;AACzB,oBAAuB;AACvB,kBAAiB;AACjB,0BAAuC;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,2EAAG,wBAAa;AACzC,WACE,4CAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,4CAAC,4BAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,6CAAC,SAAI,WAAU,+BACb;AAAA,kDAAC,SAAI,WAAU,mFACb,sDAAC,mCAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,4CAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,4CAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,oDAAC,iCAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,6CAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,4CAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,4CAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,4CAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,6CAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,sDAAC,iCAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,4CAAC,wBAAO,MAAK,MAAK,SAAO,MACvB,sDAAC,YAAAA,SAAA,EAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":["Link"]}

package/dist/components/empty-or-error.d.cts

@@ -14,7 +14,6 @@ interface EmptyOrErrorProps {
     };
     emptyIcon?: ReactNode;
     skeletonCount?: number;
-    /** Optional custom skeleton renderer — replaces the default row skeletons */
     skeletonNode?: ReactNode;
     children?: ReactNode;
 }

package/dist/components/empty-or-error.d.ts

@@ -14,7 +14,6 @@ interface EmptyOrErrorProps {
     };
     emptyIcon?: ReactNode;
     skeletonCount?: number;
-    /** Optional custom skeleton renderer — replaces the default row skeletons */
     skeletonNode?: ReactNode;
     children?: ReactNode;
 }

package/dist/components/empty-or-error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n  /** Optional custom skeleton renderer — replaces the default row skeletons */\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";AAqC6B,wBAqBnB,YArBmB;AAnC7B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,OAAO,UAAU;AACjB,SAAS,WAAW,mBAAmB;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,gCAAG,wBAAa;AACzC,WACE,oBAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,oBAAC,YAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,SAAI,WAAU,mFACb,8BAAC,eAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,oBAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,oBAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,4BAAC,aAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,oBAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,oBAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,oBAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,qBAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,8BAAC,aAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,oBAAC,UAAO,MAAK,MAAK,SAAO,MACvB,8BAAC,QAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}
+{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";AAqC6B,wBAqBnB,YArBmB;AAnC7B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,OAAO,UAAU;AACjB,SAAS,WAAW,mBAAmB;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,gCAAG,wBAAa;AACzC,WACE,oBAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,oBAAC,YAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,SAAI,WAAU,mFACb,8BAAC,eAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,oBAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,oBAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,4BAAC,aAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,oBAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,oBAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,oBAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,qBAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,8BAAC,aAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,oBAAC,UAAO,MAAK,MAAK,SAAO,MACvB,8BAAC,QAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/components/gradient-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (transparent fill, only the\n * per-action gradient border and colored icon/text), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-base\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA3BN,gBAAmB;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,2CACA;AAEJ,SACE,4CAAC,SAAI,eAAW,cAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\n  big?: boolean;\n\n  wrapperClassName?: string;\n}\n\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-base\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAhBN,gBAAmB;AASZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,2CACA;AAEJ,SACE,4CAAC,SAAI,eAAW,cAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/gradient-button.d.cts

@@ -1,22 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */
     big?: boolean;
-    /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */
     wrapperClassName?: string;
 }
-/**
- * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px
- * wrapper around a transparent-fill button, so the ring reads as a solid,
- * continuously shifting brand-gradient fill (blue → purple → rose → orange).
- * This is the primary-action treatment used across medialane.io/starknet.medialane.io
- * (e.g. "Connect wallet", "Buy now") — previously hand-copied per call site;
- * this component is the single source.
- *
- * For the secondary animated-border treatment (transparent fill, only the
- * per-action gradient border and colored icon/text), use `ActionButton` instead.
- */
 declare function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps): react_jsx_runtime.JSX.Element;
 
 export { GradientButton, type GradientButtonProps };

package/dist/components/gradient-button.d.ts

@@ -1,22 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */
     big?: boolean;
-    /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */
     wrapperClassName?: string;
 }
-/**
- * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px
- * wrapper around a transparent-fill button, so the ring reads as a solid,
- * continuously shifting brand-gradient fill (blue → purple → rose → orange).
- * This is the primary-action treatment used across medialane.io/starknet.medialane.io
- * (e.g. "Connect wallet", "Buy now") — previously hand-copied per call site;
- * this component is the single source.
- *
- * For the secondary animated-border treatment (transparent fill, only the
- * per-action gradient border and colored icon/text), use `ActionButton` instead.
- */
 declare function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps): react_jsx_runtime.JSX.Element;
 
 export { GradientButton, type GradientButtonProps };

package/dist/components/gradient-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (transparent fill, only the\n * per-action gradient border and colored icon/text), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-base\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AA6BM;AA3BN,SAAS,UAAU;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,2CACA;AAEJ,SACE,oBAAC,SAAI,WAAW,GAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\n  big?: boolean;\n\n  wrapperClassName?: string;\n}\n\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-base\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAkBM;AAhBN,SAAS,UAAU;AASZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,2CACA;AAEJ,SACE,oBAAC,SAAI,WAAW,GAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/help-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/help-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { Info } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover.js\";\n\ninterface HelpIconProps {\n  content: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\n/**\n * Tap/click to reveal an explanation popover — works on mobile and desktop.\n * Place inline next to any element that needs contextual help.\n */\nexport function HelpIcon({ content, side = \"top\", className }: HelpIconProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Help\"\n          onClick={(e) => e.stopPropagation()}\n          className={`inline-flex items-center justify-center rounded-full text-muted-foreground/50 hover:text-muted-foreground active:text-muted-foreground transition-colors shrink-0 ${className ?? \"\"}`}\n        >\n          <Info className=\"h-3.5 w-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent side={side} className=\"text-sm max-w-[220px] px-3 py-2.5 leading-snug\">\n        {content}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAfJ,0BAAqB;AACrB,qBAAwD;AAYjD,SAAS,SAAS,EAAE,SAAS,OAAO,OAAO,UAAU,GAAkB;AAC5E,SACE,6CAAC,0BACC;AAAA,gDAAC,iCAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAW,qKAAqK,aAAa,EAAE;AAAA,QAE/L,sDAAC,4BAAK,WAAU,eAAc;AAAA;AAAA,IAChC,GACF;AAAA,IACA,4CAAC,iCAAe,MAAY,WAAU,kDACnC,mBACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/help-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { Info } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover.js\";\n\ninterface HelpIconProps {\n  content: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nexport function HelpIcon({ content, side = \"top\", className }: HelpIconProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Help\"\n          onClick={(e) => e.stopPropagation()}\n          className={`inline-flex items-center justify-center rounded-full text-muted-foreground/50 hover:text-muted-foreground active:text-muted-foreground transition-colors shrink-0 ${className ?? \"\"}`}\n        >\n          <Info className=\"h-3.5 w-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent side={side} className=\"text-sm max-w-[220px] px-3 py-2.5 leading-snug\">\n        {content}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAXJ,0BAAqB;AACrB,qBAAwD;AAQjD,SAAS,SAAS,EAAE,SAAS,OAAO,OAAO,UAAU,GAAkB;AAC5E,SACE,6CAAC,0BACC;AAAA,gDAAC,iCAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAW,qKAAqK,aAAa,EAAE;AAAA,QAE/L,sDAAC,4BAAK,WAAU,eAAc;AAAA;AAAA,IAChC,GACF;AAAA,IACA,4CAAC,iCAAe,MAAY,WAAU,kDACnC,mBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/help-icon.d.cts

@@ -5,10 +5,6 @@ interface HelpIconProps {
     side?: "top" | "right" | "bottom" | "left";
     className?: string;
 }
-/**
- * Tap/click to reveal an explanation popover — works on mobile and desktop.
- * Place inline next to any element that needs contextual help.
- */
 declare function HelpIcon({ content, side, className }: HelpIconProps): react_jsx_runtime.JSX.Element;
 
 export { HelpIcon };

package/dist/components/help-icon.d.ts

@@ -5,10 +5,6 @@ interface HelpIconProps {
     side?: "top" | "right" | "bottom" | "left";
     className?: string;
 }
-/**
- * Tap/click to reveal an explanation popover — works on mobile and desktop.
- * Place inline next to any element that needs contextual help.
- */
 declare function HelpIcon({ content, side, className }: HelpIconProps): react_jsx_runtime.JSX.Element;
 
 export { HelpIcon };

package/dist/components/help-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/help-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { Info } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover.js\";\n\ninterface HelpIconProps {\n  content: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\n/**\n * Tap/click to reveal an explanation popover — works on mobile and desktop.\n * Place inline next to any element that needs contextual help.\n */\nexport function HelpIcon({ content, side = \"top\", className }: HelpIconProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Help\"\n          onClick={(e) => e.stopPropagation()}\n          className={`inline-flex items-center justify-center rounded-full text-muted-foreground/50 hover:text-muted-foreground active:text-muted-foreground transition-colors shrink-0 ${className ?? \"\"}`}\n        >\n          <Info className=\"h-3.5 w-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent side={side} className=\"text-sm max-w-[220px] px-3 py-2.5 leading-snug\">\n        {content}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AAiBI,SAQM,KARN;AAfJ,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AAYjD,SAAS,SAAS,EAAE,SAAS,OAAO,OAAO,UAAU,GAAkB;AAC5E,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAW,qKAAqK,aAAa,EAAE;AAAA,QAE/L,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,IAChC,GACF;AAAA,IACA,oBAAC,kBAAe,MAAY,WAAU,kDACnC,mBACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/help-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { Info } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover.js\";\n\ninterface HelpIconProps {\n  content: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  className?: string;\n}\n\nexport function HelpIcon({ content, side = \"top\", className }: HelpIconProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Help\"\n          onClick={(e) => e.stopPropagation()}\n          className={`inline-flex items-center justify-center rounded-full text-muted-foreground/50 hover:text-muted-foreground active:text-muted-foreground transition-colors shrink-0 ${className ?? \"\"}`}\n        >\n          <Info className=\"h-3.5 w-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent side={side} className=\"text-sm max-w-[220px] px-3 py-2.5 leading-snug\">\n        {content}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AAaI,SAQM,KARN;AAXJ,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AAQjD,SAAS,SAAS,EAAE,SAAS,OAAO,OAAO,UAAU,GAAkB;AAC5E,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAW,qKAAqK,aAAa,EAAE;AAAA,QAE/L,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,IAChC,GACF;AAAA,IACA,oBAAC,kBAAe,MAAY,WAAU,kDACnC,mBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/hero-slider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n  /** Optional placeholder CTA hrefs — defaults to \"/marketplace\" and \"/create/asset\" */\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <Link href={getHref(collection)} className=\"hover:opacity-90 transition-opacity\">\n          <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        </Link>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronLeft className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronRight className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <Link href={getHref(collection)} className=\"hover:opacity-90 transition-opacity\">\n          <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        </Link>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronLeft className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronRight className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}

package/dist/components/hero-slider.d.cts

@@ -5,7 +5,6 @@ interface HeroSliderProps {
     collections: ApiCollection[];
     isLoading: boolean;
     getHref: (collection: ApiCollection) => string;
-    /** Optional placeholder CTA hrefs — defaults to "/marketplace" and "/create/asset" */
     placeholderHrefs?: {
         markets?: string;
         create?: string;

package/dist/components/hero-slider.d.ts

@@ -5,7 +5,6 @@ interface HeroSliderProps {
     collections: ApiCollection[];
     isLoading: boolean;
     getHref: (collection: ApiCollection) => string;
-    /** Optional placeholder CTA hrefs — defaults to "/marketplace" and "/create/asset" */
     placeholderHrefs?: {
         markets?: string;
         create?: string;

package/dist/components/hero-slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n  /** Optional placeholder CTA hrefs — defaults to \"/marketplace\" and \"/create/asset\" */\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <Link href={getHref(collection)} className=\"hover:opacity-90 transition-opacity\">\n          <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        </Link>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronLeft className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronRight className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/hero-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\n\nexport interface HeroSliderProps {\n  collections: ApiCollection[];\n  isLoading: boolean;\n  getHref: (collection: ApiCollection) => string;\n\n  placeholderHrefs?: { markets?: string; create?: string };\n}\n\nfunction formatFloorPrice(price: string | null | undefined): string {\n  if (!price) return \"\";\n  const n = parseFloat(price);\n  if (isNaN(n)) return price;\n  if (n >= 1000) return `${(n / 1000).toFixed(1)}K`;\n  if (n >= 1) return n.toFixed(2);\n  return n.toPrecision(3);\n}\n\nfunction HeroPlaceholder({ hrefs }: { hrefs: Required<HeroSliderProps>[\"placeholderHrefs\"] }) {\n  return (\n    <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/50 flex flex-col items-center justify-center gap-4 text-center px-6 overflow-hidden\">\n\n      <h2 className=\"text-4xl sm:text-6xl font-black gradient-text relative z-10\">Medialane</h2>\n      <p className=\"text-muted-foreground text-lg relative z-10 max-w-md\">\n        New monetization revenues for creative works\n      </p>\n      <div className=\"flex gap-3 relative z-10\">\n        <Link href={hrefs.markets!} className=\"inline-flex items-center justify-center rounded-[11px] bg-brand-blue px-4 py-2 text-sm font-semibold text-white hover:brightness-110 active:scale-[0.98] transition-all\">\n          Markets\n        </Link>\n        <Link href={hrefs.create!} className=\"inline-flex items-center justify-center rounded-[11px] border border-white/20 bg-background/20 backdrop-blur-sm px-4 py-2 text-sm font-semibold text-white hover:bg-white/10 transition-all\">\n          Create\n        </Link>\n      </div>\n    </div>\n  );\n}\n\nfunction HeroSlide({ collection, active, getHref }: { collection: ApiCollection; active: boolean; getHref: (col: ApiCollection) => string }) {\n  const imageUrl = collection.image ? ipfsToHttp(collection.image) : null;\n  const name = collection.name ?? \"Collection\";\n  const floor = collection.floorPrice;\n  const supply = collection.totalSupply;\n\n  return (\n    <div className={cn(\"absolute inset-0 transition-opacity duration-700\", active ? \"opacity-100\" : \"opacity-0 pointer-events-none\")}>\n      {imageUrl ? (\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"animate-kenburns absolute inset-0\">\n            <Image src={imageUrl} alt={name} fill className=\"object-cover\" priority={active} unoptimized />\n          </div>\n        </div>\n      ) : (\n        <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/40 via-brand-blue/20 to-brand-navy/60\" />\n      )}\n      <div className=\"absolute bottom-0 left-0 right-0 p-6 sm:p-10 flex flex-col gap-3\">\n        <Link href={getHref(collection)} className=\"hover:opacity-90 transition-opacity\">\n          <h2 className=\"text-4xl lg:text-5xl font-semibold text-white leading-tight\">{name}</h2>\n        </Link>\n        <div className=\"flex items-center gap-4 text-sm text-white/70\">\n          {supply != null && <span>{supply.toLocaleString()} items</span>}\n          {floor && <span className=\"text-white font-semibold\">Floor {formatFloorPrice(floor)}</span>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function HeroSliderSkeleton() {\n  return <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] bg-muted animate-pulse\" />;\n}\n\nexport function HeroSlider({ collections, isLoading, getHref, placeholderHrefs = {} }: HeroSliderProps) {\n  const hrefs = { markets: \"/marketplace\", create: \"/create/asset\", ...placeholderHrefs };\n  const [current, setCurrent] = useState(0);\n  const count = collections.length;\n\n  const next = useCallback(() => { if (count > 1) setCurrent((c) => (c + 1) % count); }, [count]);\n  const prev = useCallback(() => { if (count > 1) setCurrent((c) => (c - 1 + count) % count); }, [count]);\n\n  useEffect(() => {\n    if (count <= 1) return;\n    const id = setInterval(next, 7000);\n    return () => clearInterval(id);\n  }, [count, next]);\n\n  if (isLoading) return <HeroSliderSkeleton />;\n\n  return (\n    <section className=\"relative w-full h-[78vw] min-h-[420px] max-h-[768px] sm:h-[72vh] sm:max-h-[816px] overflow-hidden bg-muted\">\n      {count === 0 ? (\n        <HeroPlaceholder hrefs={hrefs} />\n      ) : (\n        <>\n          {collections.map((col, i) => (\n            <HeroSlide key={col.contractAddress} collection={col} active={i === current} getHref={getHref} />\n          ))}\n          {count > 1 && (\n            <>\n              <button onClick={prev} aria-label=\"Previous slide\" className=\"absolute left-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronLeft className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <button onClick={next} aria-label=\"Next slide\" className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center transition-colors\">\n                <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-white/10 backdrop-blur-md hover:bg-white/20\">\n                  <ChevronRight className=\"h-5 w-5 text-white\" />\n                </span>\n              </button>\n              <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 z-10\">\n                {collections.map((_, i) => (\n                  <button key={i} onClick={() => setCurrent(i)} aria-label={`Go to slide ${i + 1}`} className={cn(\"h-1.5 rounded-full transition-all\", i === current ? \"w-6 bg-white\" : \"w-1.5 bg-white/40\")} />\n                ))}\n              </div>\n            </>\n          )}\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/ip-type-badge.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Music, Palette, Film, Camera, Gem, Award,\n  FileText, BookOpen, File, Building, Code, Layers,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from \"../data/ip-types.js\";\nimport type { IpTypeData } from \"../data/ip-types.js\";\n\n/** Client-only: extends IpTypeData with a React icon component. */\nexport interface IpTypeConfig extends IpTypeData {\n  icon: React.ElementType;\n}\n\nexport const IP_TYPE_CONFIG: IpTypeConfig[] = IP_TYPE_DATA.map((d) => {\n  const icons: Record<string, React.ElementType> = {\n    audio: Music,\n    video: Film,\n    art: Palette,\n    photography: Camera,\n    nft: Gem,\n    software: Code,\n    rwa: Building,\n    patents: Award,\n    posts: FileText,\n    publications: BookOpen,\n    documents: File,\n    custom: Layers,\n  };\n  return { ...d, icon: icons[d.slug] ?? Layers };\n});\n\nexport const IP_TYPE_MAP = Object.fromEntries(\n  IP_TYPE_CONFIG.map((c) => [c.slug, c])\n) as Record<string, IpTypeConfig>;\n\n// Re-export server-safe data so consumers only need one import path\nexport { IP_TYPE_DATA, IP_TYPE_DATA_MAP };\nexport type { IpTypeData };\n\nconst SIZE = {\n  sm: { container: \"h-6 w-6\", icon: \"h-3 w-3\" },\n  md: { container: \"h-8 w-8\", icon: \"h-4 w-4\" },\n};\n\nexport interface IpTypeBadgeProps {\n  ipType: string;\n  size?: \"sm\" | \"md\";\n  className?: string;\n  /** Base URL for IP type pages. Default: \"\" (relative). */\n  baseUrl?: string;\n}\n\nexport function IpTypeBadge({ ipType, size = \"sm\", className, baseUrl = \"\" }: IpTypeBadgeProps) {\n  const config = IP_TYPE_CONFIG.find(\n    (c) => c.label === ipType || c.apiValue === ipType\n  );\n  if (!config) return null;\n  const { icon: Icon, colorClass, bgClass, slug, label } = config;\n  const { container, icon } = SIZE[size];\n  return (\n    <a\n      href={`${baseUrl}/${slug}`}\n      title={label}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full\",\n        \"transition-opacity hover:opacity-80\",\n        bgClass,\n        container,\n        className\n      )}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Icon className={cn(colorClass, icon)} />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0EM;AAxEN,0BAGO;AACP,gBAAmB;AACnB,sBAA+C;AAQxC,MAAM,iBAAiC,6BAAa,IAAI,CAAC,MAAM;AACpE,QAAM,QAA2C;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,IACb,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACA,SAAO,EAAE,GAAG,GAAG,MAAM,MAAM,EAAE,IAAI,KAAK,2BAAO;AAC/C,CAAC;AAEM,MAAM,cAAc,OAAO;AAAA,EAChC,eAAe,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACvC;AAMA,MAAM,OAAO;AAAA,EACX,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAAA,EAC5C,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAC9C;AAUO,SAAS,YAAY,EAAE,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,GAAqB;AAC9F,QAAM,SAAS,eAAe;AAAA,IAC5B,CAAC,MAAM,EAAE,UAAU,UAAU,EAAE,aAAa;AAAA,EAC9C;AACA,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,EAAE,MAAM,MAAM,YAAY,SAAS,MAAM,MAAM,IAAI;AACzD,QAAM,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,OAAO,IAAI,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAElC,sDAAC,QAAK,eAAW,cAAG,YAAY,IAAI,GAAG;AAAA;AAAA,EACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Music, Palette, Film, Camera, Gem, Award,\n  FileText, BookOpen, File, Building, Code, Layers,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from \"../data/ip-types.js\";\nimport type { IpTypeData } from \"../data/ip-types.js\";\n\nexport interface IpTypeConfig extends IpTypeData {\n  icon: React.ElementType;\n}\n\nexport const IP_TYPE_CONFIG: IpTypeConfig[] = IP_TYPE_DATA.map((d) => {\n  const icons: Record<string, React.ElementType> = {\n    audio: Music,\n    video: Film,\n    art: Palette,\n    photography: Camera,\n    nft: Gem,\n    software: Code,\n    rwa: Building,\n    patents: Award,\n    posts: FileText,\n    publications: BookOpen,\n    documents: File,\n    custom: Layers,\n  };\n  return { ...d, icon: icons[d.slug] ?? Layers };\n});\n\nexport const IP_TYPE_MAP = Object.fromEntries(\n  IP_TYPE_CONFIG.map((c) => [c.slug, c])\n) as Record<string, IpTypeConfig>;\n\nexport { IP_TYPE_DATA, IP_TYPE_DATA_MAP };\nexport type { IpTypeData };\n\nconst SIZE = {\n  sm: { container: \"h-6 w-6\", icon: \"h-3 w-3\" },\n  md: { container: \"h-8 w-8\", icon: \"h-4 w-4\" },\n};\n\nexport interface IpTypeBadgeProps {\n  ipType: string;\n  size?: \"sm\" | \"md\";\n  className?: string;\n\n  baseUrl?: string;\n}\n\nexport function IpTypeBadge({ ipType, size = \"sm\", className, baseUrl = \"\" }: IpTypeBadgeProps) {\n  const config = IP_TYPE_CONFIG.find(\n    (c) => c.label === ipType || c.apiValue === ipType\n  );\n  if (!config) return null;\n  const { icon: Icon, colorClass, bgClass, slug, label } = config;\n  const { container, icon } = SIZE[size];\n  return (\n    <a\n      href={`${baseUrl}/${slug}`}\n      title={label}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full\",\n        \"transition-opacity hover:opacity-80\",\n        bgClass,\n        container,\n        className\n      )}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Icon className={cn(colorClass, icon)} />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEM;AAtEN,0BAGO;AACP,gBAAmB;AACnB,sBAA+C;AAOxC,MAAM,iBAAiC,6BAAa,IAAI,CAAC,MAAM;AACpE,QAAM,QAA2C;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,IACb,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACA,SAAO,EAAE,GAAG,GAAG,MAAM,MAAM,EAAE,IAAI,KAAK,2BAAO;AAC/C,CAAC;AAEM,MAAM,cAAc,OAAO;AAAA,EAChC,eAAe,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACvC;AAKA,MAAM,OAAO;AAAA,EACX,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAAA,EAC5C,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAC9C;AAUO,SAAS,YAAY,EAAE,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,GAAqB;AAC9F,QAAM,SAAS,eAAe;AAAA,IAC5B,CAAC,MAAM,EAAE,UAAU,UAAU,EAAE,aAAa;AAAA,EAC9C;AACA,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,EAAE,MAAM,MAAM,YAAY,SAAS,MAAM,MAAM,IAAI;AACzD,QAAM,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,OAAO,IAAI,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAElC,sDAAC,QAAK,eAAW,cAAG,YAAY,IAAI,GAAG;AAAA;AAAA,EACzC;AAEJ;","names":[]}

package/dist/components/ip-type-badge.d.cts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IpTypeData } from '../data/ip-types.cjs';
 export { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from '../data/ip-types.cjs';
 
-/** Client-only: extends IpTypeData with a React icon component. */
 interface IpTypeConfig extends IpTypeData {
     icon: React.ElementType;
 }
@@ -13,7 +12,6 @@ interface IpTypeBadgeProps {
     ipType: string;
     size?: "sm" | "md";
     className?: string;
-    /** Base URL for IP type pages. Default: "" (relative). */
     baseUrl?: string;
 }
 declare function IpTypeBadge({ ipType, size, className, baseUrl }: IpTypeBadgeProps): react_jsx_runtime.JSX.Element | null;

package/dist/components/ip-type-badge.d.ts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IpTypeData } from '../data/ip-types.js';
 export { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from '../data/ip-types.js';
 
-/** Client-only: extends IpTypeData with a React icon component. */
 interface IpTypeConfig extends IpTypeData {
     icon: React.ElementType;
 }
@@ -13,7 +12,6 @@ interface IpTypeBadgeProps {
     ipType: string;
     size?: "sm" | "md";
     className?: string;
-    /** Base URL for IP type pages. Default: "" (relative). */
     baseUrl?: string;
 }
 declare function IpTypeBadge({ ipType, size, className, baseUrl }: IpTypeBadgeProps): react_jsx_runtime.JSX.Element | null;

package/dist/components/ip-type-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Music, Palette, Film, Camera, Gem, Award,\n  FileText, BookOpen, File, Building, Code, Layers,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from \"../data/ip-types.js\";\nimport type { IpTypeData } from \"../data/ip-types.js\";\n\n/** Client-only: extends IpTypeData with a React icon component. */\nexport interface IpTypeConfig extends IpTypeData {\n  icon: React.ElementType;\n}\n\nexport const IP_TYPE_CONFIG: IpTypeConfig[] = IP_TYPE_DATA.map((d) => {\n  const icons: Record<string, React.ElementType> = {\n    audio: Music,\n    video: Film,\n    art: Palette,\n    photography: Camera,\n    nft: Gem,\n    software: Code,\n    rwa: Building,\n    patents: Award,\n    posts: FileText,\n    publications: BookOpen,\n    documents: File,\n    custom: Layers,\n  };\n  return { ...d, icon: icons[d.slug] ?? Layers };\n});\n\nexport const IP_TYPE_MAP = Object.fromEntries(\n  IP_TYPE_CONFIG.map((c) => [c.slug, c])\n) as Record<string, IpTypeConfig>;\n\n// Re-export server-safe data so consumers only need one import path\nexport { IP_TYPE_DATA, IP_TYPE_DATA_MAP };\nexport type { IpTypeData };\n\nconst SIZE = {\n  sm: { container: \"h-6 w-6\", icon: \"h-3 w-3\" },\n  md: { container: \"h-8 w-8\", icon: \"h-4 w-4\" },\n};\n\nexport interface IpTypeBadgeProps {\n  ipType: string;\n  size?: \"sm\" | \"md\";\n  className?: string;\n  /** Base URL for IP type pages. Default: \"\" (relative). */\n  baseUrl?: string;\n}\n\nexport function IpTypeBadge({ ipType, size = \"sm\", className, baseUrl = \"\" }: IpTypeBadgeProps) {\n  const config = IP_TYPE_CONFIG.find(\n    (c) => c.label === ipType || c.apiValue === ipType\n  );\n  if (!config) return null;\n  const { icon: Icon, colorClass, bgClass, slug, label } = config;\n  const { container, icon } = SIZE[size];\n  return (\n    <a\n      href={`${baseUrl}/${slug}`}\n      title={label}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full\",\n        \"transition-opacity hover:opacity-80\",\n        bgClass,\n        container,\n        className\n      )}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Icon className={cn(colorClass, icon)} />\n    </a>\n  );\n}\n"],"mappings":";AA0EM;AAxEN;AAAA,EACE;AAAA,EAAO;AAAA,EAAS;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EACnC;AAAA,EAAU;AAAA,EAAU;AAAA,EAAM;AAAA,EAAU;AAAA,EAAM;AAAA,OACrC;AACP,SAAS,UAAU;AACnB,SAAS,cAAc,wBAAwB;AAQxC,MAAM,iBAAiC,aAAa,IAAI,CAAC,MAAM;AACpE,QAAM,QAA2C;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,IACb,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACA,SAAO,EAAE,GAAG,GAAG,MAAM,MAAM,EAAE,IAAI,KAAK,OAAO;AAC/C,CAAC;AAEM,MAAM,cAAc,OAAO;AAAA,EAChC,eAAe,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACvC;AAMA,MAAM,OAAO;AAAA,EACX,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAAA,EAC5C,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAC9C;AAUO,SAAS,YAAY,EAAE,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,GAAqB;AAC9F,QAAM,SAAS,eAAe;AAAA,IAC5B,CAAC,MAAM,EAAE,UAAU,UAAU,EAAE,aAAa;AAAA,EAC9C;AACA,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,EAAE,MAAM,MAAM,YAAY,SAAS,MAAM,MAAM,IAAI;AACzD,QAAM,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,OAAO,IAAI,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAElC,8BAAC,QAAK,WAAW,GAAG,YAAY,IAAI,GAAG;AAAA;AAAA,EACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Music, Palette, Film, Camera, Gem, Award,\n  FileText, BookOpen, File, Building, Code, Layers,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { IP_TYPE_DATA, IP_TYPE_DATA_MAP } from \"../data/ip-types.js\";\nimport type { IpTypeData } from \"../data/ip-types.js\";\n\nexport interface IpTypeConfig extends IpTypeData {\n  icon: React.ElementType;\n}\n\nexport const IP_TYPE_CONFIG: IpTypeConfig[] = IP_TYPE_DATA.map((d) => {\n  const icons: Record<string, React.ElementType> = {\n    audio: Music,\n    video: Film,\n    art: Palette,\n    photography: Camera,\n    nft: Gem,\n    software: Code,\n    rwa: Building,\n    patents: Award,\n    posts: FileText,\n    publications: BookOpen,\n    documents: File,\n    custom: Layers,\n  };\n  return { ...d, icon: icons[d.slug] ?? Layers };\n});\n\nexport const IP_TYPE_MAP = Object.fromEntries(\n  IP_TYPE_CONFIG.map((c) => [c.slug, c])\n) as Record<string, IpTypeConfig>;\n\nexport { IP_TYPE_DATA, IP_TYPE_DATA_MAP };\nexport type { IpTypeData };\n\nconst SIZE = {\n  sm: { container: \"h-6 w-6\", icon: \"h-3 w-3\" },\n  md: { container: \"h-8 w-8\", icon: \"h-4 w-4\" },\n};\n\nexport interface IpTypeBadgeProps {\n  ipType: string;\n  size?: \"sm\" | \"md\";\n  className?: string;\n\n  baseUrl?: string;\n}\n\nexport function IpTypeBadge({ ipType, size = \"sm\", className, baseUrl = \"\" }: IpTypeBadgeProps) {\n  const config = IP_TYPE_CONFIG.find(\n    (c) => c.label === ipType || c.apiValue === ipType\n  );\n  if (!config) return null;\n  const { icon: Icon, colorClass, bgClass, slug, label } = config;\n  const { container, icon } = SIZE[size];\n  return (\n    <a\n      href={`${baseUrl}/${slug}`}\n      title={label}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full\",\n        \"transition-opacity hover:opacity-80\",\n        bgClass,\n        container,\n        className\n      )}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Icon className={cn(colorClass, icon)} />\n    </a>\n  );\n}\n"],"mappings":";AAwEM;AAtEN;AAAA,EACE;AAAA,EAAO;AAAA,EAAS;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EACnC;AAAA,EAAU;AAAA,EAAU;AAAA,EAAM;AAAA,EAAU;AAAA,EAAM;AAAA,OACrC;AACP,SAAS,UAAU;AACnB,SAAS,cAAc,wBAAwB;AAOxC,MAAM,iBAAiC,aAAa,IAAI,CAAC,MAAM;AACpE,QAAM,QAA2C;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,aAAa;AAAA,IACb,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AACA,SAAO,EAAE,GAAG,GAAG,MAAM,MAAM,EAAE,IAAI,KAAK,OAAO;AAC/C,CAAC;AAEM,MAAM,cAAc,OAAO;AAAA,EAChC,eAAe,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACvC;AAKA,MAAM,OAAO;AAAA,EACX,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAAA,EAC5C,IAAI,EAAE,WAAW,WAAW,MAAM,UAAU;AAC9C;AAUO,SAAS,YAAY,EAAE,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,GAAqB;AAC9F,QAAM,SAAS,eAAe;AAAA,IAC5B,CAAC,MAAM,EAAE,UAAU,UAAU,EAAE,aAAa;AAAA,EAC9C;AACA,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,EAAE,MAAM,MAAM,YAAY,SAAS,MAAM,MAAM,IAAI;AACzD,QAAM,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,OAAO,IAAI,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAElC,8BAAC,QAAK,WAAW,GAAG,YAAY,IAAI,GAAG;AAAA;AAAA,EACzC;AAEJ;","names":[]}

package/dist/components/ip-type-display.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { ExternalLink, FileText, ShieldCheck } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\n// ── Embed URL parsers ────────────────────────────────────────────────────────\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n    // Spotify's embed endpoint only accepts /embed/{type}/{id}. Isolate the\n    // resource type + id so locale prefixes (e.g. /intl-pt) and trailing query\n    // params don't leak through — `/embed/intl-pt/album/…` 404s on Spotify.\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url); // validate\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\n// Compact iframe (fixed height) vs 16:9 video frame.\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;\n\n  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Document pinned to IPFS — immutable, timestamped copy of the work */}\n      {docUri && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-medium text-muted-foreground\">\n            Document\n          </p>\n          <a\n            href={docUri.startsWith(\"ipfs://\") ? ipfsToHttp(docUri) : docUri}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group\"\n          >\n            <FileText className=\"h-5 w-5 text-primary shrink-0\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-sm font-semibold group-hover:text-primary transition-colors\">\n                View document\n              </p>\n              <p className=\"text-xs text-muted-foreground flex items-center gap-1 mt-0.5\">\n                <ShieldCheck className=\"h-3 w-3 shrink-0\" />\n                Stored on IPFS — immutable, timestamped copy of the original\n              </p>\n            </div>\n            <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n          </a>\n        </div>\n      )}\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n        // Fallback: plain external link if URL parsing failed\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-medium text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-display.tsx"],"sourcesContent":["\"use client\";\n\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type EmbedPlatform,\n} from \"../data/ip-templates.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { ExternalLink, FileText, ShieldCheck } from \"lucide-react\";\n\ninterface Attr {\n  trait_type?: string | null;\n  value?: string | null;\n}\n\ninterface IPTypeDisplayProps {\n  attributes: Attr[] | null | undefined;\n}\n\nfunction parseYouTubeEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    let id: string | null = null;\n    if (u.hostname.includes(\"youtu.be\")) {\n      id = u.pathname.slice(1);\n    } else if (u.hostname.includes(\"youtube.com\")) {\n      id = u.searchParams.get(\"v\");\n    }\n    if (!id) return null;\n    return `https://www.youtube.com/embed/${id}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSpotifyEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"spotify.com\")) return null;\n\n    const match = u.pathname.match(\n      /(track|album|playlist|episode|show|artist)\\/([A-Za-z0-9]+)/\n    );\n    if (!match) return null;\n    return `https://open.spotify.com/embed/${match[1]}/${match[2]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseSoundCloudEmbed(url: string): string | null {\n  try {\n    new URL(url);\n    if (!url.includes(\"soundcloud.com\")) return null;\n    const encoded = encodeURIComponent(url);\n    return `https://w.soundcloud.com/player/?url=${encoded}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseTikTokEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"tiktok.com\")) return null;\n    const match = u.pathname.match(/\\/video\\/(\\d+)/);\n    if (!match) return null;\n    return `https://www.tiktok.com/embed/v2/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction parseVimeoEmbed(url: string): string | null {\n  try {\n    const u = new URL(url);\n    if (!u.hostname.includes(\"vimeo.com\")) return null;\n    const match = u.pathname.match(/(\\d+)/);\n    if (!match) return null;\n    return `https://player.vimeo.com/video/${match[1]}`;\n  } catch {\n    return null;\n  }\n}\n\nfunction getEmbedSrc(platform: EmbedPlatform, value: string): string | null {\n  switch (platform) {\n    case \"youtube\":    return parseYouTubeEmbed(value);\n    case \"spotify\":    return parseSpotifyEmbed(value);\n    case \"soundcloud\": return parseSoundCloudEmbed(value);\n    case \"tiktok\":     return parseTikTokEmbed(value);\n    case \"vimeo\":      return parseVimeoEmbed(value);\n  }\n}\n\nconst COMPACT: Record<EmbedPlatform, boolean> = {\n  spotify: true,\n  soundcloud: true,\n  youtube: false,\n  tiktok: false,\n  vimeo: false,\n};\n\nexport function IPTypeDisplay({ attributes }: IPTypeDisplayProps) {\n  const attrs = attributes ?? [];\n\n  const ipType = attrs.find(\n    (a) => a.trait_type?.toLowerCase() === \"ip type\"\n  )?.value as IPType | undefined;\n  if (!ipType) return null;\n\n  const template = IP_TEMPLATES[ipType];\n  if (!template) return null;\n\n  const getAttr = (key: string) =>\n    attrs.find((a) => a.trait_type === key)?.value ?? null;\n\n  const embeds = (template.embeds ?? []).flatMap((platform) => {\n    const meta = EMBED_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const socials = (template.socials ?? []).flatMap((platform) => {\n    const meta = SOCIAL_PLATFORM_META[platform];\n    const value = getAttr(meta.traitKey);\n    return value ? [{ platform, meta, value }] : [];\n  });\n\n  const docUri = template.docUpload ? getAttr(template.docUpload.traitType) : null;\n\n  if (embeds.length === 0 && socials.length === 0 && !docUri) return null;\n\n  return (\n    <div className=\"space-y-5\">\n\n      {docUri && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-medium text-muted-foreground\">\n            Document\n          </p>\n          <a\n            href={docUri.startsWith(\"ipfs://\") ? ipfsToHttp(docUri) : docUri}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-3 rounded-xl border border-border bg-muted/20 px-4 py-3 transition-colors hover:border-primary/40 group\"\n          >\n            <FileText className=\"h-5 w-5 text-primary shrink-0\" />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-sm font-semibold group-hover:text-primary transition-colors\">\n                View document\n              </p>\n              <p className=\"text-xs text-muted-foreground flex items-center gap-1 mt-0.5\">\n                <ShieldCheck className=\"h-3 w-3 shrink-0\" />\n                Stored on IPFS — immutable, timestamped copy of the original\n              </p>\n            </div>\n            <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n          </a>\n        </div>\n      )}\n      {embeds.map(({ platform, meta, value }) => {\n        const src = getEmbedSrc(platform, value);\n        if (src) {\n          return (\n            <div key={platform} className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-muted-foreground\">\n                {meta.label}\n              </p>\n              {COMPACT[platform] ? (\n                <iframe\n                  src={src}\n                  className=\"w-full rounded-xl border-0\"\n                  height={166}\n                  allow=\"autoplay\"\n                  loading=\"lazy\"\n                  title={meta.label}\n                />\n              ) : (\n                <div className=\"relative w-full aspect-video rounded-xl overflow-hidden bg-muted/20\">\n                  <iframe\n                    src={src}\n                    className=\"absolute inset-0 w-full h-full\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                    loading=\"lazy\"\n                    title={meta.label}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        }\n\n        return (\n          <div key={platform}>\n            <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n              {meta.label}\n            </p>\n            <a\n              href={value}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n              Open link\n            </a>\n          </div>\n        );\n      })}\n\n      {socials.length > 0 && (\n        <div className=\"space-y-1.5\">\n          <p className=\"text-xs font-medium text-muted-foreground\">\n            Links\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {socials.map(({ platform, meta, value }) => {\n              const SIcon = meta.icon;\n              return (\n                <a\n                  key={platform}\n                  href={value}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <SIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}