@medialane/ui 0.128.2 → 0.128.4

package/dist/components/asset-card.cjs

@@ -61,7 +61,7 @@ function AssetCard({
     "div",
     {
       className: (0, import_cn.cn)(
-        "group relative flex flex-col w-full overflow-hidden rounded-xl bg-card transition-colors",
+        "group relative flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card transition-colors hover:border-border",
         className
       ),
       children: [
@@ -108,7 +108,7 @@ function AssetCard({
   );
 }
 function AssetCardSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col w-full overflow-hidden rounded-xl bg-card", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-[4/5] w-full animate-pulse bg-muted" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-3 py-3 space-y-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-3/4 rounded-md animate-pulse bg-muted" }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"group relative flex flex-col w-full overflow-hidden rounded-xl bg-card transition-colors\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block relative aspect-[4/5] bg-muted overflow-hidden\">\n        <AnimatedTokenMedia\n          image={resolved}\n          animationUrl={animationUrl}\n          live={live}\n          alt={name}\n          mode=\"fill\"\n          sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n          className=\"object-cover transition-transform duration-700 ease-out group-hover:scale-[1.03]\"\n          fallback={\n            <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n              <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                #{fallbackId ?? \"?\"}\n              </span>\n            </div>\n          }\n        />\n\n        {ipType && (\n          <div className=\"absolute top-2 right-2\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n\n        {indexing && (\n          <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n            <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n            <span className=\"text-2xs text-white/70\">Indexing…</span>\n          </div>\n        )}\n      </Link>\n\n      <div className=\"px-3 py-3 space-y-1\">\n        <Link href={href} className=\"block min-w-0\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {hasPrice && !indexing && (\n          <div className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums pt-0.5\">\n            <PriceChipContent\n              amountFormatted={price!.formatted}\n              currency={price!.currency}\n              usdValue={price!.usdValue}\n              tone=\"solid\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"flex flex-col w-full overflow-hidden rounded-xl bg-card\">\n      <div className=\"aspect-[4/5] w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8EY;AA5EZ,kBAAiB;AACjB,0BAAwB;AACxB,gBAAmB;AACnB,kBAA2B;AAC3B,wBAAiC;AACjC,2BAA4B;AAC5B,kCAAmC;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,YAAQ,wBAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,qDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,wDAC1B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,4CAAC,SAAI,WAAU,+HACb,uDAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,UACC,4CAAC,SAAI,WAAU,0BACb,sDAAC,oCAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,UAGD,YACC,6CAAC,SAAI,WAAU,4GACb;AAAA,wDAAC,+BAAQ,WAAU,sCAAqC;AAAA,YACxD,4CAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ;AAAA,QAEA,6CAAC,SAAI,WAAU,uBACb;AAAA,uDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,iBAC1B;AAAA,wDAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,4CAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,4CAAC,SAAI,WAAU,mEACb;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,6CAAC,SAAI,WAAU,2DACb;AAAA,gDAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,4CAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"group relative flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card transition-colors hover:border-border\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block relative aspect-[4/5] bg-muted overflow-hidden\">\n        <AnimatedTokenMedia\n          image={resolved}\n          animationUrl={animationUrl}\n          live={live}\n          alt={name}\n          mode=\"fill\"\n          sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n          className=\"object-cover transition-transform duration-700 ease-out group-hover:scale-[1.03]\"\n          fallback={\n            <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n              <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                #{fallbackId ?? \"?\"}\n              </span>\n            </div>\n          }\n        />\n\n        {ipType && (\n          <div className=\"absolute top-2 right-2\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n\n        {indexing && (\n          <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n            <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n            <span className=\"text-2xs text-white/70\">Indexing…</span>\n          </div>\n        )}\n      </Link>\n\n      <div className=\"px-3 py-3 space-y-1\">\n        <Link href={href} className=\"block min-w-0\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {hasPrice && !indexing && (\n          <div className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums pt-0.5\">\n            <PriceChipContent\n              amountFormatted={price!.formatted}\n              currency={price!.currency}\n              usdValue={price!.usdValue}\n              tone=\"solid\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card\">\n      <div className=\"aspect-[4/5] w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8EY;AA5EZ,kBAAiB;AACjB,0BAAwB;AACxB,gBAAmB;AACnB,kBAA2B;AAC3B,wBAAiC;AACjC,2BAA4B;AAC5B,kCAAmC;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,YAAQ,wBAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,qDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,wDAC1B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,4CAAC,SAAI,WAAU,+HACb,uDAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,UACC,4CAAC,SAAI,WAAU,0BACb,sDAAC,oCAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,UAGD,YACC,6CAAC,SAAI,WAAU,4GACb;AAAA,wDAAC,+BAAQ,WAAU,sCAAqC;AAAA,YACxD,4CAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ;AAAA,QAEA,6CAAC,SAAI,WAAU,uBACb;AAAA,uDAAC,YAAAA,SAAA,EAAK,MAAY,WAAU,iBAC1B;AAAA,wDAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,4CAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,4CAAC,SAAI,WAAU,mEACb;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,6CAAC,SAAI,WAAU,mFACb;AAAA,gDAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,4CAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/asset-card.js

@@ -27,7 +27,7 @@ function AssetCard({
     "div",
     {
       className: cn(
-        "group relative flex flex-col w-full overflow-hidden rounded-xl bg-card transition-colors",
+        "group relative flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card transition-colors hover:border-border",
         className
       ),
       children: [
@@ -74,7 +74,7 @@ function AssetCard({
   );
 }
 function AssetCardSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full overflow-hidden rounded-xl bg-card", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card", children: [
     /* @__PURE__ */ jsx("div", { className: "aspect-[4/5] w-full animate-pulse bg-muted" }),
     /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-1.5", children: [
       /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded-md animate-pulse bg-muted" }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"group relative flex flex-col w-full overflow-hidden rounded-xl bg-card transition-colors\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block relative aspect-[4/5] bg-muted overflow-hidden\">\n        <AnimatedTokenMedia\n          image={resolved}\n          animationUrl={animationUrl}\n          live={live}\n          alt={name}\n          mode=\"fill\"\n          sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n          className=\"object-cover transition-transform duration-700 ease-out group-hover:scale-[1.03]\"\n          fallback={\n            <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n              <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                #{fallbackId ?? \"?\"}\n              </span>\n            </div>\n          }\n        />\n\n        {ipType && (\n          <div className=\"absolute top-2 right-2\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n\n        {indexing && (\n          <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n            <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n            <span className=\"text-2xs text-white/70\">Indexing…</span>\n          </div>\n        )}\n      </Link>\n\n      <div className=\"px-3 py-3 space-y-1\">\n        <Link href={href} className=\"block min-w-0\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {hasPrice && !indexing && (\n          <div className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums pt-0.5\">\n            <PriceChipContent\n              amountFormatted={price!.formatted}\n              currency={price!.currency}\n              usdValue={price!.usdValue}\n              tone=\"solid\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"flex flex-col w-full overflow-hidden rounded-xl bg-card\">\n      <div className=\"aspect-[4/5] w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8EY,cACE,YADF;AA5EZ,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,WAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,6BAAC,QAAK,MAAY,WAAU,wDAC1B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,oBAAC,SAAI,WAAU,+HACb,+BAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,UACC,oBAAC,SAAI,WAAU,0BACb,8BAAC,eAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,UAGD,YACC,qBAAC,SAAI,WAAU,4GACb;AAAA,gCAAC,WAAQ,WAAU,sCAAqC;AAAA,YACxD,oBAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ;AAAA,QAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,+BAAC,QAAK,MAAY,WAAU,iBAC1B;AAAA,gCAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,oBAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,oBAAC,SAAI,WAAU,mEACb;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,qBAAC,SAAI,WAAU,2DACb;AAAA,wBAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,oBAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\n\nexport interface AssetCardPrice {\n  formatted?: string | null;\n  currency?: string | null;\n\n  usdValue?: string | null;\n}\n\nexport interface AssetCardProps {\n\n  href: string;\n\n  name: string;\n\n  image?: string | null;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n\n  subtitle?: string | null;\n\n  ipType?: string | null;\n\n  price?: AssetCardPrice | null;\n\n  fallbackId?: string | null;\n\n  indexing?: boolean;\n\n  ipTypeBaseUrl?: string;\n  className?: string;\n}\n\nexport function AssetCard({\n  href,\n  name,\n  image,\n  animationUrl,\n  live = false,\n  subtitle,\n  ipType,\n  price,\n  fallbackId,\n  indexing = false,\n  ipTypeBaseUrl = \"\",\n  className,\n}: AssetCardProps) {\n  const resolved = image ? ipfsToHttp(image) : null;\n  const hasPrice = !!price?.formatted;\n\n  return (\n    <div\n      className={cn(\n        \"group relative flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card transition-colors hover:border-border\",\n        className\n      )}\n    >\n\n      <Link href={href} className=\"block relative aspect-[4/5] bg-muted overflow-hidden\">\n        <AnimatedTokenMedia\n          image={resolved}\n          animationUrl={animationUrl}\n          live={live}\n          alt={name}\n          mode=\"fill\"\n          sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n          className=\"object-cover transition-transform duration-700 ease-out group-hover:scale-[1.03]\"\n          fallback={\n            <div className=\"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-brand-blue/25 via-brand-purple/25 to-brand-rose/25\">\n              <span className=\"text-sm font-semibold text-muted-foreground tabular-nums\">\n                #{fallbackId ?? \"?\"}\n              </span>\n            </div>\n          }\n        />\n\n        {ipType && (\n          <div className=\"absolute top-2 right-2\">\n            <IpTypeBadge ipType={ipType} size=\"sm\" baseUrl={ipTypeBaseUrl} />\n          </div>\n        )}\n\n        {indexing && (\n          <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n            <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n            <span className=\"text-2xs text-white/70\">Indexing…</span>\n          </div>\n        )}\n      </Link>\n\n      <div className=\"px-3 py-3 space-y-1\">\n        <Link href={href} className=\"block min-w-0\">\n          <p className=\"text-base font-bold line-clamp-1 leading-snug\">\n            {name}\n          </p>\n          {subtitle && (\n            <p className=\"text-xs text-muted-foreground line-clamp-1 leading-snug\">\n              {subtitle}\n            </p>\n          )}\n        </Link>\n\n        {hasPrice && !indexing && (\n          <div className=\"flex items-center gap-1.5 text-sm font-bold tabular-nums pt-0.5\">\n            <PriceChipContent\n              amountFormatted={price!.formatted}\n              currency={price!.currency}\n              usdValue={price!.usdValue}\n              tone=\"solid\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function AssetCardSkeleton() {\n  return (\n    <div className=\"flex flex-col w-full overflow-hidden rounded-xl border border-border/50 bg-card\">\n      <div className=\"aspect-[4/5] w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 py-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n        <div className=\"h-3.5 w-2/5 rounded-md animate-pulse bg-muted\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8EY,cACE,YADF;AA5EZ,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAmC5B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AACF,GAAmB;AACjB,QAAM,WAAW,QAAQ,WAAW,KAAK,IAAI;AAC7C,QAAM,WAAW,CAAC,CAAC,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA,6BAAC,QAAK,MAAY,WAAU,wDAC1B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,KAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UACE,oBAAC,SAAI,WAAU,+HACb,+BAAC,UAAK,WAAU,4DAA2D;AAAA;AAAA,gBACvE,cAAc;AAAA,iBAClB,GACF;AAAA;AAAA,UAEJ;AAAA,UAEC,UACC,oBAAC,SAAI,WAAU,0BACb,8BAAC,eAAY,QAAgB,MAAK,MAAK,SAAS,eAAe,GACjE;AAAA,UAGD,YACC,qBAAC,SAAI,WAAU,4GACb;AAAA,gCAAC,WAAQ,WAAU,sCAAqC;AAAA,YACxD,oBAAC,UAAK,WAAU,0BAAyB,4BAAS;AAAA,aACpD;AAAA,WAEJ;AAAA,QAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,+BAAC,QAAK,MAAY,WAAU,iBAC1B;AAAA,gCAAC,OAAE,WAAU,iDACV,gBACH;AAAA,YACC,YACC,oBAAC,OAAE,WAAU,2DACV,oBACH;AAAA,aAEJ;AAAA,UAEC,YAAY,CAAC,YACZ,oBAAC,SAAI,WAAU,mEACb;AAAA,YAAC;AAAA;AAAA,cACC,iBAAiB,MAAO;AAAA,cACxB,UAAU,MAAO;AAAA,cACjB,UAAU,MAAO;AAAA,cACjB,MAAK;AAAA;AAAA,UACP,GACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAClC,SACE,qBAAC,SAAI,WAAU,mFACb;AAAA,wBAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,SAAI,WAAU,+CAA8C;AAAA,MAC7D,oBAAC,SAAI,WAAU,iDAAgD;AAAA,OACjE;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/button.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "lg" | "sm" | "icon" | "default" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "lg" | "sm" | "icon" | "default" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/collection-hero-banner.cjs

@@ -34,7 +34,8 @@ function CollectionHeroBanner({
   symbol,
   name,
   stats,
-  className
+  className,
+  eyebrowSlot
 }) {
   const { scrollY } = (0, import_framer_motion.useScroll)();
   const shouldReduce = (0, import_framer_motion.useReducedMotion)();
@@ -62,9 +63,10 @@ function CollectionHeroBanner({
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 w-full h-full bg-muted" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10", children: [
-        (standard || symbol) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        (standard || symbol || eyebrowSlot) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
           standard === "ERC1155" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { children: "Multi-edition NFT" }) : standard === "ERC721" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { children: "Single NFT" }) : null,
-          symbol && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { className: "tabular-nums", children: symbol })
+          symbol && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { className: "tabular-nums", children: symbol }),
+          eyebrowSlot
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "h1",

package/dist/components/collection-hero-banner.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n}\n\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AApCJ,2BAAkE;AAClE,gBAAmB;AACnB,2BAA6B;AAC7B,sBAAyB;AAmBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,QAAI,gCAAU;AAC9B,QAAM,mBAAe,uCAAiB;AACtC,QAAM,QAAI,mCAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,4EAEE;AAAA,gDAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,4CAAC,4BAAS,eAAW,cAAG,oBAAoB,SAAS,GAAG,IAExD,6CAAC,SAAI,eAAW,cAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,4BAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,4CAAC,SAAI,WAAU,2CAA0C;AAAA,MAG3D,6CAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,WACZ,6CAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,4CAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,4CAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,4CAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,WACvD;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,4CAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,0DAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,6CAAC,SAAI,WAAU,6BACb;AAAA,4DAAC,qCAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,4CAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,4CAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n\n  /** Extra content rendered alongside the standard/symbol eyebrow pills —\n   *  e.g. a creator level badge on a creator profile reusing this banner. */\n  eyebrowSlot?: React.ReactNode;\n}\n\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n  eyebrowSlot,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol || eyebrowSlot) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n                {eyebrowSlot}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AAzCJ,2BAAkE;AAClE,gBAAmB;AACnB,2BAA6B;AAC7B,sBAAyB;AAuBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,QAAI,gCAAU;AAC9B,QAAM,mBAAe,uCAAiB;AACtC,QAAM,QAAI,mCAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,4EAEE;AAAA,gDAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,4CAAC,4BAAS,eAAW,cAAG,oBAAoB,SAAS,GAAG,IAExD,6CAAC,SAAI,eAAW,cAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,4BAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,4CAAC,SAAI,WAAU,2CAA0C;AAAA,MAG3D,6CAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,UAAU,gBACtB,6CAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,4CAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,4CAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,4CAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,UACpD;AAAA,WACH;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,4CAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,0DAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,6CAAC,SAAI,WAAU,6BACb;AAAA,4DAAC,qCAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,4CAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,4CAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/collection-hero-banner.d.cts

@@ -13,7 +13,10 @@ interface CollectionHeroBannerProps {
     name: string;
     stats: CollectionHeroStat[];
     className?: string;
+    /** Extra content rendered alongside the standard/symbol eyebrow pills —
+     *  e.g. a creator level badge on a creator profile reusing this banner. */
+    eyebrowSlot?: React.ReactNode;
 }
-declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
+declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, eyebrowSlot, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
 
 export { CollectionHeroBanner, type CollectionHeroBannerProps, type CollectionHeroStat };

package/dist/components/collection-hero-banner.d.ts

@@ -13,7 +13,10 @@ interface CollectionHeroBannerProps {
     name: string;
     stats: CollectionHeroStat[];
     className?: string;
+    /** Extra content rendered alongside the standard/symbol eyebrow pills —
+     *  e.g. a creator level badge on a creator profile reusing this banner. */
+    eyebrowSlot?: React.ReactNode;
 }
-declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
+declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, eyebrowSlot, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
 
 export { CollectionHeroBanner, type CollectionHeroBannerProps, type CollectionHeroStat };

package/dist/components/collection-hero-banner.js

@@ -11,7 +11,8 @@ function CollectionHeroBanner({
   symbol,
   name,
   stats,
-  className
+  className,
+  eyebrowSlot
 }) {
   const { scrollY } = useScroll();
   const shouldReduce = useReducedMotion();
@@ -39,9 +40,10 @@ function CollectionHeroBanner({
         }
       ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 w-full h-full bg-muted" }),
       /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10", children: [
-        (standard || symbol) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        (standard || symbol || eyebrowSlot) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
           standard === "ERC1155" ? /* @__PURE__ */ jsx(Eyebrow, { children: "Multi-edition NFT" }) : standard === "ERC721" ? /* @__PURE__ */ jsx(Eyebrow, { children: "Single NFT" }) : null,
-          symbol && /* @__PURE__ */ jsx(Eyebrow, { className: "tabular-nums", children: symbol })
+          symbol && /* @__PURE__ */ jsx(Eyebrow, { className: "tabular-nums", children: symbol }),
+          eyebrowSlot
         ] }),
         /* @__PURE__ */ jsx(
           "h1",

package/dist/components/collection-hero-banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n}\n\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";AAsCI,mBAIM,KA4BI,YAhCV;AApCJ,SAAS,QAAQ,WAAW,cAAc,wBAAwB;AAClE,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAmBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,IAAI,UAAU;AAC9B,QAAM,eAAe,iBAAiB;AACtC,QAAM,IAAI,aAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,iCAEE;AAAA,wBAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,oBAAC,YAAS,WAAW,GAAG,oBAAoB,SAAS,GAAG,IAExD,qBAAC,SAAI,WAAW,GAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,oBAAC,SAAI,WAAU,2CAA0C;AAAA,MAG3D,qBAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,WACZ,qBAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,oBAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,oBAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,oBAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,WACvD;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,oBAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,kCAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,qBAAC,SAAI,WAAU,6BACb;AAAA,oCAAC,gBAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,oBAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,oBAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n\n  /** Extra content rendered alongside the standard/symbol eyebrow pills —\n   *  e.g. a creator level badge on a creator profile reusing this banner. */\n  eyebrowSlot?: React.ReactNode;\n}\n\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n  eyebrowSlot,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol || eyebrowSlot) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n                {eyebrowSlot}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";AA2CI,mBAIM,KA4BI,YAhCV;AAzCJ,SAAS,QAAQ,WAAW,cAAc,wBAAwB;AAClE,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAuBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,IAAI,UAAU;AAC9B,QAAM,eAAe,iBAAiB;AACtC,QAAM,IAAI,aAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,iCAEE;AAAA,wBAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,oBAAC,YAAS,WAAW,GAAG,oBAAoB,SAAS,GAAG,IAExD,qBAAC,SAAI,WAAW,GAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,oBAAC,SAAI,WAAU,2CAA0C;AAAA,MAG3D,qBAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,UAAU,gBACtB,qBAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,oBAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,oBAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,oBAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,UACpD;AAAA,WACH;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,oBAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,kCAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,qBAAC,SAAI,WAAU,6BACb;AAAA,oCAAC,gBAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,oBAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,oBAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.128.2",
+  "version": "0.128.4",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,