@medialane/ui 0.322.0 → 0.324.0

package/dist/components/button.d.cts

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

package/dist/components/button.d.ts

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

package/dist/components/collection-card.cjs

@@ -58,7 +58,7 @@ function CollectionCard({ collection, href, settingsHref, className }) {
   const imageUrl = resolveImage(collection.image, { width: 480 });
   const showImage = imageUrl && !imgError;
   const floor = parseFloorPrice(collection.floorPrice);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_motion_primitives.MotionCard, { className: (0, import_cn.cn)("card-base group relative", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_motion_primitives.MotionCard, { className: (0, import_cn.cn)("group relative overflow-hidden rounded-[calc(var(--radius)*1.25)]", className), children: [
     settingsHref && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_link.default,
       {
@@ -89,7 +89,6 @@ function CollectionCard({ collection, href, settingsHref, className }) {
         (collection.totalSupply != null || floor) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
           collection.totalSupply != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md", children: collection.totalSupply.toLocaleString() }),
           floor && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md", children: [
-            "Floor",
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: floor.symbol, size: 10 }),
             floor.amount
           ] })
@@ -99,7 +98,7 @@ function CollectionCard({ collection, href, settingsHref, className }) {
   ] });
 }
 function CollectionCardSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "card-base overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden rounded-[calc(var(--radius)*1.25)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 animate-pulse bg-muted" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-3 left-3 right-3 space-y-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse" }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Loader2, Settings2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nfunction parseFloorPrice(floor: string | null | undefined): { amount: string; symbol: string } | null {\n  if (!floor) return null;\n  const formatted = formatDisplayPrice(floor);\n  const parts = formatted.trim().split(/\\s+/);\n  if (parts.length < 2) return null;\n  const symbol = parts[parts.length - 1];\n  const amount = parts.slice(0, -1).join(\" \");\n  return { amount, symbol };\n}\n\nexport interface CollectionCardProps {\n  collection: ApiCollection;\n\n  href?: string;\n\n  settingsHref?: string;\n  className?: string;\n}\n\nexport function CollectionCard({ collection, href, settingsHref, className }: CollectionCardProps) {\n  const resolveImage = useImageUrl();\n  const [imgError, setImgError] = useState(false);\n  const imageUrl = resolveImage(collection.image, { width: 480 });\n  const showImage = imageUrl && !imgError;\n  const floor = parseFloorPrice(collection.floorPrice);\n\n  return (\n    <MotionCard className={cn(\"card-base group relative\", className)}>\n      {settingsHref && (\n        <Link\n          href={settingsHref}\n          onClick={(e) => e.stopPropagation()}\n          className=\"absolute top-2 right-2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center\"\n          aria-label=\"Collection settings\"\n        >\n          <span className=\"flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur-sm text-white/70 hover:text-white hover:bg-black/60 transition-colors\">\n            <Settings2 className=\"h-3.5 w-3.5\" />\n          </span>\n        </Link>\n      )}\n\n      <Link href={href ?? `/collections/${collection.contractAddress}`} className=\"block relative h-full\">\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {showImage ? (\n            <Image\n              src={imageUrl}\n              alt={collection.name ?? \"Collection\"}\n              fill\n              className=\"object-cover card-media\"\n              onError={() => setImgError(true)}\n              unoptimized\n            />\n          ) : (\n            <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/40\" />\n          )}\n\n          <div className=\"absolute inset-x-2 bottom-2 flex flex-col items-start gap-1\">\n            {!collection.name && collection.metadataStatus === \"PENDING\" ? (\n              <span className=\"flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs text-white bg-black/30 backdrop-blur-md\">\n                <Loader2 className=\"h-2.5 w-2.5 animate-spin\" />\n                Indexing…\n              </span>\n            ) : (\n              <p className=\"max-w-full truncate rounded-full px-3 py-1 text-sm font-bold leading-tight text-white bg-black/30 backdrop-blur-md\">\n                {collection.name ?? \"Unnamed Collection\"}\n              </p>\n            )}\n\n            {(collection.totalSupply != null || floor) && (\n              <div className=\"flex flex-wrap items-center gap-1\">\n                {collection.totalSupply != null && (\n                  <span className=\"rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md\">\n                    {collection.totalSupply.toLocaleString()}\n                  </span>\n                )}\n                {floor && (\n                  <span className=\"inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md\">\n                    Floor\n                    <CurrencyIcon symbol={floor.symbol} size={10} />\n                    {floor.amount}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CollectionCardSkeleton() {\n  return (\n    <div className=\"card-base overflow-hidden\">\n      <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n        <div className=\"absolute inset-0 animate-pulse bg-muted\" />\n        <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n          <div className=\"h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-1/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDY;AA/CZ,mBAAyB;AACzB,kBAAiB;AACjB,mBAAkB;AAClB,0BAAmC;AACnC,gBAAmB;AACnB,oBAAmC;AACnC,+BAA2B;AAC3B,2BAA6B;AAE7B,2BAA4B;AAE5B,SAAS,gBAAgB,OAA6E;AACpG,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,gBAAY,kCAAmB,KAAK;AAC1C,QAAM,QAAQ,UAAU,KAAK,EAAE,MAAM,KAAK;AAC1C,MAAI,MAAM,SAAS,EAAG,QAAO;AAC7B,QAAM,SAAS,MAAM,MAAM,SAAS,CAAC;AACrC,QAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAC1C,SAAO,EAAE,QAAQ,OAAO;AAC1B;AAWO,SAAS,eAAe,EAAE,YAAY,MAAM,cAAc,UAAU,GAAwB;AACjG,QAAM,mBAAe,kCAAY;AACjC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,WAAW,aAAa,WAAW,OAAO,EAAE,OAAO,IAAI,CAAC;AAC9D,QAAM,YAAY,YAAY,CAAC;AAC/B,QAAM,QAAQ,gBAAgB,WAAW,UAAU;AAEnD,SACE,6CAAC,uCAAW,eAAW,cAAG,4BAA4B,SAAS,GAC5D;AAAA,oBACC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,sDAAC,UAAK,WAAU,yJACd,sDAAC,iCAAU,WAAU,eAAc,GACrC;AAAA;AAAA,IACF;AAAA,IAGF,4CAAC,YAAAA,SAAA,EAAK,MAAM,QAAQ,gBAAgB,WAAW,eAAe,IAAI,WAAU,yBAC1E,uDAAC,SAAI,WAAU,0DACZ;AAAA,kBACC;AAAA,QAAC,aAAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,WAAW,QAAQ;AAAA,UACxB,MAAI;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,aAAW;AAAA;AAAA,MACb,IAEA,4CAAC,SAAI,WAAU,8FAA6F;AAAA,MAG9G,6CAAC,SAAI,WAAU,+DACZ;AAAA,SAAC,WAAW,QAAQ,WAAW,mBAAmB,YACjD,6CAAC,UAAK,WAAU,qGACd;AAAA,sDAAC,+BAAQ,WAAU,4BAA2B;AAAA,UAAE;AAAA,WAElD,IAEA,4CAAC,OAAE,WAAU,sHACV,qBAAW,QAAQ,sBACtB;AAAA,SAGA,WAAW,eAAe,QAAQ,UAClC,6CAAC,SAAI,WAAU,qCACZ;AAAA,qBAAW,eAAe,QACzB,4CAAC,UAAK,WAAU,yFACb,qBAAW,YAAY,eAAe,GACzC;AAAA,UAED,SACC,6CAAC,UAAK,WAAU,sHAAqH;AAAA;AAAA,YAEnI,4CAAC,qCAAa,QAAQ,MAAM,QAAQ,MAAM,IAAI;AAAA,YAC7C,MAAM;AAAA,aACT;AAAA,WAEJ;AAAA,SAEJ;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,yBAAyB;AACvC,SACE,4CAAC,SAAI,WAAU,6BACb,uDAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,SAAI,WAAU,2CAA0C;AAAA,IACzD,6CAAC,SAAI,WAAU,gDACb;AAAA,kDAAC,SAAI,WAAU,6DAA4D;AAAA,MAC3E,4CAAC,SAAI,WAAU,6DAA4D;AAAA,OAC7E;AAAA,KACF,GACF;AAEJ;","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Loader2, Settings2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nfunction parseFloorPrice(floor: string | null | undefined): { amount: string; symbol: string } | null {\n  if (!floor) return null;\n  const formatted = formatDisplayPrice(floor);\n  const parts = formatted.trim().split(/\\s+/);\n  if (parts.length < 2) return null;\n  const symbol = parts[parts.length - 1];\n  const amount = parts.slice(0, -1).join(\" \");\n  return { amount, symbol };\n}\n\nexport interface CollectionCardProps {\n  collection: ApiCollection;\n\n  href?: string;\n\n  settingsHref?: string;\n  className?: string;\n}\n\nexport function CollectionCard({ collection, href, settingsHref, className }: CollectionCardProps) {\n  const resolveImage = useImageUrl();\n  const [imgError, setImgError] = useState(false);\n  const imageUrl = resolveImage(collection.image, { width: 480 });\n  const showImage = imageUrl && !imgError;\n  const floor = parseFloorPrice(collection.floorPrice);\n\n  return (\n    <MotionCard className={cn(\"group relative overflow-hidden rounded-[calc(var(--radius)*1.25)]\", className)}>\n      {settingsHref && (\n        <Link\n          href={settingsHref}\n          onClick={(e) => e.stopPropagation()}\n          className=\"absolute top-2 right-2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center\"\n          aria-label=\"Collection settings\"\n        >\n          <span className=\"flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur-sm text-white/70 hover:text-white hover:bg-black/60 transition-colors\">\n            <Settings2 className=\"h-3.5 w-3.5\" />\n          </span>\n        </Link>\n      )}\n\n      <Link href={href ?? `/collections/${collection.contractAddress}`} className=\"block relative h-full\">\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {showImage ? (\n            <Image\n              src={imageUrl}\n              alt={collection.name ?? \"Collection\"}\n              fill\n              className=\"object-cover card-media\"\n              onError={() => setImgError(true)}\n              unoptimized\n            />\n          ) : (\n            <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/40\" />\n          )}\n\n          <div className=\"absolute inset-x-2 bottom-2 flex flex-col items-start gap-1\">\n            {!collection.name && collection.metadataStatus === \"PENDING\" ? (\n              <span className=\"flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs text-white bg-black/30 backdrop-blur-md\">\n                <Loader2 className=\"h-2.5 w-2.5 animate-spin\" />\n                Indexing…\n              </span>\n            ) : (\n              <p className=\"max-w-full truncate rounded-full px-3 py-1 text-sm font-bold leading-tight text-white bg-black/30 backdrop-blur-md\">\n                {collection.name ?? \"Unnamed Collection\"}\n              </p>\n            )}\n\n            {(collection.totalSupply != null || floor) && (\n              <div className=\"flex flex-wrap items-center gap-1\">\n                {collection.totalSupply != null && (\n                  <span className=\"rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md\">\n                    {collection.totalSupply.toLocaleString()}\n                  </span>\n                )}\n                {floor && (\n                  <span className=\"inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md\">\n                    <CurrencyIcon symbol={floor.symbol} size={10} />\n                    {floor.amount}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CollectionCardSkeleton() {\n  return (\n    <div className=\"overflow-hidden rounded-[calc(var(--radius)*1.25)]\">\n      <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n        <div className=\"absolute inset-0 animate-pulse bg-muted\" />\n        <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n          <div className=\"h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-1/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDY;AA/CZ,mBAAyB;AACzB,kBAAiB;AACjB,mBAAkB;AAClB,0BAAmC;AACnC,gBAAmB;AACnB,oBAAmC;AACnC,+BAA2B;AAC3B,2BAA6B;AAE7B,2BAA4B;AAE5B,SAAS,gBAAgB,OAA6E;AACpG,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,gBAAY,kCAAmB,KAAK;AAC1C,QAAM,QAAQ,UAAU,KAAK,EAAE,MAAM,KAAK;AAC1C,MAAI,MAAM,SAAS,EAAG,QAAO;AAC7B,QAAM,SAAS,MAAM,MAAM,SAAS,CAAC;AACrC,QAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAC1C,SAAO,EAAE,QAAQ,OAAO;AAC1B;AAWO,SAAS,eAAe,EAAE,YAAY,MAAM,cAAc,UAAU,GAAwB;AACjG,QAAM,mBAAe,kCAAY;AACjC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,WAAW,aAAa,WAAW,OAAO,EAAE,OAAO,IAAI,CAAC;AAC9D,QAAM,YAAY,YAAY,CAAC;AAC/B,QAAM,QAAQ,gBAAgB,WAAW,UAAU;AAEnD,SACE,6CAAC,uCAAW,eAAW,cAAG,qEAAqE,SAAS,GACrG;AAAA,oBACC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,sDAAC,UAAK,WAAU,yJACd,sDAAC,iCAAU,WAAU,eAAc,GACrC;AAAA;AAAA,IACF;AAAA,IAGF,4CAAC,YAAAA,SAAA,EAAK,MAAM,QAAQ,gBAAgB,WAAW,eAAe,IAAI,WAAU,yBAC1E,uDAAC,SAAI,WAAU,0DACZ;AAAA,kBACC;AAAA,QAAC,aAAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,WAAW,QAAQ;AAAA,UACxB,MAAI;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,aAAW;AAAA;AAAA,MACb,IAEA,4CAAC,SAAI,WAAU,8FAA6F;AAAA,MAG9G,6CAAC,SAAI,WAAU,+DACZ;AAAA,SAAC,WAAW,QAAQ,WAAW,mBAAmB,YACjD,6CAAC,UAAK,WAAU,qGACd;AAAA,sDAAC,+BAAQ,WAAU,4BAA2B;AAAA,UAAE;AAAA,WAElD,IAEA,4CAAC,OAAE,WAAU,sHACV,qBAAW,QAAQ,sBACtB;AAAA,SAGA,WAAW,eAAe,QAAQ,UAClC,6CAAC,SAAI,WAAU,qCACZ;AAAA,qBAAW,eAAe,QACzB,4CAAC,UAAK,WAAU,yFACb,qBAAW,YAAY,eAAe,GACzC;AAAA,UAED,SACC,6CAAC,UAAK,WAAU,sHACd;AAAA,wDAAC,qCAAa,QAAQ,MAAM,QAAQ,MAAM,IAAI;AAAA,YAC7C,MAAM;AAAA,aACT;AAAA,WAEJ;AAAA,SAEJ;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,yBAAyB;AACvC,SACE,4CAAC,SAAI,WAAU,sDACb,uDAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,SAAI,WAAU,2CAA0C;AAAA,IACzD,6CAAC,SAAI,WAAU,gDACb;AAAA,kDAAC,SAAI,WAAU,6DAA4D;AAAA,MAC3E,4CAAC,SAAI,WAAU,6DAA4D;AAAA,OAC7E;AAAA,KACF,GACF;AAEJ;","names":["Link","Image"]}

package/dist/components/collection-card.js

@@ -24,7 +24,7 @@ function CollectionCard({ collection, href, settingsHref, className }) {
   const imageUrl = resolveImage(collection.image, { width: 480 });
   const showImage = imageUrl && !imgError;
   const floor = parseFloorPrice(collection.floorPrice);
-  return /* @__PURE__ */ jsxs(MotionCard, { className: cn("card-base group relative", className), children: [
+  return /* @__PURE__ */ jsxs(MotionCard, { className: cn("group relative overflow-hidden rounded-[calc(var(--radius)*1.25)]", className), children: [
     settingsHref && /* @__PURE__ */ jsx(
       Link,
       {
@@ -55,7 +55,6 @@ function CollectionCard({ collection, href, settingsHref, className }) {
         (collection.totalSupply != null || floor) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
           collection.totalSupply != null && /* @__PURE__ */ jsx("span", { className: "rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md", children: collection.totalSupply.toLocaleString() }),
           floor && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md", children: [
-            "Floor",
             /* @__PURE__ */ jsx(CurrencyIcon, { symbol: floor.symbol, size: 10 }),
             floor.amount
           ] })
@@ -65,7 +64,7 @@ function CollectionCard({ collection, href, settingsHref, className }) {
   ] });
 }
 function CollectionCardSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "card-base overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-[calc(var(--radius)*1.25)]", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-pulse bg-muted" }),
     /* @__PURE__ */ jsxs("div", { className: "absolute bottom-3 left-3 right-3 space-y-1.5", children: [
       /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse" }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Loader2, Settings2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nfunction parseFloorPrice(floor: string | null | undefined): { amount: string; symbol: string } | null {\n  if (!floor) return null;\n  const formatted = formatDisplayPrice(floor);\n  const parts = formatted.trim().split(/\\s+/);\n  if (parts.length < 2) return null;\n  const symbol = parts[parts.length - 1];\n  const amount = parts.slice(0, -1).join(\" \");\n  return { amount, symbol };\n}\n\nexport interface CollectionCardProps {\n  collection: ApiCollection;\n\n  href?: string;\n\n  settingsHref?: string;\n  className?: string;\n}\n\nexport function CollectionCard({ collection, href, settingsHref, className }: CollectionCardProps) {\n  const resolveImage = useImageUrl();\n  const [imgError, setImgError] = useState(false);\n  const imageUrl = resolveImage(collection.image, { width: 480 });\n  const showImage = imageUrl && !imgError;\n  const floor = parseFloorPrice(collection.floorPrice);\n\n  return (\n    <MotionCard className={cn(\"card-base group relative\", className)}>\n      {settingsHref && (\n        <Link\n          href={settingsHref}\n          onClick={(e) => e.stopPropagation()}\n          className=\"absolute top-2 right-2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center\"\n          aria-label=\"Collection settings\"\n        >\n          <span className=\"flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur-sm text-white/70 hover:text-white hover:bg-black/60 transition-colors\">\n            <Settings2 className=\"h-3.5 w-3.5\" />\n          </span>\n        </Link>\n      )}\n\n      <Link href={href ?? `/collections/${collection.contractAddress}`} className=\"block relative h-full\">\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {showImage ? (\n            <Image\n              src={imageUrl}\n              alt={collection.name ?? \"Collection\"}\n              fill\n              className=\"object-cover card-media\"\n              onError={() => setImgError(true)}\n              unoptimized\n            />\n          ) : (\n            <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/40\" />\n          )}\n\n          <div className=\"absolute inset-x-2 bottom-2 flex flex-col items-start gap-1\">\n            {!collection.name && collection.metadataStatus === \"PENDING\" ? (\n              <span className=\"flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs text-white bg-black/30 backdrop-blur-md\">\n                <Loader2 className=\"h-2.5 w-2.5 animate-spin\" />\n                Indexing…\n              </span>\n            ) : (\n              <p className=\"max-w-full truncate rounded-full px-3 py-1 text-sm font-bold leading-tight text-white bg-black/30 backdrop-blur-md\">\n                {collection.name ?? \"Unnamed Collection\"}\n              </p>\n            )}\n\n            {(collection.totalSupply != null || floor) && (\n              <div className=\"flex flex-wrap items-center gap-1\">\n                {collection.totalSupply != null && (\n                  <span className=\"rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md\">\n                    {collection.totalSupply.toLocaleString()}\n                  </span>\n                )}\n                {floor && (\n                  <span className=\"inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md\">\n                    Floor\n                    <CurrencyIcon symbol={floor.symbol} size={10} />\n                    {floor.amount}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CollectionCardSkeleton() {\n  return (\n    <div className=\"card-base overflow-hidden\">\n      <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n        <div className=\"absolute inset-0 animate-pulse bg-muted\" />\n        <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n          <div className=\"h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-1/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAiDY,cAsBE,YAtBF;AA/CZ,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU;AACnB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB,OAA6E;AACpG,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,YAAY,mBAAmB,KAAK;AAC1C,QAAM,QAAQ,UAAU,KAAK,EAAE,MAAM,KAAK;AAC1C,MAAI,MAAM,SAAS,EAAG,QAAO;AAC7B,QAAM,SAAS,MAAM,MAAM,SAAS,CAAC;AACrC,QAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAC1C,SAAO,EAAE,QAAQ,OAAO;AAC1B;AAWO,SAAS,eAAe,EAAE,YAAY,MAAM,cAAc,UAAU,GAAwB;AACjG,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,aAAa,WAAW,OAAO,EAAE,OAAO,IAAI,CAAC;AAC9D,QAAM,YAAY,YAAY,CAAC;AAC/B,QAAM,QAAQ,gBAAgB,WAAW,UAAU;AAEnD,SACE,qBAAC,cAAW,WAAW,GAAG,4BAA4B,SAAS,GAC5D;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,8BAAC,UAAK,WAAU,yJACd,8BAAC,aAAU,WAAU,eAAc,GACrC;AAAA;AAAA,IACF;AAAA,IAGF,oBAAC,QAAK,MAAM,QAAQ,gBAAgB,WAAW,eAAe,IAAI,WAAU,yBAC1E,+BAAC,SAAI,WAAU,0DACZ;AAAA,kBACC;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,WAAW,QAAQ;AAAA,UACxB,MAAI;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,aAAW;AAAA;AAAA,MACb,IAEA,oBAAC,SAAI,WAAU,8FAA6F;AAAA,MAG9G,qBAAC,SAAI,WAAU,+DACZ;AAAA,SAAC,WAAW,QAAQ,WAAW,mBAAmB,YACjD,qBAAC,UAAK,WAAU,qGACd;AAAA,8BAAC,WAAQ,WAAU,4BAA2B;AAAA,UAAE;AAAA,WAElD,IAEA,oBAAC,OAAE,WAAU,sHACV,qBAAW,QAAQ,sBACtB;AAAA,SAGA,WAAW,eAAe,QAAQ,UAClC,qBAAC,SAAI,WAAU,qCACZ;AAAA,qBAAW,eAAe,QACzB,oBAAC,UAAK,WAAU,yFACb,qBAAW,YAAY,eAAe,GACzC;AAAA,UAED,SACC,qBAAC,UAAK,WAAU,sHAAqH;AAAA;AAAA,YAEnI,oBAAC,gBAAa,QAAQ,MAAM,QAAQ,MAAM,IAAI;AAAA,YAC7C,MAAM;AAAA,aACT;AAAA,WAEJ;AAAA,SAEJ;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,yBAAyB;AACvC,SACE,oBAAC,SAAI,WAAU,6BACb,+BAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,SAAI,WAAU,2CAA0C;AAAA,IACzD,qBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,SAAI,WAAU,6DAA4D;AAAA,MAC3E,oBAAC,SAAI,WAAU,6DAA4D;AAAA,OAC7E;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Loader2, Settings2 } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nfunction parseFloorPrice(floor: string | null | undefined): { amount: string; symbol: string } | null {\n  if (!floor) return null;\n  const formatted = formatDisplayPrice(floor);\n  const parts = formatted.trim().split(/\\s+/);\n  if (parts.length < 2) return null;\n  const symbol = parts[parts.length - 1];\n  const amount = parts.slice(0, -1).join(\" \");\n  return { amount, symbol };\n}\n\nexport interface CollectionCardProps {\n  collection: ApiCollection;\n\n  href?: string;\n\n  settingsHref?: string;\n  className?: string;\n}\n\nexport function CollectionCard({ collection, href, settingsHref, className }: CollectionCardProps) {\n  const resolveImage = useImageUrl();\n  const [imgError, setImgError] = useState(false);\n  const imageUrl = resolveImage(collection.image, { width: 480 });\n  const showImage = imageUrl && !imgError;\n  const floor = parseFloorPrice(collection.floorPrice);\n\n  return (\n    <MotionCard className={cn(\"group relative overflow-hidden rounded-[calc(var(--radius)*1.25)]\", className)}>\n      {settingsHref && (\n        <Link\n          href={settingsHref}\n          onClick={(e) => e.stopPropagation()}\n          className=\"absolute top-2 right-2 z-10 min-h-11 min-w-11 rounded-full flex items-center justify-center\"\n          aria-label=\"Collection settings\"\n        >\n          <span className=\"flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur-sm text-white/70 hover:text-white hover:bg-black/60 transition-colors\">\n            <Settings2 className=\"h-3.5 w-3.5\" />\n          </span>\n        </Link>\n      )}\n\n      <Link href={href ?? `/collections/${collection.contractAddress}`} className=\"block relative h-full\">\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {showImage ? (\n            <Image\n              src={imageUrl}\n              alt={collection.name ?? \"Collection\"}\n              fill\n              className=\"object-cover card-media\"\n              onError={() => setImgError(true)}\n              unoptimized\n            />\n          ) : (\n            <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/30 via-brand-blue/20 to-brand-navy/40\" />\n          )}\n\n          <div className=\"absolute inset-x-2 bottom-2 flex flex-col items-start gap-1\">\n            {!collection.name && collection.metadataStatus === \"PENDING\" ? (\n              <span className=\"flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs text-white bg-black/30 backdrop-blur-md\">\n                <Loader2 className=\"h-2.5 w-2.5 animate-spin\" />\n                Indexing…\n              </span>\n            ) : (\n              <p className=\"max-w-full truncate rounded-full px-3 py-1 text-sm font-bold leading-tight text-white bg-black/30 backdrop-blur-md\">\n                {collection.name ?? \"Unnamed Collection\"}\n              </p>\n            )}\n\n            {(collection.totalSupply != null || floor) && (\n              <div className=\"flex flex-wrap items-center gap-1\">\n                {collection.totalSupply != null && (\n                  <span className=\"rounded-full px-2.5 py-1 text-2xs font-medium text-white bg-black/30 backdrop-blur-md\">\n                    {collection.totalSupply.toLocaleString()}\n                  </span>\n                )}\n                {floor && (\n                  <span className=\"inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-2xs font-bold text-white bg-black/30 backdrop-blur-md\">\n                    <CurrencyIcon symbol={floor.symbol} size={10} />\n                    {floor.amount}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CollectionCardSkeleton() {\n  return (\n    <div className=\"overflow-hidden rounded-[calc(var(--radius)*1.25)]\">\n      <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n        <div className=\"absolute inset-0 animate-pulse bg-muted\" />\n        <div className=\"absolute bottom-3 left-3 right-3 space-y-1.5\">\n          <div className=\"h-4 w-2/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-1/3 rounded-md bg-muted-foreground/20 animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAiDY,cAsBE,YAtBF;AA/CZ,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU;AACnB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB,OAA6E;AACpG,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,YAAY,mBAAmB,KAAK;AAC1C,QAAM,QAAQ,UAAU,KAAK,EAAE,MAAM,KAAK;AAC1C,MAAI,MAAM,SAAS,EAAG,QAAO;AAC7B,QAAM,SAAS,MAAM,MAAM,SAAS,CAAC;AACrC,QAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAC1C,SAAO,EAAE,QAAQ,OAAO;AAC1B;AAWO,SAAS,eAAe,EAAE,YAAY,MAAM,cAAc,UAAU,GAAwB;AACjG,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,aAAa,WAAW,OAAO,EAAE,OAAO,IAAI,CAAC;AAC9D,QAAM,YAAY,YAAY,CAAC;AAC/B,QAAM,QAAQ,gBAAgB,WAAW,UAAU;AAEnD,SACE,qBAAC,cAAW,WAAW,GAAG,qEAAqE,SAAS,GACrG;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,8BAAC,UAAK,WAAU,yJACd,8BAAC,aAAU,WAAU,eAAc,GACrC;AAAA;AAAA,IACF;AAAA,IAGF,oBAAC,QAAK,MAAM,QAAQ,gBAAgB,WAAW,eAAe,IAAI,WAAU,yBAC1E,+BAAC,SAAI,WAAU,0DACZ;AAAA,kBACC;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,WAAW,QAAQ;AAAA,UACxB,MAAI;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,aAAW;AAAA;AAAA,MACb,IAEA,oBAAC,SAAI,WAAU,8FAA6F;AAAA,MAG9G,qBAAC,SAAI,WAAU,+DACZ;AAAA,SAAC,WAAW,QAAQ,WAAW,mBAAmB,YACjD,qBAAC,UAAK,WAAU,qGACd;AAAA,8BAAC,WAAQ,WAAU,4BAA2B;AAAA,UAAE;AAAA,WAElD,IAEA,oBAAC,OAAE,WAAU,sHACV,qBAAW,QAAQ,sBACtB;AAAA,SAGA,WAAW,eAAe,QAAQ,UAClC,qBAAC,SAAI,WAAU,qCACZ;AAAA,qBAAW,eAAe,QACzB,oBAAC,UAAK,WAAU,yFACb,qBAAW,YAAY,eAAe,GACzC;AAAA,UAED,SACC,qBAAC,UAAK,WAAU,sHACd;AAAA,gCAAC,gBAAa,QAAQ,MAAM,QAAQ,MAAM,IAAI;AAAA,YAC7C,MAAM;AAAA,aACT;AAAA,WAEJ;AAAA,SAEJ;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,yBAAyB;AACvC,SACE,oBAAC,SAAI,WAAU,sDACb,+BAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,SAAI,WAAU,2CAA0C;AAAA,IACzD,qBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,SAAI,WAAU,6DAA4D;AAAA,MAC3E,oBAAC,SAAI,WAAU,6DAA4D;AAAA,OAC7E;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/collections-page.cjs

@@ -38,7 +38,6 @@ var import_swr = __toESM(require("swr"), 1);
 var import_lucide_react = require("lucide-react");
 var import_button = require("./button.js");
 var import_dialog = require("./dialog.js");
-var import_select = require("./select.js");
 var import_help_icon = require("./help-icon.js");
 var import_input = require("./input.js");
 var import_result_thumbnail = require("./result-thumbnail.js");
@@ -190,9 +189,10 @@ function CollectionsPage() {
   }, [collections, isLoading, page]);
   const hasMore = meta?.total != null ? allCollections.length < meta.total : false;
   const isInitialLoading = isLoading && allCollections.length === 0;
-  const activeFilters = [!hideEmpty].filter(Boolean).length;
+  const activeFilters = [!hideEmpty, sort !== "recent"].filter(Boolean).length;
   const resetAll = () => {
     setHideEmpty(true);
+    setSort("recent");
   };
   const handleServiceChange = (val) => {
     setService(val);
@@ -215,30 +215,21 @@ function CollectionsPage() {
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionSearch, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 sm:ml-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: sort, onValueChange: (v) => setSort(v), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.SelectTrigger, { className: "h-9 w-auto gap-1.5 text-xs", "aria-label": "Sort collections", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDownUp, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "button",
-            {
-              onClick: () => setFiltersOpen(true),
-              className: (0, import_cn.cn)(
-                "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors",
-                activeFilters > 0 || service !== void 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                "Filters",
-                (activeFilters > 0 || service !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: activeFilters + (service !== void 0 ? 1 : 0) })
-              ]
-            }
-          )
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2 sm:ml-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            onClick: () => setFiltersOpen(true),
+            "aria-label": "Filters",
+            className: (0, import_cn.cn)(
+              "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors",
+              activeFilters > 0 || service !== void 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+              (activeFilters > 0 || service !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: activeFilters + (service !== void 0 ? 1 : 0) })
+            ]
+          }
+        ) })
       ] }),
       (service !== void 0 || !hideEmpty) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
         service !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary", children: [
@@ -264,6 +255,21 @@ function CollectionsPage() {
         }, children: "Clear all" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 overflow-y-auto px-5 py-4 space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold text-muted-foreground", children: "Sort by" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1.5", children: SORT_OPTIONS.map(({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: () => setSort(value),
+              className: (0, import_cn.cn)(
+                "flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap",
+                sort === value ? "border-primary bg-primary/10 text-primary font-medium" : "border-border text-muted-foreground hover:border-primary/50"
+              ),
+              children: label
+            },
+            value
+          )) })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold text-muted-foreground", children: "Source" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1.5", children: SERVICE_TABS.map(({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/components/collections-page.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collections-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport useSWR from \"swr\";\nimport { Layers, Eye, SlidersHorizontal, Award, Package, ArrowDownUp, Search, X } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"./select.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { Input } from \"./input.js\";\nimport { ResultThumbnail } from \"./result-thumbnail.js\";\nimport Link from \"./link.js\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { useCollections, type CollectionSort } from \"../utils/use-collections.js\";\nimport { useMedialaneClient } from \"../utils/use-medialane-client.js\";\nimport { SEARCH_MIN_LENGTH, useSearch } from \"../utils/use-search.js\";\nimport { collectionHref, type ApiCollection } from \"@medialane/sdk\";\n\nconst PAGE_SIZE = 25;\n\nconst SORT_OPTIONS: { label: string; value: CollectionSort }[] = [\n  { label: \"Recent\",      value: \"recent\"  },\n  { label: \"Most assets\", value: \"supply\"  },\n  { label: \"Top volume\",  value: \"volume\"  },\n  { label: \"Floor ↑\",    value: \"floor\"   },\n  { label: \"A → Z\",      value: \"name\"    },\n];\n\nconst SERVICE_TABS = [\n  { label: \"All\",        value: undefined    },\n  { label: \"POP Events\", value: \"pop-protocol\" },\n  { label: \"Drops\",      value: \"drop-collection\" },\n] as const;\n\nfunction useStandardCounts() {\n  const client = useMedialaneClient();\n  const { data } = useSWR(\n    \"collection-standard-counts\",\n    async () => {\n      const [single, multi] = await Promise.all(\n        [\"ERC721\", \"ERC1155\"].map((standard) =>\n          client.api.collections.list({ standard, hideEmpty: true, limit: 1 })\n        )\n      );\n      return { single: single.meta?.total, multi: multi.meta?.total };\n    },\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n  return data ?? null;\n}\n\nfunction CollectionSearch() {\n  const router = useRouter();\n  const [value, setValue] = useState(\"\");\n  const [query, setQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n  const { results } = useSearch(query, { limit: 6 });\n  const matches = results?.collections ?? [];\n\n  useEffect(() => {\n    const timer = setTimeout(() => setQuery(value), 300);\n    return () => clearTimeout(timer);\n  }, [value]);\n\n  const clear = () => {\n    setValue(\"\");\n    setQuery(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <div className=\"relative w-full sm:max-w-sm sm:flex-1\">\n      <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n      <Input\n        className=\"h-9 pl-9 pr-9 text-sm\"\n        placeholder=\"Search collections\"\n        aria-label=\"Search collections\"\n        value={value}\n        onChange={(e) => { setValue(e.target.value); setOpen(true); }}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setTimeout(() => setOpen(false), 200)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim().length >= SEARCH_MIN_LENGTH) {\n            router.push(`/search?q=${encodeURIComponent(value.trim())}`);\n          }\n        }}\n      />\n      {value && (\n        <button\n          aria-label=\"Clear search\"\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n          onClick={clear}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n      {open && matches.length > 0 && (\n        <div className=\"absolute left-0 right-0 top-full z-50 mt-1 overflow-hidden rounded-xl border border-border bg-popover shadow-lg\">\n          {matches.map((col) => {\n            const label = col.name ?? \"Untitled\";\n            return (\n              <Link\n                key={col.contractAddress}\n                href={collectionHref(\"STARKNET\", col.contractAddress)}\n                className=\"flex items-center gap-3 px-3 py-2.5 transition-colors hover:bg-muted/50\"\n              >\n                <ResultThumbnail src={col.image} label={label} />\n                <span className=\"truncate text-sm font-medium\">{label}</span>\n              </Link>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionsPage() {\n  const counts = useStandardCounts();\n  const [sort, setSort]           = useState<CollectionSort>(\"recent\");\n  const [hideEmpty, setHideEmpty] = useState(true);\n  const [service, setService]     = useState<string | undefined>(undefined);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [page, setPage]           = useState(1);\n  const [allCollections, setAllCollections] = useState<ApiCollection[]>([]);\n\n  const { collections, meta, isLoading } = useCollections(\n    page,\n    PAGE_SIZE,\n    undefined,\n    sort,\n    service === \"pop-protocol\" || service === \"drop-collection\" ? false : hideEmpty,\n    service,\n    \"ERC721,ERC1155\"\n  );\n\n  const { collections: featuredCollections, isLoading: featuredLoading } = useCollections(\n    1,\n    10,\n    true,\n    \"recent\",\n    true,\n    undefined,\n    \"ERC721,ERC1155\"\n  );\n\n  const prevFilters = useRef({ sort, hideEmpty, service });\n  useEffect(() => {\n    const f = prevFilters.current;\n    if (f.sort !== sort || f.hideEmpty !== hideEmpty || f.service !== service) {\n      prevFilters.current = { sort, hideEmpty, service };\n      setPage(1);\n      setAllCollections([]);\n    }\n  }, [sort, hideEmpty, service]);\n\n  useEffect(() => {\n    if (isLoading || collections.length === 0) return;\n    setAllCollections((prev) => {\n      const ids = new Set(prev.map((c) => c.contractAddress));\n      const next = collections.filter((c) => !ids.has(c.contractAddress));\n      return page === 1 ? collections : [...prev, ...next];\n    });\n  }, [collections, isLoading, page]);\n\n  const hasMore = meta?.total != null ? allCollections.length < meta.total : false;\n  const isInitialLoading = isLoading && allCollections.length === 0;\n\n  const activeFilters = [!hideEmpty].filter(Boolean).length;\n\n  const resetAll = () => {\n    setHideEmpty(true);\n  };\n\n  const handleServiceChange = (val: string | undefined) => {\n    setService(val);\n  };\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-14 pb-8 space-y-8\">\n\n      <div className=\"space-y-2 pt-8\">\n\n        <h1 className=\"text-3xl font-bold\">Onchain Collections</h1>\n        <div className=\"flex flex-wrap items-center gap-2 mt-1\">\n          {counts?.single != null && counts.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{(counts.single + counts.multi).toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Collections</span>\n            </div>\n          )}\n          {counts?.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{counts.multi.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Multi editions</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {(featuredLoading || featuredCollections.length > 0) && (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {featuredLoading\n            ? Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)\n            : featuredCollections.map((col) => (\n                <CollectionCard key={col.contractAddress} collection={col} />\n              ))}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <CollectionSearch />\n          <div className=\"flex items-center gap-2 sm:ml-auto\">\n            <Select value={sort} onValueChange={(v) => setSort(v as CollectionSort)}>\n              <SelectTrigger className=\"h-9 w-auto gap-1.5 text-xs\" aria-label=\"Sort collections\">\n                <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {SORT_OPTIONS.map((opt) => (\n                  <SelectItem key={opt.value} value={opt.value} className=\"text-xs\">{opt.label}</SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <button\n              onClick={() => setFiltersOpen(true)}\n              className={cn(\n                \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors\",\n                activeFilters > 0 || service !== undefined\n                  ? \"border-primary bg-primary/10 text-primary\"\n                  : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n              )}\n            >\n              <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n              Filters\n              {(activeFilters > 0 || service !== undefined) && (\n                <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n                  {activeFilters + (service !== undefined ? 1 : 0)}\n                </span>\n              )}\n            </button>\n          </div>\n        </div>\n        {(service !== undefined || !hideEmpty) && (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {service !== undefined && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                {service === \"drop-collection\" ? <Package className=\"h-3 w-3\" /> : <Award className=\"h-3 w-3\" />}\n                {SERVICE_TABS.find((t) => t.value === service)?.label}\n                <button onClick={() => setService(undefined)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove source filter\">×</button>\n              </span>\n            )}\n            {!hideEmpty && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                Show empty\n                <button onClick={() => setHideEmpty(true)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove show empty filter\">×</button>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n        <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n          <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n            <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n              <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n              Filters\n            </DialogTitle>\n            {(activeFilters > 0 || service !== undefined) && (\n              <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={() => { resetAll(); setService(undefined); }}>\n                Clear all\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Source</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SERVICE_TABS.map(({ label, value }) => (\n                  <button\n                    key={label}\n                    onClick={() => handleServiceChange(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      service === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {value === \"pop-protocol\" && <Award className=\"h-3 w-3\" />}\n                    {value === \"drop-collection\" && <Package className=\"h-3 w-3\" />}\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Show</p>\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={() => setHideEmpty((v) => !v)}\n                    className={cn(\n                      \"flex flex-1 items-center gap-2 text-sm px-3 py-2 rounded-lg border transition-colors text-left\",\n                      !hideEmpty\n                        ? \"border-primary bg-primary/10 text-primary\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    <Eye className=\"h-4 w-4 shrink-0\" />\n                    Show empty collections\n                  </button>\n                  <HelpIcon content=\"Include collections with no minted assets yet — hidden by default to keep the feed clean\" side=\"left\" />\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <div className=\"px-5 py-3 border-t border-border/60\">\n            <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n              Show results\n            </Button>\n          </div>\n\n        </DialogContent>\n      </Dialog>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)}\n        </div>\n      ) : allCollections.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-24 gap-4 text-center\">\n          <Layers className=\"h-12 w-12 text-muted-foreground/30\" />\n          <p className=\"text-2xl font-bold\">No collections found</p>\n          <p className=\"text-muted-foreground max-w-sm\">\n            {hideEmpty\n              ? \"No collections with assets yet.\"\n              : \"Deploy the first collection on Medialane.\"}\n          </p>\n          {activeFilters > 0 && (\n            <Button variant=\"outline\" size=\"sm\" onClick={resetAll}>\n              Clear filters\n            </Button>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n            {allCollections.map((col) => (\n              <CollectionCard key={col.contractAddress} collection={col} />\n            ))}\n          </div>\n\n          <LoadMoreSentinel\n            hasMore={hasMore}\n            isLoading={isLoading}\n            onLoadMore={() => setPage((p) => p + 1)}\n          />\n        </div>\n      )}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":["useSWR","Link"]}
+{"version":3,"sources":["../../src/components/collections-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport useSWR from \"swr\";\nimport { Layers, Eye, SlidersHorizontal, Award, Package, Search, X } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { Input } from \"./input.js\";\nimport { ResultThumbnail } from \"./result-thumbnail.js\";\nimport Link from \"./link.js\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { useCollections, type CollectionSort } from \"../utils/use-collections.js\";\nimport { useMedialaneClient } from \"../utils/use-medialane-client.js\";\nimport { SEARCH_MIN_LENGTH, useSearch } from \"../utils/use-search.js\";\nimport { collectionHref, type ApiCollection } from \"@medialane/sdk\";\n\nconst PAGE_SIZE = 25;\n\nconst SORT_OPTIONS: { label: string; value: CollectionSort }[] = [\n  { label: \"Recent\",      value: \"recent\"  },\n  { label: \"Most assets\", value: \"supply\"  },\n  { label: \"Top volume\",  value: \"volume\"  },\n  { label: \"Floor ↑\",    value: \"floor\"   },\n  { label: \"A → Z\",      value: \"name\"    },\n];\n\nconst SERVICE_TABS = [\n  { label: \"All\",        value: undefined    },\n  { label: \"POP Events\", value: \"pop-protocol\" },\n  { label: \"Drops\",      value: \"drop-collection\" },\n] as const;\n\nfunction useStandardCounts() {\n  const client = useMedialaneClient();\n  const { data } = useSWR(\n    \"collection-standard-counts\",\n    async () => {\n      const [single, multi] = await Promise.all(\n        [\"ERC721\", \"ERC1155\"].map((standard) =>\n          client.api.collections.list({ standard, hideEmpty: true, limit: 1 })\n        )\n      );\n      return { single: single.meta?.total, multi: multi.meta?.total };\n    },\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n  return data ?? null;\n}\n\nfunction CollectionSearch() {\n  const router = useRouter();\n  const [value, setValue] = useState(\"\");\n  const [query, setQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n  const { results } = useSearch(query, { limit: 6 });\n  const matches = results?.collections ?? [];\n\n  useEffect(() => {\n    const timer = setTimeout(() => setQuery(value), 300);\n    return () => clearTimeout(timer);\n  }, [value]);\n\n  const clear = () => {\n    setValue(\"\");\n    setQuery(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <div className=\"relative w-full sm:max-w-sm sm:flex-1\">\n      <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n      <Input\n        className=\"h-9 pl-9 pr-9 text-sm\"\n        placeholder=\"Search collections\"\n        aria-label=\"Search collections\"\n        value={value}\n        onChange={(e) => { setValue(e.target.value); setOpen(true); }}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setTimeout(() => setOpen(false), 200)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim().length >= SEARCH_MIN_LENGTH) {\n            router.push(`/search?q=${encodeURIComponent(value.trim())}`);\n          }\n        }}\n      />\n      {value && (\n        <button\n          aria-label=\"Clear search\"\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n          onClick={clear}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n      {open && matches.length > 0 && (\n        <div className=\"absolute left-0 right-0 top-full z-50 mt-1 overflow-hidden rounded-xl border border-border bg-popover shadow-lg\">\n          {matches.map((col) => {\n            const label = col.name ?? \"Untitled\";\n            return (\n              <Link\n                key={col.contractAddress}\n                href={collectionHref(\"STARKNET\", col.contractAddress)}\n                className=\"flex items-center gap-3 px-3 py-2.5 transition-colors hover:bg-muted/50\"\n              >\n                <ResultThumbnail src={col.image} label={label} />\n                <span className=\"truncate text-sm font-medium\">{label}</span>\n              </Link>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionsPage() {\n  const counts = useStandardCounts();\n  const [sort, setSort]           = useState<CollectionSort>(\"recent\");\n  const [hideEmpty, setHideEmpty] = useState(true);\n  const [service, setService]     = useState<string | undefined>(undefined);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [page, setPage]           = useState(1);\n  const [allCollections, setAllCollections] = useState<ApiCollection[]>([]);\n\n  const { collections, meta, isLoading } = useCollections(\n    page,\n    PAGE_SIZE,\n    undefined,\n    sort,\n    service === \"pop-protocol\" || service === \"drop-collection\" ? false : hideEmpty,\n    service,\n    \"ERC721,ERC1155\"\n  );\n\n  const { collections: featuredCollections, isLoading: featuredLoading } = useCollections(\n    1,\n    10,\n    true,\n    \"recent\",\n    true,\n    undefined,\n    \"ERC721,ERC1155\"\n  );\n\n  const prevFilters = useRef({ sort, hideEmpty, service });\n  useEffect(() => {\n    const f = prevFilters.current;\n    if (f.sort !== sort || f.hideEmpty !== hideEmpty || f.service !== service) {\n      prevFilters.current = { sort, hideEmpty, service };\n      setPage(1);\n      setAllCollections([]);\n    }\n  }, [sort, hideEmpty, service]);\n\n  useEffect(() => {\n    if (isLoading || collections.length === 0) return;\n    setAllCollections((prev) => {\n      const ids = new Set(prev.map((c) => c.contractAddress));\n      const next = collections.filter((c) => !ids.has(c.contractAddress));\n      return page === 1 ? collections : [...prev, ...next];\n    });\n  }, [collections, isLoading, page]);\n\n  const hasMore = meta?.total != null ? allCollections.length < meta.total : false;\n  const isInitialLoading = isLoading && allCollections.length === 0;\n\n  const activeFilters = [!hideEmpty, sort !== \"recent\"].filter(Boolean).length;\n\n  const resetAll = () => {\n    setHideEmpty(true);\n    setSort(\"recent\");\n  };\n\n  const handleServiceChange = (val: string | undefined) => {\n    setService(val);\n  };\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-14 pb-8 space-y-8\">\n\n      <div className=\"space-y-2 pt-8\">\n\n        <h1 className=\"text-3xl font-bold\">Onchain Collections</h1>\n        <div className=\"flex flex-wrap items-center gap-2 mt-1\">\n          {counts?.single != null && counts.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{(counts.single + counts.multi).toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Collections</span>\n            </div>\n          )}\n          {counts?.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{counts.multi.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Multi editions</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {(featuredLoading || featuredCollections.length > 0) && (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {featuredLoading\n            ? Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)\n            : featuredCollections.map((col) => (\n                <CollectionCard key={col.contractAddress} collection={col} />\n              ))}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <CollectionSearch />\n          <div className=\"flex items-center gap-2 sm:ml-auto\">\n            <button\n              onClick={() => setFiltersOpen(true)}\n              aria-label=\"Filters\"\n              className={cn(\n                \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors\",\n                activeFilters > 0 || service !== undefined\n                  ? \"border-primary bg-primary/10 text-primary\"\n                  : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n              )}\n            >\n              <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n              {(activeFilters > 0 || service !== undefined) && (\n                <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n                  {activeFilters + (service !== undefined ? 1 : 0)}\n                </span>\n              )}\n            </button>\n          </div>\n        </div>\n        {(service !== undefined || !hideEmpty) && (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {service !== undefined && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                {service === \"drop-collection\" ? <Package className=\"h-3 w-3\" /> : <Award className=\"h-3 w-3\" />}\n                {SERVICE_TABS.find((t) => t.value === service)?.label}\n                <button onClick={() => setService(undefined)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove source filter\">×</button>\n              </span>\n            )}\n            {!hideEmpty && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                Show empty\n                <button onClick={() => setHideEmpty(true)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove show empty filter\">×</button>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n        <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n          <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n            <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n              <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n              Filters\n            </DialogTitle>\n            {(activeFilters > 0 || service !== undefined) && (\n              <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={() => { resetAll(); setService(undefined); }}>\n                Clear all\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Sort by</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SORT_OPTIONS.map(({ label, value }) => (\n                  <button\n                    key={value}\n                    onClick={() => setSort(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      sort === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Source</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SERVICE_TABS.map(({ label, value }) => (\n                  <button\n                    key={label}\n                    onClick={() => handleServiceChange(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      service === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {value === \"pop-protocol\" && <Award className=\"h-3 w-3\" />}\n                    {value === \"drop-collection\" && <Package className=\"h-3 w-3\" />}\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Show</p>\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={() => setHideEmpty((v) => !v)}\n                    className={cn(\n                      \"flex flex-1 items-center gap-2 text-sm px-3 py-2 rounded-lg border transition-colors text-left\",\n                      !hideEmpty\n                        ? \"border-primary bg-primary/10 text-primary\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    <Eye className=\"h-4 w-4 shrink-0\" />\n                    Show empty collections\n                  </button>\n                  <HelpIcon content=\"Include collections with no minted assets yet — hidden by default to keep the feed clean\" side=\"left\" />\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <div className=\"px-5 py-3 border-t border-border/60\">\n            <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n              Show results\n            </Button>\n          </div>\n\n        </DialogContent>\n      </Dialog>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)}\n        </div>\n      ) : allCollections.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-24 gap-4 text-center\">\n          <Layers className=\"h-12 w-12 text-muted-foreground/30\" />\n          <p className=\"text-2xl font-bold\">No collections found</p>\n          <p className=\"text-muted-foreground max-w-sm\">\n            {hideEmpty\n              ? \"No collections with assets yet.\"\n              : \"Deploy the first collection on Medialane.\"}\n          </p>\n          {activeFilters > 0 && (\n            <Button variant=\"outline\" size=\"sm\" onClick={resetAll}>\n              Clear filters\n            </Button>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n            {allCollections.map((col) => (\n              <CollectionCard key={col.contractAddress} collection={col} />\n            ))}\n          </div>\n\n          <LoadMoreSentinel\n            hasMore={hasMore}\n            isLoading={isLoading}\n            onLoadMore={() => setPage((p) => p + 1)}\n          />\n        </div>\n      )}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":["useSWR","Link"]}

package/dist/components/collections-page.js

@@ -2,10 +2,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import useSWR from "swr";
-import { Layers, Eye, SlidersHorizontal, Award, Package, ArrowDownUp, Search, X } from "lucide-react";
+import { Layers, Eye, SlidersHorizontal, Award, Package, Search, X } from "lucide-react";
 import { Button } from "./button.js";
 import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 import { HelpIcon } from "./help-icon.js";
 import { Input } from "./input.js";
 import { ResultThumbnail } from "./result-thumbnail.js";
@@ -157,9 +156,10 @@ function CollectionsPage() {
   }, [collections, isLoading, page]);
   const hasMore = meta?.total != null ? allCollections.length < meta.total : false;
   const isInitialLoading = isLoading && allCollections.length === 0;
-  const activeFilters = [!hideEmpty].filter(Boolean).length;
+  const activeFilters = [!hideEmpty, sort !== "recent"].filter(Boolean).length;
   const resetAll = () => {
     setHideEmpty(true);
+    setSort("recent");
   };
   const handleServiceChange = (val) => {
     setService(val);
@@ -182,30 +182,21 @@ function CollectionsPage() {
     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx(CollectionSearch, {}),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:ml-auto", children: [
-          /* @__PURE__ */ jsxs(Select, { value: sort, onValueChange: (v) => setSort(v), children: [
-            /* @__PURE__ */ jsxs(SelectTrigger, { className: "h-9 w-auto gap-1.5 text-xs", "aria-label": "Sort collections", children: [
-              /* @__PURE__ */ jsx(ArrowDownUp, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-              /* @__PURE__ */ jsx(SelectValue, {})
-            ] }),
-            /* @__PURE__ */ jsx(SelectContent, { children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, className: "text-xs", children: opt.label }, opt.value)) })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => setFiltersOpen(true),
-              className: cn(
-                "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors",
-                activeFilters > 0 || service !== void 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-                "Filters",
-                (activeFilters > 0 || service !== void 0) && /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: activeFilters + (service !== void 0 ? 1 : 0) })
-              ]
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 sm:ml-auto", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setFiltersOpen(true),
+            "aria-label": "Filters",
+            className: cn(
+              "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors",
+              activeFilters > 0 || service !== void 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+              (activeFilters > 0 || service !== void 0) && /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: activeFilters + (service !== void 0 ? 1 : 0) })
+            ]
+          }
+        ) })
       ] }),
       (service !== void 0 || !hideEmpty) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         service !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary", children: [
@@ -231,6 +222,21 @@ function CollectionsPage() {
         }, children: "Clear all" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4 space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-2xs font-semibold text-muted-foreground", children: "Sort by" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: SORT_OPTIONS.map(({ label, value }) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setSort(value),
+              className: cn(
+                "flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap",
+                sort === value ? "border-primary bg-primary/10 text-primary font-medium" : "border-border text-muted-foreground hover:border-primary/50"
+              ),
+              children: label
+            },
+            value
+          )) })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx("p", { className: "text-2xs font-semibold text-muted-foreground", children: "Source" }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: SERVICE_TABS.map(({ label, value }) => /* @__PURE__ */ jsxs(

package/dist/components/collections-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collections-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport useSWR from \"swr\";\nimport { Layers, Eye, SlidersHorizontal, Award, Package, ArrowDownUp, Search, X } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"./select.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { Input } from \"./input.js\";\nimport { ResultThumbnail } from \"./result-thumbnail.js\";\nimport Link from \"./link.js\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { useCollections, type CollectionSort } from \"../utils/use-collections.js\";\nimport { useMedialaneClient } from \"../utils/use-medialane-client.js\";\nimport { SEARCH_MIN_LENGTH, useSearch } from \"../utils/use-search.js\";\nimport { collectionHref, type ApiCollection } from \"@medialane/sdk\";\n\nconst PAGE_SIZE = 25;\n\nconst SORT_OPTIONS: { label: string; value: CollectionSort }[] = [\n  { label: \"Recent\",      value: \"recent\"  },\n  { label: \"Most assets\", value: \"supply\"  },\n  { label: \"Top volume\",  value: \"volume\"  },\n  { label: \"Floor ↑\",    value: \"floor\"   },\n  { label: \"A → Z\",      value: \"name\"    },\n];\n\nconst SERVICE_TABS = [\n  { label: \"All\",        value: undefined    },\n  { label: \"POP Events\", value: \"pop-protocol\" },\n  { label: \"Drops\",      value: \"drop-collection\" },\n] as const;\n\nfunction useStandardCounts() {\n  const client = useMedialaneClient();\n  const { data } = useSWR(\n    \"collection-standard-counts\",\n    async () => {\n      const [single, multi] = await Promise.all(\n        [\"ERC721\", \"ERC1155\"].map((standard) =>\n          client.api.collections.list({ standard, hideEmpty: true, limit: 1 })\n        )\n      );\n      return { single: single.meta?.total, multi: multi.meta?.total };\n    },\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n  return data ?? null;\n}\n\nfunction CollectionSearch() {\n  const router = useRouter();\n  const [value, setValue] = useState(\"\");\n  const [query, setQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n  const { results } = useSearch(query, { limit: 6 });\n  const matches = results?.collections ?? [];\n\n  useEffect(() => {\n    const timer = setTimeout(() => setQuery(value), 300);\n    return () => clearTimeout(timer);\n  }, [value]);\n\n  const clear = () => {\n    setValue(\"\");\n    setQuery(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <div className=\"relative w-full sm:max-w-sm sm:flex-1\">\n      <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n      <Input\n        className=\"h-9 pl-9 pr-9 text-sm\"\n        placeholder=\"Search collections\"\n        aria-label=\"Search collections\"\n        value={value}\n        onChange={(e) => { setValue(e.target.value); setOpen(true); }}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setTimeout(() => setOpen(false), 200)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim().length >= SEARCH_MIN_LENGTH) {\n            router.push(`/search?q=${encodeURIComponent(value.trim())}`);\n          }\n        }}\n      />\n      {value && (\n        <button\n          aria-label=\"Clear search\"\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n          onClick={clear}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n      {open && matches.length > 0 && (\n        <div className=\"absolute left-0 right-0 top-full z-50 mt-1 overflow-hidden rounded-xl border border-border bg-popover shadow-lg\">\n          {matches.map((col) => {\n            const label = col.name ?? \"Untitled\";\n            return (\n              <Link\n                key={col.contractAddress}\n                href={collectionHref(\"STARKNET\", col.contractAddress)}\n                className=\"flex items-center gap-3 px-3 py-2.5 transition-colors hover:bg-muted/50\"\n              >\n                <ResultThumbnail src={col.image} label={label} />\n                <span className=\"truncate text-sm font-medium\">{label}</span>\n              </Link>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionsPage() {\n  const counts = useStandardCounts();\n  const [sort, setSort]           = useState<CollectionSort>(\"recent\");\n  const [hideEmpty, setHideEmpty] = useState(true);\n  const [service, setService]     = useState<string | undefined>(undefined);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [page, setPage]           = useState(1);\n  const [allCollections, setAllCollections] = useState<ApiCollection[]>([]);\n\n  const { collections, meta, isLoading } = useCollections(\n    page,\n    PAGE_SIZE,\n    undefined,\n    sort,\n    service === \"pop-protocol\" || service === \"drop-collection\" ? false : hideEmpty,\n    service,\n    \"ERC721,ERC1155\"\n  );\n\n  const { collections: featuredCollections, isLoading: featuredLoading } = useCollections(\n    1,\n    10,\n    true,\n    \"recent\",\n    true,\n    undefined,\n    \"ERC721,ERC1155\"\n  );\n\n  const prevFilters = useRef({ sort, hideEmpty, service });\n  useEffect(() => {\n    const f = prevFilters.current;\n    if (f.sort !== sort || f.hideEmpty !== hideEmpty || f.service !== service) {\n      prevFilters.current = { sort, hideEmpty, service };\n      setPage(1);\n      setAllCollections([]);\n    }\n  }, [sort, hideEmpty, service]);\n\n  useEffect(() => {\n    if (isLoading || collections.length === 0) return;\n    setAllCollections((prev) => {\n      const ids = new Set(prev.map((c) => c.contractAddress));\n      const next = collections.filter((c) => !ids.has(c.contractAddress));\n      return page === 1 ? collections : [...prev, ...next];\n    });\n  }, [collections, isLoading, page]);\n\n  const hasMore = meta?.total != null ? allCollections.length < meta.total : false;\n  const isInitialLoading = isLoading && allCollections.length === 0;\n\n  const activeFilters = [!hideEmpty].filter(Boolean).length;\n\n  const resetAll = () => {\n    setHideEmpty(true);\n  };\n\n  const handleServiceChange = (val: string | undefined) => {\n    setService(val);\n  };\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-14 pb-8 space-y-8\">\n\n      <div className=\"space-y-2 pt-8\">\n\n        <h1 className=\"text-3xl font-bold\">Onchain Collections</h1>\n        <div className=\"flex flex-wrap items-center gap-2 mt-1\">\n          {counts?.single != null && counts.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{(counts.single + counts.multi).toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Collections</span>\n            </div>\n          )}\n          {counts?.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{counts.multi.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Multi editions</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {(featuredLoading || featuredCollections.length > 0) && (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {featuredLoading\n            ? Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)\n            : featuredCollections.map((col) => (\n                <CollectionCard key={col.contractAddress} collection={col} />\n              ))}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <CollectionSearch />\n          <div className=\"flex items-center gap-2 sm:ml-auto\">\n            <Select value={sort} onValueChange={(v) => setSort(v as CollectionSort)}>\n              <SelectTrigger className=\"h-9 w-auto gap-1.5 text-xs\" aria-label=\"Sort collections\">\n                <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {SORT_OPTIONS.map((opt) => (\n                  <SelectItem key={opt.value} value={opt.value} className=\"text-xs\">{opt.label}</SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <button\n              onClick={() => setFiltersOpen(true)}\n              className={cn(\n                \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors\",\n                activeFilters > 0 || service !== undefined\n                  ? \"border-primary bg-primary/10 text-primary\"\n                  : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n              )}\n            >\n              <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n              Filters\n              {(activeFilters > 0 || service !== undefined) && (\n                <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n                  {activeFilters + (service !== undefined ? 1 : 0)}\n                </span>\n              )}\n            </button>\n          </div>\n        </div>\n        {(service !== undefined || !hideEmpty) && (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {service !== undefined && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                {service === \"drop-collection\" ? <Package className=\"h-3 w-3\" /> : <Award className=\"h-3 w-3\" />}\n                {SERVICE_TABS.find((t) => t.value === service)?.label}\n                <button onClick={() => setService(undefined)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove source filter\">×</button>\n              </span>\n            )}\n            {!hideEmpty && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                Show empty\n                <button onClick={() => setHideEmpty(true)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove show empty filter\">×</button>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n        <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n          <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n            <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n              <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n              Filters\n            </DialogTitle>\n            {(activeFilters > 0 || service !== undefined) && (\n              <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={() => { resetAll(); setService(undefined); }}>\n                Clear all\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Source</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SERVICE_TABS.map(({ label, value }) => (\n                  <button\n                    key={label}\n                    onClick={() => handleServiceChange(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      service === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {value === \"pop-protocol\" && <Award className=\"h-3 w-3\" />}\n                    {value === \"drop-collection\" && <Package className=\"h-3 w-3\" />}\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Show</p>\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={() => setHideEmpty((v) => !v)}\n                    className={cn(\n                      \"flex flex-1 items-center gap-2 text-sm px-3 py-2 rounded-lg border transition-colors text-left\",\n                      !hideEmpty\n                        ? \"border-primary bg-primary/10 text-primary\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    <Eye className=\"h-4 w-4 shrink-0\" />\n                    Show empty collections\n                  </button>\n                  <HelpIcon content=\"Include collections with no minted assets yet — hidden by default to keep the feed clean\" side=\"left\" />\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <div className=\"px-5 py-3 border-t border-border/60\">\n            <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n              Show results\n            </Button>\n          </div>\n\n        </DialogContent>\n      </Dialog>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)}\n        </div>\n      ) : allCollections.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-24 gap-4 text-center\">\n          <Layers className=\"h-12 w-12 text-muted-foreground/30\" />\n          <p className=\"text-2xl font-bold\">No collections found</p>\n          <p className=\"text-muted-foreground max-w-sm\">\n            {hideEmpty\n              ? \"No collections with assets yet.\"\n              : \"Deploy the first collection on Medialane.\"}\n          </p>\n          {activeFilters > 0 && (\n            <Button variant=\"outline\" size=\"sm\" onClick={resetAll}>\n              Clear filters\n            </Button>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n            {allCollections.map((col) => (\n              <CollectionCard key={col.contractAddress} collection={col} />\n            ))}\n          </div>\n\n          <LoadMoreSentinel\n            hasMore={hasMore}\n            isLoading={isLoading}\n            onLoadMore={() => setPage((p) => p + 1)}\n          />\n        </div>\n      )}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/collections-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport useSWR from \"swr\";\nimport { Layers, Eye, SlidersHorizontal, Award, Package, Search, X } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { Input } from \"./input.js\";\nimport { ResultThumbnail } from \"./result-thumbnail.js\";\nimport Link from \"./link.js\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { useCollections, type CollectionSort } from \"../utils/use-collections.js\";\nimport { useMedialaneClient } from \"../utils/use-medialane-client.js\";\nimport { SEARCH_MIN_LENGTH, useSearch } from \"../utils/use-search.js\";\nimport { collectionHref, type ApiCollection } from \"@medialane/sdk\";\n\nconst PAGE_SIZE = 25;\n\nconst SORT_OPTIONS: { label: string; value: CollectionSort }[] = [\n  { label: \"Recent\",      value: \"recent\"  },\n  { label: \"Most assets\", value: \"supply\"  },\n  { label: \"Top volume\",  value: \"volume\"  },\n  { label: \"Floor ↑\",    value: \"floor\"   },\n  { label: \"A → Z\",      value: \"name\"    },\n];\n\nconst SERVICE_TABS = [\n  { label: \"All\",        value: undefined    },\n  { label: \"POP Events\", value: \"pop-protocol\" },\n  { label: \"Drops\",      value: \"drop-collection\" },\n] as const;\n\nfunction useStandardCounts() {\n  const client = useMedialaneClient();\n  const { data } = useSWR(\n    \"collection-standard-counts\",\n    async () => {\n      const [single, multi] = await Promise.all(\n        [\"ERC721\", \"ERC1155\"].map((standard) =>\n          client.api.collections.list({ standard, hideEmpty: true, limit: 1 })\n        )\n      );\n      return { single: single.meta?.total, multi: multi.meta?.total };\n    },\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n  return data ?? null;\n}\n\nfunction CollectionSearch() {\n  const router = useRouter();\n  const [value, setValue] = useState(\"\");\n  const [query, setQuery] = useState(\"\");\n  const [open, setOpen] = useState(false);\n  const { results } = useSearch(query, { limit: 6 });\n  const matches = results?.collections ?? [];\n\n  useEffect(() => {\n    const timer = setTimeout(() => setQuery(value), 300);\n    return () => clearTimeout(timer);\n  }, [value]);\n\n  const clear = () => {\n    setValue(\"\");\n    setQuery(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <div className=\"relative w-full sm:max-w-sm sm:flex-1\">\n      <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n      <Input\n        className=\"h-9 pl-9 pr-9 text-sm\"\n        placeholder=\"Search collections\"\n        aria-label=\"Search collections\"\n        value={value}\n        onChange={(e) => { setValue(e.target.value); setOpen(true); }}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setTimeout(() => setOpen(false), 200)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim().length >= SEARCH_MIN_LENGTH) {\n            router.push(`/search?q=${encodeURIComponent(value.trim())}`);\n          }\n        }}\n      />\n      {value && (\n        <button\n          aria-label=\"Clear search\"\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n          onClick={clear}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n      {open && matches.length > 0 && (\n        <div className=\"absolute left-0 right-0 top-full z-50 mt-1 overflow-hidden rounded-xl border border-border bg-popover shadow-lg\">\n          {matches.map((col) => {\n            const label = col.name ?? \"Untitled\";\n            return (\n              <Link\n                key={col.contractAddress}\n                href={collectionHref(\"STARKNET\", col.contractAddress)}\n                className=\"flex items-center gap-3 px-3 py-2.5 transition-colors hover:bg-muted/50\"\n              >\n                <ResultThumbnail src={col.image} label={label} />\n                <span className=\"truncate text-sm font-medium\">{label}</span>\n              </Link>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionsPage() {\n  const counts = useStandardCounts();\n  const [sort, setSort]           = useState<CollectionSort>(\"recent\");\n  const [hideEmpty, setHideEmpty] = useState(true);\n  const [service, setService]     = useState<string | undefined>(undefined);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [page, setPage]           = useState(1);\n  const [allCollections, setAllCollections] = useState<ApiCollection[]>([]);\n\n  const { collections, meta, isLoading } = useCollections(\n    page,\n    PAGE_SIZE,\n    undefined,\n    sort,\n    service === \"pop-protocol\" || service === \"drop-collection\" ? false : hideEmpty,\n    service,\n    \"ERC721,ERC1155\"\n  );\n\n  const { collections: featuredCollections, isLoading: featuredLoading } = useCollections(\n    1,\n    10,\n    true,\n    \"recent\",\n    true,\n    undefined,\n    \"ERC721,ERC1155\"\n  );\n\n  const prevFilters = useRef({ sort, hideEmpty, service });\n  useEffect(() => {\n    const f = prevFilters.current;\n    if (f.sort !== sort || f.hideEmpty !== hideEmpty || f.service !== service) {\n      prevFilters.current = { sort, hideEmpty, service };\n      setPage(1);\n      setAllCollections([]);\n    }\n  }, [sort, hideEmpty, service]);\n\n  useEffect(() => {\n    if (isLoading || collections.length === 0) return;\n    setAllCollections((prev) => {\n      const ids = new Set(prev.map((c) => c.contractAddress));\n      const next = collections.filter((c) => !ids.has(c.contractAddress));\n      return page === 1 ? collections : [...prev, ...next];\n    });\n  }, [collections, isLoading, page]);\n\n  const hasMore = meta?.total != null ? allCollections.length < meta.total : false;\n  const isInitialLoading = isLoading && allCollections.length === 0;\n\n  const activeFilters = [!hideEmpty, sort !== \"recent\"].filter(Boolean).length;\n\n  const resetAll = () => {\n    setHideEmpty(true);\n    setSort(\"recent\");\n  };\n\n  const handleServiceChange = (val: string | undefined) => {\n    setService(val);\n  };\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-14 pb-8 space-y-8\">\n\n      <div className=\"space-y-2 pt-8\">\n\n        <h1 className=\"text-3xl font-bold\">Onchain Collections</h1>\n        <div className=\"flex flex-wrap items-center gap-2 mt-1\">\n          {counts?.single != null && counts.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{(counts.single + counts.multi).toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Collections</span>\n            </div>\n          )}\n          {counts?.multi != null && (\n            <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-sm\">\n              <span className=\"font-bold tabular-nums\">{counts.multi.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">Multi editions</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {(featuredLoading || featuredCollections.length > 0) && (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {featuredLoading\n            ? Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)\n            : featuredCollections.map((col) => (\n                <CollectionCard key={col.contractAddress} collection={col} />\n              ))}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <CollectionSearch />\n          <div className=\"flex items-center gap-2 sm:ml-auto\">\n            <button\n              onClick={() => setFiltersOpen(true)}\n              aria-label=\"Filters\"\n              className={cn(\n                \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors\",\n                activeFilters > 0 || service !== undefined\n                  ? \"border-primary bg-primary/10 text-primary\"\n                  : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n              )}\n            >\n              <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n              {(activeFilters > 0 || service !== undefined) && (\n                <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n                  {activeFilters + (service !== undefined ? 1 : 0)}\n                </span>\n              )}\n            </button>\n          </div>\n        </div>\n        {(service !== undefined || !hideEmpty) && (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {service !== undefined && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                {service === \"drop-collection\" ? <Package className=\"h-3 w-3\" /> : <Award className=\"h-3 w-3\" />}\n                {SERVICE_TABS.find((t) => t.value === service)?.label}\n                <button onClick={() => setService(undefined)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove source filter\">×</button>\n              </span>\n            )}\n            {!hideEmpty && (\n              <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n                Show empty\n                <button onClick={() => setHideEmpty(true)} className=\"ml-0.5 hover:text-primary/60\" aria-label=\"Remove show empty filter\">×</button>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n        <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n          <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n            <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n              <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n              Filters\n            </DialogTitle>\n            {(activeFilters > 0 || service !== undefined) && (\n              <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={() => { resetAll(); setService(undefined); }}>\n                Clear all\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Sort by</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SORT_OPTIONS.map(({ label, value }) => (\n                  <button\n                    key={value}\n                    onClick={() => setSort(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      sort === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Source</p>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {SERVICE_TABS.map(({ label, value }) => (\n                  <button\n                    key={label}\n                    onClick={() => handleServiceChange(value)}\n                    className={cn(\n                      \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                      service === value\n                        ? \"border-primary bg-primary/10 text-primary font-medium\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    {value === \"pop-protocol\" && <Award className=\"h-3 w-3\" />}\n                    {value === \"drop-collection\" && <Package className=\"h-3 w-3\" />}\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <p className=\"text-2xs font-semibold text-muted-foreground\">Show</p>\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={() => setHideEmpty((v) => !v)}\n                    className={cn(\n                      \"flex flex-1 items-center gap-2 text-sm px-3 py-2 rounded-lg border transition-colors text-left\",\n                      !hideEmpty\n                        ? \"border-primary bg-primary/10 text-primary\"\n                        : \"border-border text-muted-foreground hover:border-primary/50\"\n                    )}\n                  >\n                    <Eye className=\"h-4 w-4 shrink-0\" />\n                    Show empty collections\n                  </button>\n                  <HelpIcon content=\"Include collections with no minted assets yet — hidden by default to keep the feed clean\" side=\"left\" />\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <div className=\"px-5 py-3 border-t border-border/60\">\n            <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n              Show results\n            </Button>\n          </div>\n\n        </DialogContent>\n      </Dialog>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n          {Array.from({ length: 10 }).map((_, i) => <CollectionCardSkeleton key={i} />)}\n        </div>\n      ) : allCollections.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-24 gap-4 text-center\">\n          <Layers className=\"h-12 w-12 text-muted-foreground/30\" />\n          <p className=\"text-2xl font-bold\">No collections found</p>\n          <p className=\"text-muted-foreground max-w-sm\">\n            {hideEmpty\n              ? \"No collections with assets yet.\"\n              : \"Deploy the first collection on Medialane.\"}\n          </p>\n          {activeFilters > 0 && (\n            <Button variant=\"outline\" size=\"sm\" onClick={resetAll}>\n              Clear filters\n            </Button>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-4 sm:gap-5\">\n            {allCollections.map((col) => (\n              <CollectionCard key={col.contractAddress} collection={col} />\n            ))}\n          </div>\n\n          <LoadMoreSentinel\n            hasMore={hasMore}\n            isLoading={isLoading}\n            onLoadMore={() => setPage((p) => p + 1)}\n          />\n        </div>\n      )}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}