@medialane/ui 0.104.0 → 0.106.0

package/dist/components/asset-marketplace-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  ShoppingCart, Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice, parsePriceDisplay } from \"../utils/format.js\";\nimport { timeUntil } from \"../utils/time.js\";\n\n/** Structural subset of `ApiOrder` (both apps' `@medialane/sdk` types satisfy this). */\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  cheapest?: T;\n  isOwner: boolean;\n  isSignedIn: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  walletAddress?: string | null;\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n  /** Raw \"0.07 STRK\"-style strings — already resolved by the caller. `null`/undefined renders \"—\". */\n  floorPriceRaw?: string | null;\n  lastSaleRaw?: string | null;\n  /** Renders the sign-in/connect-wallet CTA for the given label (e.g. \"Sign in to trade\"). */\n  renderAuthAction: (label: string) => ReactNode;\n  /** Renders an inline help/info affordance for the given tooltip text. */\n  renderHelp: (content: string) => ReactNode;\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n  /** Non-owner: propose a sponsorship deal on this asset. */\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n  /** Owner: open this asset for sponsorship bidding. */\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n}\n\n/** Floor + last-sale stats — each hides itself when its data is absent\n *  (no dangling \"—\" placeholders), and the whole row disappears when\n *  neither is available. */\nfunction StatRow({ floorPriceRaw, lastSaleRaw }: { floorPriceRaw?: string | null; lastSaleRaw?: string | null }) {\n  const floor = floorPriceRaw ? parsePriceDisplay(floorPriceRaw) : null;\n  const lastSale = lastSaleRaw ? parsePriceDisplay(lastSaleRaw) : null;\n  if (!floor?.symbol && !lastSale?.symbol) return null;\n  return (\n    <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n      {floor?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Floor</span>\n          <CurrencyAmount amount={floor.numStr} symbol={floor.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n      {lastSale?.symbol && (\n        <span className=\"flex items-center gap-1.5\">\n          <span>Last sale</span>\n          <CurrencyAmount amount={lastSale.numStr} symbol={lastSale.symbol} iconSize={12} amountClassName=\"text-foreground font-semibold\" />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  cheapest,\n  isOwner,\n  isSignedIn,\n  isProcessing,\n  isERC1155,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  walletAddress,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  floorPriceRaw,\n  lastSaleRaw,\n  renderAuthAction,\n  renderHelp,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const myBid = !isOwner && walletAddress\n    ? activeBids.find((bid) => bid.offerer.toLowerCase() === walletAddress.toLowerCase()) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!cheapest && !!walletAddress &&\n    cheapest.offerer.toLowerCase() !== walletAddress.toLowerCase();\n\n  if (isMarketLoading && !cheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {cheapest ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-baseline gap-x-5 gap-y-1.5\">\n              <div className=\"flex items-baseline gap-2\">\n                <CurrencyIcon symbol={cheapest.price.currency ?? \"\"} size={26} />\n                <span className=\"text-4xl font-bold tracking-tight\">\n                  {formatDisplayPrice(cheapest.price.formatted)}\n                </span>\n                {renderHelp(\n                  `${isOwner && !canBuyMore ? \"Your listing\" : \"Current price\"} · Expires ${timeUntil(cheapest.endTime)}`\n                )}\n              </div>\n              <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            </div>\n\n            {isOwner ? (\n              <div className=\"space-y-2\">\n                <div className=\"grid grid-cols-2 gap-2\">\n                  {myListing ? (\n                    <ActionButton big\n                      icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                      onClick={() => onCancelClick(myListing)}\n                      disabled={isProcessing}\n                      tone=\"red\"\n                      renderHelp={renderHelp}\n                    >\n                      Cancel Listing\n                    </ActionButton>\n                  ) : null}\n                  {/* ERC-721 has exactly one possible listing — once myListing exists,\n                      \"List on Marketplace\" is redundant next to \"Cancel Listing\" and\n                      reads as a broken/confusing pair. An ERC-1155 owner can still hold\n                      un-listed editions while one listing is active, so it stays for them. */}\n                  {(!myListing || isERC1155) ? (\n                    <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                  ) : null}\n                  <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorSolicit}\n                      helpContent=\"Let sponsors bid on a license for this asset.\"\n                      renderHelp={renderHelp}\n                    >\n                      Open for Sponsorship\n                    </ActionButton>\n                  ) : null}\n                </div>\n\n                {canBuyMore && (\n                  <>\n                    <div className=\"border-t border-border/40 pt-2 mt-1\" />\n                    <div className=\"grid grid-cols-2 gap-2\">\n                      <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest!)} renderHelp={renderHelp}>Buy</ActionButton>\n                      <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                    </div>\n                  </>\n                )}\n              </div>\n            ) : isSignedIn ? (\n              <>\n                <div className=\"grid grid-cols-2 gap-2\">\n                  <ActionButton big action=\"buy\" icon={<ShoppingCart className=\"h-4 w-4\" />} onClick={() => onOpenPurchase(cheapest)} renderHelp={renderHelp}>Buy</ActionButton>\n                  <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                  {remixEnabled && onOpenRemix ? (\n                    <ActionButton big\n                      action=\"remix\"\n                      icon={<GitBranch className=\"h-4 w-4\" />}\n                      onClick={onOpenRemix}\n                      helpContent=\"Create your own attributed derivative of this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      Remix\n                    </ActionButton>\n                  ) : null}\n                  {showDealOption && onProposeDeal ? (\n                    <ActionButton big\n                      action=\"license\"\n                      icon={<HandCoins className=\"h-4 w-4\" />}\n                      onClick={onProposeDeal}\n                      helpContent=\"Propose a license deal to the creator to use this work.\"\n                      renderHelp={renderHelp}\n                    >\n                      License\n                    </ActionButton>\n                  ) : null}\n                  {showSponsorOption && onOpenSponsorProposal ? (\n                    <ActionButton big\n                      tone=\"blue\"\n                      icon={<Handshake className=\"h-4 w-4\" />}\n                      onClick={onOpenSponsorProposal}\n                      helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                      renderHelp={renderHelp}\n                    >\n                      Sponsor this IP\n                    </ActionButton>\n                  ) : null}\n                </div>\n                {!remixEnabled && !showDealOption ? (\n                  <p className=\"text-xs text-muted-foreground mt-2 leading-relaxed\">\n                    The creator marked this asset as no-derivatives.\n                  </p>\n                ) : null}\n              </>\n            ) : (\n              renderAuthAction(\"Sign in to trade\")\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <StatRow floorPriceRaw={floorPriceRaw} lastSaleRaw={lastSaleRaw} />\n            {isOwner ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing} renderHelp={renderHelp}>List on Marketplace</ActionButton>\n                <ActionButton big tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer} renderHelp={renderHelp}>Transfer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorSolicit}\n                    helpContent=\"Let sponsors bid on a license for this asset.\"\n                    renderHelp={renderHelp}\n                  >\n                    Open for Sponsorship\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : isSignedIn ? (\n              <div className=\"grid grid-cols-2 gap-2\">\n                <ActionButton big action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer} renderHelp={renderHelp}>Make offer</ActionButton>\n                {remixEnabled && onOpenRemix ? (\n                  <ActionButton big\n                    action=\"remix\"\n                    icon={<GitBranch className=\"h-4 w-4\" />}\n                    onClick={onOpenRemix}\n                    helpContent=\"Build a licensed derivative of this digital asset — your remix is minted as a new onchain NFT linked to the original\"\n                    renderHelp={renderHelp}\n                  >\n                    Remix\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton big\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                    renderHelp={renderHelp}\n                  >\n                    Sponsor this IP\n                  </ActionButton>\n                ) : null}\n              </div>\n            ) : (\n              renderAuthAction(\"Sign in to make an offer\")\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && activeBids.length > 0 ? (\n          <div className=\"rounded-xl bg-card/40 p-5 space-y-3\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({activeBids.length})\n            </p>\n            <div className=\"space-y-2\">\n              {activeBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 rounded-lg bg-muted/30 px-3 py-2\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/club-owner-actions.cjs

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var club_owner_actions_exports = {};
+__export(club_owner_actions_exports, {
+  ClubOwnerActions: () => ClubOwnerActions
+});
+module.exports = __toCommonJS(club_owner_actions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+function ClubOwnerActions({ contractAddress, isOwner }) {
+  if (!isOwner) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: `/launchpad/club/${contractAddress}/mint`,
+      className: "flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Users, { className: "h-4 w-4" }),
+        "Create membership"
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClubOwnerActions
+});
+//# sourceMappingURL=club-owner-actions.cjs.map

package/dist/components/club-owner-actions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/club-owner-actions.tsx"],"sourcesContent":["\"use client\";\n\n// The ip-club service action on the collection page — one featured button,\n// visible only to the collection owner, in the right owner cluster (the same\n// slot erc1155 collections use for \"Mint editions\"). Links to the dedicated\n// mint page (create a membership tier + mint its supply, same shape as the\n// IP Tickets mint page).\n\nimport Link from \"next/link\";\nimport { Users } from \"lucide-react\";\n\nexport interface ClubOwnerActionsProps {\n  contractAddress: string;\n  /** Caller computes this from its own wallet session — the wallet model\n   *  differs per app, so this component stays purely presentational. */\n  isOwner: boolean;\n}\n\nexport function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps) {\n  if (!isOwner) return null;\n\n  return (\n    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n      <Link\n        href={`/launchpad/club/${contractAddress}/mint`}\n        className=\"flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition\"\n      >\n        <Users className=\"h-4 w-4\" />\n        Create membership\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAfN,kBAAiB;AACjB,0BAAsB;AASf,SAAS,iBAAiB,EAAE,iBAAiB,QAAQ,GAA0B;AACpF,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,4CAAC,SAAI,WAAU,0CACb;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,mBAAmB,eAAe;AAAA,MACxC,WAAU;AAAA,MAEV;AAAA,oDAAC,6BAAM,WAAU,WAAU;AAAA,QAAE;AAAA;AAAA;AAAA,EAE/B,GACF;AAEJ;","names":["Link"]}

package/dist/components/club-owner-actions.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ClubOwnerActionsProps {
+    contractAddress: string;
+    /** Caller computes this from its own wallet session — the wallet model
+     *  differs per app, so this component stays purely presentational. */
+    isOwner: boolean;
+}
+declare function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ClubOwnerActions, type ClubOwnerActionsProps };

package/dist/components/club-owner-actions.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ClubOwnerActionsProps {
+    contractAddress: string;
+    /** Caller computes this from its own wallet session — the wallet model
+     *  differs per app, so this component stays purely presentational. */
+    isOwner: boolean;
+}
+declare function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ClubOwnerActions, type ClubOwnerActionsProps };

package/dist/components/club-owner-actions.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Users } from "lucide-react";
+function ClubOwnerActions({ contractAddress, isOwner }) {
+  if (!isOwner) return null;
+  return /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1px] rounded-xl", children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/launchpad/club/${contractAddress}/mint`,
+      className: "flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition",
+      children: [
+        /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
+        "Create membership"
+      ]
+    }
+  ) });
+}
+export {
+  ClubOwnerActions
+};
+//# sourceMappingURL=club-owner-actions.js.map

package/dist/components/club-owner-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/club-owner-actions.tsx"],"sourcesContent":["\"use client\";\n\n// The ip-club service action on the collection page — one featured button,\n// visible only to the collection owner, in the right owner cluster (the same\n// slot erc1155 collections use for \"Mint editions\"). Links to the dedicated\n// mint page (create a membership tier + mint its supply, same shape as the\n// IP Tickets mint page).\n\nimport Link from \"next/link\";\nimport { Users } from \"lucide-react\";\n\nexport interface ClubOwnerActionsProps {\n  contractAddress: string;\n  /** Caller computes this from its own wallet session — the wallet model\n   *  differs per app, so this component stays purely presentational. */\n  isOwner: boolean;\n}\n\nexport function ClubOwnerActions({ contractAddress, isOwner }: ClubOwnerActionsProps) {\n  if (!isOwner) return null;\n\n  return (\n    <div className=\"btn-border-animated p-[1px] rounded-xl\">\n      <Link\n        href={`/launchpad/club/${contractAddress}/mint`}\n        className=\"flex items-center gap-2 h-10 px-5 rounded-[11px] text-sm font-semibold text-white bg-transparent hover:brightness-110 active:scale-[0.98] transition\"\n      >\n        <Users className=\"h-4 w-4\" />\n        Create membership\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";AAuBM,SAIE,KAJF;AAfN,OAAO,UAAU;AACjB,SAAS,aAAa;AASf,SAAS,iBAAiB,EAAE,iBAAiB,QAAQ,GAA0B;AACpF,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,SAAI,WAAU,0CACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,mBAAmB,eAAe;AAAA,MACxC,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAM,WAAU,WAAU;AAAA,QAAE;AAAA;AAAA;AAAA,EAE/B,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,114 @@
+"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 collection_hero_banner_exports = {};
+__export(collection_hero_banner_exports, {
+  CollectionHeroBanner: () => CollectionHeroBanner
+});
+module.exports = __toCommonJS(collection_hero_banner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_framer_motion = require("framer-motion");
+var import_cn = require("../utils/cn.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_skeleton = require("./skeleton.js");
+function CollectionHeroBanner({
+  bannerUrl,
+  loading = false,
+  standard,
+  symbol,
+  name,
+  stats,
+  className
+}) {
+  const { scrollY } = (0, import_framer_motion.useScroll)();
+  const shouldReduce = (0, import_framer_motion.useReducedMotion)();
+  const y = (0, import_framer_motion.useTransform)(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fixed inset-0 -z-10 overflow-hidden pointer-events-none", children: bannerUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: bannerUrl,
+        alt: "",
+        "aria-hidden": true,
+        className: "absolute inset-0 w-full h-full object-cover opacity-20 scale-110",
+        style: { filter: "blur(60px) saturate(1.5)" }
+      }
+    ) }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: (0, import_cn.cn)("w-full h-[50svh]", className) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("relative w-full overflow-hidden h-[50svh]", className), children: [
+      bannerUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_framer_motion.motion.img,
+        {
+          src: bannerUrl,
+          alt: "",
+          "aria-hidden": true,
+          style: { y },
+          className: "absolute inset-0 w-full h-full object-cover scale-110"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 w-full h-full bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10", children: [
+        (standard || symbol) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          standard === "ERC1155" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { children: "Multi-edition NFT" }) : standard === "ERC721" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { children: "Single NFT" }) : null,
+          symbol && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eyebrow, { className: "tabular-nums", children: symbol })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "h1",
+          {
+            className: "text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight",
+            style: { textShadow: "0 1px 12px rgba(0,0,0,0.4)" },
+            children: name
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-2 flex-wrap", children: stats.map(({ label, display, symbol: statSymbol }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_cn.cn)(
+              "bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0",
+              statSymbol ? "min-w-[80px]" : "min-w-[60px] items-center text-center"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[9px] text-white/70 mb-1", children: label }),
+              statSymbol ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: statSymbol, size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate", children: display })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base sm:text-lg font-bold text-white tabular-nums leading-tight", children: display })
+            ]
+          },
+          label
+        )) })
+      ] })
+    ] })
+  ] });
+}
+function Eyebrow({ children, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_cn.cn)(
+        "text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5",
+        className
+      ),
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollectionHeroBanner
+});
+//# sourceMappingURL=collection-hero-banner.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n  /** Currency symbol (STRK, ETH, ...) — renders CurrencyIcon next to the value. Omit for plain counts. */\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n}\n\n/**\n * Full-bleed collection hero: page-wide atmospheric blur, a parallax banner\n * image, and a bottom overlay (type/symbol eyebrows, title, stat chips).\n * Deduplicated from io + starknet, which had drifted into two independent\n * copies of the same block.\n */\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n      {/* Atmospheric blur background, fixed behind the whole page */}\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          {/* Bottom overlay: eyebrows + title + stat chips — frosted glass so\n              they hold up over any artwork, regardless of site theme. */}\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CI;AA1CJ,2BAAkE;AAClE,gBAAmB;AACnB,2BAA6B;AAC7B,sBAAyB;AAyBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,QAAI,gCAAU;AAC9B,QAAM,mBAAe,uCAAiB;AACtC,QAAM,QAAI,mCAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,4EAEE;AAAA,gDAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,4CAAC,4BAAS,eAAW,cAAG,oBAAoB,SAAS,GAAG,IAExD,6CAAC,SAAI,eAAW,cAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,4BAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,4CAAC,SAAI,WAAU,2CAA0C;AAAA,MAK3D,6CAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,WACZ,6CAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,4CAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,4CAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,4CAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,WACvD;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,4CAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,0DAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,6CAAC,SAAI,WAAU,6BACb;AAAA,4DAAC,qCAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,4CAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,4CAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionHeroStat {
+    label: string;
+    display: string;
+    /** Currency symbol (STRK, ETH, ...) — renders CurrencyIcon next to the value. Omit for plain counts. */
+    symbol?: string | null;
+}
+interface CollectionHeroBannerProps {
+    bannerUrl: string | null;
+    loading?: boolean;
+    standard?: string | null;
+    symbol?: string | null;
+    name: string;
+    stats: CollectionHeroStat[];
+    className?: string;
+}
+/**
+ * Full-bleed collection hero: page-wide atmospheric blur, a parallax banner
+ * image, and a bottom overlay (type/symbol eyebrows, title, stat chips).
+ * Deduplicated from io + starknet, which had drifted into two independent
+ * copies of the same block.
+ */
+declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionHeroBanner, type CollectionHeroBannerProps, type CollectionHeroStat };

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionHeroStat {
+    label: string;
+    display: string;
+    /** Currency symbol (STRK, ETH, ...) — renders CurrencyIcon next to the value. Omit for plain counts. */
+    symbol?: string | null;
+}
+interface CollectionHeroBannerProps {
+    bannerUrl: string | null;
+    loading?: boolean;
+    standard?: string | null;
+    symbol?: string | null;
+    name: string;
+    stats: CollectionHeroStat[];
+    className?: string;
+}
+/**
+ * Full-bleed collection hero: page-wide atmospheric blur, a parallax banner
+ * image, and a bottom overlay (type/symbol eyebrows, title, stat chips).
+ * Deduplicated from io + starknet, which had drifted into two independent
+ * copies of the same block.
+ */
+declare function CollectionHeroBanner({ bannerUrl, loading, standard, symbol, name, stats, className, }: CollectionHeroBannerProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionHeroBanner, type CollectionHeroBannerProps, type CollectionHeroStat };

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

@@ -0,0 +1,90 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion, useScroll, useTransform, useReducedMotion } from "framer-motion";
+import { cn } from "../utils/cn.js";
+import { CurrencyIcon } from "./currency-icon.js";
+import { Skeleton } from "./skeleton.js";
+function CollectionHeroBanner({
+  bannerUrl,
+  loading = false,
+  standard,
+  symbol,
+  name,
+  stats,
+  className
+}) {
+  const { scrollY } = useScroll();
+  const shouldReduce = useReducedMotion();
+  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 -z-10 overflow-hidden pointer-events-none", children: bannerUrl && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: bannerUrl,
+        alt: "",
+        "aria-hidden": true,
+        className: "absolute inset-0 w-full h-full object-cover opacity-20 scale-110",
+        style: { filter: "blur(60px) saturate(1.5)" }
+      }
+    ) }),
+    loading ? /* @__PURE__ */ jsx(Skeleton, { className: cn("w-full h-[50svh]", className) }) : /* @__PURE__ */ jsxs("div", { className: cn("relative w-full overflow-hidden h-[50svh]", className), children: [
+      bannerUrl ? /* @__PURE__ */ jsx(
+        motion.img,
+        {
+          src: bannerUrl,
+          alt: "",
+          "aria-hidden": true,
+          style: { y },
+          className: "absolute inset-0 w-full h-full object-cover scale-110"
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 w-full h-full bg-muted" }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10", children: [
+        (standard || symbol) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          standard === "ERC1155" ? /* @__PURE__ */ jsx(Eyebrow, { children: "Multi-edition NFT" }) : standard === "ERC721" ? /* @__PURE__ */ jsx(Eyebrow, { children: "Single NFT" }) : null,
+          symbol && /* @__PURE__ */ jsx(Eyebrow, { className: "tabular-nums", children: symbol })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: "text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight",
+            style: { textShadow: "0 1px 12px rgba(0,0,0,0.4)" },
+            children: name
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: stats.map(({ label, display, symbol: statSymbol }) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0",
+              statSymbol ? "min-w-[80px]" : "min-w-[60px] items-center text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("p", { className: "text-[9px] text-white/70 mb-1", children: label }),
+              statSymbol ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(CurrencyIcon, { symbol: statSymbol, size: 15 }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate", children: display })
+              ] }) : /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold text-white tabular-nums leading-tight", children: display })
+            ]
+          },
+          label
+        )) })
+      ] })
+    ] })
+  ] });
+}
+function Eyebrow({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5",
+        className
+      ),
+      children
+    }
+  );
+}
+export {
+  CollectionHeroBanner
+};
+//# sourceMappingURL=collection-hero-banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-hero-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion, useScroll, useTransform, useReducedMotion } from \"framer-motion\";\nimport { cn } from \"../utils/cn.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface CollectionHeroStat {\n  label: string;\n  display: string;\n  /** Currency symbol (STRK, ETH, ...) — renders CurrencyIcon next to the value. Omit for plain counts. */\n  symbol?: string | null;\n}\n\nexport interface CollectionHeroBannerProps {\n  bannerUrl: string | null;\n  loading?: boolean;\n  standard?: string | null;\n  symbol?: string | null;\n  name: string;\n  stats: CollectionHeroStat[];\n  className?: string;\n}\n\n/**\n * Full-bleed collection hero: page-wide atmospheric blur, a parallax banner\n * image, and a bottom overlay (type/symbol eyebrows, title, stat chips).\n * Deduplicated from io + starknet, which had drifted into two independent\n * copies of the same block.\n */\nexport function CollectionHeroBanner({\n  bannerUrl,\n  loading = false,\n  standard,\n  symbol,\n  name,\n  stats,\n  className,\n}: CollectionHeroBannerProps) {\n  const { scrollY } = useScroll();\n  const shouldReduce = useReducedMotion();\n  const y = useTransform(scrollY, [0, 500], [0, shouldReduce ? 0 : 150]);\n\n  return (\n    <>\n      {/* Atmospheric blur background, fixed behind the whole page */}\n      <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n        {bannerUrl && (\n          <img\n            src={bannerUrl}\n            alt=\"\"\n            aria-hidden\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20 scale-110\"\n            style={{ filter: \"blur(60px) saturate(1.5)\" }}\n          />\n        )}\n      </div>\n\n      {loading ? (\n        <Skeleton className={cn(\"w-full h-[50svh]\", className)} />\n      ) : (\n        <div className={cn(\"relative w-full overflow-hidden h-[50svh]\", className)}>\n          {bannerUrl ? (\n            <motion.img\n              src={bannerUrl}\n              alt=\"\"\n              aria-hidden\n              style={{ y }}\n              className=\"absolute inset-0 w-full h-full object-cover scale-110\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 w-full h-full bg-muted\" />\n          )}\n\n          {/* Bottom overlay: eyebrows + title + stat chips — frosted glass so\n              they hold up over any artwork, regardless of site theme. */}\n          <div className=\"absolute bottom-0 left-0 right-0 px-4 sm:px-6 pb-4 sm:pb-6 space-y-3 z-10\">\n            {(standard || symbol) && (\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                {standard === \"ERC1155\" ? (\n                  <Eyebrow>Multi-edition NFT</Eyebrow>\n                ) : standard === \"ERC721\" ? (\n                  <Eyebrow>Single NFT</Eyebrow>\n                ) : null}\n                {symbol && <Eyebrow className=\"tabular-nums\">{symbol}</Eyebrow>}\n              </div>\n            )}\n\n            <h1\n              className=\"text-3xl sm:text-5xl lg:text-7xl font-bold text-white leading-tight\"\n              style={{ textShadow: \"0 1px 12px rgba(0,0,0,0.4)\" }}\n            >\n              {name}\n            </h1>\n\n            <div className=\"flex gap-2 flex-wrap\">\n              {stats.map(({ label, display, symbol: statSymbol }) => (\n                <div\n                  key={label}\n                  className={cn(\n                    \"bg-white/15 backdrop-blur-md rounded-xl px-3 py-2 flex flex-col justify-center shrink-0\",\n                    statSymbol ? \"min-w-[80px]\" : \"min-w-[60px] items-center text-center\"\n                  )}\n                >\n                  <p className=\"text-[9px] text-white/70 mb-1\">{label}</p>\n                  {statSymbol ? (\n                    <div className=\"flex items-center gap-1.5\">\n                      <CurrencyIcon symbol={statSymbol} size={15} />\n                      <p className=\"text-sm sm:text-base font-bold text-white tabular-nums leading-tight truncate\">\n                        {display}\n                      </p>\n                    </div>\n                  ) : (\n                    <p className=\"text-base sm:text-lg font-bold text-white tabular-nums leading-tight\">{display}</p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Eyebrow({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span\n      className={cn(\n        \"text-[11px] font-semibold text-white/90 bg-white/15 backdrop-blur-md rounded-full px-2.5 py-0.5\",\n        className\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";AA4CI,mBAIM,KA8BI,YAlCV;AA1CJ,SAAS,QAAQ,WAAW,cAAc,wBAAwB;AAClE,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAyBlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,QAAQ,IAAI,UAAU;AAC9B,QAAM,eAAe,iBAAiB;AACtC,QAAM,IAAI,aAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,IAAI,GAAG,CAAC;AAErE,SACE,iCAEE;AAAA,wBAAC,SAAI,WAAU,2DACZ,uBACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,eAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,IAC9C,GAEJ;AAAA,IAEC,UACC,oBAAC,YAAS,WAAW,GAAG,oBAAoB,SAAS,GAAG,IAExD,qBAAC,SAAI,WAAW,GAAG,6CAA6C,SAAS,GACtE;AAAA,kBACC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,eAAW;AAAA,UACX,OAAO,EAAE,EAAE;AAAA,UACX,WAAU;AAAA;AAAA,MACZ,IAEA,oBAAC,SAAI,WAAU,2CAA0C;AAAA,MAK3D,qBAAC,SAAI,WAAU,6EACX;AAAA,qBAAY,WACZ,qBAAC,SAAI,WAAU,qCACZ;AAAA,uBAAa,YACZ,oBAAC,WAAQ,+BAAiB,IACxB,aAAa,WACf,oBAAC,WAAQ,wBAAU,IACjB;AAAA,UACH,UAAU,oBAAC,WAAQ,WAAU,gBAAgB,kBAAO;AAAA,WACvD;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,YAAY,6BAA6B;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAEA,oBAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,SAAS,QAAQ,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,iBAAiB;AAAA,YAChC;AAAA,YAEA;AAAA,kCAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,cACnD,aACC,qBAAC,SAAI,WAAU,6BACb;AAAA,oCAAC,gBAAa,QAAQ,YAAY,MAAM,IAAI;AAAA,gBAC5C,oBAAC,OAAE,WAAU,iFACV,mBACH;AAAA,iBACF,IAEA,oBAAC,OAAE,WAAU,wEAAwE,mBAAQ;AAAA;AAAA;AAAA,UAf1F;AAAA,QAiBP,CACD,GACH;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ,EAAE,UAAU,UAAU,GAAsD;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/create-form-primitives.cjs

@@ -0,0 +1,61 @@
+"use strict";
+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 create_form_primitives_exports = {};
+__export(create_form_primitives_exports, {
+  Section: () => Section,
+  ToggleGroup: () => ToggleGroup
+});
+module.exports = __toCommonJS(create_form_primitives_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn.js");
+function ToggleGroup({
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex rounded-lg border border-border overflow-hidden w-full", children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(opt),
+      className: (0, import_cn.cn)(
+        "flex-1 px-3 py-2 text-sm transition-colors",
+        i > 0 && "border-l border-border",
+        value === opt ? "bg-primary text-primary-foreground font-medium" : "bg-background hover:bg-muted text-muted-foreground"
+      ),
+      children: opt
+    },
+    opt
+  )) });
+}
+function Section({ title, icon, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-card p-5 space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-primary", children: icon }),
+      title
+    ] }),
+    children
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Section,
+  ToggleGroup
+});
+//# sourceMappingURL=create-form-primitives.cjs.map

package/dist/components/create-form-primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/create-form-primitives.tsx"],"sourcesContent":["import { cn } from \"../utils/cn.js\";\n\n/** Segmented two/three-option toggle used across the create flows. */\nexport function ToggleGroup({\n  value, options, onChange,\n}: { value: string; options: readonly string[]; onChange: (v: string) => void }) {\n  return (\n    <div className=\"flex rounded-lg border border-border overflow-hidden w-full\">\n      {options.map((opt, i) => (\n        <button\n          key={opt}\n          type=\"button\"\n          onClick={() => onChange(opt)}\n          className={cn(\n            \"flex-1 px-3 py-2 text-sm transition-colors\",\n            i > 0 && \"border-l border-border\",\n            value === opt\n              ? \"bg-primary text-primary-foreground font-medium\"\n              : \"bg-background hover:bg-muted text-muted-foreground\",\n          )}\n        >\n          {opt}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/** Titled card section wrapper for the create forms. */\nexport function Section({ title, icon, children }: {\n  title: string; icon: React.ReactNode; children: React.ReactNode;\n}) {\n  return (\n    <div className=\"rounded-xl border border-border bg-card p-5 space-y-4\">\n      <div className=\"flex items-center gap-2 text-sm font-semibold\">\n        <span className=\"text-primary\">{icon}</span>\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASQ;AATR,gBAAmB;AAGZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAO;AAAA,EAAS;AAClB,GAAiF;AAC/E,SACE,4CAAC,SAAI,WAAU,+DACZ,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,GAAG;AAAA,MAC3B,eAAW;AAAA,QACT;AAAA,QACA,IAAI,KAAK;AAAA,QACT,UAAU,MACN,mDACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,IAXI;AAAA,EAYP,CACD,GACH;AAEJ;AAGO,SAAS,QAAQ,EAAE,OAAO,MAAM,SAAS,GAE7C;AACD,SACE,6CAAC,SAAI,WAAU,yDACb;AAAA,iDAAC,SAAI,WAAU,iDACb;AAAA,kDAAC,UAAK,WAAU,gBAAgB,gBAAK;AAAA,MACpC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/components/create-form-primitives.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Segmented two/three-option toggle used across the create flows. */
+declare function ToggleGroup({ value, options, onChange, }: {
+    value: string;
+    options: readonly string[];
+    onChange: (v: string) => void;
+}): react_jsx_runtime.JSX.Element;
+/** Titled card section wrapper for the create forms. */
+declare function Section({ title, icon, children }: {
+    title: string;
+    icon: React.ReactNode;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Section, ToggleGroup };