@medialane/ui 0.34.2 → 0.35.1

package/dist/components/asset-collection-bar.cjs

@@ -36,15 +36,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_link = __toESM(require("next/link"), 1);
 var import_lucide_react = require("lucide-react");
-var import_share_button = require("./share-button.js");
 var import_cn = require("../utils/cn.js");
 function AssetCollectionBar({
   collectionName,
   collectionImage,
   collectionHref,
-  contractExplorerHref,
-  shareTitle,
-  onReportClick,
   currentTokenId,
   siblingTokens,
   onNavigate
@@ -54,35 +50,9 @@ function AssetCollectionBar({
   const nextToken = currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;
   const showFilmstrip = siblingTokens.length > 1;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl bg-card/40 px-4 py-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: collectionHref, className: "flex items-center gap-3 min-w-0 group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 shrink-0 text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "a",
-          {
-            href: contractExplorerHref,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            title: "View contract",
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            type: "button",
-            title: "Report this asset",
-            onClick: onReportClick,
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Flag, { className: "h-4 w-4" })
-          }
-        )
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: collectionHref, className: "flex items-center justify-center gap-3 min-w-0 group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
     ] }),
     showFilmstrip ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/asset-collection-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight, ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Consolidated collection identity bar: avatar+name and\n * explorer/share/report utility icons on one row, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Link href={collectionHref} className=\"flex items-center gap-3 min-w-0 group\">\n          <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n            {collectionImage ? (\n              <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : null}\n          </div>\n          <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n            {collectionName}\n          </p>\n        </Link>\n\n        <div className=\"flex items-center gap-1 shrink-0 text-muted-foreground\">\n          <a\n            href={contractExplorerHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            title=\"View contract\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <ExternalLink className=\"h-4 w-4\" />\n          </a>\n          <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n          <button\n            type=\"button\"\n            title=\"Report this asset\"\n            onClick={onReportClick}\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <Flag className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDQ;AArDR,mBAAkB;AAClB,kBAAiB;AACjB,0BAA8D;AAC9D,0BAA4B;AAC5B,gBAAmB;AA6BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,6CAAC,SAAI,WAAU,8CACb;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,mDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,oDAAC,SAAI,WAAU,0KACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,QACA,4CAAC,OAAE,WAAU,6EACV,0BACH;AAAA,SACF;AAAA,MAEA,6CAAC,SAAI,WAAU,0DACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,QACpC;AAAA,QACA,4CAAC,mCAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,QAC5D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,sDAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,SACF;AAAA,OACF;AAAA,IAEC,gBACC,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,mCAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,4CAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,eAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,4CAAC,aAAAA,SAAA,EAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":["Link","Image"]}
+{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Collection identity bar: centered avatar+name, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * Asset-level concerns (IP-type, explorer/share/report) live elsewhere\n * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <Link href={collectionHref} className=\"flex items-center justify-center gap-3 min-w-0 group\">\n        <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n      </Link>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CM;AA7CN,mBAAkB;AAClB,kBAAiB;AACjB,0BAA0C;AAC1C,gBAAmB;AA0BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,6CAAC,SAAI,WAAU,8CACb;AAAA,iDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAgB,WAAU,wDACpC;AAAA,kDAAC,SAAI,WAAU,0KACZ,4BACC,4CAAC,aAAAC,SAAA,EAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,4CAAC,OAAE,WAAU,6EACV,0BACH;AAAA,OACF;AAAA,IAEC,gBACC,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,mCAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,4CAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,eAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,4CAAC,aAAAA,SAAA,EAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,4CAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":["Link","Image"]}

package/dist/components/asset-collection-bar.d.cts

@@ -10,21 +10,18 @@ interface AssetCollectionBarProps {
     /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */
     collectionImage?: string | null;
     collectionHref: string;
-    contractExplorerHref: string;
-    shareTitle: string;
-    onReportClick: () => void;
     currentTokenId: string;
     siblingTokens: AssetCollectionBarSibling[];
     onNavigate: (tokenId: string) => void;
 }
 /**
- * Consolidated collection identity bar: avatar+name and
- * explorer/share/report utility icons on one row, with a filmstrip of
+ * Collection identity bar: centered avatar+name, with a filmstrip of
  * collection siblings on a second row for browsing (replaces plain-text
  * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the
  * aurora-glow design language instead of an OpenSea-style boxed panel.
- * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.
+ * Asset-level concerns (IP-type, explorer/share/report) live elsewhere
+ * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.
  */
-declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, contractExplorerHref, shareTitle, onReportClick, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
 
 export { AssetCollectionBar, type AssetCollectionBarProps, type AssetCollectionBarSibling };

package/dist/components/asset-collection-bar.d.ts

@@ -10,21 +10,18 @@ interface AssetCollectionBarProps {
     /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */
     collectionImage?: string | null;
     collectionHref: string;
-    contractExplorerHref: string;
-    shareTitle: string;
-    onReportClick: () => void;
     currentTokenId: string;
     siblingTokens: AssetCollectionBarSibling[];
     onNavigate: (tokenId: string) => void;
 }
 /**
- * Consolidated collection identity bar: avatar+name and
- * explorer/share/report utility icons on one row, with a filmstrip of
+ * Collection identity bar: centered avatar+name, with a filmstrip of
  * collection siblings on a second row for browsing (replaces plain-text
  * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the
  * aurora-glow design language instead of an OpenSea-style boxed panel.
- * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.
+ * Asset-level concerns (IP-type, explorer/share/report) live elsewhere
+ * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.
  */
-declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, contractExplorerHref, shareTitle, onReportClick, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetCollectionBar({ collectionName, collectionImage, collectionHref, currentTokenId, siblingTokens, onNavigate, }: AssetCollectionBarProps): react_jsx_runtime.JSX.Element;
 
 export { AssetCollectionBar, type AssetCollectionBarProps, type AssetCollectionBarSibling };

package/dist/components/asset-collection-bar.js

@@ -2,16 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import Link from "next/link";
-import { ChevronLeft, ChevronRight, ExternalLink, Flag } from "lucide-react";
-import { ShareButton } from "./share-button.js";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "../utils/cn.js";
 function AssetCollectionBar({
   collectionName,
   collectionImage,
   collectionHref,
-  contractExplorerHref,
-  shareTitle,
-  onReportClick,
   currentTokenId,
   siblingTokens,
   onNavigate
@@ -21,35 +17,9 @@ function AssetCollectionBar({
   const nextToken = currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;
   const showFilmstrip = siblingTokens.length > 1;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-card/40 px-4 py-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs(Link, { href: collectionHref, className: "flex items-center gap-3 min-w-0 group", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ jsx(Image, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: contractExplorerHref,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            title: "View contract",
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            title: "Report this asset",
-            onClick: onReportClick,
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ jsx(Flag, { className: "h-4 w-4" })
-          }
-        )
-      ] })
+    /* @__PURE__ */ jsxs(Link, { href: collectionHref, className: "flex items-center justify-center gap-3 min-w-0 group", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition", children: collectionImage ? /* @__PURE__ */ jsx(Image, { src: collectionImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate group-hover:text-primary transition-colors", children: collectionName })
     ] }),
     showFilmstrip ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx(

package/dist/components/asset-collection-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight, ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Consolidated collection identity bar: avatar+name and\n * explorer/share/report utility icons on one row, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * IP-type is asset-level, not collection-level — it lives in `AssetHeaderBlock`.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Link href={collectionHref} className=\"flex items-center gap-3 min-w-0 group\">\n          <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n            {collectionImage ? (\n              <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : null}\n          </div>\n          <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n            {collectionName}\n          </p>\n        </Link>\n\n        <div className=\"flex items-center gap-1 shrink-0 text-muted-foreground\">\n          <a\n            href={contractExplorerHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            title=\"View contract\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <ExternalLink className=\"h-4 w-4\" />\n          </a>\n          <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n          <button\n            type=\"button\"\n            title=\"Report this asset\"\n            onClick={onReportClick}\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n          >\n            <Flag className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAuDQ,SAGM,KAHN;AArDR,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa,cAAc,cAAc,YAAY;AAC9D,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AA6BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,QAAK,MAAM,gBAAgB,WAAU,yCACpC;AAAA,4BAAC,SAAI,WAAU,0KACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,QACA,oBAAC,OAAE,WAAU,6EACV,0BACH;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,0DACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,QACpC;AAAA,QACA,oBAAC,eAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,QAC5D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,SACF;AAAA,OACF;AAAA,IAEC,gBACC,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,oBAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,oBAAC,SAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-collection-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface AssetCollectionBarSibling {\n  tokenId: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). `null` renders a placeholder. */\n  image: string | null;\n}\n\nexport interface AssetCollectionBarProps {\n  collectionName: string;\n  /** Already-resolved, ready-to-render src (e.g. via the caller's ipfsToHttp). */\n  collectionImage?: string | null;\n  collectionHref: string;\n  currentTokenId: string;\n  siblingTokens: AssetCollectionBarSibling[];\n  onNavigate: (tokenId: string) => void;\n}\n\n/**\n * Collection identity bar: centered avatar+name, with a filmstrip of\n * collection siblings on a second row for browsing (replaces plain-text\n * Prev/Next). Soft `bg-card/40` surface, no hard border — matches the\n * aurora-glow design language instead of an OpenSea-style boxed panel.\n * Asset-level concerns (IP-type, explorer/share/report) live elsewhere\n * (`AssetHeaderBlock`, `AssetUtilityIcons`) — this bar is collection-only.\n */\nexport function AssetCollectionBar({\n  collectionName,\n  collectionImage,\n  collectionHref,\n  currentTokenId,\n  siblingTokens,\n  onNavigate,\n}: AssetCollectionBarProps) {\n  const currentIndex = siblingTokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  const prevToken = currentIndex > 0 ? siblingTokens[currentIndex - 1] : null;\n  const nextToken =\n    currentIndex >= 0 && currentIndex < siblingTokens.length - 1 ? siblingTokens[currentIndex + 1] : null;\n  const showFilmstrip = siblingTokens.length > 1;\n\n  return (\n    <div className=\"rounded-2xl bg-card/40 px-4 py-3 space-y-3\">\n      <Link href={collectionHref} className=\"flex items-center justify-center gap-3 min-w-0 group\">\n        <div className=\"relative h-10 w-10 rounded-xl overflow-hidden shrink-0 bg-gradient-to-br from-primary/20 to-purple-500/20 ring-1 ring-border/60 group-hover:ring-primary/40 transition\">\n          {collectionImage ? (\n            <Image src={collectionImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n          ) : null}\n        </div>\n        <p className=\"text-sm font-semibold truncate group-hover:text-primary transition-colors\">\n          {collectionName}\n        </p>\n      </Link>\n\n      {showFilmstrip ? (\n        <div className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            disabled={!prevToken}\n            onClick={() => prevToken && onNavigate(prevToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-2 overflow-x-auto scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n            {siblingTokens.map((sibling) => {\n              const isCurrent = String(sibling.tokenId) === String(currentTokenId);\n              return (\n                <button\n                  key={sibling.tokenId}\n                  type=\"button\"\n                  onClick={() => onNavigate(sibling.tokenId)}\n                  className={cn(\n                    \"relative h-11 w-11 shrink-0 rounded-lg overflow-hidden ring-2 transition\",\n                    isCurrent ? \"ring-primary\" : \"ring-transparent hover:ring-border\"\n                  )}\n                >\n                  {sibling.image ? (\n                    <Image src={sibling.image} alt=\"\" fill className=\"object-cover\" unoptimized />\n                  ) : (\n                    <div className=\"h-full w-full bg-muted\" />\n                  )}\n                </button>\n              );\n            })}\n          </div>\n          <button\n            type=\"button\"\n            disabled={!nextToken}\n            onClick={() => nextToken && onNavigate(nextToken.tokenId)}\n            className=\"shrink-0 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground active:scale-95 disabled:opacity-30 disabled:pointer-events-none\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AA+CM,SAGM,KAHN;AA7CN,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AA0BZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,cAAc,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChG,QAAM,YAAY,eAAe,IAAI,cAAc,eAAe,CAAC,IAAI;AACvE,QAAM,YACJ,gBAAgB,KAAK,eAAe,cAAc,SAAS,IAAI,cAAc,eAAe,CAAC,IAAI;AACnG,QAAM,gBAAgB,cAAc,SAAS;AAE7C,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,yBAAC,QAAK,MAAM,gBAAgB,WAAU,wDACpC;AAAA,0BAAC,SAAI,WAAU,0KACZ,4BACC,oBAAC,SAAM,KAAK,iBAAiB,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAC5E,MACN;AAAA,MACA,oBAAC,OAAE,WAAU,6EACV,0BACH;AAAA,OACF;AAAA,IAEC,gBACC,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,MACnC;AAAA,MACA,oBAAC,SAAI,WAAU,8GACZ,wBAAc,IAAI,CAAC,YAAY;AAC9B,cAAM,YAAY,OAAO,QAAQ,OAAO,MAAM,OAAO,cAAc;AACnE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,QAAQ,OAAO;AAAA,YACzC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,iBAAiB;AAAA,YAC/B;AAAA,YAEC,kBAAQ,QACP,oBAAC,SAAM,KAAK,QAAQ,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAE5E,oBAAC,SAAI,WAAU,0BAAyB;AAAA;AAAA,UAXrC,QAAQ;AAAA,QAaf;AAAA,MAEJ,CAAC,GACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,aAAa,WAAW,UAAU,OAAO;AAAA,UACxD,WAAU;AAAA,UAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,MACpC;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/asset-utility-icons.cjs

@@ -0,0 +1,62 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var asset_utility_icons_exports = {};
+__export(asset_utility_icons_exports, {
+  AssetUtilityIcons: () => AssetUtilityIcons
+});
+module.exports = __toCommonJS(asset_utility_icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_share_button = require("./share-button.js");
+function AssetUtilityIcons({
+  contractExplorerHref,
+  shareTitle,
+  onReportClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "a",
+      {
+        href: contractExplorerHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: "View contract",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        title: "Report this asset",
+        onClick: onReportClick,
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Flag, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetUtilityIcons
+});
+//# sourceMappingURL=asset-utility-icons.cjs.map

package/dist/components/asset-utility-icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-utility-icons.tsx"],"sourcesContent":["\"use client\";\n\nimport { ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\n\nexport interface AssetUtilityIconsProps {\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n}\n\n/**\n * Asset-level utility row: view-on-explorer / share / report. Lives next to\n * the asset's own identity (name/owner), not inside `AssetCollectionBar` —\n * these actions are about the asset, not the collection it belongs to.\n */\nexport function AssetUtilityIcons({\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n}: AssetUtilityIconsProps) {\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      <a\n        href={contractExplorerHref}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        title=\"View contract\"\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <ExternalLink className=\"h-4 w-4\" />\n      </a>\n      <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n      <button\n        type=\"button\"\n        title=\"Report this asset\"\n        onClick={onReportClick}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <Flag className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AApBJ,0BAAmC;AACnC,0BAA4B;AAarB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,6CAAC,SAAI,WAAU,iDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,IACpC;AAAA,IACA,4CAAC,mCAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,IAC5D;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,sDAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/asset-utility-icons.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetUtilityIconsProps {
+    contractExplorerHref: string;
+    shareTitle: string;
+    onReportClick: () => void;
+}
+/**
+ * Asset-level utility row: view-on-explorer / share / report. Lives next to
+ * the asset's own identity (name/owner), not inside `AssetCollectionBar` —
+ * these actions are about the asset, not the collection it belongs to.
+ */
+declare function AssetUtilityIcons({ contractExplorerHref, shareTitle, onReportClick, }: AssetUtilityIconsProps): react_jsx_runtime.JSX.Element;
+
+export { AssetUtilityIcons, type AssetUtilityIconsProps };

package/dist/components/asset-utility-icons.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AssetUtilityIconsProps {
+    contractExplorerHref: string;
+    shareTitle: string;
+    onReportClick: () => void;
+}
+/**
+ * Asset-level utility row: view-on-explorer / share / report. Lives next to
+ * the asset's own identity (name/owner), not inside `AssetCollectionBar` —
+ * these actions are about the asset, not the collection it belongs to.
+ */
+declare function AssetUtilityIcons({ contractExplorerHref, shareTitle, onReportClick, }: AssetUtilityIconsProps): react_jsx_runtime.JSX.Element;
+
+export { AssetUtilityIcons, type AssetUtilityIconsProps };

package/dist/components/asset-utility-icons.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink, Flag } from "lucide-react";
+import { ShareButton } from "./share-button.js";
+function AssetUtilityIcons({
+  contractExplorerHref,
+  shareTitle,
+  onReportClick
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: contractExplorerHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        title: "View contract",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx(ShareButton, { title: shareTitle, variant: "ghost", size: "icon" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: "Report this asset",
+        onClick: onReportClick,
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors",
+        children: /* @__PURE__ */ jsx(Flag, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+export {
+  AssetUtilityIcons
+};
+//# sourceMappingURL=asset-utility-icons.js.map

package/dist/components/asset-utility-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/asset-utility-icons.tsx"],"sourcesContent":["\"use client\";\n\nimport { ExternalLink, Flag } from \"lucide-react\";\nimport { ShareButton } from \"./share-button.js\";\n\nexport interface AssetUtilityIconsProps {\n  contractExplorerHref: string;\n  shareTitle: string;\n  onReportClick: () => void;\n}\n\n/**\n * Asset-level utility row: view-on-explorer / share / report. Lives next to\n * the asset's own identity (name/owner), not inside `AssetCollectionBar` —\n * these actions are about the asset, not the collection it belongs to.\n */\nexport function AssetUtilityIcons({\n  contractExplorerHref,\n  shareTitle,\n  onReportClick,\n}: AssetUtilityIconsProps) {\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      <a\n        href={contractExplorerHref}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        title=\"View contract\"\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <ExternalLink className=\"h-4 w-4\" />\n      </a>\n      <ShareButton title={shareTitle} variant=\"ghost\" size=\"icon\" />\n      <button\n        type=\"button\"\n        title=\"Report this asset\"\n        onClick={onReportClick}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg hover:bg-muted/50 hover:text-foreground transition-colors\"\n      >\n        <Flag className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAsBI,SAQI,KARJ;AApBJ,SAAS,cAAc,YAAY;AACnC,SAAS,mBAAmB;AAarB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,IACpC;AAAA,IACA,oBAAC,eAAY,OAAO,YAAY,SAAQ,SAAQ,MAAK,QAAO;AAAA,IAC5D;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/launchpad-filter-bar.cjs

@@ -0,0 +1,88 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var launchpad_filter_bar_exports = {};
+__export(launchpad_filter_bar_exports, {
+  LaunchpadFilterBar: () => LaunchpadFilterBar
+});
+module.exports = __toCommonJS(launchpad_filter_bar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_cn = require("../utils/cn.js");
+function LaunchpadFilterBar({
+  query,
+  onQueryChange,
+  groups,
+  activeGroups,
+  onToggleGroup,
+  resultCount
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex-1 sm:max-w-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          type: "text",
+          value: query,
+          onChange: (e) => onQueryChange(e.target.value),
+          placeholder: "Search services",
+          className: "w-full h-10 rounded-full border border-border bg-card pl-9 pr-9 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40"
+        }
+      ),
+      query && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onQueryChange(""),
+          "aria-label": "Clear search",
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 h-5 w-5 flex items-center justify-center rounded-full text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2 flex-1", children: groups.map((group) => {
+      const active = activeGroups.has(group.key);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onToggleGroup(group.key),
+          "aria-pressed": active,
+          className: (0, import_cn.cn)(
+            "h-8 px-3.5 rounded-full text-xs font-semibold transition-colors border",
+            active ? "bg-gradient-to-r from-brand-purple to-brand-blue text-white border-transparent shadow-sm" : "bg-card text-muted-foreground border-border active:bg-muted/60 sm:hover:bg-muted/40"
+          ),
+          children: group.title
+        },
+        group.key
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground whitespace-nowrap sm:pl-2", children: [
+      resultCount,
+      " ",
+      resultCount === 1 ? "service" : "services"
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LaunchpadFilterBar
+});
+//# sourceMappingURL=launchpad-filter-bar.cjs.map

package/dist/components/launchpad-filter-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/launchpad-filter-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Search, X } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ServiceGroup, ServiceGroupDefinition } from \"../data/launchpad-services.js\";\n\nexport interface LaunchpadFilterBarProps {\n  query: string;\n  onQueryChange: (value: string) => void;\n  groups: ServiceGroupDefinition[];\n  activeGroups: Set<ServiceGroup>;\n  onToggleGroup: (key: ServiceGroup) => void;\n  resultCount: number;\n}\n\n/**\n * Search + group-filter bar sitting above the grouped launchpad sections.\n * Fully controlled — all state (query, active groups) lives in the caller\n * (`LaunchpadGroupedSections`) so the grid below can react to the same\n * state without prop-drilling through this component.\n */\nexport function LaunchpadFilterBar({\n  query,\n  onQueryChange,\n  groups,\n  activeGroups,\n  onToggleGroup,\n  resultCount,\n}: LaunchpadFilterBarProps) {\n  return (\n    <div className=\"flex flex-col sm:flex-row gap-3 sm:items-center\">\n      <div className=\"relative flex-1 sm:max-w-xs\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n        <input\n          type=\"text\"\n          value={query}\n          onChange={(e) => onQueryChange(e.target.value)}\n          placeholder=\"Search services\"\n          className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-9 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n        />\n        {query && (\n          <button\n            type=\"button\"\n            onClick={() => onQueryChange(\"\")}\n            aria-label=\"Clear search\"\n            className=\"absolute right-2.5 top-1/2 -translate-y-1/2 h-5 w-5 flex items-center justify-center rounded-full text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <X className=\"h-3.5 w-3.5\" />\n          </button>\n        )}\n      </div>\n\n      <div className=\"flex flex-wrap gap-2 flex-1\">\n        {groups.map((group) => {\n          const active = activeGroups.has(group.key);\n          return (\n            <button\n              key={group.key}\n              type=\"button\"\n              onClick={() => onToggleGroup(group.key)}\n              aria-pressed={active}\n              className={cn(\n                \"h-8 px-3.5 rounded-full text-xs font-semibold transition-colors border\",\n                active\n                  ? \"bg-gradient-to-r from-brand-purple to-brand-blue text-white border-transparent shadow-sm\"\n                  : \"bg-card text-muted-foreground border-border active:bg-muted/60 sm:hover:bg-muted/40\",\n              )}\n            >\n              {group.title}\n            </button>\n          );\n        })}\n      </div>\n\n      <p className=\"text-xs text-muted-foreground whitespace-nowrap sm:pl-2\">\n        {resultCount} {resultCount === 1 ? \"service\" : \"services\"}\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA7BN,0BAA0B;AAC1B,gBAAmB;AAkBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE,6CAAC,SAAI,WAAU,mDACb;AAAA,iDAAC,SAAI,WAAU,+BACb;AAAA,kDAAC,8BAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,UAC7C,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,cAAc,EAAE;AAAA,UAC/B,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,sDAAC,yBAAE,WAAU,eAAc;AAAA;AAAA,MAC7B;AAAA,OAEJ;AAAA,IAEA,4CAAC,SAAI,WAAU,+BACZ,iBAAO,IAAI,CAAC,UAAU;AACrB,YAAM,SAAS,aAAa,IAAI,MAAM,GAAG;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,cAAc,MAAM,GAAG;AAAA,UACtC,gBAAc;AAAA,UACd,eAAW;AAAA,YACT;AAAA,YACA,SACI,6FACA;AAAA,UACN;AAAA,UAEC,gBAAM;AAAA;AAAA,QAXF,MAAM;AAAA,MAYb;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA,6CAAC,OAAE,WAAU,2DACV;AAAA;AAAA,MAAY;AAAA,MAAE,gBAAgB,IAAI,YAAY;AAAA,OACjD;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/launchpad-filter-bar.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ServiceGroupDefinition, ServiceGroup } from '../data/launchpad-services.cjs';
+import 'lucide-react';
+
+interface LaunchpadFilterBarProps {
+    query: string;
+    onQueryChange: (value: string) => void;
+    groups: ServiceGroupDefinition[];
+    activeGroups: Set<ServiceGroup>;
+    onToggleGroup: (key: ServiceGroup) => void;
+    resultCount: number;
+}
+/**
+ * Search + group-filter bar sitting above the grouped launchpad sections.
+ * Fully controlled — all state (query, active groups) lives in the caller
+ * (`LaunchpadGroupedSections`) so the grid below can react to the same
+ * state without prop-drilling through this component.
+ */
+declare function LaunchpadFilterBar({ query, onQueryChange, groups, activeGroups, onToggleGroup, resultCount, }: LaunchpadFilterBarProps): react_jsx_runtime.JSX.Element;
+
+export { LaunchpadFilterBar, type LaunchpadFilterBarProps };

package/dist/components/launchpad-filter-bar.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ServiceGroupDefinition, ServiceGroup } from '../data/launchpad-services.js';
+import 'lucide-react';
+
+interface LaunchpadFilterBarProps {
+    query: string;
+    onQueryChange: (value: string) => void;
+    groups: ServiceGroupDefinition[];
+    activeGroups: Set<ServiceGroup>;
+    onToggleGroup: (key: ServiceGroup) => void;
+    resultCount: number;
+}
+/**
+ * Search + group-filter bar sitting above the grouped launchpad sections.
+ * Fully controlled — all state (query, active groups) lives in the caller
+ * (`LaunchpadGroupedSections`) so the grid below can react to the same
+ * state without prop-drilling through this component.
+ */
+declare function LaunchpadFilterBar({ query, onQueryChange, groups, activeGroups, onToggleGroup, resultCount, }: LaunchpadFilterBarProps): react_jsx_runtime.JSX.Element;
+
+export { LaunchpadFilterBar, type LaunchpadFilterBarProps };

package/dist/components/launchpad-filter-bar.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+import { cn } from "../utils/cn.js";
+function LaunchpadFilterBar({
+  query,
+  onQueryChange,
+  groups,
+  activeGroups,
+  onToggleGroup,
+  resultCount
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex-1 sm:max-w-xs", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: query,
+          onChange: (e) => onQueryChange(e.target.value),
+          placeholder: "Search services",
+          className: "w-full h-10 rounded-full border border-border bg-card pl-9 pr-9 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40"
+        }
+      ),
+      query && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onQueryChange(""),
+          "aria-label": "Clear search",
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 h-5 w-5 flex items-center justify-center rounded-full text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 flex-1", children: groups.map((group) => {
+      const active = activeGroups.has(group.key);
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onToggleGroup(group.key),
+          "aria-pressed": active,
+          className: cn(
+            "h-8 px-3.5 rounded-full text-xs font-semibold transition-colors border",
+            active ? "bg-gradient-to-r from-brand-purple to-brand-blue text-white border-transparent shadow-sm" : "bg-card text-muted-foreground border-border active:bg-muted/60 sm:hover:bg-muted/40"
+          ),
+          children: group.title
+        },
+        group.key
+      );
+    }) }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground whitespace-nowrap sm:pl-2", children: [
+      resultCount,
+      " ",
+      resultCount === 1 ? "service" : "services"
+    ] })
+  ] });
+}
+export {
+  LaunchpadFilterBar
+};
+//# sourceMappingURL=launchpad-filter-bar.js.map

package/dist/components/launchpad-filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/launchpad-filter-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Search, X } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ServiceGroup, ServiceGroupDefinition } from \"../data/launchpad-services.js\";\n\nexport interface LaunchpadFilterBarProps {\n  query: string;\n  onQueryChange: (value: string) => void;\n  groups: ServiceGroupDefinition[];\n  activeGroups: Set<ServiceGroup>;\n  onToggleGroup: (key: ServiceGroup) => void;\n  resultCount: number;\n}\n\n/**\n * Search + group-filter bar sitting above the grouped launchpad sections.\n * Fully controlled — all state (query, active groups) lives in the caller\n * (`LaunchpadGroupedSections`) so the grid below can react to the same\n * state without prop-drilling through this component.\n */\nexport function LaunchpadFilterBar({\n  query,\n  onQueryChange,\n  groups,\n  activeGroups,\n  onToggleGroup,\n  resultCount,\n}: LaunchpadFilterBarProps) {\n  return (\n    <div className=\"flex flex-col sm:flex-row gap-3 sm:items-center\">\n      <div className=\"relative flex-1 sm:max-w-xs\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n        <input\n          type=\"text\"\n          value={query}\n          onChange={(e) => onQueryChange(e.target.value)}\n          placeholder=\"Search services\"\n          className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-9 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n        />\n        {query && (\n          <button\n            type=\"button\"\n            onClick={() => onQueryChange(\"\")}\n            aria-label=\"Clear search\"\n            className=\"absolute right-2.5 top-1/2 -translate-y-1/2 h-5 w-5 flex items-center justify-center rounded-full text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <X className=\"h-3.5 w-3.5\" />\n          </button>\n        )}\n      </div>\n\n      <div className=\"flex flex-wrap gap-2 flex-1\">\n        {groups.map((group) => {\n          const active = activeGroups.has(group.key);\n          return (\n            <button\n              key={group.key}\n              type=\"button\"\n              onClick={() => onToggleGroup(group.key)}\n              aria-pressed={active}\n              className={cn(\n                \"h-8 px-3.5 rounded-full text-xs font-semibold transition-colors border\",\n                active\n                  ? \"bg-gradient-to-r from-brand-purple to-brand-blue text-white border-transparent shadow-sm\"\n                  : \"bg-card text-muted-foreground border-border active:bg-muted/60 sm:hover:bg-muted/40\",\n              )}\n            >\n              {group.title}\n            </button>\n          );\n        })}\n      </div>\n\n      <p className=\"text-xs text-muted-foreground whitespace-nowrap sm:pl-2\">\n        {resultCount} {resultCount === 1 ? \"service\" : \"services\"}\n      </p>\n    </div>\n  );\n}\n"],"mappings":";AA+BM,SACE,KADF;AA7BN,SAAS,QAAQ,SAAS;AAC1B,SAAS,UAAU;AAkBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE,qBAAC,SAAI,WAAU,mDACb;AAAA,yBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,UAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,UAC7C,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,MACC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,cAAc,EAAE;AAAA,UAC/B,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,8BAAC,KAAE,WAAU,eAAc;AAAA;AAAA,MAC7B;AAAA,OAEJ;AAAA,IAEA,oBAAC,SAAI,WAAU,+BACZ,iBAAO,IAAI,CAAC,UAAU;AACrB,YAAM,SAAS,aAAa,IAAI,MAAM,GAAG;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,cAAc,MAAM,GAAG;AAAA,UACtC,gBAAc;AAAA,UACd,WAAW;AAAA,YACT;AAAA,YACA,SACI,6FACA;AAAA,UACN;AAAA,UAEC,gBAAM;AAAA;AAAA,QAXF,MAAM;AAAA,MAYb;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA,qBAAC,OAAE,WAAU,2DACV;AAAA;AAAA,MAAY;AAAA,MAAE,gBAAgB,IAAI,YAAY;AAAA,OACjD;AAAA,KACF;AAEJ;","names":[]}