@medialane/ui 0.120.0 → 0.122.0

package/dist/components/nav-shell.d.ts

@@ -2,94 +2,37 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface NavBrandButtonProps {
-    /** Defaults to opening the nav command menu (`ml:nav-open`). */
     onClick?: () => void;
     className?: string;
     "aria-label"?: string;
-    /** Path to the brand icon image (the app's real icon asset). */
     iconSrc?: string;
 }
-/**
- * The main header trigger: brand mark + menu glyph in one quiet glass pill.
- * Mobile-first — a single ≥44px tap target instead of two small adjacent icons.
- * With no `onClick`, it opens the NavCommandMenu mounted elsewhere in the app.
- */
 declare function NavBrandButton({ onClick, className, iconSrc, ...rest }: NavBrandButtonProps): react_jsx_runtime.JSX.Element;
 interface NavIconButtonProps {
     onClick?: () => void;
     className?: string;
     "aria-label": string;
-    /** Show a small brand-colored status dot (e.g. wallet connected). */
     indicator?: boolean;
     children: React.ReactNode;
 }
-/**
- * Circular glass header button — the right-side counterpart to NavBrandButton
- * (wallet / account trigger).
- */
 declare function NavIconButton({ onClick, className, indicator, children, ...rest }: NavIconButtonProps): react_jsx_runtime.JSX.Element;
 interface NavWalletTriggerProps {
     onClick?: () => void;
     className?: string;
     "aria-label"?: string;
-    /** Whether a wallet is currently connected. */
     connected?: boolean;
-    /**
-     * The connected wallet's own icon (e.g. Argent/Braavos/Cartridge). Optional —
-     * apps with no single "connected wallet" identity to show (e.g. an
-     * email/social-login app) simply omit it and get the plain glyph below.
-     */
     iconSrc?: string;
-    /**
-     * Override for the disconnected-state glyph (default: a plain `Wallet`
-     * icon). Apps whose actual connect entry point isn't a wallet — e.g. an
-     * email/social-login app whose users primarily sign in with Google — can
-     * pass a more accurate icon here so the ring points at what will really
-     * happen on click.
-     */
     disconnectedIcon?: React.ReactNode;
-    /**
-     * Override for the connected-state glyph when there's no `iconSrc` (default:
-     * a plain `User` icon). Apps whose account is a self-custody key rather than
-     * a connected third-party wallet can pass a more accurate icon here (e.g. a
-     * shield-user glyph) so the trigger doesn't imply a custodial identity it
-     * isn't.
-     */
     connectedIcon?: React.ReactNode;
 }
-/**
- * The right-side counterpart to `NavBrandButton` for a wallet/account entry
- * point: the same glass pill material, with a thin brand-gradient ring
- * traced around the rim instead of a static icon. Not connected — the ring
- * rotates slowly (an ambient "something opens here" cue) around a plain
- * `Wallet` glyph (override via `disconnectedIcon` — e.g. a Google mark for an
- * email/social-login app), so the trigger reads as an actionable connect
- * entry point rather than disappearing into the header (users weren't
- * noticing the bare ring). Connected — the ring settles to a static accent
- * and shows the connected
- * wallet's own icon via `iconSrc` when the caller has one; otherwise a plain
- * `User` glyph (never a fabricated generic avatar).
- */
 declare const NavWalletTrigger: React.ForwardRefExoticComponent<NavWalletTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare function useNavAccountSheet(): {
     open: () => boolean;
     close: () => boolean;
 };
 interface NavAccountSheetProps {
-    /** The app's account/wallet panel content — identity, network, disconnect, etc. */
     children: React.ReactNode;
 }
-/**
- * The wallet-side surface: a centered, backdrop-blurred panel — the exact
- * same overlay + card treatment as `NavCommandMenu` (`.nav-canvas-overlay`,
- * `bg-background/90 backdrop-blur-2xl backdrop-saturate-150`), so every
- * global panel in the header reads as one system. No built-in title — this
- * is an account/wallet card, not a menu; content is entirely app-owned.
- *
- * Opens via `useNavAccountSheet().open()`. Mutually exclusive with the
- * command menu: opening one closes the other, and the shared `ml:nav-close`
- * event (fired by `useNavCommandMenu().close()`) closes this too.
- */
 declare function NavAccountSheet({ children }: NavAccountSheetProps): react_jsx_runtime.JSX.Element;
 
 export { NavAccountSheet, type NavAccountSheetProps, NavBrandButton, type NavBrandButtonProps, NavIconButton, type NavIconButtonProps, NavWalletTrigger, type NavWalletTriggerProps, useNavAccountSheet };

package/dist/components/nav-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/nav-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { User, Wallet } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\n// ── Header buttons ────────────────────────────────────────────────────────────\n\nexport interface NavBrandButtonProps {\n  /** Defaults to opening the nav command menu (`ml:nav-open`). */\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\"?: string;\n  /** Path to the brand icon image (the app's real icon asset). */\n  iconSrc?: string;\n}\n\n/**\n * The main header trigger: brand mark + menu glyph in one quiet glass pill.\n * Mobile-first — a single ≥44px tap target instead of two small adjacent icons.\n * With no `onClick`, it opens the NavCommandMenu mounted elsewhere in the app.\n */\nexport function NavBrandButton({ onClick, className, iconSrc = \"/icon.png\", ...rest }: NavBrandButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick ?? (() => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)))}\n      aria-label={rest[\"aria-label\"] ?? \"Open navigation\"}\n      className={cn(\n        \"group flex h-11 items-center gap-2 rounded-full\",\n        \"bg-background/10 pl-2.5 pr-3 backdrop-blur-xl backdrop-saturate-150\",\n        \"transition-colors hover:bg-background/20 active:scale-[0.97]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n        className\n      )}\n    >\n      {/* eslint-disable-next-line @next/next/no-img-element */}\n      <img src={iconSrc} alt=\"Medialane\" width={30} height={30} className=\"h-[30px] w-[30px] shrink-0\" />\n      <span className=\"flex flex-col gap-[5px]\" aria-hidden=\"true\">\n        <span className=\"h-[1.5px] w-4 rounded-full bg-muted-foreground transition-all group-hover:w-4 group-hover:bg-foreground\" />\n        <span className=\"h-[1.5px] w-2.5 rounded-full bg-muted-foreground transition-all group-hover:w-4 group-hover:bg-foreground\" />\n      </span>\n    </button>\n  );\n}\n\nexport interface NavIconButtonProps {\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\": string;\n  /** Show a small brand-colored status dot (e.g. wallet connected). */\n  indicator?: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Circular glass header button — the right-side counterpart to NavBrandButton\n * (wallet / account trigger).\n */\nexport function NavIconButton({ onClick, className, indicator, children, ...rest }: NavIconButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={rest[\"aria-label\"]}\n      className={cn(\n        \"relative flex h-11 w-11 items-center justify-center rounded-full\",\n        \"bg-background/10 text-muted-foreground backdrop-blur-xl backdrop-saturate-150\",\n        \"transition-colors hover:bg-background/20 hover:text-foreground active:scale-[0.97]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n        className\n      )}\n    >\n      {children}\n      {indicator && (\n        <span className=\"absolute right-[3px] top-[3px] h-2.5 w-2.5 rounded-full border-2 border-background bg-brand-blue\" />\n      )}\n    </button>\n  );\n}\n\nexport interface NavWalletTriggerProps {\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\"?: string;\n  /** Whether a wallet is currently connected. */\n  connected?: boolean;\n  /**\n   * The connected wallet's own icon (e.g. Argent/Braavos/Cartridge). Optional —\n   * apps with no single \"connected wallet\" identity to show (e.g. an\n   * email/social-login app) simply omit it and get the plain glyph below.\n   */\n  iconSrc?: string;\n  /**\n   * Override for the disconnected-state glyph (default: a plain `Wallet`\n   * icon). Apps whose actual connect entry point isn't a wallet — e.g. an\n   * email/social-login app whose users primarily sign in with Google — can\n   * pass a more accurate icon here so the ring points at what will really\n   * happen on click.\n   */\n  disconnectedIcon?: React.ReactNode;\n  /**\n   * Override for the connected-state glyph when there's no `iconSrc` (default:\n   * a plain `User` icon). Apps whose account is a self-custody key rather than\n   * a connected third-party wallet can pass a more accurate icon here (e.g. a\n   * shield-user glyph) so the trigger doesn't imply a custodial identity it\n   * isn't.\n   */\n  connectedIcon?: React.ReactNode;\n}\n\n/**\n * The right-side counterpart to `NavBrandButton` for a wallet/account entry\n * point: the same glass pill material, with a thin brand-gradient ring\n * traced around the rim instead of a static icon. Not connected — the ring\n * rotates slowly (an ambient \"something opens here\" cue) around a plain\n * `Wallet` glyph (override via `disconnectedIcon` — e.g. a Google mark for an\n * email/social-login app), so the trigger reads as an actionable connect\n * entry point rather than disappearing into the header (users weren't\n * noticing the bare ring). Connected — the ring settles to a static accent\n * and shows the connected\n * wallet's own icon via `iconSrc` when the caller has one; otherwise a plain\n * `User` glyph (never a fabricated generic avatar).\n */\nexport const NavWalletTrigger = React.forwardRef<HTMLButtonElement, NavWalletTriggerProps>(\n  function NavWalletTrigger({ onClick, className, connected = false, iconSrc, disconnectedIcon, connectedIcon, ...rest }, ref) {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={onClick}\n        aria-label={rest[\"aria-label\"] ?? (connected ? \"Account\" : \"Connect wallet\")}\n        className={cn(\n          \"ml-nav-wallet-trigger relative flex h-11 w-11 items-center justify-center rounded-full\",\n          \"bg-background/10 text-muted-foreground backdrop-blur-xl backdrop-saturate-150\",\n          \"transition-colors hover:bg-background/20 hover:text-foreground active:scale-[0.97]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n          connected && \"ml-nav-wallet-trigger--connected\",\n          className\n        )}\n      >\n        <span className=\"ml-nav-wallet-ring\" aria-hidden=\"true\" />\n        {connected\n          ? (iconSrc\n              ? <img src={iconSrc} alt=\"\" width={16} height={16} className=\"h-4 w-4 shrink-0 rounded-full\" />\n              : (connectedIcon ?? <User className=\"h-3.5 w-3.5\" />))\n          : (disconnectedIcon ?? <Wallet className=\"h-3.5 w-3.5\" />)}\n      </button>\n    );\n  }\n);\n\n// ── Account sheet ─────────────────────────────────────────────────────────────\n\nconst ML_ACCOUNT_OPEN = \"ml:account-open\";\nconst ML_ACCOUNT_CLOSE = \"ml:account-close\";\nconst ML_NAV_OPEN = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavAccountSheet() {\n  return {\n    open: () => document.dispatchEvent(new CustomEvent(ML_ACCOUNT_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_ACCOUNT_CLOSE)),\n  };\n}\n\nexport interface NavAccountSheetProps {\n  /** The app's account/wallet panel content — identity, network, disconnect, etc. */\n  children: React.ReactNode;\n}\n\n/**\n * The wallet-side surface: a centered, backdrop-blurred panel — the exact\n * same overlay + card treatment as `NavCommandMenu` (`.nav-canvas-overlay`,\n * `bg-background/90 backdrop-blur-2xl backdrop-saturate-150`), so every\n * global panel in the header reads as one system. No built-in title — this\n * is an account/wallet card, not a menu; content is entirely app-owned.\n *\n * Opens via `useNavAccountSheet().open()`. Mutually exclusive with the\n * command menu: opening one closes the other, and the shared `ml:nav-close`\n * event (fired by `useNavCommandMenu().close()`) closes this too.\n */\nexport function NavAccountSheet({ children }: NavAccountSheetProps) {\n  const [open, setOpen] = React.useState(false);\n\n  React.useEffect(() => {\n    const onOpen = () => {\n      document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE));\n      setOpen(true);\n    };\n    const onClose = () => setOpen(false);\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(ML_ACCOUNT_OPEN, onOpen);\n    document.addEventListener(ML_ACCOUNT_CLOSE, onClose);\n    document.addEventListener(ML_NAV_OPEN, onClose);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(ML_ACCOUNT_OPEN, onOpen);\n      document.removeEventListener(ML_ACCOUNT_CLOSE, onClose);\n      document.removeEventListener(ML_NAV_OPEN, onClose);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, []);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <>\n          {/* Backdrop blur — identical to NavCommandMenu's */}\n          <motion.div\n            className=\"nav-canvas-overlay\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.15 }}\n            onClick={() => setOpen(false)}\n          />\n\n          {/* Panel — centered on desktop, bottom sheet on mobile, same as NavCommandMenu */}\n          <motion.div\n            className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-[calc(1rem+env(safe-area-inset-bottom))] sm:items-center sm:p-4\"\n            initial={{ opacity: 0, y: 24 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: 24 }}\n            transition={{ duration: 0.18, ease: \"easeOut\" }}\n            onClick={() => setOpen(false)}\n          >\n            <div\n              className=\"relative w-full max-w-[380px] overflow-hidden rounded-[20px] border border-border/40 bg-background/90 backdrop-blur-2xl backdrop-saturate-150\"\n              onClick={(e) => e.stopPropagation()}\n            >\n              <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n              </div>\n              <button\n                onClick={() => setOpen(false)}\n                className=\"absolute right-3 top-3 rounded-md p-1 text-muted-foreground/70 transition-colors hover:bg-muted/50 hover:text-foreground\"\n                aria-label=\"Close\"\n              >\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                  <path d=\"M18 6 6 18M6 6l12 12\" />\n                </svg>\n              </button>\n              <div className=\"px-4 pb-4 pt-5 sm:pt-6\">{children}</div>\n            </div>\n          </motion.div>\n        </>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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","names":["NavWalletTrigger"]}
+{"version":3,"sources":["../../src/components/nav-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { User, Wallet } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface NavBrandButtonProps {\n\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\"?: string;\n\n  iconSrc?: string;\n}\n\nexport function NavBrandButton({ onClick, className, iconSrc = \"/icon.png\", ...rest }: NavBrandButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick ?? (() => document.dispatchEvent(new CustomEvent(ML_NAV_OPEN)))}\n      aria-label={rest[\"aria-label\"] ?? \"Open navigation\"}\n      className={cn(\n        \"group flex h-11 items-center gap-2 rounded-full\",\n        \"bg-background/10 pl-2.5 pr-3 backdrop-blur-xl backdrop-saturate-150\",\n        \"transition-colors hover:bg-background/20 active:scale-[0.97]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n        className\n      )}\n    >\n\n      <img src={iconSrc} alt=\"Medialane\" width={30} height={30} className=\"h-[30px] w-[30px] shrink-0\" />\n      <span className=\"flex flex-col gap-[5px]\" aria-hidden=\"true\">\n        <span className=\"h-[1.5px] w-4 rounded-full bg-muted-foreground transition-all group-hover:w-4 group-hover:bg-foreground\" />\n        <span className=\"h-[1.5px] w-2.5 rounded-full bg-muted-foreground transition-all group-hover:w-4 group-hover:bg-foreground\" />\n      </span>\n    </button>\n  );\n}\n\nexport interface NavIconButtonProps {\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\": string;\n\n  indicator?: boolean;\n  children: React.ReactNode;\n}\n\nexport function NavIconButton({ onClick, className, indicator, children, ...rest }: NavIconButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={rest[\"aria-label\"]}\n      className={cn(\n        \"relative flex h-11 w-11 items-center justify-center rounded-full\",\n        \"bg-background/10 text-muted-foreground backdrop-blur-xl backdrop-saturate-150\",\n        \"transition-colors hover:bg-background/20 hover:text-foreground active:scale-[0.97]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n        className\n      )}\n    >\n      {children}\n      {indicator && (\n        <span className=\"absolute right-[3px] top-[3px] h-2.5 w-2.5 rounded-full border-2 border-background bg-brand-blue\" />\n      )}\n    </button>\n  );\n}\n\nexport interface NavWalletTriggerProps {\n  onClick?: () => void;\n  className?: string;\n  \"aria-label\"?: string;\n\n  connected?: boolean;\n\n  iconSrc?: string;\n\n  disconnectedIcon?: React.ReactNode;\n\n  connectedIcon?: React.ReactNode;\n}\n\nexport const NavWalletTrigger = React.forwardRef<HTMLButtonElement, NavWalletTriggerProps>(\n  function NavWalletTrigger({ onClick, className, connected = false, iconSrc, disconnectedIcon, connectedIcon, ...rest }, ref) {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={onClick}\n        aria-label={rest[\"aria-label\"] ?? (connected ? \"Account\" : \"Connect wallet\")}\n        className={cn(\n          \"ml-nav-wallet-trigger relative flex h-11 w-11 items-center justify-center rounded-full\",\n          \"bg-background/10 text-muted-foreground backdrop-blur-xl backdrop-saturate-150\",\n          \"transition-colors hover:bg-background/20 hover:text-foreground active:scale-[0.97]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60\",\n          connected && \"ml-nav-wallet-trigger--connected\",\n          className\n        )}\n      >\n        <span className=\"ml-nav-wallet-ring\" aria-hidden=\"true\" />\n        {connected\n          ? (iconSrc\n              ? <img src={iconSrc} alt=\"\" width={16} height={16} className=\"h-4 w-4 shrink-0 rounded-full\" />\n              : (connectedIcon ?? <User className=\"h-3.5 w-3.5\" />))\n          : (disconnectedIcon ?? <Wallet className=\"h-3.5 w-3.5\" />)}\n      </button>\n    );\n  }\n);\n\nconst ML_ACCOUNT_OPEN = \"ml:account-open\";\nconst ML_ACCOUNT_CLOSE = \"ml:account-close\";\nconst ML_NAV_OPEN = \"ml:nav-open\";\nconst ML_NAV_CLOSE = \"ml:nav-close\";\n\nexport function useNavAccountSheet() {\n  return {\n    open: () => document.dispatchEvent(new CustomEvent(ML_ACCOUNT_OPEN)),\n    close: () => document.dispatchEvent(new CustomEvent(ML_ACCOUNT_CLOSE)),\n  };\n}\n\nexport interface NavAccountSheetProps {\n\n  children: React.ReactNode;\n}\n\nexport function NavAccountSheet({ children }: NavAccountSheetProps) {\n  const [open, setOpen] = React.useState(false);\n\n  React.useEffect(() => {\n    const onOpen = () => {\n      document.dispatchEvent(new CustomEvent(ML_NAV_CLOSE));\n      setOpen(true);\n    };\n    const onClose = () => setOpen(false);\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(ML_ACCOUNT_OPEN, onOpen);\n    document.addEventListener(ML_ACCOUNT_CLOSE, onClose);\n    document.addEventListener(ML_NAV_OPEN, onClose);\n    document.addEventListener(ML_NAV_CLOSE, onClose);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(ML_ACCOUNT_OPEN, onOpen);\n      document.removeEventListener(ML_ACCOUNT_CLOSE, onClose);\n      document.removeEventListener(ML_NAV_OPEN, onClose);\n      document.removeEventListener(ML_NAV_CLOSE, onClose);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, []);\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <>\n\n          <motion.div\n            className=\"nav-canvas-overlay\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.15 }}\n            onClick={() => setOpen(false)}\n          />\n\n          <motion.div\n            className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-[calc(1rem+env(safe-area-inset-bottom))] sm:items-center sm:p-4\"\n            initial={{ opacity: 0, y: 24 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: 24 }}\n            transition={{ duration: 0.18, ease: \"easeOut\" }}\n            onClick={() => setOpen(false)}\n          >\n            <div\n              className=\"relative w-full max-w-[380px] overflow-hidden rounded-[20px] border border-border/40 bg-background/90 backdrop-blur-2xl backdrop-saturate-150\"\n              onClick={(e) => e.stopPropagation()}\n            >\n              <div className=\"flex justify-center pt-2.5 sm:hidden\" aria-hidden=\"true\">\n                <span className=\"h-1 w-9 rounded-full bg-muted-foreground/30\" />\n              </div>\n              <button\n                onClick={() => setOpen(false)}\n                className=\"absolute right-3 top-3 rounded-md p-1 text-muted-foreground/70 transition-colors hover:bg-muted/50 hover:text-foreground\"\n                aria-label=\"Close\"\n              >\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                  <path d=\"M18 6 6 18M6 6l12 12\" />\n                </svg>\n              </button>\n              <div className=\"px-4 pb-4 pt-5 sm:pt-6\">{children}</div>\n            </div>\n          </motion.div>\n        </>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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","names":["NavWalletTrigger"]}

package/dist/components/nav-theme-toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\n/**\n * Compact Light/Dark segmented toggle for the nav menu footer.\n * Passed to NavCommandMenu via its `footerSlot` prop.\n */\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  // next-themes can't know the theme until mounted — avoid hydration mismatch.\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CU;AAzCV,mBAAoC;AACpC,yBAAyB;AACzB,0BAA0B;AAC1B,gBAAmB;AAMZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,QAAI,6BAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,8BAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,yBAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,0BAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,eAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCU;AApCV,mBAAoC;AACpC,yBAAyB;AACzB,0BAA0B;AAC1B,gBAAmB;AAEZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,QAAI,6BAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,8BAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,yBAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,0BAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,eAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/nav-theme-toggle.d.cts

@@ -1,9 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-/**
- * Compact Light/Dark segmented toggle for the nav menu footer.
- * Passed to NavCommandMenu via its `footerSlot` prop.
- */
 declare function NavThemeToggle(): react_jsx_runtime.JSX.Element;
 
 export { NavThemeToggle };

package/dist/components/nav-theme-toggle.d.ts

@@ -1,9 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-/**
- * Compact Light/Dark segmented toggle for the nav menu footer.
- * Passed to NavCommandMenu via its `footerSlot` prop.
- */
 declare function NavThemeToggle(): react_jsx_runtime.JSX.Element;
 
 export { NavThemeToggle };

package/dist/components/nav-theme-toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\n/**\n * Compact Light/Dark segmented toggle for the nav menu footer.\n * Passed to NavCommandMenu via its `footerSlot` prop.\n */\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  // next-themes can't know the theme until mounted — avoid hydration mismatch.\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AA2CU;AAzCV,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,KAAK,YAAY;AAC1B,SAAS,UAAU;AAMZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,IAAI,SAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAG5C,YAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,MAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,WAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAsCU;AApCV,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,KAAK,YAAY;AAC1B,SAAS,UAAU;AAEZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,IAAI,SAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,MAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,WAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/order-sort-control.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\n/** Pure — orders already come from the API sorted \"recent\"; this only\n *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AA9BN,0BAA4B;AAE5B,oBAEO;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAIO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,6CAAC,wBAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,iDAAC,+BAAc,WAAU,iCACvB;AAAA,kDAAC,mCAAY,WAAU,qCAAoC;AAAA,MAC3D,4CAAC,6BAAY;AAAA,OACf;AAAA,IACA,4CAAC,+BACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,4CAAC,4BAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BM;AA5BN,0BAA4B;AAE5B,oBAEO;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAEO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,6CAAC,wBAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,iDAAC,+BAAc,WAAU,iCACvB;AAAA,kDAAC,mCAAY,WAAU,qCAAoC;AAAA,MAC3D,4CAAC,6BAAY;AAAA,OACf;AAAA,IACA,4CAAC,+BACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,4CAAC,4BAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/order-sort-control.d.cts

@@ -2,8 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ApiOrder } from '@medialane/sdk';
 
 type OrderSort = "recent" | "price_asc" | "price_desc";
-/** Pure — orders already come from the API sorted "recent"; this only
- *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
 declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
 declare function OrderSortControl({ value, onChange }: {
     value: OrderSort;

package/dist/components/order-sort-control.d.ts

@@ -2,8 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ApiOrder } from '@medialane/sdk';
 
 type OrderSort = "recent" | "price_asc" | "price_desc";
-/** Pure — orders already come from the API sorted "recent"; this only
- *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
 declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
 declare function OrderSortControl({ value, onChange }: {
     value: OrderSort;

package/dist/components/order-sort-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\n/** Pure — orders already come from the API sorted \"recent\"; this only\n *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA9BN,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EAAQ;AAAA,EAAe;AAAA,EAAY;AAAA,EAAe;AAAA,OAC7C;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAIO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,qBAAC,UAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,yBAAC,iBAAc,WAAU,iCACvB;AAAA,0BAAC,eAAY,WAAU,qCAAoC;AAAA,MAC3D,oBAAC,eAAY;AAAA,OACf;AAAA,IACA,oBAAC,iBACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,oBAAC,cAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";AA8BM,SACE,KADF;AA5BN,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EAAQ;AAAA,EAAe;AAAA,EAAY;AAAA,EAAe;AAAA,OAC7C;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAEO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,qBAAC,UAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,yBAAC,iBAAc,WAAU,iCACvB;AAAA,0BAAC,eAAY,WAAU,qCAAoC;AAAA,MAC3D,oBAAC,eAAY;AAAA,OACf;AAAA,IACA,oBAAC,iBACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,oBAAC,cAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/page-container.cjs

@@ -39,9 +39,6 @@ function PageContainer({
     {
       className: (0, import_cn.cn)(
         variantClass[variant],
-        // Horizontal padding matches the fixed NavTrigger logo offset
-        // (left-4 sm:left-6 lg:left-8) so page content aligns with the
-        // logo at every breakpoint. Keep this responsive, not a flat px.
         "px-4 sm:px-6 lg:px-8 pt-10 pb-16",
         className
       ),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        // Horizontal padding matches the fixed NavTrigger logo offset\n        // (left-4 sm:left-6 lg:left-8) so page content aligns with the\n        // logo at every breakpoint. Keep this responsive, not a flat px.\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AAzBJ,gBAAmB;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,QAIpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AApBJ,gBAAmB;AAOnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT,aAAa,OAAO;AAAA,QAEpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/page-container.d.cts

@@ -2,12 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HTMLAttributes } from 'react';
 
 interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Controls the page width contract.
-     * - app: full available canvas for sidebar/dashboard shells.
-     * - content: standard editorial max width.
-     * - narrow: focused forms and legal/content pages.
-     */
     variant?: "app" | "content" | "narrow";
 }
 declare function PageContainer({ variant, className, children, ...props }: PageContainerProps): react_jsx_runtime.JSX.Element;

package/dist/components/page-container.d.ts

@@ -2,12 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HTMLAttributes } from 'react';
 
 interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Controls the page width contract.
-     * - app: full available canvas for sidebar/dashboard shells.
-     * - content: standard editorial max width.
-     * - narrow: focused forms and legal/content pages.
-     */
     variant?: "app" | "content" | "narrow";
 }
 declare function PageContainer({ variant, className, children, ...props }: PageContainerProps): react_jsx_runtime.JSX.Element;

package/dist/components/page-container.js

@@ -16,9 +16,6 @@ function PageContainer({
     {
       className: cn(
         variantClass[variant],
-        // Horizontal padding matches the fixed NavTrigger logo offset
-        // (left-4 sm:left-6 lg:left-8) so page content aligns with the
-        // logo at every breakpoint. Keep this responsive, not a flat px.
         "px-4 sm:px-6 lg:px-8 pt-10 pb-16",
         className
       ),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        // Horizontal padding matches the fixed NavTrigger logo offset\n        // (left-4 sm:left-6 lg:left-8) so page content aligns with the\n        // logo at every breakpoint. Keep this responsive, not a flat px.\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AA0BI;AAzBJ,SAAS,UAAU;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,QAIpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AAqBI;AApBJ,SAAS,UAAU;AAOnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,aAAa,OAAO;AAAA,QAEpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/parent-attribution-banner.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/parent-attribution-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { GitBranch, ExternalLink } from \"lucide-react\";\n\nexport interface ParentBannerProps {\n  parentContract: string;\n  parentTokenId: string;\n  parentName?: string;\n}\n\n/** \"Remix of <parent>\" attribution link shown on remix asset pages. */\nexport function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps) {\n  return (\n    <Link\n      href={`/asset/${parentContract}/${parentTokenId}`}\n      className=\"flex items-center gap-2.5 px-3 py-2 rounded-xl border border-primary/25 bg-primary/5 text-sm hover:bg-primary/10 transition-colors group\"\n    >\n      <GitBranch className=\"h-4 w-4 text-primary shrink-0\" />\n      <span className=\"text-muted-foreground\">Remix of</span>\n      <span className=\"font-medium text-foreground truncate\">{parentName ?? `Token #${parentTokenId}`}</span>\n      <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground ml-auto shrink-0 group-hover:text-foreground transition-colors\" />\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAZJ,kBAAiB;AACjB,0BAAwC;AASjC,SAAS,wBAAwB,EAAE,gBAAgB,eAAe,WAAW,GAAsB;AACxG,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,UAAU,cAAc,IAAI,aAAa;AAAA,MAC/C,WAAU;AAAA,MAEV;AAAA,oDAAC,iCAAU,WAAU,iCAAgC;AAAA,QACrD,4CAAC,UAAK,WAAU,yBAAwB,sBAAQ;AAAA,QAChD,4CAAC,UAAK,WAAU,wCAAwC,wBAAc,UAAU,aAAa,IAAG;AAAA,QAChG,4CAAC,oCAAa,WAAU,oGAAmG;AAAA;AAAA;AAAA,EAC7H;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/parent-attribution-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { GitBranch, ExternalLink } from \"lucide-react\";\n\nexport interface ParentBannerProps {\n  parentContract: string;\n  parentTokenId: string;\n  parentName?: string;\n}\n\nexport function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps) {\n  return (\n    <Link\n      href={`/asset/${parentContract}/${parentTokenId}`}\n      className=\"flex items-center gap-2.5 px-3 py-2 rounded-xl border border-primary/25 bg-primary/5 text-sm hover:bg-primary/10 transition-colors group\"\n    >\n      <GitBranch className=\"h-4 w-4 text-primary shrink-0\" />\n      <span className=\"text-muted-foreground\">Remix of</span>\n      <span className=\"font-medium text-foreground truncate\">{parentName ?? `Token #${parentTokenId}`}</span>\n      <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground ml-auto shrink-0 group-hover:text-foreground transition-colors\" />\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAXJ,kBAAiB;AACjB,0BAAwC;AAQjC,SAAS,wBAAwB,EAAE,gBAAgB,eAAe,WAAW,GAAsB;AACxG,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,UAAU,cAAc,IAAI,aAAa;AAAA,MAC/C,WAAU;AAAA,MAEV;AAAA,oDAAC,iCAAU,WAAU,iCAAgC;AAAA,QACrD,4CAAC,UAAK,WAAU,yBAAwB,sBAAQ;AAAA,QAChD,4CAAC,UAAK,WAAU,wCAAwC,wBAAc,UAAU,aAAa,IAAG;AAAA,QAChG,4CAAC,oCAAa,WAAU,oGAAmG;AAAA;AAAA;AAAA,EAC7H;AAEJ;","names":["Link"]}

package/dist/components/parent-attribution-banner.d.cts

@@ -5,7 +5,6 @@ interface ParentBannerProps {
     parentTokenId: string;
     parentName?: string;
 }
-/** "Remix of <parent>" attribution link shown on remix asset pages. */
 declare function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps): react_jsx_runtime.JSX.Element;
 
 export { ParentAttributionBanner, type ParentBannerProps };

package/dist/components/parent-attribution-banner.d.ts

@@ -5,7 +5,6 @@ interface ParentBannerProps {
     parentTokenId: string;
     parentName?: string;
 }
-/** "Remix of <parent>" attribution link shown on remix asset pages. */
 declare function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps): react_jsx_runtime.JSX.Element;
 
 export { ParentAttributionBanner, type ParentBannerProps };

package/dist/components/parent-attribution-banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/parent-attribution-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { GitBranch, ExternalLink } from \"lucide-react\";\n\nexport interface ParentBannerProps {\n  parentContract: string;\n  parentTokenId: string;\n  parentName?: string;\n}\n\n/** \"Remix of <parent>\" attribution link shown on remix asset pages. */\nexport function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps) {\n  return (\n    <Link\n      href={`/asset/${parentContract}/${parentTokenId}`}\n      className=\"flex items-center gap-2.5 px-3 py-2 rounded-xl border border-primary/25 bg-primary/5 text-sm hover:bg-primary/10 transition-colors group\"\n    >\n      <GitBranch className=\"h-4 w-4 text-primary shrink-0\" />\n      <span className=\"text-muted-foreground\">Remix of</span>\n      <span className=\"font-medium text-foreground truncate\">{parentName ?? `Token #${parentTokenId}`}</span>\n      <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground ml-auto shrink-0 group-hover:text-foreground transition-colors\" />\n    </Link>\n  );\n}\n"],"mappings":";AAcI,SAIE,KAJF;AAZJ,OAAO,UAAU;AACjB,SAAS,WAAW,oBAAoB;AASjC,SAAS,wBAAwB,EAAE,gBAAgB,eAAe,WAAW,GAAsB;AACxG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,UAAU,cAAc,IAAI,aAAa;AAAA,MAC/C,WAAU;AAAA,MAEV;AAAA,4BAAC,aAAU,WAAU,iCAAgC;AAAA,QACrD,oBAAC,UAAK,WAAU,yBAAwB,sBAAQ;AAAA,QAChD,oBAAC,UAAK,WAAU,wCAAwC,wBAAc,UAAU,aAAa,IAAG;AAAA,QAChG,oBAAC,gBAAa,WAAU,oGAAmG;AAAA;AAAA;AAAA,EAC7H;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/parent-attribution-banner.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { GitBranch, ExternalLink } from \"lucide-react\";\n\nexport interface ParentBannerProps {\n  parentContract: string;\n  parentTokenId: string;\n  parentName?: string;\n}\n\nexport function ParentAttributionBanner({ parentContract, parentTokenId, parentName }: ParentBannerProps) {\n  return (\n    <Link\n      href={`/asset/${parentContract}/${parentTokenId}`}\n      className=\"flex items-center gap-2.5 px-3 py-2 rounded-xl border border-primary/25 bg-primary/5 text-sm hover:bg-primary/10 transition-colors group\"\n    >\n      <GitBranch className=\"h-4 w-4 text-primary shrink-0\" />\n      <span className=\"text-muted-foreground\">Remix of</span>\n      <span className=\"font-medium text-foreground truncate\">{parentName ?? `Token #${parentTokenId}`}</span>\n      <ExternalLink className=\"h-3.5 w-3.5 text-muted-foreground ml-auto shrink-0 group-hover:text-foreground transition-colors\" />\n    </Link>\n  );\n}\n"],"mappings":";AAaI,SAIE,KAJF;AAXJ,OAAO,UAAU;AACjB,SAAS,WAAW,oBAAoB;AAQjC,SAAS,wBAAwB,EAAE,gBAAgB,eAAe,WAAW,GAAsB;AACxG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,UAAU,cAAc,IAAI,aAAa;AAAA,MAC/C,WAAU;AAAA,MAEV;AAAA,4BAAC,aAAU,WAAU,iCAAgC;AAAA,QACrD,oBAAC,UAAK,WAAU,yBAAwB,sBAAQ;AAAA,QAChD,oBAAC,UAAK,WAAU,wCAAwC,wBAAc,UAAU,aAAa,IAAG;AAAA,QAChG,oBAAC,gBAAa,WAAU,oGAAmG;AAAA;AAAA;AAAA,EAC7H;AAEJ;","names":[]}

package/dist/components/portfolio-activity.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  // Per-type counts for the filter chip badges\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter chips with icons + per-type counts */}\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CY;AA5CZ,mBAAkC;AAElC,0BAAyB;AACzB,iBAA0B;AAC1B,4BAAuC;AACvC,4BAA6B;AAC7B,sBAAmD;AACnD,0BAA4B;AAC5B,gBAAmB;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,QAAI,8CAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAGJ,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,6CAAC,SAAI,WAAU,aAEb;AAAA,gDAAC,SAAI,WAAU,wBACZ,uCAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qCAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,eAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,4CAAC,gCAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,sDAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,UAAM,sBAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CY;AA3CZ,mBAAkC;AAElC,0BAAyB;AACzB,iBAA0B;AAC1B,4BAAuC;AACvC,4BAA6B;AAC7B,sBAAmD;AACnD,0BAA4B;AAC5B,gBAAmB;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,QAAI,8CAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAEJ,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,6CAAC,SAAI,WAAU,aAEb;AAAA,gDAAC,SAAI,WAAU,wBACZ,uCAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qCAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,eAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,4CAAC,gCAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,sDAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,UAAM,sBAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/portfolio-activity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  // Per-type counts for the filter chip badges\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter chips with icons + per-type counts */}\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";AA8CY,SAWI,KAXJ;AA5CZ,SAAS,UAAU,eAAe;AAElC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB,oBAAoB;AACnD,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,IAAI,uBAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAGJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qBAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,oBAAC,YAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,8BAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,MAAM,UAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";AA6CY,SAWI,KAXJ;AA3CZ,SAAS,UAAU,eAAe;AAElC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB,oBAAoB;AACnD,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,IAAI,uBAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAEJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qBAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,oBAAC,YAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,8BAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,MAAM,UAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/portfolio-bento-tile.cjs

@@ -48,7 +48,8 @@ function PortfolioBentoTile({
     {
       className: (0, import_cn.cn)(
         "rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]",
-        size === "wide" && "md:col-span-2",
+        "mb-4 break-inside-avoid",
+        size === "wide" && "[column-span:all]",
         className
       ),
       children: [

package/dist/components/portfolio-bento-tile.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target. */\n  href: string;\n  /**\n   * \"wide\" spans 2 grid tracks (for content that reads better a bit wider,\n   * like Activity rows) while still sharing a row with other tiles when\n   * there's room. Default sits in a single track.\n   */\n  size?: \"wide\" | \"default\";\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A single cell on the portfolio landing page: a titled, media-forward\n * preview of one section, expanding into its full subpage via \"See all\".\n * Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]\",\n        size === \"wide\" && \"md:col-span-2\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-sm font-black text-foreground tracking-tight\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CQ;AAxCR,kBAAiB;AACjB,0BAA2B;AAC3B,gBAAmB;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,0DACb;AAAA,sDAAC,QAAG,WAAU,qDACX,iBACH;AAAA,UACA;AAAA,YAAC,YAAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,4CAAC,kCAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,4CAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n\n  title: string;\n\n  href: string;\n\n  /** \"default\" flows into whichever column is currently shortest (true\n   * masonry, via PortfolioOverview's CSS multi-column container) — each\n   * tile keeps its own natural height, nothing stretches to match a\n   * sibling. \"wide\" breaks out to full width instead (list-like content\n   * such as Activity, which reads better edge-to-edge than column-width). */\n  size?: \"default\" | \"wide\";\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]\",\n        \"mb-4 break-inside-avoid\",\n        size === \"wide\" && \"[column-span:all]\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-sm font-black text-foreground tracking-tight\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AArCR,kBAAiB;AACjB,0BAA2B;AAC3B,gBAAmB;AAkBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,0DACb;AAAA,sDAAC,QAAG,WAAU,qDACX,iBACH;AAAA,UACA;AAAA,YAAC,YAAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,4CAAC,kCAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,4CAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":["Link"]}

package/dist/components/portfolio-bento-tile.d.cts

@@ -1,24 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface PortfolioBentoTileProps {
-    /** Tile heading, e.g. "Collections". */
     title: string;
-    /** "See all" link target. */
     href: string;
-    /**
-     * "wide" spans 2 grid tracks (for content that reads better a bit wider,
-     * like Activity rows) while still sharing a row with other tiles when
-     * there's room. Default sits in a single track.
-     */
-    size?: "wide" | "default";
+    /** "default" flows into whichever column is currently shortest (true
+     * masonry, via PortfolioOverview's CSS multi-column container) — each
+     * tile keeps its own natural height, nothing stretches to match a
+     * sibling. "wide" breaks out to full width instead (list-like content
+     * such as Activity, which reads better edge-to-edge than column-width). */
+    size?: "default" | "wide";
     children: React.ReactNode;
     className?: string;
 }
-/**
- * A single cell on the portfolio landing page: a titled, media-forward
- * preview of one section, expanding into its full subpage via "See all".
- * Pure presentation — content is supplied by the caller.
- */
 declare function PortfolioBentoTile({ title, href, size, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioBentoTile, type PortfolioBentoTileProps };

package/dist/components/portfolio-bento-tile.d.ts

@@ -1,24 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface PortfolioBentoTileProps {
-    /** Tile heading, e.g. "Collections". */
     title: string;
-    /** "See all" link target. */
     href: string;
-    /**
-     * "wide" spans 2 grid tracks (for content that reads better a bit wider,
-     * like Activity rows) while still sharing a row with other tiles when
-     * there's room. Default sits in a single track.
-     */
-    size?: "wide" | "default";
+    /** "default" flows into whichever column is currently shortest (true
+     * masonry, via PortfolioOverview's CSS multi-column container) — each
+     * tile keeps its own natural height, nothing stretches to match a
+     * sibling. "wide" breaks out to full width instead (list-like content
+     * such as Activity, which reads better edge-to-edge than column-width). */
+    size?: "default" | "wide";
     children: React.ReactNode;
     className?: string;
 }
-/**
- * A single cell on the portfolio landing page: a titled, media-forward
- * preview of one section, expanding into its full subpage via "See all".
- * Pure presentation — content is supplied by the caller.
- */
 declare function PortfolioBentoTile({ title, href, size, children, className, }: PortfolioBentoTileProps): react_jsx_runtime.JSX.Element;
 
 export { PortfolioBentoTile, type PortfolioBentoTileProps };

package/dist/components/portfolio-bento-tile.js

@@ -15,7 +15,8 @@ function PortfolioBentoTile({
     {
       className: cn(
         "rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]",
-        size === "wide" && "md:col-span-2",
+        "mb-4 break-inside-avoid",
+        size === "wide" && "[column-span:all]",
         className
       ),
       children: [

package/dist/components/portfolio-bento-tile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n  /** Tile heading, e.g. \"Collections\". */\n  title: string;\n  /** \"See all\" link target. */\n  href: string;\n  /**\n   * \"wide\" spans 2 grid tracks (for content that reads better a bit wider,\n   * like Activity rows) while still sharing a row with other tiles when\n   * there's room. Default sits in a single track.\n   */\n  size?: \"wide\" | \"default\";\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A single cell on the portfolio landing page: a titled, media-forward\n * preview of one section, expanding into its full subpage via \"See all\".\n * Pure presentation — content is supplied by the caller.\n */\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]\",\n        size === \"wide\" && \"md:col-span-2\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-sm font-black text-foreground tracking-tight\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";AA0CQ,cAGA,YAHA;AAxCR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAsBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,0DACb;AAAA,8BAAC,QAAG,WAAU,qDACX,iBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/portfolio-bento-tile.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioBentoTileProps {\n\n  title: string;\n\n  href: string;\n\n  /** \"default\" flows into whichever column is currently shortest (true\n   * masonry, via PortfolioOverview's CSS multi-column container) — each\n   * tile keeps its own natural height, nothing stretches to match a\n   * sibling. \"wide\" breaks out to full width instead (list-like content\n   * such as Activity, which reads better edge-to-edge than column-width). */\n  size?: \"default\" | \"wide\";\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function PortfolioBentoTile({\n  title,\n  href,\n  size = \"default\",\n  children,\n  className,\n}: PortfolioBentoTileProps) {\n  return (\n    <section\n      className={cn(\n        \"rounded-2xl bg-foreground/[0.04] min-w-0 transition-colors hover:bg-foreground/[0.07]\",\n        \"mb-4 break-inside-avoid\",\n        size === \"wide\" && \"[column-span:all]\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3 px-4 pt-4 pb-3\">\n        <h2 className=\"text-sm font-black text-foreground tracking-tight\">\n          {title}\n        </h2>\n        <Link\n          href={href}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          See all\n          <ArrowRight className=\"h-3 w-3\" />\n        </Link>\n      </div>\n      <div className=\"px-4 pb-4\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";AAuCQ,cAGA,YAHA;AArCR,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAkBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,0DACb;AAAA,8BAAC,QAAG,WAAU,qDACX,iBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACX;AAAA;AAAA,gBAEC,oBAAC,cAAW,WAAU,WAAU;AAAA;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

package/dist/components/portfolio-chip-filter.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n  /**\n   * When set, this chip is a direct navigation link rather than an in-page\n   * filter. It's marked active when `href` equals the current `value`\n   * (pass the current pathname as `value` for a location-aware nav bar).\n   */\n  href?: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n  /** Selected filter key, or the current pathname when used for navigation. */\n  value: string;\n  onChange: (key: string) => void;\n  /** Suppress the auto-injected \"All\" chip — for pure navigation bars where every option already has an href. Default true. */\n  showAll?: boolean;\n  className?: string;\n}\n\nconst CHIP_CLASS =\n  \"shrink-0 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap transition-colors border\";\nconst INACTIVE_CLASS = \"bg-muted border-border/60 text-muted-foreground hover:text-foreground hover:border-border\";\nconst ACTIVE_CLASS = \"bg-gradient-to-r from-brand-purple to-brand-orange border-transparent text-white font-bold\";\n\n/**\n * Horizontally-scrollable chip row — the portfolio section's sole\n * navigation mechanism (Instagram/YouTube-style chips), used both as an\n * in-page filter (chips with no `href`, toggled via `onChange`) and as\n * cross-page navigation (chips with `href`, highlighted active by matching\n * `value` against the current pathname).\n */\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  showAll = true,\n  className,\n}: PortfolioChipFilterProps) {\n  const items = showAll ? [{ key: \"all\", label: \"All\" }, ...options] : options;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) =>\n        item.href ? (\n          <Link\n            key={item.key}\n            href={item.href}\n            className={cn(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </Link>\n        ) : (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </button>\n        ),\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDU;AAtDV,kBAAiB;AACjB,gBAAmB;AAuBnB,MAAM,aACJ;AACF,MAAM,iBAAiB;AACvB,MAAM,eAAe;AASd,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA6B;AAC3B,QAAM,QAAQ,UAAU,CAAC,EAAE,KAAK,OAAO,OAAO,MAAM,GAAG,GAAG,OAAO,IAAI;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM;AAAA,QAAI,CAAC,SACV,KAAK,OACH;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,eAAW,cAAG,YAAY,KAAK,SAAS,QAAQ,eAAe,cAAc;AAAA,YAE5E,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,eAAW,cAAG,YAAY,KAAK,QAAQ,QAAQ,eAAe,cAAc;AAAA,YAE3E,eAAK;AAAA;AAAA,UALD,KAAK;AAAA,QAMZ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/portfolio-chip-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PortfolioChipFilterOption {\n  key: string;\n  label: string;\n\n  href?: string;\n}\n\nexport interface PortfolioChipFilterProps {\n  options: PortfolioChipFilterOption[];\n\n  value: string;\n  onChange: (key: string) => void;\n\n  showAll?: boolean;\n  className?: string;\n}\n\nconst CHIP_CLASS =\n  \"shrink-0 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap transition-colors border\";\nconst INACTIVE_CLASS = \"bg-muted border-border/60 text-muted-foreground hover:text-foreground hover:border-border\";\nconst ACTIVE_CLASS = \"bg-gradient-to-r from-brand-purple to-brand-orange border-transparent text-white font-bold\";\n\nexport function PortfolioChipFilter({\n  options,\n  value,\n  onChange,\n  showAll = true,\n  className,\n}: PortfolioChipFilterProps) {\n  const items = showAll ? [{ key: \"all\", label: \"All\" }, ...options] : options;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1.5 overflow-x-auto scrollbar-hide -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8\",\n        className,\n      )}\n    >\n      {items.map((item) =>\n        item.href ? (\n          <Link\n            key={item.key}\n            href={item.href}\n            className={cn(CHIP_CLASS, item.href === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </Link>\n        ) : (\n          <button\n            key={item.key}\n            type=\"button\"\n            onClick={() => onChange(item.key)}\n            className={cn(CHIP_CLASS, item.key === value ? ACTIVE_CLASS : INACTIVE_CLASS)}\n          >\n            {item.label}\n          </button>\n        ),\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CU;AA3CV,kBAAiB;AACjB,gBAAmB;AAmBnB,MAAM,aACJ;AACF,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAEd,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA6B;AAC3B,QAAM,QAAQ,UAAU,CAAC,EAAE,KAAK,OAAO,OAAO,MAAM,GAAG,GAAG,OAAO,IAAI;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM;AAAA,QAAI,CAAC,SACV,KAAK,OACH;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,eAAW,cAAG,YAAY,KAAK,SAAS,QAAQ,eAAe,cAAc;AAAA,YAE5E,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,GAAG;AAAA,YAChC,eAAW,cAAG,YAAY,KAAK,QAAQ,QAAQ,eAAe,cAAc;AAAA,YAE3E,eAAK;AAAA;AAAA,UALD,KAAK;AAAA,QAMZ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}