@medialane/ui 0.324.0 → 0.326.0

package/dist/components/badge.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/button.d.cts

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

package/dist/components/button.d.ts

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

package/dist/components/collection-filters.cjs

@@ -98,7 +98,6 @@ function CollectionFiltersTrigger({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-end gap-2 flex-wrap", children: [
     showButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { onClick: onOpen, className: TRIGGER_BTN, "aria-label": "Filters", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "hidden sm:inline", children: "Filters" }),
       totalActiveCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1", children: totalActiveCount })
     ] }),
     showChips && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { SlidersHorizontal, X, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiToken, CollectionTokensSort } from \"@medialane/sdk\";\n\nconst EXCLUDED_TRAIT_TYPES = new Set([\"registration\"]);\n\nexport const SORT_OPTIONS: { value: CollectionTokensSort; label: string }[] = [\n  { value: \"recent\", label: \"Recent\" },\n  { value: \"oldest\", label: \"Oldest\" },\n  { value: \"name\", label: \"Name\" },\n  { value: \"price\", label: \"Price\" },\n];\n\nexport interface TraitSection {\n  traitType: string;\n  values: { value: string; count: number }[];\n}\n\nexport function useCollectionFilters(\n  tokens: ApiToken[],\n  selected: Record<string, string[]>,\n  onChange: (filters: Record<string, string[]>) => void,\n  sort: CollectionTokensSort,\n  onSortChange: (sort: CollectionTokensSort) => void,\n) {\n\n  const traitSections: TraitSection[] = useMemo(() => {\n    const map = new Map<string, Map<string, number>>();\n    for (const token of tokens) {\n      const attrs = Array.isArray(token.metadata?.attributes)\n        ? (token.metadata.attributes as { trait_type?: string; value?: string }[])\n        : [];\n      for (const attr of attrs) {\n        if (!attr.trait_type || attr.value == null) continue;\n        if (EXCLUDED_TRAIT_TYPES.has(attr.trait_type.toLowerCase())) continue;\n        if (!map.has(attr.trait_type)) map.set(attr.trait_type, new Map());\n        const counts = map.get(attr.trait_type)!;\n        const v = String(attr.value);\n        counts.set(v, (counts.get(v) ?? 0) + 1);\n      }\n    }\n    return Array.from(map.entries())\n      .map(([traitType, counts]) => ({\n        traitType,\n        values: Array.from(counts.entries())\n          .map(([value, count]) => ({ value, count }))\n          .sort((a, b) => b.count - a.count || a.value.localeCompare(b.value)),\n      }))\n      .filter((section) => section.values.length >= 2);\n  }, [tokens]);\n\n  const activeEntries = Object.entries(selected).flatMap(([traitType, values]) =>\n    values.map((value) => ({ traitType, value }))\n  );\n  const traitActiveCount = activeEntries.length;\n  const sortIsDefault = sort === \"recent\";\n  const totalActiveCount = traitActiveCount + (sortIsDefault ? 0 : 1);\n\n  function toggleValue(traitType: string, value: string) {\n    const current = selected[traitType] ?? [];\n    const next = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value];\n    const nextSelected = { ...selected };\n    if (next.length === 0) {\n      delete nextSelected[traitType];\n    } else {\n      nextSelected[traitType] = next;\n    }\n    onChange(nextSelected);\n  }\n\n  function clearAll() {\n    onChange({});\n    onSortChange(\"recent\");\n  }\n\n  function removeFilter(traitType: string, value: string) {\n    toggleValue(traitType, value);\n  }\n\n  return { traitSections, activeEntries, totalActiveCount, sortIsDefault, toggleValue, clearAll, removeFilter };\n}\n\nconst TRIGGER_BTN = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-input bg-background text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground h-8 px-3 shrink-0\";\n\nexport interface CollectionFiltersTriggerProps {\n  totalActiveCount: number;\n  sortIsDefault: boolean;\n  sort: CollectionTokensSort;\n  activeEntries: { traitType: string; value: string }[];\n  onOpen: () => void;\n  onSortReset: () => void;\n  onRemoveFilter: (traitType: string, value: string) => void;\n  onClearAll: () => void;\n  showButton?: boolean;\n  showChips?: boolean;\n}\n\nexport function CollectionFiltersTrigger({\n  totalActiveCount,\n  sortIsDefault,\n  sort,\n  activeEntries,\n  onOpen,\n  onSortReset,\n  onRemoveFilter,\n  onClearAll,\n  showButton = true,\n  showChips = true,\n}: CollectionFiltersTriggerProps) {\n  if (!showButton && (!showChips || (sortIsDefault && activeEntries.length === 0))) return null;\n  return (\n    <div className=\"flex items-center justify-end gap-2 flex-wrap\">\n      {showButton && (\n        <button onClick={onOpen} className={TRIGGER_BTN} aria-label=\"Filters\">\n          <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n          <span className=\"hidden sm:inline\">Filters</span>\n          {totalActiveCount > 0 && (\n            <span className=\"h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1\">\n              {totalActiveCount}\n            </span>\n          )}\n        </button>\n      )}\n      {showChips && (\n        <>\n\n      {!sortIsDefault && (\n        <button\n          onClick={onSortReset}\n          className=\"inline-flex items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs\">Sort:</span>\n          <span>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5\" />\n        </button>\n      )}\n\n      {activeEntries.map(({ traitType, value }) => (\n        <button\n          key={`${traitType}:${value}`}\n          onClick={() => onRemoveFilter(traitType, value)}\n          title={`${traitType}: ${value}`}\n          className=\"inline-flex max-w-full min-w-0 items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs shrink-0\">{traitType}:</span>\n          <span className=\"truncate\">{value}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5 shrink-0\" />\n        </button>\n      ))}\n\n      {totalActiveCount > 1 && (\n        <button\n          onClick={onClearAll}\n          className=\"text-xs text-muted-foreground hover:text-foreground underline-offset-2 hover:underline transition-colors\"\n        >\n          Clear all\n        </button>\n      )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface CollectionFiltersBodyProps {\n  sort: CollectionTokensSort;\n  onSortChange: (sort: CollectionTokensSort) => void;\n  traitSections: TraitSection[];\n  selected: Record<string, string[]>;\n  onToggleValue: (traitType: string, value: string) => void;\n}\n\nconst PILL_BASE = \"inline-flex max-w-full min-w-0 items-center gap-1 h-7 px-2.5 rounded-full border text-xs font-medium transition-colors\";\nconst PILL_ON = \"border-primary bg-primary text-primary-foreground\";\nconst PILL_OFF = \"border-border bg-transparent text-muted-foreground hover:text-foreground hover:border-foreground/30\";\n\nexport function CollectionFiltersBody({\n  sort,\n  onSortChange,\n  traitSections,\n  selected,\n  onToggleValue,\n}: CollectionFiltersBodyProps) {\n  return (\n    <div className=\"flex-1 min-w-0 overflow-y-auto overflow-x-hidden px-5 py-3 space-y-4\">\n\n      <div>\n        <div className=\"mb-2\">\n          <span className=\"text-sm font-medium\">Sort by</span>\n        </div>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {SORT_OPTIONS.map(({ value, label }) => {\n            const isSelected = sort === value;\n            return (\n              <button\n                key={value}\n                onClick={() => onSortChange(value)}\n                className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n              >\n                {isSelected && <Check className=\"h-3 w-3\" />}\n                <span>{label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {traitSections.length > 0 && (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          {traitSections.map((section, i) => {\n            const activeValues = selected[section.traitType] ?? [];\n            return (\n              <div key={section.traitType}>\n                {i > 0 && <div className=\"h-px w-full bg-border mb-4\" />}\n                <div className=\"flex items-center justify-between gap-3 mb-2\">\n                  <span className=\"min-w-0 truncate text-sm font-medium\" title={section.traitType}>{section.traitType}</span>\n                  <span className=\"shrink-0 text-2xs text-muted-foreground\">\n                    {section.values.length} values\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {section.values.map(({ value, count }) => {\n                    const isSelected = activeValues.includes(value);\n                    return (\n                      <button\n                        key={value}\n                        onClick={() => onToggleValue(section.traitType, value)}\n                        title={value}\n                        className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n                      >\n                        {isSelected && <Check className=\"h-3 w-3 shrink-0\" />}\n                        <span className=\"truncate\">{value}</span>\n                        <span className={cn(\"shrink-0\", isSelected ? \"opacity-80\" : \"opacity-60\")}>\n                          {count}\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/collection-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { SlidersHorizontal, X, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiToken, CollectionTokensSort } from \"@medialane/sdk\";\n\nconst EXCLUDED_TRAIT_TYPES = new Set([\"registration\"]);\n\nexport const SORT_OPTIONS: { value: CollectionTokensSort; label: string }[] = [\n  { value: \"recent\", label: \"Recent\" },\n  { value: \"oldest\", label: \"Oldest\" },\n  { value: \"name\", label: \"Name\" },\n  { value: \"price\", label: \"Price\" },\n];\n\nexport interface TraitSection {\n  traitType: string;\n  values: { value: string; count: number }[];\n}\n\nexport function useCollectionFilters(\n  tokens: ApiToken[],\n  selected: Record<string, string[]>,\n  onChange: (filters: Record<string, string[]>) => void,\n  sort: CollectionTokensSort,\n  onSortChange: (sort: CollectionTokensSort) => void,\n) {\n\n  const traitSections: TraitSection[] = useMemo(() => {\n    const map = new Map<string, Map<string, number>>();\n    for (const token of tokens) {\n      const attrs = Array.isArray(token.metadata?.attributes)\n        ? (token.metadata.attributes as { trait_type?: string; value?: string }[])\n        : [];\n      for (const attr of attrs) {\n        if (!attr.trait_type || attr.value == null) continue;\n        if (EXCLUDED_TRAIT_TYPES.has(attr.trait_type.toLowerCase())) continue;\n        if (!map.has(attr.trait_type)) map.set(attr.trait_type, new Map());\n        const counts = map.get(attr.trait_type)!;\n        const v = String(attr.value);\n        counts.set(v, (counts.get(v) ?? 0) + 1);\n      }\n    }\n    return Array.from(map.entries())\n      .map(([traitType, counts]) => ({\n        traitType,\n        values: Array.from(counts.entries())\n          .map(([value, count]) => ({ value, count }))\n          .sort((a, b) => b.count - a.count || a.value.localeCompare(b.value)),\n      }))\n      .filter((section) => section.values.length >= 2);\n  }, [tokens]);\n\n  const activeEntries = Object.entries(selected).flatMap(([traitType, values]) =>\n    values.map((value) => ({ traitType, value }))\n  );\n  const traitActiveCount = activeEntries.length;\n  const sortIsDefault = sort === \"recent\";\n  const totalActiveCount = traitActiveCount + (sortIsDefault ? 0 : 1);\n\n  function toggleValue(traitType: string, value: string) {\n    const current = selected[traitType] ?? [];\n    const next = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value];\n    const nextSelected = { ...selected };\n    if (next.length === 0) {\n      delete nextSelected[traitType];\n    } else {\n      nextSelected[traitType] = next;\n    }\n    onChange(nextSelected);\n  }\n\n  function clearAll() {\n    onChange({});\n    onSortChange(\"recent\");\n  }\n\n  function removeFilter(traitType: string, value: string) {\n    toggleValue(traitType, value);\n  }\n\n  return { traitSections, activeEntries, totalActiveCount, sortIsDefault, toggleValue, clearAll, removeFilter };\n}\n\nconst TRIGGER_BTN = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-input bg-background text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground h-8 px-3 shrink-0\";\n\nexport interface CollectionFiltersTriggerProps {\n  totalActiveCount: number;\n  sortIsDefault: boolean;\n  sort: CollectionTokensSort;\n  activeEntries: { traitType: string; value: string }[];\n  onOpen: () => void;\n  onSortReset: () => void;\n  onRemoveFilter: (traitType: string, value: string) => void;\n  onClearAll: () => void;\n  showButton?: boolean;\n  showChips?: boolean;\n}\n\nexport function CollectionFiltersTrigger({\n  totalActiveCount,\n  sortIsDefault,\n  sort,\n  activeEntries,\n  onOpen,\n  onSortReset,\n  onRemoveFilter,\n  onClearAll,\n  showButton = true,\n  showChips = true,\n}: CollectionFiltersTriggerProps) {\n  if (!showButton && (!showChips || (sortIsDefault && activeEntries.length === 0))) return null;\n  return (\n    <div className=\"flex items-center justify-end gap-2 flex-wrap\">\n      {showButton && (\n        <button onClick={onOpen} className={TRIGGER_BTN} aria-label=\"Filters\">\n          <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n          {totalActiveCount > 0 && (\n            <span className=\"h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1\">\n              {totalActiveCount}\n            </span>\n          )}\n        </button>\n      )}\n      {showChips && (\n        <>\n\n      {!sortIsDefault && (\n        <button\n          onClick={onSortReset}\n          className=\"inline-flex items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs\">Sort:</span>\n          <span>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5\" />\n        </button>\n      )}\n\n      {activeEntries.map(({ traitType, value }) => (\n        <button\n          key={`${traitType}:${value}`}\n          onClick={() => onRemoveFilter(traitType, value)}\n          title={`${traitType}: ${value}`}\n          className=\"inline-flex max-w-full min-w-0 items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs shrink-0\">{traitType}:</span>\n          <span className=\"truncate\">{value}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5 shrink-0\" />\n        </button>\n      ))}\n\n      {totalActiveCount > 1 && (\n        <button\n          onClick={onClearAll}\n          className=\"text-xs text-muted-foreground hover:text-foreground underline-offset-2 hover:underline transition-colors\"\n        >\n          Clear all\n        </button>\n      )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface CollectionFiltersBodyProps {\n  sort: CollectionTokensSort;\n  onSortChange: (sort: CollectionTokensSort) => void;\n  traitSections: TraitSection[];\n  selected: Record<string, string[]>;\n  onToggleValue: (traitType: string, value: string) => void;\n}\n\nconst PILL_BASE = \"inline-flex max-w-full min-w-0 items-center gap-1 h-7 px-2.5 rounded-full border text-xs font-medium transition-colors\";\nconst PILL_ON = \"border-primary bg-primary text-primary-foreground\";\nconst PILL_OFF = \"border-border bg-transparent text-muted-foreground hover:text-foreground hover:border-foreground/30\";\n\nexport function CollectionFiltersBody({\n  sort,\n  onSortChange,\n  traitSections,\n  selected,\n  onToggleValue,\n}: CollectionFiltersBodyProps) {\n  return (\n    <div className=\"flex-1 min-w-0 overflow-y-auto overflow-x-hidden px-5 py-3 space-y-4\">\n\n      <div>\n        <div className=\"mb-2\">\n          <span className=\"text-sm font-medium\">Sort by</span>\n        </div>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {SORT_OPTIONS.map(({ value, label }) => {\n            const isSelected = sort === value;\n            return (\n              <button\n                key={value}\n                onClick={() => onSortChange(value)}\n                className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n              >\n                {isSelected && <Check className=\"h-3 w-3\" />}\n                <span>{label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {traitSections.length > 0 && (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          {traitSections.map((section, i) => {\n            const activeValues = selected[section.traitType] ?? [];\n            return (\n              <div key={section.traitType}>\n                {i > 0 && <div className=\"h-px w-full bg-border mb-4\" />}\n                <div className=\"flex items-center justify-between gap-3 mb-2\">\n                  <span className=\"min-w-0 truncate text-sm font-medium\" title={section.traitType}>{section.traitType}</span>\n                  <span className=\"shrink-0 text-2xs text-muted-foreground\">\n                    {section.values.length} values\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {section.values.map(({ value, count }) => {\n                    const isSelected = activeValues.includes(value);\n                    return (\n                      <button\n                        key={value}\n                        onClick={() => onToggleValue(section.traitType, value)}\n                        title={value}\n                        className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n                      >\n                        {isSelected && <Check className=\"h-3 w-3 shrink-0\" />}\n                        <span className=\"truncate\">{value}</span>\n                        <span className={cn(\"shrink-0\", isSelected ? \"opacity-80\" : \"opacity-60\")}>\n                          {count}\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/collection-filters.js

@@ -72,7 +72,6 @@ function CollectionFiltersTrigger({
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 flex-wrap", children: [
     showButton && /* @__PURE__ */ jsxs("button", { onClick: onOpen, className: TRIGGER_BTN, "aria-label": "Filters", children: [
       /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Filters" }),
       totalActiveCount > 0 && /* @__PURE__ */ jsx("span", { className: "h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1", children: totalActiveCount })
     ] }),
     showChips && /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/collection-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { SlidersHorizontal, X, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiToken, CollectionTokensSort } from \"@medialane/sdk\";\n\nconst EXCLUDED_TRAIT_TYPES = new Set([\"registration\"]);\n\nexport const SORT_OPTIONS: { value: CollectionTokensSort; label: string }[] = [\n  { value: \"recent\", label: \"Recent\" },\n  { value: \"oldest\", label: \"Oldest\" },\n  { value: \"name\", label: \"Name\" },\n  { value: \"price\", label: \"Price\" },\n];\n\nexport interface TraitSection {\n  traitType: string;\n  values: { value: string; count: number }[];\n}\n\nexport function useCollectionFilters(\n  tokens: ApiToken[],\n  selected: Record<string, string[]>,\n  onChange: (filters: Record<string, string[]>) => void,\n  sort: CollectionTokensSort,\n  onSortChange: (sort: CollectionTokensSort) => void,\n) {\n\n  const traitSections: TraitSection[] = useMemo(() => {\n    const map = new Map<string, Map<string, number>>();\n    for (const token of tokens) {\n      const attrs = Array.isArray(token.metadata?.attributes)\n        ? (token.metadata.attributes as { trait_type?: string; value?: string }[])\n        : [];\n      for (const attr of attrs) {\n        if (!attr.trait_type || attr.value == null) continue;\n        if (EXCLUDED_TRAIT_TYPES.has(attr.trait_type.toLowerCase())) continue;\n        if (!map.has(attr.trait_type)) map.set(attr.trait_type, new Map());\n        const counts = map.get(attr.trait_type)!;\n        const v = String(attr.value);\n        counts.set(v, (counts.get(v) ?? 0) + 1);\n      }\n    }\n    return Array.from(map.entries())\n      .map(([traitType, counts]) => ({\n        traitType,\n        values: Array.from(counts.entries())\n          .map(([value, count]) => ({ value, count }))\n          .sort((a, b) => b.count - a.count || a.value.localeCompare(b.value)),\n      }))\n      .filter((section) => section.values.length >= 2);\n  }, [tokens]);\n\n  const activeEntries = Object.entries(selected).flatMap(([traitType, values]) =>\n    values.map((value) => ({ traitType, value }))\n  );\n  const traitActiveCount = activeEntries.length;\n  const sortIsDefault = sort === \"recent\";\n  const totalActiveCount = traitActiveCount + (sortIsDefault ? 0 : 1);\n\n  function toggleValue(traitType: string, value: string) {\n    const current = selected[traitType] ?? [];\n    const next = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value];\n    const nextSelected = { ...selected };\n    if (next.length === 0) {\n      delete nextSelected[traitType];\n    } else {\n      nextSelected[traitType] = next;\n    }\n    onChange(nextSelected);\n  }\n\n  function clearAll() {\n    onChange({});\n    onSortChange(\"recent\");\n  }\n\n  function removeFilter(traitType: string, value: string) {\n    toggleValue(traitType, value);\n  }\n\n  return { traitSections, activeEntries, totalActiveCount, sortIsDefault, toggleValue, clearAll, removeFilter };\n}\n\nconst TRIGGER_BTN = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-input bg-background text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground h-8 px-3 shrink-0\";\n\nexport interface CollectionFiltersTriggerProps {\n  totalActiveCount: number;\n  sortIsDefault: boolean;\n  sort: CollectionTokensSort;\n  activeEntries: { traitType: string; value: string }[];\n  onOpen: () => void;\n  onSortReset: () => void;\n  onRemoveFilter: (traitType: string, value: string) => void;\n  onClearAll: () => void;\n  showButton?: boolean;\n  showChips?: boolean;\n}\n\nexport function CollectionFiltersTrigger({\n  totalActiveCount,\n  sortIsDefault,\n  sort,\n  activeEntries,\n  onOpen,\n  onSortReset,\n  onRemoveFilter,\n  onClearAll,\n  showButton = true,\n  showChips = true,\n}: CollectionFiltersTriggerProps) {\n  if (!showButton && (!showChips || (sortIsDefault && activeEntries.length === 0))) return null;\n  return (\n    <div className=\"flex items-center justify-end gap-2 flex-wrap\">\n      {showButton && (\n        <button onClick={onOpen} className={TRIGGER_BTN} aria-label=\"Filters\">\n          <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n          <span className=\"hidden sm:inline\">Filters</span>\n          {totalActiveCount > 0 && (\n            <span className=\"h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1\">\n              {totalActiveCount}\n            </span>\n          )}\n        </button>\n      )}\n      {showChips && (\n        <>\n\n      {!sortIsDefault && (\n        <button\n          onClick={onSortReset}\n          className=\"inline-flex items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs\">Sort:</span>\n          <span>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5\" />\n        </button>\n      )}\n\n      {activeEntries.map(({ traitType, value }) => (\n        <button\n          key={`${traitType}:${value}`}\n          onClick={() => onRemoveFilter(traitType, value)}\n          title={`${traitType}: ${value}`}\n          className=\"inline-flex max-w-full min-w-0 items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs shrink-0\">{traitType}:</span>\n          <span className=\"truncate\">{value}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5 shrink-0\" />\n        </button>\n      ))}\n\n      {totalActiveCount > 1 && (\n        <button\n          onClick={onClearAll}\n          className=\"text-xs text-muted-foreground hover:text-foreground underline-offset-2 hover:underline transition-colors\"\n        >\n          Clear all\n        </button>\n      )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface CollectionFiltersBodyProps {\n  sort: CollectionTokensSort;\n  onSortChange: (sort: CollectionTokensSort) => void;\n  traitSections: TraitSection[];\n  selected: Record<string, string[]>;\n  onToggleValue: (traitType: string, value: string) => void;\n}\n\nconst PILL_BASE = \"inline-flex max-w-full min-w-0 items-center gap-1 h-7 px-2.5 rounded-full border text-xs font-medium transition-colors\";\nconst PILL_ON = \"border-primary bg-primary text-primary-foreground\";\nconst PILL_OFF = \"border-border bg-transparent text-muted-foreground hover:text-foreground hover:border-foreground/30\";\n\nexport function CollectionFiltersBody({\n  sort,\n  onSortChange,\n  traitSections,\n  selected,\n  onToggleValue,\n}: CollectionFiltersBodyProps) {\n  return (\n    <div className=\"flex-1 min-w-0 overflow-y-auto overflow-x-hidden px-5 py-3 space-y-4\">\n\n      <div>\n        <div className=\"mb-2\">\n          <span className=\"text-sm font-medium\">Sort by</span>\n        </div>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {SORT_OPTIONS.map(({ value, label }) => {\n            const isSelected = sort === value;\n            return (\n              <button\n                key={value}\n                onClick={() => onSortChange(value)}\n                className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n              >\n                {isSelected && <Check className=\"h-3 w-3\" />}\n                <span>{label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {traitSections.length > 0 && (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          {traitSections.map((section, i) => {\n            const activeValues = selected[section.traitType] ?? [];\n            return (\n              <div key={section.traitType}>\n                {i > 0 && <div className=\"h-px w-full bg-border mb-4\" />}\n                <div className=\"flex items-center justify-between gap-3 mb-2\">\n                  <span className=\"min-w-0 truncate text-sm font-medium\" title={section.traitType}>{section.traitType}</span>\n                  <span className=\"shrink-0 text-2xs text-muted-foreground\">\n                    {section.values.length} values\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {section.values.map(({ value, count }) => {\n                    const isSelected = activeValues.includes(value);\n                    return (\n                      <button\n                        key={value}\n                        onClick={() => onToggleValue(section.traitType, value)}\n                        title={value}\n                        className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n                      >\n                        {isSelected && <Check className=\"h-3 w-3 shrink-0\" />}\n                        <span className=\"truncate\">{value}</span>\n                        <span className={cn(\"shrink-0\", isSelected ? \"opacity-80\" : \"opacity-60\")}>\n                          {count}\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/collection-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { SlidersHorizontal, X, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiToken, CollectionTokensSort } from \"@medialane/sdk\";\n\nconst EXCLUDED_TRAIT_TYPES = new Set([\"registration\"]);\n\nexport const SORT_OPTIONS: { value: CollectionTokensSort; label: string }[] = [\n  { value: \"recent\", label: \"Recent\" },\n  { value: \"oldest\", label: \"Oldest\" },\n  { value: \"name\", label: \"Name\" },\n  { value: \"price\", label: \"Price\" },\n];\n\nexport interface TraitSection {\n  traitType: string;\n  values: { value: string; count: number }[];\n}\n\nexport function useCollectionFilters(\n  tokens: ApiToken[],\n  selected: Record<string, string[]>,\n  onChange: (filters: Record<string, string[]>) => void,\n  sort: CollectionTokensSort,\n  onSortChange: (sort: CollectionTokensSort) => void,\n) {\n\n  const traitSections: TraitSection[] = useMemo(() => {\n    const map = new Map<string, Map<string, number>>();\n    for (const token of tokens) {\n      const attrs = Array.isArray(token.metadata?.attributes)\n        ? (token.metadata.attributes as { trait_type?: string; value?: string }[])\n        : [];\n      for (const attr of attrs) {\n        if (!attr.trait_type || attr.value == null) continue;\n        if (EXCLUDED_TRAIT_TYPES.has(attr.trait_type.toLowerCase())) continue;\n        if (!map.has(attr.trait_type)) map.set(attr.trait_type, new Map());\n        const counts = map.get(attr.trait_type)!;\n        const v = String(attr.value);\n        counts.set(v, (counts.get(v) ?? 0) + 1);\n      }\n    }\n    return Array.from(map.entries())\n      .map(([traitType, counts]) => ({\n        traitType,\n        values: Array.from(counts.entries())\n          .map(([value, count]) => ({ value, count }))\n          .sort((a, b) => b.count - a.count || a.value.localeCompare(b.value)),\n      }))\n      .filter((section) => section.values.length >= 2);\n  }, [tokens]);\n\n  const activeEntries = Object.entries(selected).flatMap(([traitType, values]) =>\n    values.map((value) => ({ traitType, value }))\n  );\n  const traitActiveCount = activeEntries.length;\n  const sortIsDefault = sort === \"recent\";\n  const totalActiveCount = traitActiveCount + (sortIsDefault ? 0 : 1);\n\n  function toggleValue(traitType: string, value: string) {\n    const current = selected[traitType] ?? [];\n    const next = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value];\n    const nextSelected = { ...selected };\n    if (next.length === 0) {\n      delete nextSelected[traitType];\n    } else {\n      nextSelected[traitType] = next;\n    }\n    onChange(nextSelected);\n  }\n\n  function clearAll() {\n    onChange({});\n    onSortChange(\"recent\");\n  }\n\n  function removeFilter(traitType: string, value: string) {\n    toggleValue(traitType, value);\n  }\n\n  return { traitSections, activeEntries, totalActiveCount, sortIsDefault, toggleValue, clearAll, removeFilter };\n}\n\nconst TRIGGER_BTN = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-input bg-background text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground h-8 px-3 shrink-0\";\n\nexport interface CollectionFiltersTriggerProps {\n  totalActiveCount: number;\n  sortIsDefault: boolean;\n  sort: CollectionTokensSort;\n  activeEntries: { traitType: string; value: string }[];\n  onOpen: () => void;\n  onSortReset: () => void;\n  onRemoveFilter: (traitType: string, value: string) => void;\n  onClearAll: () => void;\n  showButton?: boolean;\n  showChips?: boolean;\n}\n\nexport function CollectionFiltersTrigger({\n  totalActiveCount,\n  sortIsDefault,\n  sort,\n  activeEntries,\n  onOpen,\n  onSortReset,\n  onRemoveFilter,\n  onClearAll,\n  showButton = true,\n  showChips = true,\n}: CollectionFiltersTriggerProps) {\n  if (!showButton && (!showChips || (sortIsDefault && activeEntries.length === 0))) return null;\n  return (\n    <div className=\"flex items-center justify-end gap-2 flex-wrap\">\n      {showButton && (\n        <button onClick={onOpen} className={TRIGGER_BTN} aria-label=\"Filters\">\n          <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n          {totalActiveCount > 0 && (\n            <span className=\"h-4 min-w-4 rounded-full bg-primary text-2xs font-bold text-primary-foreground flex items-center justify-center px-1 -mr-1\">\n              {totalActiveCount}\n            </span>\n          )}\n        </button>\n      )}\n      {showChips && (\n        <>\n\n      {!sortIsDefault && (\n        <button\n          onClick={onSortReset}\n          className=\"inline-flex items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs\">Sort:</span>\n          <span>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5\" />\n        </button>\n      )}\n\n      {activeEntries.map(({ traitType, value }) => (\n        <button\n          key={`${traitType}:${value}`}\n          onClick={() => onRemoveFilter(traitType, value)}\n          title={`${traitType}: ${value}`}\n          className=\"inline-flex max-w-full min-w-0 items-center gap-1 h-8 px-2.5 rounded-md border border-primary/40 bg-primary/10 text-xs font-medium text-foreground hover:bg-primary/20 transition-colors\"\n        >\n          <span className=\"text-muted-foreground text-2xs shrink-0\">{traitType}:</span>\n          <span className=\"truncate\">{value}</span>\n          <X className=\"h-3 w-3 text-muted-foreground ml-0.5 shrink-0\" />\n        </button>\n      ))}\n\n      {totalActiveCount > 1 && (\n        <button\n          onClick={onClearAll}\n          className=\"text-xs text-muted-foreground hover:text-foreground underline-offset-2 hover:underline transition-colors\"\n        >\n          Clear all\n        </button>\n      )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface CollectionFiltersBodyProps {\n  sort: CollectionTokensSort;\n  onSortChange: (sort: CollectionTokensSort) => void;\n  traitSections: TraitSection[];\n  selected: Record<string, string[]>;\n  onToggleValue: (traitType: string, value: string) => void;\n}\n\nconst PILL_BASE = \"inline-flex max-w-full min-w-0 items-center gap-1 h-7 px-2.5 rounded-full border text-xs font-medium transition-colors\";\nconst PILL_ON = \"border-primary bg-primary text-primary-foreground\";\nconst PILL_OFF = \"border-border bg-transparent text-muted-foreground hover:text-foreground hover:border-foreground/30\";\n\nexport function CollectionFiltersBody({\n  sort,\n  onSortChange,\n  traitSections,\n  selected,\n  onToggleValue,\n}: CollectionFiltersBodyProps) {\n  return (\n    <div className=\"flex-1 min-w-0 overflow-y-auto overflow-x-hidden px-5 py-3 space-y-4\">\n\n      <div>\n        <div className=\"mb-2\">\n          <span className=\"text-sm font-medium\">Sort by</span>\n        </div>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {SORT_OPTIONS.map(({ value, label }) => {\n            const isSelected = sort === value;\n            return (\n              <button\n                key={value}\n                onClick={() => onSortChange(value)}\n                className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n              >\n                {isSelected && <Check className=\"h-3 w-3\" />}\n                <span>{label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {traitSections.length > 0 && (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          {traitSections.map((section, i) => {\n            const activeValues = selected[section.traitType] ?? [];\n            return (\n              <div key={section.traitType}>\n                {i > 0 && <div className=\"h-px w-full bg-border mb-4\" />}\n                <div className=\"flex items-center justify-between gap-3 mb-2\">\n                  <span className=\"min-w-0 truncate text-sm font-medium\" title={section.traitType}>{section.traitType}</span>\n                  <span className=\"shrink-0 text-2xs text-muted-foreground\">\n                    {section.values.length} values\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {section.values.map(({ value, count }) => {\n                    const isSelected = activeValues.includes(value);\n                    return (\n                      <button\n                        key={value}\n                        onClick={() => onToggleValue(section.traitType, value)}\n                        title={value}\n                        className={cn(PILL_BASE, isSelected ? PILL_ON : PILL_OFF)}\n                      >\n                        {isSelected && <Check className=\"h-3 w-3 shrink-0\" />}\n                        <span className=\"truncate\">{value}</span>\n                        <span className={cn(\"shrink-0\", isSelected ? \"opacity-80\" : \"opacity-60\")}>\n                          {count}\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/discover-feed-section.cjs

@@ -54,9 +54,9 @@ function DiscoverActivityStrip({
       title: "Activity",
       href: marketplaceHref,
       linkLabel: "View all",
-      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
         const own = isOwnOrder?.(order) ?? false;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_listing_card.ListingCard,
           {
             order,

package/dist/components/discover-feed-section.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw } from \"lucide-react\";\nimport { SectionHeading, type SectionHeadingProps } from \"./section-heading.js\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  children,\n  ...heading\n}: SectionHeadingProps & { children: React.ReactNode }) {\n  return (\n    <section className=\"space-y-4\">\n      <SectionHeading {...heading} />\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-4 w-4\" />}\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA7BJ,0BAAyC;AACzC,6BAAyD;AACzD,+BAAuB;AACvB,0BAAiD;AACjD,2BAAmD;AACnD,kBAAwB;AAExB,4BAA8B;AAiB9B,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,gDAAC,yCAAgB,GAAG,SAAS;AAAA,IAE7B,4CAAC,SAAI,WAAU,yCACb,sDAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,4CAAC,mCACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,4CAAC,2BAAI,WAAU,WAAU;AAAA,MAC/B,OAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,4BACrB,sDAAC,2CAAoB,KADb,CAEV,CACD,IACD,OAAO,WAAW,IAEhB,4CAAC,OAAE,WAAU,sCAAqC,qCAAuB,IAE3E,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,MAAM,aAAa,KAAK,KAAK;AACnC,eACE,4CAAC,SAA0B,WAAU,4BACnC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,cAAc,CAAC,MAAM,MAAM,WAAW,KAAK,IAAI;AAAA;AAAA,QACxD,KAJQ,MAAM,SAKhB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACP,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,6CAAC,SAAI,WAAU,4BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,mCAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,4CAAC,gCAAS,WAAU,WAAU;AAAA,QACpC,OAAM;AAAA,QACN,UACE,6CAAC,UAAK,WAAU,2BACd;AAAA,sDAAC,iCAAU,WAAU,eAAc;AAAA,UAAE;AAAA,cAC5B,qBAAQ,WAAW;AAAA,WAC9B;AAAA,QAEF,MAAM;AAAA,QACN,WAAU;AAAA,QAET,8BACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,oCACrB,sDAAC,6CAAqB,KADd,CAEV,CACD,IACD,WAAW,WAAW,IAEpB,6CAAC,SAAI,WAAU,QACb;AAAA,sDAAC,OAAE,WAAU,uBAAuB,8CAAc,SAAS,OAAM;AAAA,UACjE,4CAAC,OAAE,WAAU,iCAAiC,8CAAc,SAAS,aAAY;AAAA,WACnF,IAEF,WAAW,IAAI,CAAC,KAAK,MAAM;AACzB,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE,4CAAC,SAAc,WAAU,oCACvB,sDAAC,qCAAa,UAAU,KAAK,KADrB,GAEV;AAAA,QAEJ,CAAC;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw } from \"lucide-react\";\nimport { SectionHeading, type SectionHeadingProps } from \"./section-heading.js\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  children,\n  ...heading\n}: SectionHeadingProps & { children: React.ReactNode }) {\n  return (\n    <section className=\"space-y-4\">\n      <SectionHeading {...heading} />\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-4 w-4\" />}\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA7BJ,0BAAyC;AACzC,6BAAyD;AACzD,+BAAuB;AACvB,0BAAiD;AACjD,2BAAmD;AACnD,kBAAwB;AAExB,4BAA8B;AAiB9B,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE,6CAAC,aAAQ,WAAU,aACjB;AAAA,gDAAC,yCAAgB,GAAG,SAAS;AAAA,IAE7B,4CAAC,SAAI,WAAU,yCACb,sDAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,4CAAC,mCACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,4CAAC,2BAAI,WAAU,WAAU;AAAA,MAC/B,OAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,oCACrB,sDAAC,2CAAoB,KADb,CAEV,CACD,IACD,OAAO,WAAW,IAEhB,4CAAC,OAAE,WAAU,sCAAqC,qCAAuB,IAE3E,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,MAAM,aAAa,KAAK,KAAK;AACnC,eACE,4CAAC,SAA0B,WAAU,oCACnC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,cAAc,CAAC,MAAM,MAAM,WAAW,KAAK,IAAI;AAAA;AAAA,QACxD,KAJQ,MAAM,SAKhB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACP,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,6CAAC,SAAI,WAAU,4BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,mCAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,4CAAC,gCAAS,WAAU,WAAU;AAAA,QACpC,OAAM;AAAA,QACN,UACE,6CAAC,UAAK,WAAU,2BACd;AAAA,sDAAC,iCAAU,WAAU,eAAc;AAAA,UAAE;AAAA,cAC5B,qBAAQ,WAAW;AAAA,WAC9B;AAAA,QAEF,MAAM;AAAA,QACN,WAAU;AAAA,QAET,8BACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,4CAAC,SAAY,WAAU,oCACrB,sDAAC,6CAAqB,KADd,CAEV,CACD,IACD,WAAW,WAAW,IAEpB,6CAAC,SAAI,WAAU,QACb;AAAA,sDAAC,OAAE,WAAU,uBAAuB,8CAAc,SAAS,OAAM;AAAA,UACjE,4CAAC,OAAE,WAAU,iCAAiC,8CAAc,SAAS,aAAY;AAAA,WACnF,IAEF,WAAW,IAAI,CAAC,KAAK,MAAM;AACzB,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE,4CAAC,SAAc,WAAU,oCACvB,sDAAC,qCAAa,UAAU,KAAK,KADrB,GAEV;AAAA,QAEJ,CAAC;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/discover-feed-section.js

@@ -30,9 +30,9 @@ function DiscoverActivityStrip({
       title: "Activity",
       href: marketplaceHref,
       linkLabel: "View all",
-      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
         const own = isOwnOrder?.(order) ?? false;
-        return /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(
           ListingCard,
           {
             order,

package/dist/components/discover-feed-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw } from \"lucide-react\";\nimport { SectionHeading, type SectionHeadingProps } from \"./section-heading.js\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  children,\n  ...heading\n}: SectionHeadingProps & { children: React.ReactNode }) {\n  return (\n    <section className=\"space-y-4\">\n      <SectionHeading {...heading} />\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-4 w-4\" />}\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";AA+BI,SACE,KADF;AA7BJ,SAAS,KAAK,UAAU,iBAAiB;AACzC,SAAS,sBAAgD;AACzD,SAAS,cAAc;AACvB,SAAS,aAAa,2BAA2B;AACjD,SAAS,cAAc,4BAA4B;AACnD,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAiB9B,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,wBAAC,kBAAgB,GAAG,SAAS;AAAA,IAE7B,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,oBAAC,OAAI,WAAU,WAAU;AAAA,MAC/B,OAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,4BACrB,8BAAC,uBAAoB,KADb,CAEV,CACD,IACD,OAAO,WAAW,IAEhB,oBAAC,OAAE,WAAU,sCAAqC,qCAAuB,IAE3E,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,MAAM,aAAa,KAAK,KAAK;AACnC,eACE,oBAAC,SAA0B,WAAU,4BACnC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,cAAc,CAAC,MAAM,MAAM,WAAW,KAAK,IAAI;AAAA;AAAA,QACxD,KAJQ,MAAM,SAKhB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACP,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,qBAAC,SAAI,WAAU,4BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,UAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,oBAAC,YAAS,WAAU,WAAU;AAAA,QACpC,OAAM;AAAA,QACN,UACE,qBAAC,UAAK,WAAU,2BACd;AAAA,8BAAC,aAAU,WAAU,eAAc;AAAA,UAAE;AAAA,UAC5B,QAAQ,WAAW;AAAA,WAC9B;AAAA,QAEF,MAAM;AAAA,QACN,WAAU;AAAA,QAET,8BACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,wBAAqB,KADd,CAEV,CACD,IACD,WAAW,WAAW,IAEpB,qBAAC,SAAI,WAAU,QACb;AAAA,8BAAC,OAAE,WAAU,uBAAuB,wBAAc,SAAS,OAAM;AAAA,UACjE,oBAAC,OAAE,WAAU,iCAAiC,wBAAc,SAAS,aAAY;AAAA,WACnF,IAEF,WAAW,IAAI,CAAC,KAAK,MAAM;AACzB,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE,oBAAC,SAAc,WAAU,oCACvB,8BAAC,gBAAa,UAAU,KAAK,KADrB,GAEV;AAAA,QAEJ,CAAC;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw } from \"lucide-react\";\nimport { SectionHeading, type SectionHeadingProps } from \"./section-heading.js\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nfunction StripShell({\n  children,\n  ...heading\n}: SectionHeadingProps & { children: React.ReactNode }) {\n  return (\n    <section className=\"space-y-4\">\n      <SectionHeading {...heading} />\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-4 w-4\" />}\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-4 w-4\" />}\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";AA+BI,SACE,KADF;AA7BJ,SAAS,KAAK,UAAU,iBAAiB;AACzC,SAAS,sBAAgD;AACzD,SAAS,cAAc;AACvB,SAAS,aAAa,2BAA2B;AACjD,SAAS,cAAc,4BAA4B;AACnD,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAiB9B,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,wBAAC,kBAAgB,GAAG,SAAS;AAAA,IAE7B,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,oBAAC,OAAI,WAAU,WAAU;AAAA,MAC/B,OAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,uBAAoB,KADb,CAEV,CACD,IACD,OAAO,WAAW,IAEhB,oBAAC,OAAE,WAAU,sCAAqC,qCAAuB,IAE3E,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,MAAM,aAAa,KAAK,KAAK;AACnC,eACE,oBAAC,SAA0B,WAAU,oCACnC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,cAAc,CAAC,MAAM,MAAM,WAAW,KAAK,IAAI;AAAA;AAAA,QACxD,KAJQ,MAAM,SAKhB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACP,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,qBAAC,SAAI,WAAU,4BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,UAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,oBAAC,YAAS,WAAU,WAAU;AAAA,QACpC,OAAM;AAAA,QACN,UACE,qBAAC,UAAK,WAAU,2BACd;AAAA,8BAAC,aAAU,WAAU,eAAc;AAAA,UAAE;AAAA,UAC5B,QAAQ,WAAW;AAAA,WAC9B;AAAA,QAEF,MAAM;AAAA,QACN,WAAU;AAAA,QAET,8BACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,wBAAqB,KADd,CAEV,CACD,IACD,WAAW,WAAW,IAEpB,qBAAC,SAAI,WAAU,QACb;AAAA,8BAAC,OAAE,WAAU,uBAAuB,wBAAc,SAAS,OAAM;AAAA,UACjE,oBAAC,OAAE,WAAU,iCAAiC,wBAAc,SAAS,aAAY;AAAA,WACnF,IAEF,WAAW,IAAI,CAAC,KAAK,MAAM;AACzB,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE,oBAAC,SAAc,WAAU,oCACvB,8BAAC,gBAAa,UAAU,KAAK,KADrB,GAEV;AAAA,QAEJ,CAAC;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/home-page.cjs

@@ -71,9 +71,9 @@ function NewListings({ market }) {
       title: "New listings",
       href: "/marketplace",
       linkLabel: "Marketplace",
-      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 shrink-0 snap-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : listings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "py-4 text-sm text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/launchpad/single-editions", className: "text-primary hover:underline", children: "Sell the first asset" }) }) : listings.map((order) => {
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : listings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "py-4 text-sm text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/launchpad/single-editions", className: "text-primary hover:underline", children: "Sell the first asset" }) }) : listings.map((order) => {
         const own = !!walletAddress && (0, import_same_address.isSameAddress)(order.offerer, walletAddress);
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 shrink-0 snap-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_listing_card.ListingCard,
           {
             order,
@@ -95,7 +95,7 @@ function CollectionsStrip() {
       title: "Collections",
       href: "/collections",
       linkLabel: "See all",
-      children: isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collection_card.CollectionCardSkeleton, {}) }, i)) : collections.map((col) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-64 shrink-0 snap-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collection_card.CollectionCard, { collection: col }) }, col.contractAddress))
+      children: isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collection_card.CollectionCardSkeleton, {}) }, i)) : collections.map((col) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collection_card.CollectionCard, { collection: col }) }, col.contractAddress))
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref, type ApiCollection } from \"@medialane/sdk\";\nimport { Tag, TrendingUp } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { HeroSlider } from \"./hero-slider.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ListingCardMenu } from \"./listing-card-menu.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { RewardsSection } from \"./rewards-section.js\";\nimport { LaunchpadStrip } from \"./launchpad-strip.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { useUsdPrices } from \"../utils/use-usd-prices.js\";\nimport { orderUsd } from \"../utils/order-usd.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nconst LAUNCHPAD_HREFS = {\n  nfts: \"/launchpad/single-editions\",\n  \"limited-editions\": \"/launchpad/nfteditions\",\n  \"collection-drop\": \"/launchpad/drop\",\n  \"pop-protocol\": \"/launchpad/pop\",\n  \"ip-tickets\": \"/launchpad/tickets\",\n  \"creator-coins\": \"/launchpad/coin/create\",\n};\n\nfunction NewListings({ market }: { market: CollectionMarketActions }) {\n  const { walletAddress } = useMedialaneApp();\n  const { orders, isLoading } = useOrders({ status: \"ACTIVE\", limit: 10, page: 1 });\n  const prices = useUsdPrices();\n  const listings = orders.filter((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\").slice(0, 10);\n  return (\n    <ScrollSection\n      icon={<Tag className=\"h-4 w-4\" />}\n      title=\"New listings\"\n      href=\"/marketplace\"\n      linkLabel=\"Marketplace\"\n    >\n      {isLoading\n        ? Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"w-72 shrink-0 snap-start\"><ListingCardSkeleton /></div>\n          ))\n        : listings.length === 0\n        ? (\n            <p className=\"py-4 text-sm text-muted-foreground\">\n              <Link href=\"/launchpad/single-editions\" className=\"text-primary hover:underline\">Sell the first asset</Link>\n            </p>\n          )\n        : listings.map((order) => {\n            const own = !!walletAddress && isSameAddress(order.offerer, walletAddress);\n            return (\n              <div key={order.orderHash} className=\"w-72 shrink-0 snap-start\">\n                <ListingCard\n                  order={order}\n                  onBuy={own ? undefined : () => market.buy(order)}\n                  overflowMenu={<ListingCardMenu order={order} />}\n                  usdValue={orderUsd(order.price, prices)}\n                />\n              </div>\n            );\n          })}\n    </ScrollSection>\n  );\n}\n\nfunction CollectionsStrip() {\n  const { collections, isLoading } = useCollections(1, 10, undefined, \"recent\");\n  return (\n    <ScrollSection\n      icon={<TrendingUp className=\"h-4 w-4\" />}\n      title=\"Collections\"\n      href=\"/collections\"\n      linkLabel=\"See all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCardSkeleton /></div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-64 shrink-0 snap-start\"><CollectionCard collection={col} /></div>\n          ))}\n    </ScrollSection>\n  );\n}\n\nexport interface HomePageProps {\n  useMarketActions: () => CollectionMarketActions;\n  initialFeatured?: ApiCollection[];\n}\n\nexport function HomePage({ useMarketActions, initialFeatured }: HomePageProps) {\n  const market = useMarketActions();\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 3, true, \"recent\", true, undefined, undefined, initialFeatured);\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  return (\n    <div className=\"pb-20\">\n      <HeroSlider collections={featured} isLoading={featuredLoading} getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)} />\n      <PageContainer className=\"box-border max-w-full pt-6 pb-0\">\n        <ActivityTicker orders={tickerOrders} minItems={3} getHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)} />\n      </PageContainer>\n      <PageContainer className=\"mt-16 box-border max-w-full space-y-10 pt-0 pb-0 sm:space-y-16 lg:space-y-20\">\n        <NewListings market={market} />\n        <CollectionsStrip />\n        <RewardsSection rewardsHref=\"/rewards\" />\n        <LaunchpadStrip hrefs={LAUNCHPAD_HREFS} marketplaceHref=\"/marketplace\" launchpadHref=\"/launchpad\" />\n      </PageContainer>\n      {market.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref, type ApiCollection } from \"@medialane/sdk\";\nimport { Tag, TrendingUp } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { HeroSlider } from \"./hero-slider.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ListingCardMenu } from \"./listing-card-menu.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { RewardsSection } from \"./rewards-section.js\";\nimport { LaunchpadStrip } from \"./launchpad-strip.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { useUsdPrices } from \"../utils/use-usd-prices.js\";\nimport { orderUsd } from \"../utils/order-usd.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nconst LAUNCHPAD_HREFS = {\n  nfts: \"/launchpad/single-editions\",\n  \"limited-editions\": \"/launchpad/nfteditions\",\n  \"collection-drop\": \"/launchpad/drop\",\n  \"pop-protocol\": \"/launchpad/pop\",\n  \"ip-tickets\": \"/launchpad/tickets\",\n  \"creator-coins\": \"/launchpad/coin/create\",\n};\n\nfunction NewListings({ market }: { market: CollectionMarketActions }) {\n  const { walletAddress } = useMedialaneApp();\n  const { orders, isLoading } = useOrders({ status: \"ACTIVE\", limit: 10, page: 1 });\n  const prices = useUsdPrices();\n  const listings = orders.filter((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\").slice(0, 10);\n  return (\n    <ScrollSection\n      icon={<Tag className=\"h-4 w-4\" />}\n      title=\"New listings\"\n      href=\"/marketplace\"\n      linkLabel=\"Marketplace\"\n    >\n      {isLoading\n        ? Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><ListingCardSkeleton /></div>\n          ))\n        : listings.length === 0\n        ? (\n            <p className=\"py-4 text-sm text-muted-foreground\">\n              <Link href=\"/launchpad/single-editions\" className=\"text-primary hover:underline\">Sell the first asset</Link>\n            </p>\n          )\n        : listings.map((order) => {\n            const own = !!walletAddress && isSameAddress(order.offerer, walletAddress);\n            return (\n              <div key={order.orderHash} className=\"w-56 shrink-0 snap-start sm:w-64\">\n                <ListingCard\n                  order={order}\n                  onBuy={own ? undefined : () => market.buy(order)}\n                  overflowMenu={<ListingCardMenu order={order} />}\n                  usdValue={orderUsd(order.price, prices)}\n                />\n              </div>\n            );\n          })}\n    </ScrollSection>\n  );\n}\n\nfunction CollectionsStrip() {\n  const { collections, isLoading } = useCollections(1, 10, undefined, \"recent\");\n  return (\n    <ScrollSection\n      icon={<TrendingUp className=\"h-4 w-4\" />}\n      title=\"Collections\"\n      href=\"/collections\"\n      linkLabel=\"See all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCardSkeleton /></div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCard collection={col} /></div>\n          ))}\n    </ScrollSection>\n  );\n}\n\nexport interface HomePageProps {\n  useMarketActions: () => CollectionMarketActions;\n  initialFeatured?: ApiCollection[];\n}\n\nexport function HomePage({ useMarketActions, initialFeatured }: HomePageProps) {\n  const market = useMarketActions();\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 3, true, \"recent\", true, undefined, undefined, initialFeatured);\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  return (\n    <div className=\"pb-20\">\n      <HeroSlider collections={featured} isLoading={featuredLoading} getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)} />\n      <PageContainer className=\"box-border max-w-full pt-6 pb-0\">\n        <ActivityTicker orders={tickerOrders} minItems={3} getHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)} />\n      </PageContainer>\n      <PageContainer className=\"mt-16 box-border max-w-full space-y-10 pt-0 pb-0 sm:space-y-16 lg:space-y-20\">\n        <NewListings market={market} />\n        <CollectionsStrip />\n        <RewardsSection rewardsHref=\"/rewards\" />\n        <LaunchpadStrip hrefs={LAUNCHPAD_HREFS} marketplaceHref=\"/marketplace\" launchpadHref=\"/launchpad\" />\n      </PageContainer>\n      {market.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/home-page.js

@@ -38,9 +38,9 @@ function NewListings({ market }) {
       title: "New listings",
       href: "/marketplace",
       linkLabel: "Marketplace",
-      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0 snap-start", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : listings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Link, { href: "/launchpad/single-editions", className: "text-primary hover:underline", children: "Sell the first asset" }) }) : listings.map((order) => {
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : listings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Link, { href: "/launchpad/single-editions", className: "text-primary hover:underline", children: "Sell the first asset" }) }) : listings.map((order) => {
         const own = !!walletAddress && isSameAddress(order.offerer, walletAddress);
-        return /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0 snap-start", children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ jsx(
           ListingCard,
           {
             order,
@@ -62,7 +62,7 @@ function CollectionsStrip() {
       title: "Collections",
       href: "/collections",
       linkLabel: "See all",
-      children: isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ jsx(CollectionCardSkeleton, {}) }, i)) : collections.map((col) => /* @__PURE__ */ jsx("div", { className: "w-64 shrink-0 snap-start", children: /* @__PURE__ */ jsx(CollectionCard, { collection: col }) }, col.contractAddress))
+      children: isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ jsx(CollectionCardSkeleton, {}) }, i)) : collections.map((col) => /* @__PURE__ */ jsx("div", { className: "w-56 shrink-0 snap-start sm:w-64", children: /* @__PURE__ */ jsx(CollectionCard, { collection: col }) }, col.contractAddress))
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref, type ApiCollection } from \"@medialane/sdk\";\nimport { Tag, TrendingUp } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { HeroSlider } from \"./hero-slider.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ListingCardMenu } from \"./listing-card-menu.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { RewardsSection } from \"./rewards-section.js\";\nimport { LaunchpadStrip } from \"./launchpad-strip.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { useUsdPrices } from \"../utils/use-usd-prices.js\";\nimport { orderUsd } from \"../utils/order-usd.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nconst LAUNCHPAD_HREFS = {\n  nfts: \"/launchpad/single-editions\",\n  \"limited-editions\": \"/launchpad/nfteditions\",\n  \"collection-drop\": \"/launchpad/drop\",\n  \"pop-protocol\": \"/launchpad/pop\",\n  \"ip-tickets\": \"/launchpad/tickets\",\n  \"creator-coins\": \"/launchpad/coin/create\",\n};\n\nfunction NewListings({ market }: { market: CollectionMarketActions }) {\n  const { walletAddress } = useMedialaneApp();\n  const { orders, isLoading } = useOrders({ status: \"ACTIVE\", limit: 10, page: 1 });\n  const prices = useUsdPrices();\n  const listings = orders.filter((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\").slice(0, 10);\n  return (\n    <ScrollSection\n      icon={<Tag className=\"h-4 w-4\" />}\n      title=\"New listings\"\n      href=\"/marketplace\"\n      linkLabel=\"Marketplace\"\n    >\n      {isLoading\n        ? Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"w-72 shrink-0 snap-start\"><ListingCardSkeleton /></div>\n          ))\n        : listings.length === 0\n        ? (\n            <p className=\"py-4 text-sm text-muted-foreground\">\n              <Link href=\"/launchpad/single-editions\" className=\"text-primary hover:underline\">Sell the first asset</Link>\n            </p>\n          )\n        : listings.map((order) => {\n            const own = !!walletAddress && isSameAddress(order.offerer, walletAddress);\n            return (\n              <div key={order.orderHash} className=\"w-72 shrink-0 snap-start\">\n                <ListingCard\n                  order={order}\n                  onBuy={own ? undefined : () => market.buy(order)}\n                  overflowMenu={<ListingCardMenu order={order} />}\n                  usdValue={orderUsd(order.price, prices)}\n                />\n              </div>\n            );\n          })}\n    </ScrollSection>\n  );\n}\n\nfunction CollectionsStrip() {\n  const { collections, isLoading } = useCollections(1, 10, undefined, \"recent\");\n  return (\n    <ScrollSection\n      icon={<TrendingUp className=\"h-4 w-4\" />}\n      title=\"Collections\"\n      href=\"/collections\"\n      linkLabel=\"See all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCardSkeleton /></div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-64 shrink-0 snap-start\"><CollectionCard collection={col} /></div>\n          ))}\n    </ScrollSection>\n  );\n}\n\nexport interface HomePageProps {\n  useMarketActions: () => CollectionMarketActions;\n  initialFeatured?: ApiCollection[];\n}\n\nexport function HomePage({ useMarketActions, initialFeatured }: HomePageProps) {\n  const market = useMarketActions();\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 3, true, \"recent\", true, undefined, undefined, initialFeatured);\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  return (\n    <div className=\"pb-20\">\n      <HeroSlider collections={featured} isLoading={featuredLoading} getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)} />\n      <PageContainer className=\"box-border max-w-full pt-6 pb-0\">\n        <ActivityTicker orders={tickerOrders} minItems={3} getHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)} />\n      </PageContainer>\n      <PageContainer className=\"mt-16 box-border max-w-full space-y-10 pt-0 pb-0 sm:space-y-16 lg:space-y-20\">\n        <NewListings market={market} />\n        <CollectionsStrip />\n        <RewardsSection rewardsHref=\"/rewards\" />\n        <LaunchpadStrip hrefs={LAUNCHPAD_HREFS} marketplaceHref=\"/marketplace\" launchpadHref=\"/launchpad\" />\n      </PageContainer>\n      {market.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { assetHref, collectionHref, type ApiCollection } from \"@medialane/sdk\";\nimport { Tag, TrendingUp } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { HeroSlider } from \"./hero-slider.js\";\nimport { ActivityTicker } from \"./activity-ticker.js\";\nimport { ScrollSection } from \"./scroll-section.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ListingCardMenu } from \"./listing-card-menu.js\";\nimport { CollectionCard, CollectionCardSkeleton } from \"./collection-card.js\";\nimport { RewardsSection } from \"./rewards-section.js\";\nimport { LaunchpadStrip } from \"./launchpad-strip.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { useOrders } from \"../utils/use-orders.js\";\nimport { useCollections } from \"../utils/use-collections.js\";\nimport { useUsdPrices } from \"../utils/use-usd-prices.js\";\nimport { orderUsd } from \"../utils/order-usd.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\n\nconst LAUNCHPAD_HREFS = {\n  nfts: \"/launchpad/single-editions\",\n  \"limited-editions\": \"/launchpad/nfteditions\",\n  \"collection-drop\": \"/launchpad/drop\",\n  \"pop-protocol\": \"/launchpad/pop\",\n  \"ip-tickets\": \"/launchpad/tickets\",\n  \"creator-coins\": \"/launchpad/coin/create\",\n};\n\nfunction NewListings({ market }: { market: CollectionMarketActions }) {\n  const { walletAddress } = useMedialaneApp();\n  const { orders, isLoading } = useOrders({ status: \"ACTIVE\", limit: 10, page: 1 });\n  const prices = useUsdPrices();\n  const listings = orders.filter((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\").slice(0, 10);\n  return (\n    <ScrollSection\n      icon={<Tag className=\"h-4 w-4\" />}\n      title=\"New listings\"\n      href=\"/marketplace\"\n      linkLabel=\"Marketplace\"\n    >\n      {isLoading\n        ? Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><ListingCardSkeleton /></div>\n          ))\n        : listings.length === 0\n        ? (\n            <p className=\"py-4 text-sm text-muted-foreground\">\n              <Link href=\"/launchpad/single-editions\" className=\"text-primary hover:underline\">Sell the first asset</Link>\n            </p>\n          )\n        : listings.map((order) => {\n            const own = !!walletAddress && isSameAddress(order.offerer, walletAddress);\n            return (\n              <div key={order.orderHash} className=\"w-56 shrink-0 snap-start sm:w-64\">\n                <ListingCard\n                  order={order}\n                  onBuy={own ? undefined : () => market.buy(order)}\n                  overflowMenu={<ListingCardMenu order={order} />}\n                  usdValue={orderUsd(order.price, prices)}\n                />\n              </div>\n            );\n          })}\n    </ScrollSection>\n  );\n}\n\nfunction CollectionsStrip() {\n  const { collections, isLoading } = useCollections(1, 10, undefined, \"recent\");\n  return (\n    <ScrollSection\n      icon={<TrendingUp className=\"h-4 w-4\" />}\n      title=\"Collections\"\n      href=\"/collections\"\n      linkLabel=\"See all\"\n    >\n      {isLoading\n        ? Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCardSkeleton /></div>\n          ))\n        : collections.map((col) => (\n            <div key={col.contractAddress} className=\"w-56 shrink-0 snap-start sm:w-64\"><CollectionCard collection={col} /></div>\n          ))}\n    </ScrollSection>\n  );\n}\n\nexport interface HomePageProps {\n  useMarketActions: () => CollectionMarketActions;\n  initialFeatured?: ApiCollection[];\n}\n\nexport function HomePage({ useMarketActions, initialFeatured }: HomePageProps) {\n  const market = useMarketActions();\n  const { collections: featured, isLoading: featuredLoading } = useCollections(1, 3, true, \"recent\", true, undefined, undefined, initialFeatured);\n  const { orders: tickerOrders } = useOrders({ status: \"ACTIVE\", sort: \"recent\", limit: 14 });\n  return (\n    <div className=\"pb-20\">\n      <HeroSlider collections={featured} isLoading={featuredLoading} getHref={(c) => collectionHref(\"STARKNET\", c.contractAddress)} />\n      <PageContainer className=\"box-border max-w-full pt-6 pb-0\">\n        <ActivityTicker orders={tickerOrders} minItems={3} getHref={(o) => assetHref(\"STARKNET\", o.nftContract, o.nftTokenId)} />\n      </PageContainer>\n      <PageContainer className=\"mt-16 box-border max-w-full space-y-10 pt-0 pb-0 sm:space-y-16 lg:space-y-20\">\n        <NewListings market={market} />\n        <CollectionsStrip />\n        <RewardsSection rewardsHref=\"/rewards\" />\n        <LaunchpadStrip hrefs={LAUNCHPAD_HREFS} marketplaceHref=\"/marketplace\" launchpadHref=\"/launchpad\" />\n      </PageContainer>\n      {market.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/ip-type-page.cjs

@@ -162,13 +162,13 @@ function IpTypePage({ slug, useMarketActions }) {
           "button",
           {
             onClick: () => setFiltersOpen(true),
+            "aria-label": "Filters",
             className: (0, import_cn.cn)(
               "inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors",
               hasActiveFilters ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground"
             ),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-              "Filters",
               activeChipCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4", children: activeChipCount })
             ]
           }

package/dist/components/ip-type-page.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { SlidersHorizontal, Search, X as XIcon } from \"lucide-react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport Link from \"./link.js\";\nimport { Badge } from \"./badge.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Input } from \"./input.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { IP_TYPE_CONFIG, IP_TYPE_MAP } from \"./ip-type-badge.js\";\nimport { TokenCard, TokenCardSkeleton } from \"./token-card.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { useTokensByIpType } from \"../utils/use-tokens-by-ip-type.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst PAGE_SIZE = 24;\n\nfunction FilterChip({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n        active\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50\"\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n\nexport interface IpTypePageProps {\n  slug: string;\n  useMarketActions: () => CollectionMarketActions;\n}\n\nexport function IpTypePage({ slug, useMarketActions }: IpTypePageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const config = IP_TYPE_MAP[slug];\n  const Icon = config?.icon;\n  const [page, setPage] = useState(1);\n  const [listedOnly, setListedOnly] = useState(false);\n  const [allTokens, setAllTokens] = useState<ApiToken[]>([]);\n  const prevSlug = useRef(slug);\n\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [sortOrder, setSortOrder] = useState<\"recent\" | \"price_asc\" | \"price_desc\">(\"recent\");\n  const [licenseFilter, setLicenseFilter] = useState<string>(\"all\");\n  const [creatorSearchInput, setCreatorSearchInput] = useState(\"\");\n  const [creatorSearch, setCreatorSearch] = useState(\"\");\n\n  useEffect(() => {\n    if (prevSlug.current !== slug) {\n      prevSlug.current = slug;\n      setPage(1);\n      setAllTokens([]);\n    }\n  }, [slug]);\n\n  useEffect(() => {\n    const t = setTimeout(() => setCreatorSearch(creatorSearchInput), 300);\n    return () => clearTimeout(t);\n  }, [creatorSearchInput]);\n\n  const { tokens, meta, isLoading } = useTokensByIpType(slug, page, PAGE_SIZE);\n\n  useEffect(() => {\n    if (isLoading) return;\n    if (page === 1) {\n      setAllTokens(tokens);\n    } else {\n      setAllTokens((prev) => {\n        const seen = new Set(prev.map((t) => `${t.contractAddress}:${t.tokenId}`));\n        const fresh = tokens.filter((t) => !seen.has(`${t.contractAddress}:${t.tokenId}`));\n        return fresh.length > 0 ? [...prev, ...fresh] : prev;\n      });\n    }\n  }, [tokens, isLoading, page]);\n\n  const activeFilterCount =\n    (sortOrder !== \"recent\" ? 1 : 0) +\n    (licenseFilter !== \"all\" ? 1 : 0) +\n    (creatorSearch !== \"\" ? 1 : 0);\n  const activeChipCount = activeFilterCount + (listedOnly ? 1 : 0);\n  const hasActiveFilters = activeChipCount > 0;\n  const resetAll = () => {\n    setSortOrder(\"recent\");\n    setLicenseFilter(\"all\");\n    setCreatorSearch(\"\");\n    setCreatorSearchInput(\"\");\n    setListedOnly(false);\n  };\n\n  let displayed = listedOnly\n    ? allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0)\n    : [...allTokens];\n\n  if (licenseFilter !== \"all\") {\n    displayed = displayed.filter((t) =>\n      t.metadata?.attributes?.some(\n        (a) => a.trait_type === \"License\" && a.value === licenseFilter\n      )\n    );\n  }\n  if (creatorSearch) {\n    const q = creatorSearch.toLowerCase();\n    displayed = displayed.filter((t) => {\n      const creatorVal =\n        t.metadata?.attributes?.find((a) => a.trait_type === \"Creator\")?.value ?? \"\";\n      return (\n        String(creatorVal).toLowerCase().includes(q) ||\n        t.contractAddress.toLowerCase().includes(q)\n      );\n    });\n  }\n  if (sortOrder === \"price_asc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      return pa - pb;\n    });\n  } else if (sortOrder === \"price_desc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      return pb - pa;\n    });\n  }\n\n  const isInitialLoading = isLoading && allTokens.length === 0;\n  const isLoadingMore = isLoading && allTokens.length > 0;\n  const hasMore = meta?.total != null ? allTokens.length < meta.total : false;\n  const listedCount = allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0).length;\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-4\">\n          {config && Icon && (\n            <div className={cn(\"h-14 w-14 rounded-2xl flex items-center justify-center shadow-lg\", config.bgClass)}>\n              <Icon className={cn(\"h-7 w-7\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <h1 className=\"text-3xl font-semibold\">{config?.label ?? slug}</h1>\n            <p className=\"text-muted-foreground mt-0.5\">\n              {meta?.total != null ? (\n                <>{meta.total.toLocaleString()} assets · {listedCount} market</>\n              ) : (\n                \"Browsing indexed digital assets on Medialane\"\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <button\n            onClick={() => setFiltersOpen(true)}\n            className={cn(\n              \"inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors\",\n              hasActiveFilters\n                ? \"border-primary bg-primary/10 text-primary\"\n                : \"border-border text-muted-foreground\"\n            )}\n          >\n            <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n            Filters\n            {activeChipCount > 0 && (\n              <span className=\"ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4\">\n                {activeChipCount}\n              </span>\n            )}\n          </button>\n\n          {listedOnly && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setListedOnly(false)}>\n              Listed only\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {sortOrder !== \"recent\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setSortOrder(\"recent\")}>\n              {sortOrder === \"price_asc\" ? \"Price ↑\" : \"Price ↓\"}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {licenseFilter !== \"all\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setLicenseFilter(\"all\")}>\n              {licenseFilter}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {creatorSearch && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => { setCreatorSearch(\"\"); setCreatorSearchInput(\"\"); }}>\n              {creatorSearch.length > 10 ? `${creatorSearch.slice(0, 10)}…` : creatorSearch}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n        </div>\n\n        <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n          <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n            <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n              <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n                <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n                Filters\n              </DialogTitle>\n              {hasActiveFilters && (\n                <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={resetAll}>\n                  Clear all\n                </Button>\n              )}\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Status</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={!listedOnly} onClick={() => setListedOnly(false)} label=\"All\" />\n                  <FilterChip\n                    active={listedOnly}\n                    onClick={() => setListedOnly(true)}\n                    label={`Listed only${listedCount > 0 ? ` (${listedCount})` : \"\"}`}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Sort</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={sortOrder === \"recent\"} onClick={() => setSortOrder(\"recent\")} label=\"Recent\" />\n                  <FilterChip active={sortOrder === \"price_asc\"} onClick={() => setSortOrder(\"price_asc\")} label=\"Price ↑\" />\n                  <FilterChip active={sortOrder === \"price_desc\"} onClick={() => setSortOrder(\"price_desc\")} label=\"Price ↓\" />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">License</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {[\"all\", \"CC0\", \"CC BY\", \"CC BY-SA\", \"CC BY-NC\", \"CC BY-ND\", \"Custom\"].map((lic) => (\n                    <FilterChip\n                      key={lic}\n                      active={licenseFilter === lic}\n                      onClick={() => setLicenseFilter(lic)}\n                      label={lic === \"all\" ? \"All licenses\" : lic}\n                    />\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Creator</p>\n                <div className=\"relative\">\n                  <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\" />\n                  <Input\n                    className=\"h-9 text-sm pl-8\"\n                    placeholder=\"Name or wallet address…\"\n                    value={creatorSearchInput}\n                    onChange={(e) => setCreatorSearchInput(e.target.value)}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2 pt-1 border-t border-border/60\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">IP Type</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {IP_TYPE_CONFIG.map((t) => (\n                    <Link\n                      key={t.slug}\n                      href={`/${t.slug}`}\n                      className={cn(\n                        \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                        t.slug === slug\n                          ? \"border-primary bg-primary/10 text-primary font-medium\"\n                          : \"border-border text-muted-foreground hover:border-primary/50\"\n                      )}\n                    >\n                      <t.icon className={cn(\"h-3 w-3\", t.slug === slug ? t.colorClass : \"\")} />\n                      {t.label}\n                    </Link>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"px-5 py-3 border-t border-border/60\">\n              <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n                Apply filters\n              </Button>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n          {Array.from({ length: PAGE_SIZE }).map((_, i) => (\n            <TokenCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : displayed.length === 0 ? (\n        <div className=\"py-24 flex flex-col items-center gap-4 text-center\">\n          {config && Icon && (\n            <div className={cn(\"h-16 w-16 rounded-2xl flex items-center justify-center\", config.bgClass)}>\n              <Icon className={cn(\"h-8 w-8\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <p className=\"font-semibold text-lg\">\n              {listedOnly ? \"Listed assets appear here\" : emptyMessages.assetsOfType.title}\n            </p>\n            <p className=\"text-muted-foreground text-sm mt-1\">\n              {listedOnly\n                ? \"Try removing the 'Listed only' filter to see all assets.\"\n                : emptyMessages.assetsOfType.description}\n            </p>\n          </div>\n          <Button asChild variant=\"outline\">\n            <Link href=\"/launchpad/single-editions\">Create Asset</Link>\n          </Button>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n            {displayed.map((token) => {\n              const listing = token.activeOrders?.find((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\");\n              const isOwner = !!walletAddress && !!token.owner && isSameAddress(token.owner, walletAddress);\n              return (\n                <TokenCard\n                  key={`${token.contractAddress}:${token.tokenId}`}\n                  token={token}\n                  isOwner={isOwner}\n                  onBuy={!isOwner && listing ? () => market.buy(listing) : undefined}\n                  onOffer={isOwner ? undefined : market.offer}\n                />\n              );\n            })}\n          </div>\n\n          {!listedOnly && (\n            <LoadMoreSentinel\n              hasMore={hasMore}\n              isLoading={isLoadingMore}\n              onLoadMore={() => setPage((p) => p + 1)}\n            />\n          )}\n        </div>\n      )}\n\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":["XIcon","Link"]}
+{"version":3,"sources":["../../src/components/ip-type-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { SlidersHorizontal, Search, X as XIcon } from \"lucide-react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport Link from \"./link.js\";\nimport { Badge } from \"./badge.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Input } from \"./input.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { IP_TYPE_CONFIG, IP_TYPE_MAP } from \"./ip-type-badge.js\";\nimport { TokenCard, TokenCardSkeleton } from \"./token-card.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { useTokensByIpType } from \"../utils/use-tokens-by-ip-type.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst PAGE_SIZE = 24;\n\nfunction FilterChip({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n        active\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50\"\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n\nexport interface IpTypePageProps {\n  slug: string;\n  useMarketActions: () => CollectionMarketActions;\n}\n\nexport function IpTypePage({ slug, useMarketActions }: IpTypePageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const config = IP_TYPE_MAP[slug];\n  const Icon = config?.icon;\n  const [page, setPage] = useState(1);\n  const [listedOnly, setListedOnly] = useState(false);\n  const [allTokens, setAllTokens] = useState<ApiToken[]>([]);\n  const prevSlug = useRef(slug);\n\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [sortOrder, setSortOrder] = useState<\"recent\" | \"price_asc\" | \"price_desc\">(\"recent\");\n  const [licenseFilter, setLicenseFilter] = useState<string>(\"all\");\n  const [creatorSearchInput, setCreatorSearchInput] = useState(\"\");\n  const [creatorSearch, setCreatorSearch] = useState(\"\");\n\n  useEffect(() => {\n    if (prevSlug.current !== slug) {\n      prevSlug.current = slug;\n      setPage(1);\n      setAllTokens([]);\n    }\n  }, [slug]);\n\n  useEffect(() => {\n    const t = setTimeout(() => setCreatorSearch(creatorSearchInput), 300);\n    return () => clearTimeout(t);\n  }, [creatorSearchInput]);\n\n  const { tokens, meta, isLoading } = useTokensByIpType(slug, page, PAGE_SIZE);\n\n  useEffect(() => {\n    if (isLoading) return;\n    if (page === 1) {\n      setAllTokens(tokens);\n    } else {\n      setAllTokens((prev) => {\n        const seen = new Set(prev.map((t) => `${t.contractAddress}:${t.tokenId}`));\n        const fresh = tokens.filter((t) => !seen.has(`${t.contractAddress}:${t.tokenId}`));\n        return fresh.length > 0 ? [...prev, ...fresh] : prev;\n      });\n    }\n  }, [tokens, isLoading, page]);\n\n  const activeFilterCount =\n    (sortOrder !== \"recent\" ? 1 : 0) +\n    (licenseFilter !== \"all\" ? 1 : 0) +\n    (creatorSearch !== \"\" ? 1 : 0);\n  const activeChipCount = activeFilterCount + (listedOnly ? 1 : 0);\n  const hasActiveFilters = activeChipCount > 0;\n  const resetAll = () => {\n    setSortOrder(\"recent\");\n    setLicenseFilter(\"all\");\n    setCreatorSearch(\"\");\n    setCreatorSearchInput(\"\");\n    setListedOnly(false);\n  };\n\n  let displayed = listedOnly\n    ? allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0)\n    : [...allTokens];\n\n  if (licenseFilter !== \"all\") {\n    displayed = displayed.filter((t) =>\n      t.metadata?.attributes?.some(\n        (a) => a.trait_type === \"License\" && a.value === licenseFilter\n      )\n    );\n  }\n  if (creatorSearch) {\n    const q = creatorSearch.toLowerCase();\n    displayed = displayed.filter((t) => {\n      const creatorVal =\n        t.metadata?.attributes?.find((a) => a.trait_type === \"Creator\")?.value ?? \"\";\n      return (\n        String(creatorVal).toLowerCase().includes(q) ||\n        t.contractAddress.toLowerCase().includes(q)\n      );\n    });\n  }\n  if (sortOrder === \"price_asc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      return pa - pb;\n    });\n  } else if (sortOrder === \"price_desc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      return pb - pa;\n    });\n  }\n\n  const isInitialLoading = isLoading && allTokens.length === 0;\n  const isLoadingMore = isLoading && allTokens.length > 0;\n  const hasMore = meta?.total != null ? allTokens.length < meta.total : false;\n  const listedCount = allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0).length;\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-4\">\n          {config && Icon && (\n            <div className={cn(\"h-14 w-14 rounded-2xl flex items-center justify-center shadow-lg\", config.bgClass)}>\n              <Icon className={cn(\"h-7 w-7\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <h1 className=\"text-3xl font-semibold\">{config?.label ?? slug}</h1>\n            <p className=\"text-muted-foreground mt-0.5\">\n              {meta?.total != null ? (\n                <>{meta.total.toLocaleString()} assets · {listedCount} market</>\n              ) : (\n                \"Browsing indexed digital assets on Medialane\"\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <button\n            onClick={() => setFiltersOpen(true)}\n            aria-label=\"Filters\"\n            className={cn(\n              \"inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors\",\n              hasActiveFilters\n                ? \"border-primary bg-primary/10 text-primary\"\n                : \"border-border text-muted-foreground\"\n            )}\n          >\n            <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n            {activeChipCount > 0 && (\n              <span className=\"ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4\">\n                {activeChipCount}\n              </span>\n            )}\n          </button>\n\n          {listedOnly && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setListedOnly(false)}>\n              Listed only\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {sortOrder !== \"recent\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setSortOrder(\"recent\")}>\n              {sortOrder === \"price_asc\" ? \"Price ↑\" : \"Price ↓\"}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {licenseFilter !== \"all\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setLicenseFilter(\"all\")}>\n              {licenseFilter}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {creatorSearch && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => { setCreatorSearch(\"\"); setCreatorSearchInput(\"\"); }}>\n              {creatorSearch.length > 10 ? `${creatorSearch.slice(0, 10)}…` : creatorSearch}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n        </div>\n\n        <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n          <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n            <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n              <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n                <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n                Filters\n              </DialogTitle>\n              {hasActiveFilters && (\n                <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={resetAll}>\n                  Clear all\n                </Button>\n              )}\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Status</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={!listedOnly} onClick={() => setListedOnly(false)} label=\"All\" />\n                  <FilterChip\n                    active={listedOnly}\n                    onClick={() => setListedOnly(true)}\n                    label={`Listed only${listedCount > 0 ? ` (${listedCount})` : \"\"}`}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Sort</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={sortOrder === \"recent\"} onClick={() => setSortOrder(\"recent\")} label=\"Recent\" />\n                  <FilterChip active={sortOrder === \"price_asc\"} onClick={() => setSortOrder(\"price_asc\")} label=\"Price ↑\" />\n                  <FilterChip active={sortOrder === \"price_desc\"} onClick={() => setSortOrder(\"price_desc\")} label=\"Price ↓\" />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">License</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {[\"all\", \"CC0\", \"CC BY\", \"CC BY-SA\", \"CC BY-NC\", \"CC BY-ND\", \"Custom\"].map((lic) => (\n                    <FilterChip\n                      key={lic}\n                      active={licenseFilter === lic}\n                      onClick={() => setLicenseFilter(lic)}\n                      label={lic === \"all\" ? \"All licenses\" : lic}\n                    />\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Creator</p>\n                <div className=\"relative\">\n                  <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\" />\n                  <Input\n                    className=\"h-9 text-sm pl-8\"\n                    placeholder=\"Name or wallet address…\"\n                    value={creatorSearchInput}\n                    onChange={(e) => setCreatorSearchInput(e.target.value)}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2 pt-1 border-t border-border/60\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">IP Type</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {IP_TYPE_CONFIG.map((t) => (\n                    <Link\n                      key={t.slug}\n                      href={`/${t.slug}`}\n                      className={cn(\n                        \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                        t.slug === slug\n                          ? \"border-primary bg-primary/10 text-primary font-medium\"\n                          : \"border-border text-muted-foreground hover:border-primary/50\"\n                      )}\n                    >\n                      <t.icon className={cn(\"h-3 w-3\", t.slug === slug ? t.colorClass : \"\")} />\n                      {t.label}\n                    </Link>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"px-5 py-3 border-t border-border/60\">\n              <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n                Apply filters\n              </Button>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n          {Array.from({ length: PAGE_SIZE }).map((_, i) => (\n            <TokenCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : displayed.length === 0 ? (\n        <div className=\"py-24 flex flex-col items-center gap-4 text-center\">\n          {config && Icon && (\n            <div className={cn(\"h-16 w-16 rounded-2xl flex items-center justify-center\", config.bgClass)}>\n              <Icon className={cn(\"h-8 w-8\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <p className=\"font-semibold text-lg\">\n              {listedOnly ? \"Listed assets appear here\" : emptyMessages.assetsOfType.title}\n            </p>\n            <p className=\"text-muted-foreground text-sm mt-1\">\n              {listedOnly\n                ? \"Try removing the 'Listed only' filter to see all assets.\"\n                : emptyMessages.assetsOfType.description}\n            </p>\n          </div>\n          <Button asChild variant=\"outline\">\n            <Link href=\"/launchpad/single-editions\">Create Asset</Link>\n          </Button>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n            {displayed.map((token) => {\n              const listing = token.activeOrders?.find((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\");\n              const isOwner = !!walletAddress && !!token.owner && isSameAddress(token.owner, walletAddress);\n              return (\n                <TokenCard\n                  key={`${token.contractAddress}:${token.tokenId}`}\n                  token={token}\n                  isOwner={isOwner}\n                  onBuy={!isOwner && listing ? () => market.buy(listing) : undefined}\n                  onOffer={isOwner ? undefined : market.offer}\n                />\n              );\n            })}\n          </div>\n\n          {!listedOnly && (\n            <LoadMoreSentinel\n              hasMore={hasMore}\n              isLoading={isLoadingMore}\n              onLoadMore={() => setPage((p) => p + 1)}\n            />\n          )}\n        </div>\n      )}\n\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAvBJ,mBAA4C;AAC5C,0BAAsD;AAEtD,kBAAiB;AACjB,mBAAsB;AACtB,oBAAuB;AACvB,oBAAmD;AACnD,mBAAsB;AACtB,4BAA8B;AAC9B,gCAAiC;AACjC,2BAA4C;AAC5C,wBAA6C;AAC7C,2BAAgC;AAEhC,gBAAmB;AACnB,0BAA8B;AAC9B,mCAAkC;AAClC,4BAA8B;AAE9B,MAAM,YAAY;AAElB,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,GAA4D;AACvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT;AAAA,QACA,SACI,0DACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,WAAW,EAAE,MAAM,iBAAiB,GAAoB;AACtE,QAAM,EAAE,cAAc,QAAI,sCAAgB;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,SAAS,iCAAY,IAAI;AAC/B,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,CAAC,CAAC;AACzD,QAAM,eAAW,qBAAO,IAAI;AAE5B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAgD,QAAQ;AAC1F,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAiB,KAAK;AAChE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAS,EAAE;AAC/D,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,EAAE;AAErD,8BAAU,MAAM;AACd,QAAI,SAAS,YAAY,MAAM;AAC7B,eAAS,UAAU;AACnB,cAAQ,CAAC;AACT,mBAAa,CAAC,CAAC;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,8BAAU,MAAM;AACd,UAAM,IAAI,WAAW,MAAM,iBAAiB,kBAAkB,GAAG,GAAG;AACpE,WAAO,MAAM,aAAa,CAAC;AAAA,EAC7B,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,EAAE,QAAQ,MAAM,UAAU,QAAI,gDAAkB,MAAM,MAAM,SAAS;AAE3E,8BAAU,MAAM;AACd,QAAI,UAAW;AACf,QAAI,SAAS,GAAG;AACd,mBAAa,MAAM;AAAA,IACrB,OAAO;AACL,mBAAa,CAAC,SAAS;AACrB,cAAM,OAAO,IAAI,IAAI,KAAK,IAAI,CAAC,MAAM,GAAG,EAAE,eAAe,IAAI,EAAE,OAAO,EAAE,CAAC;AACzE,cAAM,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,eAAe,IAAI,EAAE,OAAO,EAAE,CAAC;AACjF,eAAO,MAAM,SAAS,IAAI,CAAC,GAAG,MAAM,GAAG,KAAK,IAAI;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,IAAI,CAAC;AAE5B,QAAM,qBACH,cAAc,WAAW,IAAI,MAC7B,kBAAkB,QAAQ,IAAI,MAC9B,kBAAkB,KAAK,IAAI;AAC9B,QAAM,kBAAkB,qBAAqB,aAAa,IAAI;AAC9D,QAAM,mBAAmB,kBAAkB;AAC3C,QAAM,WAAW,MAAM;AACrB,iBAAa,QAAQ;AACrB,qBAAiB,KAAK;AACtB,qBAAiB,EAAE;AACnB,0BAAsB,EAAE;AACxB,kBAAc,KAAK;AAAA,EACrB;AAEA,MAAI,YAAY,aACZ,UAAU,OAAO,CAAC,OAAO,EAAE,cAAc,UAAU,KAAK,CAAC,IACzD,CAAC,GAAG,SAAS;AAEjB,MAAI,kBAAkB,OAAO;AAC3B,gBAAY,UAAU;AAAA,MAAO,CAAC,MAC5B,EAAE,UAAU,YAAY;AAAA,QACtB,CAAC,MAAM,EAAE,eAAe,aAAa,EAAE,UAAU;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AACA,MAAI,eAAe;AACjB,UAAM,IAAI,cAAc,YAAY;AACpC,gBAAY,UAAU,OAAO,CAAC,MAAM;AAClC,YAAM,aACJ,EAAE,UAAU,YAAY,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,GAAG,SAAS;AAC5E,aACE,OAAO,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,KAC3C,EAAE,gBAAgB,YAAY,EAAE,SAAS,CAAC;AAAA,IAE9C,CAAC;AAAA,EACH;AACA,MAAI,cAAc,aAAa;AAC7B,gBAAY,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AACxC,YAAM,KAAK,WAAW,EAAE,eAAe,CAAC,GAAG,OAAO,aAAa,UAAU;AACzE,YAAM,KAAK,WAAW,EAAE,eAAe,CAAC,GAAG,OAAO,aAAa,UAAU;AACzE,aAAO,KAAK;AAAA,IACd,CAAC;AAAA,EACH,WAAW,cAAc,cAAc;AACrC,gBAAY,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AACxC,YAAM,KAAK,WAAW,EAAE,eAAe,CAAC,GAAG,OAAO,aAAa,GAAG;AAClE,YAAM,KAAK,WAAW,EAAE,eAAe,CAAC,GAAG,OAAO,aAAa,GAAG;AAClE,aAAO,KAAK;AAAA,IACd,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,aAAa,UAAU,WAAW;AAC3D,QAAM,gBAAgB,aAAa,UAAU,SAAS;AACtD,QAAM,UAAU,MAAM,SAAS,OAAO,UAAU,SAAS,KAAK,QAAQ;AACtE,QAAM,cAAc,UAAU,OAAO,CAAC,OAAO,EAAE,cAAc,UAAU,KAAK,CAAC,EAAE;AAE/E,SACE,6CAAC,uCAAc,WAAU,+CAEvB;AAAA,iDAAC,SAAI,WAAU,aACb;AAAA,mDAAC,SAAI,WAAU,2BACZ;AAAA,kBAAU,QACT,4CAAC,SAAI,eAAW,cAAG,oEAAoE,OAAO,OAAO,GACnG,sDAAC,QAAK,eAAW,cAAG,WAAW,OAAO,UAAU,GAAG,GACrD;AAAA,QAEF,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,0BAA0B,kBAAQ,SAAS,MAAK;AAAA,UAC9D,4CAAC,OAAE,WAAU,gCACV,gBAAM,SAAS,OACd,4EAAG;AAAA,iBAAK,MAAM,eAAe;AAAA,YAAE;AAAA,YAAW;AAAA,YAAY;AAAA,aAAO,IAE7D,gDAEJ;AAAA,WACF;AAAA,SACF;AAAA,MAEA,6CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,eAAe,IAAI;AAAA,YAClC,cAAW;AAAA,YACX,eAAW;AAAA,cACT;AAAA,cACA,mBACI,8CACA;AAAA,YACN;AAAA,YAEA;AAAA,0DAAC,yCAAkB,WAAU,eAAc;AAAA,cAC1C,kBAAkB,KACjB,4CAAC,UAAK,WAAU,8FACb,2BACH;AAAA;AAAA;AAAA,QAEJ;AAAA,QAEC,cACC,6CAAC,sBAAM,SAAQ,aAAY,WAAU,gCAA+B,SAAS,MAAM,cAAc,KAAK,GAAG;AAAA;AAAA,UAEvG,4CAAC,oBAAAA,GAAA,EAAM,WAAU,WAAU;AAAA,WAC7B;AAAA,QAED,cAAc,YACb,6CAAC,sBAAM,SAAQ,aAAY,WAAU,gCAA+B,SAAS,MAAM,aAAa,QAAQ,GACrG;AAAA,wBAAc,cAAc,iBAAY;AAAA,UACzC,4CAAC,oBAAAA,GAAA,EAAM,WAAU,WAAU;AAAA,WAC7B;AAAA,QAED,kBAAkB,SACjB,6CAAC,sBAAM,SAAQ,aAAY,WAAU,gCAA+B,SAAS,MAAM,iBAAiB,KAAK,GACtG;AAAA;AAAA,UACD,4CAAC,oBAAAA,GAAA,EAAM,WAAU,WAAU;AAAA,WAC7B;AAAA,QAED,iBACC,6CAAC,sBAAM,SAAQ,aAAY,WAAU,gCAA+B,SAAS,MAAM;AAAE,2BAAiB,EAAE;AAAG,gCAAsB,EAAE;AAAA,QAAG,GACnI;AAAA,wBAAc,SAAS,KAAK,GAAG,cAAc,MAAM,GAAG,EAAE,CAAC,WAAM;AAAA,UAChE,4CAAC,oBAAAA,GAAA,EAAM,WAAU,WAAU;AAAA,WAC7B;AAAA,SAEJ;AAAA,MAEA,4CAAC,wBAAO,MAAM,aAAa,cAAc,gBACvC,uDAAC,+BAAc,WAAU,qFACvB;AAAA,qDAAC,SAAI,WAAU,+EACb;AAAA,uDAAC,6BAAY,WAAU,+CACrB;AAAA,wDAAC,yCAAkB,WAAU,wBAAuB;AAAA,YAAE;AAAA,aAExD;AAAA,UACC,oBACC,4CAAC,wBAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,qCAAoC,SAAS,UAAU,uBAEnG;AAAA,WAEJ;AAAA,QAEA,6CAAC,SAAI,WAAU,8CAEb;AAAA,uDAAC,SAAI,WAAU,aACb;AAAA,wDAAC,OAAE,WAAU,gDAA+C,oBAAM;AAAA,YAClE,6CAAC,SAAI,WAAU,0BACb;AAAA,0DAAC,cAAW,QAAQ,CAAC,YAAY,SAAS,MAAM,cAAc,KAAK,GAAG,OAAM,OAAM;AAAA,cAClF;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS,MAAM,cAAc,IAAI;AAAA,kBACjC,OAAO,cAAc,cAAc,IAAI,KAAK,WAAW,MAAM,EAAE;AAAA;AAAA,cACjE;AAAA,eACF;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,aACb;AAAA,wDAAC,OAAE,WAAU,gDAA+C,kBAAI;AAAA,YAChE,6CAAC,SAAI,WAAU,0BACb;AAAA,0DAAC,cAAW,QAAQ,cAAc,UAAU,SAAS,MAAM,aAAa,QAAQ,GAAG,OAAM,UAAS;AAAA,cAClG,4CAAC,cAAW,QAAQ,cAAc,aAAa,SAAS,MAAM,aAAa,WAAW,GAAG,OAAM,gBAAU;AAAA,cACzG,4CAAC,cAAW,QAAQ,cAAc,cAAc,SAAS,MAAM,aAAa,YAAY,GAAG,OAAM,gBAAU;AAAA,eAC7G;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,aACb;AAAA,wDAAC,OAAE,WAAU,gDAA+C,qBAAO;AAAA,YACnE,4CAAC,SAAI,WAAU,0BACZ,WAAC,OAAO,OAAO,SAAS,YAAY,YAAY,YAAY,QAAQ,EAAE,IAAI,CAAC,QAC1E;AAAA,cAAC;AAAA;AAAA,gBAEC,QAAQ,kBAAkB;AAAA,gBAC1B,SAAS,MAAM,iBAAiB,GAAG;AAAA,gBACnC,OAAO,QAAQ,QAAQ,iBAAiB;AAAA;AAAA,cAHnC;AAAA,YAIP,CACD,GACH;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,aACb;AAAA,wDAAC,OAAE,WAAU,gDAA+C,qBAAO;AAAA,YACnE,6CAAC,SAAI,WAAU,YACb;AAAA,0DAAC,8BAAO,WAAU,gFAA+E;AAAA,cACjG;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM,sBAAsB,EAAE,OAAO,KAAK;AAAA;AAAA,cACvD;AAAA,eACF;AAAA,aACF;AAAA,UAEA,6CAAC,SAAI,WAAU,4CACb;AAAA,wDAAC,OAAE,WAAU,gDAA+C,qBAAO;AAAA,YACnE,4CAAC,SAAI,WAAU,0BACZ,8CAAe,IAAI,CAAC,MACnB;AAAA,cAAC,YAAAC;AAAA,cAAA;AAAA,gBAEC,MAAM,IAAI,EAAE,IAAI;AAAA,gBAChB,eAAW;AAAA,kBACT;AAAA,kBACA,EAAE,SAAS,OACP,0DACA;AAAA,gBACN;AAAA,gBAEA;AAAA,8DAAC,EAAE,MAAF,EAAO,eAAW,cAAG,WAAW,EAAE,SAAS,OAAO,EAAE,aAAa,EAAE,GAAG;AAAA,kBACtE,EAAE;AAAA;AAAA;AAAA,cAVE,EAAE;AAAA,YAWT,CACD,GACH;AAAA,aACF;AAAA,WACF;AAAA,QAEA,4CAAC,SAAI,WAAU,uCACb,sDAAC,wBAAO,WAAU,UAAS,SAAS,MAAM,eAAe,KAAK,GAAG,2BAEjE,GACF;AAAA,SACF,GACF;AAAA,OACF;AAAA,IAEC,mBACC,4CAAC,SAAI,WAAU,uEACZ,gBAAM,KAAK,EAAE,QAAQ,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,MACzC,4CAAC,yCAAuB,CAAG,CAC5B,GACH,IACE,UAAU,WAAW,IACvB,6CAAC,SAAI,WAAU,sDACZ;AAAA,gBAAU,QACT,4CAAC,SAAI,eAAW,cAAG,0DAA0D,OAAO,OAAO,GACzF,sDAAC,QAAK,eAAW,cAAG,WAAW,OAAO,UAAU,GAAG,GACrD;AAAA,MAEF,6CAAC,SACC;AAAA,oDAAC,OAAE,WAAU,yBACV,uBAAa,8BAA8B,oCAAc,aAAa,OACzE;AAAA,QACA,4CAAC,OAAE,WAAU,sCACV,uBACG,6DACA,oCAAc,aAAa,aACjC;AAAA,SACF;AAAA,MACA,4CAAC,wBAAO,SAAO,MAAC,SAAQ,WACtB,sDAAC,YAAAA,SAAA,EAAK,MAAK,8BAA6B,0BAAY,GACtD;AAAA,OACF,IAEA,6CAAC,SAAI,WAAU,aACb;AAAA,kDAAC,SAAI,WAAU,uEACZ,oBAAU,IAAI,CAAC,UAAU;AACxB,cAAM,UAAU,MAAM,cAAc,KAAK,CAAC,MAAM,EAAE,MAAM,aAAa,YAAY,EAAE,MAAM,aAAa,SAAS;AAC/G,cAAM,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC,MAAM,aAAS,mCAAc,MAAM,OAAO,aAAa;AAC5F,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,OAAO,CAAC,WAAW,UAAU,MAAM,OAAO,IAAI,OAAO,IAAI;AAAA,YACzD,SAAS,UAAU,SAAY,OAAO;AAAA;AAAA,UAJjC,GAAG,MAAM,eAAe,IAAI,MAAM,OAAO;AAAA,QAKhD;AAAA,MAEJ,CAAC,GACH;AAAA,MAEC,CAAC,cACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW;AAAA,UACX,YAAY,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC;AAAA;AAAA,MACxC;AAAA,OAEJ;AAAA,IAGD,OAAO;AAAA,KACV;AAEJ;","names":["XIcon","Link"]}

package/dist/components/ip-type-page.js

@@ -129,13 +129,13 @@ function IpTypePage({ slug, useMarketActions }) {
           "button",
           {
             onClick: () => setFiltersOpen(true),
+            "aria-label": "Filters",
             className: cn(
               "inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors",
               hasActiveFilters ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground"
             ),
             children: [
               /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-              "Filters",
               activeChipCount > 0 && /* @__PURE__ */ jsx("span", { className: "ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4", children: activeChipCount })
             ]
           }

package/dist/components/ip-type-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ip-type-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { SlidersHorizontal, Search, X as XIcon } from \"lucide-react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport Link from \"./link.js\";\nimport { Badge } from \"./badge.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Input } from \"./input.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { IP_TYPE_CONFIG, IP_TYPE_MAP } from \"./ip-type-badge.js\";\nimport { TokenCard, TokenCardSkeleton } from \"./token-card.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { useTokensByIpType } from \"../utils/use-tokens-by-ip-type.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst PAGE_SIZE = 24;\n\nfunction FilterChip({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n        active\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50\"\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n\nexport interface IpTypePageProps {\n  slug: string;\n  useMarketActions: () => CollectionMarketActions;\n}\n\nexport function IpTypePage({ slug, useMarketActions }: IpTypePageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const config = IP_TYPE_MAP[slug];\n  const Icon = config?.icon;\n  const [page, setPage] = useState(1);\n  const [listedOnly, setListedOnly] = useState(false);\n  const [allTokens, setAllTokens] = useState<ApiToken[]>([]);\n  const prevSlug = useRef(slug);\n\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [sortOrder, setSortOrder] = useState<\"recent\" | \"price_asc\" | \"price_desc\">(\"recent\");\n  const [licenseFilter, setLicenseFilter] = useState<string>(\"all\");\n  const [creatorSearchInput, setCreatorSearchInput] = useState(\"\");\n  const [creatorSearch, setCreatorSearch] = useState(\"\");\n\n  useEffect(() => {\n    if (prevSlug.current !== slug) {\n      prevSlug.current = slug;\n      setPage(1);\n      setAllTokens([]);\n    }\n  }, [slug]);\n\n  useEffect(() => {\n    const t = setTimeout(() => setCreatorSearch(creatorSearchInput), 300);\n    return () => clearTimeout(t);\n  }, [creatorSearchInput]);\n\n  const { tokens, meta, isLoading } = useTokensByIpType(slug, page, PAGE_SIZE);\n\n  useEffect(() => {\n    if (isLoading) return;\n    if (page === 1) {\n      setAllTokens(tokens);\n    } else {\n      setAllTokens((prev) => {\n        const seen = new Set(prev.map((t) => `${t.contractAddress}:${t.tokenId}`));\n        const fresh = tokens.filter((t) => !seen.has(`${t.contractAddress}:${t.tokenId}`));\n        return fresh.length > 0 ? [...prev, ...fresh] : prev;\n      });\n    }\n  }, [tokens, isLoading, page]);\n\n  const activeFilterCount =\n    (sortOrder !== \"recent\" ? 1 : 0) +\n    (licenseFilter !== \"all\" ? 1 : 0) +\n    (creatorSearch !== \"\" ? 1 : 0);\n  const activeChipCount = activeFilterCount + (listedOnly ? 1 : 0);\n  const hasActiveFilters = activeChipCount > 0;\n  const resetAll = () => {\n    setSortOrder(\"recent\");\n    setLicenseFilter(\"all\");\n    setCreatorSearch(\"\");\n    setCreatorSearchInput(\"\");\n    setListedOnly(false);\n  };\n\n  let displayed = listedOnly\n    ? allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0)\n    : [...allTokens];\n\n  if (licenseFilter !== \"all\") {\n    displayed = displayed.filter((t) =>\n      t.metadata?.attributes?.some(\n        (a) => a.trait_type === \"License\" && a.value === licenseFilter\n      )\n    );\n  }\n  if (creatorSearch) {\n    const q = creatorSearch.toLowerCase();\n    displayed = displayed.filter((t) => {\n      const creatorVal =\n        t.metadata?.attributes?.find((a) => a.trait_type === \"Creator\")?.value ?? \"\";\n      return (\n        String(creatorVal).toLowerCase().includes(q) ||\n        t.contractAddress.toLowerCase().includes(q)\n      );\n    });\n  }\n  if (sortOrder === \"price_asc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      return pa - pb;\n    });\n  } else if (sortOrder === \"price_desc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      return pb - pa;\n    });\n  }\n\n  const isInitialLoading = isLoading && allTokens.length === 0;\n  const isLoadingMore = isLoading && allTokens.length > 0;\n  const hasMore = meta?.total != null ? allTokens.length < meta.total : false;\n  const listedCount = allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0).length;\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-4\">\n          {config && Icon && (\n            <div className={cn(\"h-14 w-14 rounded-2xl flex items-center justify-center shadow-lg\", config.bgClass)}>\n              <Icon className={cn(\"h-7 w-7\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <h1 className=\"text-3xl font-semibold\">{config?.label ?? slug}</h1>\n            <p className=\"text-muted-foreground mt-0.5\">\n              {meta?.total != null ? (\n                <>{meta.total.toLocaleString()} assets · {listedCount} market</>\n              ) : (\n                \"Browsing indexed digital assets on Medialane\"\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <button\n            onClick={() => setFiltersOpen(true)}\n            className={cn(\n              \"inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors\",\n              hasActiveFilters\n                ? \"border-primary bg-primary/10 text-primary\"\n                : \"border-border text-muted-foreground\"\n            )}\n          >\n            <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n            Filters\n            {activeChipCount > 0 && (\n              <span className=\"ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4\">\n                {activeChipCount}\n              </span>\n            )}\n          </button>\n\n          {listedOnly && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setListedOnly(false)}>\n              Listed only\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {sortOrder !== \"recent\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setSortOrder(\"recent\")}>\n              {sortOrder === \"price_asc\" ? \"Price ↑\" : \"Price ↓\"}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {licenseFilter !== \"all\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setLicenseFilter(\"all\")}>\n              {licenseFilter}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {creatorSearch && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => { setCreatorSearch(\"\"); setCreatorSearchInput(\"\"); }}>\n              {creatorSearch.length > 10 ? `${creatorSearch.slice(0, 10)}…` : creatorSearch}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n        </div>\n\n        <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n          <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n            <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n              <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n                <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n                Filters\n              </DialogTitle>\n              {hasActiveFilters && (\n                <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={resetAll}>\n                  Clear all\n                </Button>\n              )}\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Status</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={!listedOnly} onClick={() => setListedOnly(false)} label=\"All\" />\n                  <FilterChip\n                    active={listedOnly}\n                    onClick={() => setListedOnly(true)}\n                    label={`Listed only${listedCount > 0 ? ` (${listedCount})` : \"\"}`}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Sort</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={sortOrder === \"recent\"} onClick={() => setSortOrder(\"recent\")} label=\"Recent\" />\n                  <FilterChip active={sortOrder === \"price_asc\"} onClick={() => setSortOrder(\"price_asc\")} label=\"Price ↑\" />\n                  <FilterChip active={sortOrder === \"price_desc\"} onClick={() => setSortOrder(\"price_desc\")} label=\"Price ↓\" />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">License</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {[\"all\", \"CC0\", \"CC BY\", \"CC BY-SA\", \"CC BY-NC\", \"CC BY-ND\", \"Custom\"].map((lic) => (\n                    <FilterChip\n                      key={lic}\n                      active={licenseFilter === lic}\n                      onClick={() => setLicenseFilter(lic)}\n                      label={lic === \"all\" ? \"All licenses\" : lic}\n                    />\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Creator</p>\n                <div className=\"relative\">\n                  <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\" />\n                  <Input\n                    className=\"h-9 text-sm pl-8\"\n                    placeholder=\"Name or wallet address…\"\n                    value={creatorSearchInput}\n                    onChange={(e) => setCreatorSearchInput(e.target.value)}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2 pt-1 border-t border-border/60\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">IP Type</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {IP_TYPE_CONFIG.map((t) => (\n                    <Link\n                      key={t.slug}\n                      href={`/${t.slug}`}\n                      className={cn(\n                        \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                        t.slug === slug\n                          ? \"border-primary bg-primary/10 text-primary font-medium\"\n                          : \"border-border text-muted-foreground hover:border-primary/50\"\n                      )}\n                    >\n                      <t.icon className={cn(\"h-3 w-3\", t.slug === slug ? t.colorClass : \"\")} />\n                      {t.label}\n                    </Link>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"px-5 py-3 border-t border-border/60\">\n              <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n                Apply filters\n              </Button>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n          {Array.from({ length: PAGE_SIZE }).map((_, i) => (\n            <TokenCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : displayed.length === 0 ? (\n        <div className=\"py-24 flex flex-col items-center gap-4 text-center\">\n          {config && Icon && (\n            <div className={cn(\"h-16 w-16 rounded-2xl flex items-center justify-center\", config.bgClass)}>\n              <Icon className={cn(\"h-8 w-8\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <p className=\"font-semibold text-lg\">\n              {listedOnly ? \"Listed assets appear here\" : emptyMessages.assetsOfType.title}\n            </p>\n            <p className=\"text-muted-foreground text-sm mt-1\">\n              {listedOnly\n                ? \"Try removing the 'Listed only' filter to see all assets.\"\n                : emptyMessages.assetsOfType.description}\n            </p>\n          </div>\n          <Button asChild variant=\"outline\">\n            <Link href=\"/launchpad/single-editions\">Create Asset</Link>\n          </Button>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n            {displayed.map((token) => {\n              const listing = token.activeOrders?.find((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\");\n              const isOwner = !!walletAddress && !!token.owner && isSameAddress(token.owner, walletAddress);\n              return (\n                <TokenCard\n                  key={`${token.contractAddress}:${token.tokenId}`}\n                  token={token}\n                  isOwner={isOwner}\n                  onBuy={!isOwner && listing ? () => market.buy(listing) : undefined}\n                  onOffer={isOwner ? undefined : market.offer}\n                />\n              );\n            })}\n          </div>\n\n          {!listedOnly && (\n            <LoadMoreSentinel\n              hasMore={hasMore}\n              isLoading={isLoadingMore}\n              onLoadMore={() => setPage((p) => p + 1)}\n            />\n          )}\n        </div>\n      )}\n\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/ip-type-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { SlidersHorizontal, Search, X as XIcon } from \"lucide-react\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport Link from \"./link.js\";\nimport { Badge } from \"./badge.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Input } from \"./input.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { IP_TYPE_CONFIG, IP_TYPE_MAP } from \"./ip-type-badge.js\";\nimport { TokenCard, TokenCardSkeleton } from \"./token-card.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport type { CollectionMarketActions } from \"./collection-page.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { useTokensByIpType } from \"../utils/use-tokens-by-ip-type.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst PAGE_SIZE = 24;\n\nfunction FilterChip({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n        active\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50\"\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n\nexport interface IpTypePageProps {\n  slug: string;\n  useMarketActions: () => CollectionMarketActions;\n}\n\nexport function IpTypePage({ slug, useMarketActions }: IpTypePageProps) {\n  const { walletAddress } = useMedialaneApp();\n  const market = useMarketActions();\n  const config = IP_TYPE_MAP[slug];\n  const Icon = config?.icon;\n  const [page, setPage] = useState(1);\n  const [listedOnly, setListedOnly] = useState(false);\n  const [allTokens, setAllTokens] = useState<ApiToken[]>([]);\n  const prevSlug = useRef(slug);\n\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [sortOrder, setSortOrder] = useState<\"recent\" | \"price_asc\" | \"price_desc\">(\"recent\");\n  const [licenseFilter, setLicenseFilter] = useState<string>(\"all\");\n  const [creatorSearchInput, setCreatorSearchInput] = useState(\"\");\n  const [creatorSearch, setCreatorSearch] = useState(\"\");\n\n  useEffect(() => {\n    if (prevSlug.current !== slug) {\n      prevSlug.current = slug;\n      setPage(1);\n      setAllTokens([]);\n    }\n  }, [slug]);\n\n  useEffect(() => {\n    const t = setTimeout(() => setCreatorSearch(creatorSearchInput), 300);\n    return () => clearTimeout(t);\n  }, [creatorSearchInput]);\n\n  const { tokens, meta, isLoading } = useTokensByIpType(slug, page, PAGE_SIZE);\n\n  useEffect(() => {\n    if (isLoading) return;\n    if (page === 1) {\n      setAllTokens(tokens);\n    } else {\n      setAllTokens((prev) => {\n        const seen = new Set(prev.map((t) => `${t.contractAddress}:${t.tokenId}`));\n        const fresh = tokens.filter((t) => !seen.has(`${t.contractAddress}:${t.tokenId}`));\n        return fresh.length > 0 ? [...prev, ...fresh] : prev;\n      });\n    }\n  }, [tokens, isLoading, page]);\n\n  const activeFilterCount =\n    (sortOrder !== \"recent\" ? 1 : 0) +\n    (licenseFilter !== \"all\" ? 1 : 0) +\n    (creatorSearch !== \"\" ? 1 : 0);\n  const activeChipCount = activeFilterCount + (listedOnly ? 1 : 0);\n  const hasActiveFilters = activeChipCount > 0;\n  const resetAll = () => {\n    setSortOrder(\"recent\");\n    setLicenseFilter(\"all\");\n    setCreatorSearch(\"\");\n    setCreatorSearchInput(\"\");\n    setListedOnly(false);\n  };\n\n  let displayed = listedOnly\n    ? allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0)\n    : [...allTokens];\n\n  if (licenseFilter !== \"all\") {\n    displayed = displayed.filter((t) =>\n      t.metadata?.attributes?.some(\n        (a) => a.trait_type === \"License\" && a.value === licenseFilter\n      )\n    );\n  }\n  if (creatorSearch) {\n    const q = creatorSearch.toLowerCase();\n    displayed = displayed.filter((t) => {\n      const creatorVal =\n        t.metadata?.attributes?.find((a) => a.trait_type === \"Creator\")?.value ?? \"\";\n      return (\n        String(creatorVal).toLowerCase().includes(q) ||\n        t.contractAddress.toLowerCase().includes(q)\n      );\n    });\n  }\n  if (sortOrder === \"price_asc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"Infinity\");\n      return pa - pb;\n    });\n  } else if (sortOrder === \"price_desc\") {\n    displayed = [...displayed].sort((a, b) => {\n      const pa = parseFloat(a.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      const pb = parseFloat(b.activeOrders?.[0]?.price?.formatted ?? \"0\");\n      return pb - pa;\n    });\n  }\n\n  const isInitialLoading = isLoading && allTokens.length === 0;\n  const isLoadingMore = isLoading && allTokens.length > 0;\n  const hasMore = meta?.total != null ? allTokens.length < meta.total : false;\n  const listedCount = allTokens.filter((t) => (t.activeOrders?.length ?? 0) > 0).length;\n\n  return (\n    <PageContainer className=\"box-border max-w-full pt-20 pb-16 space-y-8\">\n\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-4\">\n          {config && Icon && (\n            <div className={cn(\"h-14 w-14 rounded-2xl flex items-center justify-center shadow-lg\", config.bgClass)}>\n              <Icon className={cn(\"h-7 w-7\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <h1 className=\"text-3xl font-semibold\">{config?.label ?? slug}</h1>\n            <p className=\"text-muted-foreground mt-0.5\">\n              {meta?.total != null ? (\n                <>{meta.total.toLocaleString()} assets · {listedCount} market</>\n              ) : (\n                \"Browsing indexed digital assets on Medialane\"\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <button\n            onClick={() => setFiltersOpen(true)}\n            aria-label=\"Filters\"\n            className={cn(\n              \"inline-flex items-center gap-1.5 text-xs px-3.5 py-2 rounded-full border font-medium transition-colors\",\n              hasActiveFilters\n                ? \"border-primary bg-primary/10 text-primary\"\n                : \"border-border text-muted-foreground\"\n            )}\n          >\n            <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n            {activeChipCount > 0 && (\n              <span className=\"ml-0.5 bg-primary text-primary-foreground rounded-full px-1.5 text-2xs font-bold leading-4\">\n                {activeChipCount}\n              </span>\n            )}\n          </button>\n\n          {listedOnly && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setListedOnly(false)}>\n              Listed only\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {sortOrder !== \"recent\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setSortOrder(\"recent\")}>\n              {sortOrder === \"price_asc\" ? \"Price ↑\" : \"Price ↓\"}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {licenseFilter !== \"all\" && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => setLicenseFilter(\"all\")}>\n              {licenseFilter}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n          {creatorSearch && (\n            <Badge variant=\"secondary\" className=\"cursor-pointer gap-1 text-xs\" onClick={() => { setCreatorSearch(\"\"); setCreatorSearchInput(\"\"); }}>\n              {creatorSearch.length > 10 ? `${creatorSearch.slice(0, 10)}…` : creatorSearch}\n              <XIcon className=\"h-3 w-3\" />\n            </Badge>\n          )}\n        </div>\n\n        <Dialog open={filtersOpen} onOpenChange={setFiltersOpen}>\n          <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n            <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n              <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n                <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n                Filters\n              </DialogTitle>\n              {hasActiveFilters && (\n                <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={resetAll}>\n                  Clear all\n                </Button>\n              )}\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Status</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={!listedOnly} onClick={() => setListedOnly(false)} label=\"All\" />\n                  <FilterChip\n                    active={listedOnly}\n                    onClick={() => setListedOnly(true)}\n                    label={`Listed only${listedCount > 0 ? ` (${listedCount})` : \"\"}`}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Sort</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  <FilterChip active={sortOrder === \"recent\"} onClick={() => setSortOrder(\"recent\")} label=\"Recent\" />\n                  <FilterChip active={sortOrder === \"price_asc\"} onClick={() => setSortOrder(\"price_asc\")} label=\"Price ↑\" />\n                  <FilterChip active={sortOrder === \"price_desc\"} onClick={() => setSortOrder(\"price_desc\")} label=\"Price ↓\" />\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">License</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {[\"all\", \"CC0\", \"CC BY\", \"CC BY-SA\", \"CC BY-NC\", \"CC BY-ND\", \"Custom\"].map((lic) => (\n                    <FilterChip\n                      key={lic}\n                      active={licenseFilter === lic}\n                      onClick={() => setLicenseFilter(lic)}\n                      label={lic === \"all\" ? \"All licenses\" : lic}\n                    />\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"space-y-2\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">Creator</p>\n                <div className=\"relative\">\n                  <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\" />\n                  <Input\n                    className=\"h-9 text-sm pl-8\"\n                    placeholder=\"Name or wallet address…\"\n                    value={creatorSearchInput}\n                    onChange={(e) => setCreatorSearchInput(e.target.value)}\n                  />\n                </div>\n              </div>\n\n              <div className=\"space-y-2 pt-1 border-t border-border/60\">\n                <p className=\"text-2xs font-semibold text-muted-foreground\">IP Type</p>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {IP_TYPE_CONFIG.map((t) => (\n                    <Link\n                      key={t.slug}\n                      href={`/${t.slug}`}\n                      className={cn(\n                        \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n                        t.slug === slug\n                          ? \"border-primary bg-primary/10 text-primary font-medium\"\n                          : \"border-border text-muted-foreground hover:border-primary/50\"\n                      )}\n                    >\n                      <t.icon className={cn(\"h-3 w-3\", t.slug === slug ? t.colorClass : \"\")} />\n                      {t.label}\n                    </Link>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"px-5 py-3 border-t border-border/60\">\n              <Button className=\"w-full\" onClick={() => setFiltersOpen(false)}>\n                Apply filters\n              </Button>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {isInitialLoading ? (\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n          {Array.from({ length: PAGE_SIZE }).map((_, i) => (\n            <TokenCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : displayed.length === 0 ? (\n        <div className=\"py-24 flex flex-col items-center gap-4 text-center\">\n          {config && Icon && (\n            <div className={cn(\"h-16 w-16 rounded-2xl flex items-center justify-center\", config.bgClass)}>\n              <Icon className={cn(\"h-8 w-8\", config.colorClass)} />\n            </div>\n          )}\n          <div>\n            <p className=\"font-semibold text-lg\">\n              {listedOnly ? \"Listed assets appear here\" : emptyMessages.assetsOfType.title}\n            </p>\n            <p className=\"text-muted-foreground text-sm mt-1\">\n              {listedOnly\n                ? \"Try removing the 'Listed only' filter to see all assets.\"\n                : emptyMessages.assetsOfType.description}\n            </p>\n          </div>\n          <Button asChild variant=\"outline\">\n            <Link href=\"/launchpad/single-editions\">Create Asset</Link>\n          </Button>\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4\">\n            {displayed.map((token) => {\n              const listing = token.activeOrders?.find((o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\");\n              const isOwner = !!walletAddress && !!token.owner && isSameAddress(token.owner, walletAddress);\n              return (\n                <TokenCard\n                  key={`${token.contractAddress}:${token.tokenId}`}\n                  token={token}\n                  isOwner={isOwner}\n                  onBuy={!isOwner && listing ? () => market.buy(listing) : undefined}\n                  onOffer={isOwner ? undefined : market.offer}\n                />\n              );\n            })}\n          </div>\n\n          {!listedOnly && (\n            <LoadMoreSentinel\n              hasMore={hasMore}\n              isLoading={isLoadingMore}\n              onLoadMore={() => setPage((p) => p + 1)}\n            />\n          )}\n        </div>\n      )}\n\n      {market.dialogs}\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/launchpad/edition-mint-schema.d.cts

@@ -16,6 +16,7 @@ declare const editionMintSchema: z.ZodObject<{
     royalty: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: z.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: z.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/launchpad/edition-mint-schema.d.ts

@@ -16,6 +16,7 @@ declare const editionMintSchema: z.ZodObject<{
     royalty: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -24,12 +25,12 @@ declare const editionMintSchema: z.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
+    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -38,7 +39,6 @@ declare const editionMintSchema: z.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
-    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/marketplace-filters.cjs

@@ -158,13 +158,13 @@ function FiltersButton({ filters }) {
     "button",
     {
       onClick: () => filters.setOpen(true),
+      "aria-label": "Filters",
       className: (0, import_cn.cn)(
         "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0",
         filters.count > 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-        "Filters",
         filters.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: filters.count })
       ]
     }

package/dist/components/marketplace-filters.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport Link from \"./link.js\";\nimport { usePathname } from \"next/navigation\";\nimport { SlidersHorizontal } from \"lucide-react\";\nimport { getTokenBySymbol, parseAmount, SUPPORTED_TOKENS } from \"@medialane/sdk\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { IP_TYPES } from \"../data/ip.js\";\nimport { useDebouncedValue } from \"../utils/use-debounced-value.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst SORT_OPTIONS = [\n  { label: \"Recent\", value: \"recent\" },\n  { label: \"Price ↑\", value: \"price_asc\" },\n  { label: \"Price ↓\", value: \"price_desc\" },\n];\n\nconst TYPE_OPTIONS = [\n  { label: \"All\", value: \"\" },\n  { label: \"Listings\", value: \"listings\" },\n  { label: \"Offers\", value: \"offers\" },\n];\n\nconst CURRENCY_OPTIONS = SUPPORTED_TOKENS.map((t) => ({\n  label: t.symbol,\n  value: t.symbol,\n  icon: <CurrencyIcon symbol={t.symbol} size={13} />,\n}));\n\nfunction toRawAmount(value: string, decimals: number): string | undefined {\n  const trimmed = value.trim();\n  if (!trimmed) return undefined;\n  try {\n    return parseAmount(trimmed, decimals);\n  } catch {\n    return undefined;\n  }\n}\n\nexport function useMarketplaceFilters() {\n  const [open, setOpen] = useState(false);\n  const [sort, setSort] = useState(\"recent\");\n  const [currency, setCurrency] = useState(\"\");\n  const [orderType, setOrderType] = useState(\"\");\n  const [minInput, setMinInput] = useState(\"\");\n  const [maxInput, setMaxInput] = useState(\"\");\n  const debouncedMin = useDebouncedValue(minInput, 400);\n  const debouncedMax = useDebouncedValue(maxInput, 400);\n\n  const decimals = getTokenBySymbol(currency)?.decimals ?? 18;\n  const minPrice = minInput ? toRawAmount(debouncedMin, decimals) : undefined;\n  const maxPrice = maxInput ? toRawAmount(debouncedMax, decimals) : undefined;\n\n  const clearPrice = () => {\n    setMinInput(\"\");\n    setMaxInput(\"\");\n  };\n\n  const selectCurrency = (symbol: string) => {\n    setCurrency(currency === symbol ? \"\" : symbol);\n    clearPrice();\n  };\n\n  const reset = () => {\n    setSort(\"recent\");\n    setCurrency(\"\");\n    setOrderType(\"\");\n    clearPrice();\n  };\n\n  const count = [sort !== \"recent\", currency, orderType, minPrice || maxPrice].filter(Boolean).length;\n\n  return {\n    open, setOpen,\n    sort, setSort,\n    currency, selectCurrency,\n    orderType, setOrderType,\n    minInput, setMinInput,\n    maxInput, setMaxInput,\n    minPrice, maxPrice,\n    clearPrice, reset, count,\n  };\n}\n\nexport type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;\n\nconst chipClass = (active: boolean) =>\n  cn(\n    \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n    active\n      ? \"border-primary bg-primary/10 text-primary font-medium\"\n      : \"border-border text-muted-foreground hover:border-primary/50\"\n  );\n\nfunction ChipGroup({ title, options, value, onSelect }: {\n  title: string;\n  options: { label: string; value: string; icon?: ReactNode }[];\n  value: string;\n  onSelect: (value: string) => void;\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-2xs font-semibold text-muted-foreground\">{title}</p>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {options.map((opt) => (\n          <button key={opt.value} onClick={() => onSelect(opt.value)} className={chipClass(value === opt.value)}>\n            {opt.icon}\n            <span>{opt.label}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction IpTypeChip({ href, label }: { href: string; label: string }) {\n  const pathname = usePathname();\n  return (\n    <Link\n      href={href}\n      className={cn(\n        \"text-xs px-3 py-1 rounded-full border transition-colors whitespace-nowrap\",\n        pathname === href\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      {label}\n    </Link>\n  );\n}\n\nfunction ActiveChip({ children, onClear }: { children: ReactNode; onClear: () => void }) {\n  return (\n    <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n      {children}\n      <button onClick={onClear} className=\"ml-0.5 hover:text-primary/60\">×</button>\n    </span>\n  );\n}\n\nexport function FiltersButton({ filters }: { filters: MarketplaceFilters }) {\n  return (\n    <button\n      onClick={() => filters.setOpen(true)}\n      className={cn(\n        \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0\",\n        filters.count > 0\n          ? \"border-primary bg-primary/10 text-primary\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n      Filters\n      {filters.count > 0 && (\n        <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n          {filters.count}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport function ActiveFilters({ filters }: { filters: MarketplaceFilters }) {\n  const { sort, setSort, orderType, setOrderType, currency, selectCurrency, minPrice, maxPrice, minInput, maxInput, clearPrice, count } = filters;\n  if (count === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {sort !== \"recent\" && (\n        <ActiveChip onClear={() => setSort(\"recent\")}>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</ActiveChip>\n      )}\n      {orderType && (\n        <ActiveChip onClear={() => setOrderType(\"\")}>{TYPE_OPTIONS.find((o) => o.value === orderType)?.label}</ActiveChip>\n      )}\n      {currency && (\n        <ActiveChip onClear={() => selectCurrency(currency)}>\n          <CurrencyIcon symbol={currency} size={12} />\n          {currency}\n        </ActiveChip>\n      )}\n      {(minPrice || maxPrice) && (\n        <ActiveChip onClear={clearPrice}>{minInput || \"0\"} – {maxInput || \"∞\"}</ActiveChip>\n      )}\n    </div>\n  );\n}\n\nexport function FiltersDialog({ filters }: { filters: MarketplaceFilters }) {\n  const { open, setOpen, sort, setSort, orderType, setOrderType, currency, selectCurrency, minInput, setMinInput, maxInput, setMaxInput, reset, count } = filters;\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n          <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n            <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n            Filters\n          </DialogTitle>\n          {count > 0 && (\n            <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={reset}>\n              Clear all\n            </Button>\n          )}\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n          <ChipGroup title=\"Sort\" options={SORT_OPTIONS} value={sort} onSelect={setSort} />\n          <ChipGroup title=\"Order type\" options={TYPE_OPTIONS} value={orderType} onSelect={setOrderType} />\n          <ChipGroup title=\"Currency\" options={CURRENCY_OPTIONS} value={currency} onSelect={selectCurrency} />\n\n          <div className=\"space-y-2\">\n            <p className=\"text-2xs font-semibold text-muted-foreground\">Price range</p>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                placeholder=\"Min\"\n                value={minInput}\n                onChange={(e) => setMinInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n              <span className=\"text-sm text-muted-foreground shrink-0\">–</span>\n              <Input\n                placeholder=\"Max\"\n                value={maxInput}\n                onChange={(e) => setMaxInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2 pt-1 border-t border-border/60\">\n            <p className=\"flex items-center gap-1 text-2xs font-semibold text-muted-foreground\">\n              IP Type\n              <HelpIcon content=\"Filter by intellectual property category — Art, Audio, Video, Software, and more\" side=\"right\" />\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              <IpTypeChip href=\"/marketplace\" label=\"All\" />\n              {IP_TYPES.map((type) => (\n                <IpTypeChip key={type} href={`/${type.toLowerCase()}`} label={type} />\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"px-5 py-3 border-t border-border/60\">\n          <Button className=\"w-full\" onClick={() => setOpen(false)}>\n            Apply filters\n          </Button>\n        </div>\n\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/marketplace-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport Link from \"./link.js\";\nimport { usePathname } from \"next/navigation\";\nimport { SlidersHorizontal } from \"lucide-react\";\nimport { getTokenBySymbol, parseAmount, SUPPORTED_TOKENS } from \"@medialane/sdk\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { IP_TYPES } from \"../data/ip.js\";\nimport { useDebouncedValue } from \"../utils/use-debounced-value.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst SORT_OPTIONS = [\n  { label: \"Recent\", value: \"recent\" },\n  { label: \"Price ↑\", value: \"price_asc\" },\n  { label: \"Price ↓\", value: \"price_desc\" },\n];\n\nconst TYPE_OPTIONS = [\n  { label: \"All\", value: \"\" },\n  { label: \"Listings\", value: \"listings\" },\n  { label: \"Offers\", value: \"offers\" },\n];\n\nconst CURRENCY_OPTIONS = SUPPORTED_TOKENS.map((t) => ({\n  label: t.symbol,\n  value: t.symbol,\n  icon: <CurrencyIcon symbol={t.symbol} size={13} />,\n}));\n\nfunction toRawAmount(value: string, decimals: number): string | undefined {\n  const trimmed = value.trim();\n  if (!trimmed) return undefined;\n  try {\n    return parseAmount(trimmed, decimals);\n  } catch {\n    return undefined;\n  }\n}\n\nexport function useMarketplaceFilters() {\n  const [open, setOpen] = useState(false);\n  const [sort, setSort] = useState(\"recent\");\n  const [currency, setCurrency] = useState(\"\");\n  const [orderType, setOrderType] = useState(\"\");\n  const [minInput, setMinInput] = useState(\"\");\n  const [maxInput, setMaxInput] = useState(\"\");\n  const debouncedMin = useDebouncedValue(minInput, 400);\n  const debouncedMax = useDebouncedValue(maxInput, 400);\n\n  const decimals = getTokenBySymbol(currency)?.decimals ?? 18;\n  const minPrice = minInput ? toRawAmount(debouncedMin, decimals) : undefined;\n  const maxPrice = maxInput ? toRawAmount(debouncedMax, decimals) : undefined;\n\n  const clearPrice = () => {\n    setMinInput(\"\");\n    setMaxInput(\"\");\n  };\n\n  const selectCurrency = (symbol: string) => {\n    setCurrency(currency === symbol ? \"\" : symbol);\n    clearPrice();\n  };\n\n  const reset = () => {\n    setSort(\"recent\");\n    setCurrency(\"\");\n    setOrderType(\"\");\n    clearPrice();\n  };\n\n  const count = [sort !== \"recent\", currency, orderType, minPrice || maxPrice].filter(Boolean).length;\n\n  return {\n    open, setOpen,\n    sort, setSort,\n    currency, selectCurrency,\n    orderType, setOrderType,\n    minInput, setMinInput,\n    maxInput, setMaxInput,\n    minPrice, maxPrice,\n    clearPrice, reset, count,\n  };\n}\n\nexport type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;\n\nconst chipClass = (active: boolean) =>\n  cn(\n    \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n    active\n      ? \"border-primary bg-primary/10 text-primary font-medium\"\n      : \"border-border text-muted-foreground hover:border-primary/50\"\n  );\n\nfunction ChipGroup({ title, options, value, onSelect }: {\n  title: string;\n  options: { label: string; value: string; icon?: ReactNode }[];\n  value: string;\n  onSelect: (value: string) => void;\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-2xs font-semibold text-muted-foreground\">{title}</p>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {options.map((opt) => (\n          <button key={opt.value} onClick={() => onSelect(opt.value)} className={chipClass(value === opt.value)}>\n            {opt.icon}\n            <span>{opt.label}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction IpTypeChip({ href, label }: { href: string; label: string }) {\n  const pathname = usePathname();\n  return (\n    <Link\n      href={href}\n      className={cn(\n        \"text-xs px-3 py-1 rounded-full border transition-colors whitespace-nowrap\",\n        pathname === href\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      {label}\n    </Link>\n  );\n}\n\nfunction ActiveChip({ children, onClear }: { children: ReactNode; onClear: () => void }) {\n  return (\n    <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n      {children}\n      <button onClick={onClear} className=\"ml-0.5 hover:text-primary/60\">×</button>\n    </span>\n  );\n}\n\nexport function FiltersButton({ filters }: { filters: MarketplaceFilters }) {\n  return (\n    <button\n      onClick={() => filters.setOpen(true)}\n      aria-label=\"Filters\"\n      className={cn(\n        \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0\",\n        filters.count > 0\n          ? \"border-primary bg-primary/10 text-primary\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n      {filters.count > 0 && (\n        <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n          {filters.count}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport function ActiveFilters({ filters }: { filters: MarketplaceFilters }) {\n  const { sort, setSort, orderType, setOrderType, currency, selectCurrency, minPrice, maxPrice, minInput, maxInput, clearPrice, count } = filters;\n  if (count === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {sort !== \"recent\" && (\n        <ActiveChip onClear={() => setSort(\"recent\")}>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</ActiveChip>\n      )}\n      {orderType && (\n        <ActiveChip onClear={() => setOrderType(\"\")}>{TYPE_OPTIONS.find((o) => o.value === orderType)?.label}</ActiveChip>\n      )}\n      {currency && (\n        <ActiveChip onClear={() => selectCurrency(currency)}>\n          <CurrencyIcon symbol={currency} size={12} />\n          {currency}\n        </ActiveChip>\n      )}\n      {(minPrice || maxPrice) && (\n        <ActiveChip onClear={clearPrice}>{minInput || \"0\"} – {maxInput || \"∞\"}</ActiveChip>\n      )}\n    </div>\n  );\n}\n\nexport function FiltersDialog({ filters }: { filters: MarketplaceFilters }) {\n  const { open, setOpen, sort, setSort, orderType, setOrderType, currency, selectCurrency, minInput, setMinInput, maxInput, setMaxInput, reset, count } = filters;\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n          <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n            <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n            Filters\n          </DialogTitle>\n          {count > 0 && (\n            <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={reset}>\n              Clear all\n            </Button>\n          )}\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n          <ChipGroup title=\"Sort\" options={SORT_OPTIONS} value={sort} onSelect={setSort} />\n          <ChipGroup title=\"Order type\" options={TYPE_OPTIONS} value={orderType} onSelect={setOrderType} />\n          <ChipGroup title=\"Currency\" options={CURRENCY_OPTIONS} value={currency} onSelect={selectCurrency} />\n\n          <div className=\"space-y-2\">\n            <p className=\"text-2xs font-semibold text-muted-foreground\">Price range</p>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                placeholder=\"Min\"\n                value={minInput}\n                onChange={(e) => setMinInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n              <span className=\"text-sm text-muted-foreground shrink-0\">–</span>\n              <Input\n                placeholder=\"Max\"\n                value={maxInput}\n                onChange={(e) => setMaxInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2 pt-1 border-t border-border/60\">\n            <p className=\"flex items-center gap-1 text-2xs font-semibold text-muted-foreground\">\n              IP Type\n              <HelpIcon content=\"Filter by intellectual property category — Art, Audio, Video, Software, and more\" side=\"right\" />\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              <IpTypeChip href=\"/marketplace\" label=\"All\" />\n              {IP_TYPES.map((type) => (\n                <IpTypeChip key={type} href={`/${type.toLowerCase()}`} label={type} />\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"px-5 py-3 border-t border-border/60\">\n          <Button className=\"w-full\" onClick={() => setOpen(false)}>\n            Apply filters\n          </Button>\n        </div>\n\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/marketplace-filters.js

@@ -122,13 +122,13 @@ function FiltersButton({ filters }) {
     "button",
     {
       onClick: () => filters.setOpen(true),
+      "aria-label": "Filters",
       className: cn(
         "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0",
         filters.count > 0 ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
       ),
       children: [
         /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
-        "Filters",
         filters.count > 0 && /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground", children: filters.count })
       ]
     }

package/dist/components/marketplace-filters.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport Link from \"./link.js\";\nimport { usePathname } from \"next/navigation\";\nimport { SlidersHorizontal } from \"lucide-react\";\nimport { getTokenBySymbol, parseAmount, SUPPORTED_TOKENS } from \"@medialane/sdk\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { IP_TYPES } from \"../data/ip.js\";\nimport { useDebouncedValue } from \"../utils/use-debounced-value.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst SORT_OPTIONS = [\n  { label: \"Recent\", value: \"recent\" },\n  { label: \"Price ↑\", value: \"price_asc\" },\n  { label: \"Price ↓\", value: \"price_desc\" },\n];\n\nconst TYPE_OPTIONS = [\n  { label: \"All\", value: \"\" },\n  { label: \"Listings\", value: \"listings\" },\n  { label: \"Offers\", value: \"offers\" },\n];\n\nconst CURRENCY_OPTIONS = SUPPORTED_TOKENS.map((t) => ({\n  label: t.symbol,\n  value: t.symbol,\n  icon: <CurrencyIcon symbol={t.symbol} size={13} />,\n}));\n\nfunction toRawAmount(value: string, decimals: number): string | undefined {\n  const trimmed = value.trim();\n  if (!trimmed) return undefined;\n  try {\n    return parseAmount(trimmed, decimals);\n  } catch {\n    return undefined;\n  }\n}\n\nexport function useMarketplaceFilters() {\n  const [open, setOpen] = useState(false);\n  const [sort, setSort] = useState(\"recent\");\n  const [currency, setCurrency] = useState(\"\");\n  const [orderType, setOrderType] = useState(\"\");\n  const [minInput, setMinInput] = useState(\"\");\n  const [maxInput, setMaxInput] = useState(\"\");\n  const debouncedMin = useDebouncedValue(minInput, 400);\n  const debouncedMax = useDebouncedValue(maxInput, 400);\n\n  const decimals = getTokenBySymbol(currency)?.decimals ?? 18;\n  const minPrice = minInput ? toRawAmount(debouncedMin, decimals) : undefined;\n  const maxPrice = maxInput ? toRawAmount(debouncedMax, decimals) : undefined;\n\n  const clearPrice = () => {\n    setMinInput(\"\");\n    setMaxInput(\"\");\n  };\n\n  const selectCurrency = (symbol: string) => {\n    setCurrency(currency === symbol ? \"\" : symbol);\n    clearPrice();\n  };\n\n  const reset = () => {\n    setSort(\"recent\");\n    setCurrency(\"\");\n    setOrderType(\"\");\n    clearPrice();\n  };\n\n  const count = [sort !== \"recent\", currency, orderType, minPrice || maxPrice].filter(Boolean).length;\n\n  return {\n    open, setOpen,\n    sort, setSort,\n    currency, selectCurrency,\n    orderType, setOrderType,\n    minInput, setMinInput,\n    maxInput, setMaxInput,\n    minPrice, maxPrice,\n    clearPrice, reset, count,\n  };\n}\n\nexport type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;\n\nconst chipClass = (active: boolean) =>\n  cn(\n    \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n    active\n      ? \"border-primary bg-primary/10 text-primary font-medium\"\n      : \"border-border text-muted-foreground hover:border-primary/50\"\n  );\n\nfunction ChipGroup({ title, options, value, onSelect }: {\n  title: string;\n  options: { label: string; value: string; icon?: ReactNode }[];\n  value: string;\n  onSelect: (value: string) => void;\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-2xs font-semibold text-muted-foreground\">{title}</p>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {options.map((opt) => (\n          <button key={opt.value} onClick={() => onSelect(opt.value)} className={chipClass(value === opt.value)}>\n            {opt.icon}\n            <span>{opt.label}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction IpTypeChip({ href, label }: { href: string; label: string }) {\n  const pathname = usePathname();\n  return (\n    <Link\n      href={href}\n      className={cn(\n        \"text-xs px-3 py-1 rounded-full border transition-colors whitespace-nowrap\",\n        pathname === href\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      {label}\n    </Link>\n  );\n}\n\nfunction ActiveChip({ children, onClear }: { children: ReactNode; onClear: () => void }) {\n  return (\n    <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n      {children}\n      <button onClick={onClear} className=\"ml-0.5 hover:text-primary/60\">×</button>\n    </span>\n  );\n}\n\nexport function FiltersButton({ filters }: { filters: MarketplaceFilters }) {\n  return (\n    <button\n      onClick={() => filters.setOpen(true)}\n      className={cn(\n        \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0\",\n        filters.count > 0\n          ? \"border-primary bg-primary/10 text-primary\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n      Filters\n      {filters.count > 0 && (\n        <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n          {filters.count}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport function ActiveFilters({ filters }: { filters: MarketplaceFilters }) {\n  const { sort, setSort, orderType, setOrderType, currency, selectCurrency, minPrice, maxPrice, minInput, maxInput, clearPrice, count } = filters;\n  if (count === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {sort !== \"recent\" && (\n        <ActiveChip onClear={() => setSort(\"recent\")}>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</ActiveChip>\n      )}\n      {orderType && (\n        <ActiveChip onClear={() => setOrderType(\"\")}>{TYPE_OPTIONS.find((o) => o.value === orderType)?.label}</ActiveChip>\n      )}\n      {currency && (\n        <ActiveChip onClear={() => selectCurrency(currency)}>\n          <CurrencyIcon symbol={currency} size={12} />\n          {currency}\n        </ActiveChip>\n      )}\n      {(minPrice || maxPrice) && (\n        <ActiveChip onClear={clearPrice}>{minInput || \"0\"} – {maxInput || \"∞\"}</ActiveChip>\n      )}\n    </div>\n  );\n}\n\nexport function FiltersDialog({ filters }: { filters: MarketplaceFilters }) {\n  const { open, setOpen, sort, setSort, orderType, setOrderType, currency, selectCurrency, minInput, setMinInput, maxInput, setMaxInput, reset, count } = filters;\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n          <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n            <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n            Filters\n          </DialogTitle>\n          {count > 0 && (\n            <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={reset}>\n              Clear all\n            </Button>\n          )}\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n          <ChipGroup title=\"Sort\" options={SORT_OPTIONS} value={sort} onSelect={setSort} />\n          <ChipGroup title=\"Order type\" options={TYPE_OPTIONS} value={orderType} onSelect={setOrderType} />\n          <ChipGroup title=\"Currency\" options={CURRENCY_OPTIONS} value={currency} onSelect={selectCurrency} />\n\n          <div className=\"space-y-2\">\n            <p className=\"text-2xs font-semibold text-muted-foreground\">Price range</p>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                placeholder=\"Min\"\n                value={minInput}\n                onChange={(e) => setMinInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n              <span className=\"text-sm text-muted-foreground shrink-0\">–</span>\n              <Input\n                placeholder=\"Max\"\n                value={maxInput}\n                onChange={(e) => setMaxInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2 pt-1 border-t border-border/60\">\n            <p className=\"flex items-center gap-1 text-2xs font-semibold text-muted-foreground\">\n              IP Type\n              <HelpIcon content=\"Filter by intellectual property category — Art, Audio, Video, Software, and more\" side=\"right\" />\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              <IpTypeChip href=\"/marketplace\" label=\"All\" />\n              {IP_TYPES.map((type) => (\n                <IpTypeChip key={type} href={`/${type.toLowerCase()}`} label={type} />\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"px-5 py-3 border-t border-border/60\">\n          <Button className=\"w-full\" onClick={() => setOpen(false)}>\n            Apply filters\n          </Button>\n        </div>\n\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA+BQ,cA+EE,YA/EF;AA7BR,SAAS,gBAAgC;AACzC,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB,aAAa,wBAAwB;AAChE,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,mBAAmB;AACnD,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,MAAM,eAAe;AAAA,EACnB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,gBAAW,OAAO,YAAY;AAAA,EACvC,EAAE,OAAO,gBAAW,OAAO,aAAa;AAC1C;AAEA,MAAM,eAAe;AAAA,EACnB,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,EAC1B,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,SAAS;AACrC;AAEA,MAAM,mBAAmB,iBAAiB,IAAI,CAAC,OAAO;AAAA,EACpD,OAAO,EAAE;AAAA,EACT,OAAO,EAAE;AAAA,EACT,MAAM,oBAAC,gBAAa,QAAQ,EAAE,QAAQ,MAAM,IAAI;AAClD,EAAE;AAEF,SAAS,YAAY,OAAe,UAAsC;AACxE,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;AACF,WAAO,YAAY,SAAS,QAAQ;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,wBAAwB;AACtC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,QAAQ;AACzC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,eAAe,kBAAkB,UAAU,GAAG;AACpD,QAAM,eAAe,kBAAkB,UAAU,GAAG;AAEpD,QAAM,WAAW,iBAAiB,QAAQ,GAAG,YAAY;AACzD,QAAM,WAAW,WAAW,YAAY,cAAc,QAAQ,IAAI;AAClE,QAAM,WAAW,WAAW,YAAY,cAAc,QAAQ,IAAI;AAElE,QAAM,aAAa,MAAM;AACvB,gBAAY,EAAE;AACd,gBAAY,EAAE;AAAA,EAChB;AAEA,QAAM,iBAAiB,CAAC,WAAmB;AACzC,gBAAY,aAAa,SAAS,KAAK,MAAM;AAC7C,eAAW;AAAA,EACb;AAEA,QAAM,QAAQ,MAAM;AAClB,YAAQ,QAAQ;AAChB,gBAAY,EAAE;AACd,iBAAa,EAAE;AACf,eAAW;AAAA,EACb;AAEA,QAAM,QAAQ,CAAC,SAAS,UAAU,UAAU,WAAW,YAAY,QAAQ,EAAE,OAAO,OAAO,EAAE;AAE7F,SAAO;AAAA,IACL;AAAA,IAAM;AAAA,IACN;AAAA,IAAM;AAAA,IACN;AAAA,IAAU;AAAA,IACV;AAAA,IAAW;AAAA,IACX;AAAA,IAAU;AAAA,IACV;AAAA,IAAU;AAAA,IACV;AAAA,IAAU;AAAA,IACV;AAAA,IAAY;AAAA,IAAO;AAAA,EACrB;AACF;AAIA,MAAM,YAAY,CAAC,WACjB;AAAA,EACE;AAAA,EACA,SACI,0DACA;AACN;AAEF,SAAS,UAAU,EAAE,OAAO,SAAS,OAAO,SAAS,GAKlD;AACD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,gDAAgD,iBAAM;AAAA,IACnE,oBAAC,SAAI,WAAU,0BACZ,kBAAQ,IAAI,CAAC,QACZ,qBAAC,YAAuB,SAAS,MAAM,SAAS,IAAI,KAAK,GAAG,WAAW,UAAU,UAAU,IAAI,KAAK,GACjG;AAAA,UAAI;AAAA,MACL,oBAAC,UAAM,cAAI,OAAM;AAAA,SAFN,IAAI,KAGjB,CACD,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,EAAE,MAAM,MAAM,GAAoC;AACpE,QAAM,WAAW,YAAY;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,OACT,0DACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,QAAQ,GAAiD;AACvF,SACE,qBAAC,UAAK,WAAU,gHACb;AAAA;AAAA,IACD,oBAAC,YAAO,SAAS,SAAS,WAAU,gCAA+B,kBAAC;AAAA,KACtE;AAEJ;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAoC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,QAAQ,QAAQ,IAAI;AAAA,MACnC,WAAW;AAAA,QACT;AAAA,QACA,QAAQ,QAAQ,IACZ,8CACA;AAAA,MACN;AAAA,MAEA;AAAA,4BAAC,qBAAkB,WAAU,eAAc;AAAA,QAAE;AAAA,QAE5C,QAAQ,QAAQ,KACf,oBAAC,UAAK,WAAU,+GACb,kBAAQ,OACX;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAoC;AAC1E,QAAM,EAAE,MAAM,SAAS,WAAW,cAAc,UAAU,gBAAgB,UAAU,UAAU,UAAU,UAAU,YAAY,MAAM,IAAI;AACxI,MAAI,UAAU,EAAG,QAAO;AACxB,SACE,qBAAC,SAAI,WAAU,0BACZ;AAAA,aAAS,YACR,oBAAC,cAAW,SAAS,MAAM,QAAQ,QAAQ,GAAI,uBAAa,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,GAAG,OAAM;AAAA,IAElG,aACC,oBAAC,cAAW,SAAS,MAAM,aAAa,EAAE,GAAI,uBAAa,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,GAAG,OAAM;AAAA,IAEtG,YACC,qBAAC,cAAW,SAAS,MAAM,eAAe,QAAQ,GAChD;AAAA,0BAAC,gBAAa,QAAQ,UAAU,MAAM,IAAI;AAAA,MACzC;AAAA,OACH;AAAA,KAEA,YAAY,aACZ,qBAAC,cAAW,SAAS,YAAa;AAAA,kBAAY;AAAA,MAAI;AAAA,MAAI,YAAY;AAAA,OAAI;AAAA,KAE1E;AAEJ;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAoC;AAC1E,QAAM,EAAE,MAAM,SAAS,MAAM,SAAS,WAAW,cAAc,UAAU,gBAAgB,UAAU,aAAa,UAAU,aAAa,OAAO,MAAM,IAAI;AACxJ,SACE,oBAAC,UAAO,MAAY,cAAc,SAChC,+BAAC,iBAAc,WAAU,qFAEvB;AAAA,yBAAC,SAAI,WAAU,+EACb;AAAA,2BAAC,eAAY,WAAU,+CACrB;AAAA,4BAAC,qBAAkB,WAAU,wBAAuB;AAAA,QAAE;AAAA,SAExD;AAAA,MACC,QAAQ,KACP,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,qCAAoC,SAAS,OAAO,uBAEhG;AAAA,OAEJ;AAAA,IAEA,qBAAC,SAAI,WAAU,8CACb;AAAA,0BAAC,aAAU,OAAM,QAAO,SAAS,cAAc,OAAO,MAAM,UAAU,SAAS;AAAA,MAC/E,oBAAC,aAAU,OAAM,cAAa,SAAS,cAAc,OAAO,WAAW,UAAU,cAAc;AAAA,MAC/F,oBAAC,aAAU,OAAM,YAAW,SAAS,kBAAkB,OAAO,UAAU,UAAU,gBAAgB;AAAA,MAElG,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,OAAE,WAAU,gDAA+C,yBAAW;AAAA,QACvE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,cAC3C,WAAU;AAAA,cACV,MAAK;AAAA,cACL,KAAI;AAAA;AAAA,UACN;AAAA,UACA,oBAAC,UAAK,WAAU,0CAAyC,oBAAC;AAAA,UAC1D;AAAA,YAAC;AAAA;AAAA,cACC,aAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,cAC3C,WAAU;AAAA,cACV,MAAK;AAAA,cACL,KAAI;AAAA;AAAA,UACN;AAAA,WACF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,4CACb;AAAA,6BAAC,OAAE,WAAU,wEAAuE;AAAA;AAAA,UAElF,oBAAC,YAAS,SAAQ,yFAAmF,MAAK,SAAQ;AAAA,WACpH;AAAA,QACA,qBAAC,SAAI,WAAU,0BACb;AAAA,8BAAC,cAAW,MAAK,gBAAe,OAAM,OAAM;AAAA,UAC3C,SAAS,IAAI,CAAC,SACb,oBAAC,cAAsB,MAAM,IAAI,KAAK,YAAY,CAAC,IAAI,OAAO,QAA7C,IAAmD,CACrE;AAAA,WACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,uCACb,8BAAC,UAAO,WAAU,UAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,2BAE1D,GACF;AAAA,KAEF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/marketplace-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport Link from \"./link.js\";\nimport { usePathname } from \"next/navigation\";\nimport { SlidersHorizontal } from \"lucide-react\";\nimport { getTokenBySymbol, parseAmount, SUPPORTED_TOKENS } from \"@medialane/sdk\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { HelpIcon } from \"./help-icon.js\";\nimport { IP_TYPES } from \"../data/ip.js\";\nimport { useDebouncedValue } from \"../utils/use-debounced-value.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst SORT_OPTIONS = [\n  { label: \"Recent\", value: \"recent\" },\n  { label: \"Price ↑\", value: \"price_asc\" },\n  { label: \"Price ↓\", value: \"price_desc\" },\n];\n\nconst TYPE_OPTIONS = [\n  { label: \"All\", value: \"\" },\n  { label: \"Listings\", value: \"listings\" },\n  { label: \"Offers\", value: \"offers\" },\n];\n\nconst CURRENCY_OPTIONS = SUPPORTED_TOKENS.map((t) => ({\n  label: t.symbol,\n  value: t.symbol,\n  icon: <CurrencyIcon symbol={t.symbol} size={13} />,\n}));\n\nfunction toRawAmount(value: string, decimals: number): string | undefined {\n  const trimmed = value.trim();\n  if (!trimmed) return undefined;\n  try {\n    return parseAmount(trimmed, decimals);\n  } catch {\n    return undefined;\n  }\n}\n\nexport function useMarketplaceFilters() {\n  const [open, setOpen] = useState(false);\n  const [sort, setSort] = useState(\"recent\");\n  const [currency, setCurrency] = useState(\"\");\n  const [orderType, setOrderType] = useState(\"\");\n  const [minInput, setMinInput] = useState(\"\");\n  const [maxInput, setMaxInput] = useState(\"\");\n  const debouncedMin = useDebouncedValue(minInput, 400);\n  const debouncedMax = useDebouncedValue(maxInput, 400);\n\n  const decimals = getTokenBySymbol(currency)?.decimals ?? 18;\n  const minPrice = minInput ? toRawAmount(debouncedMin, decimals) : undefined;\n  const maxPrice = maxInput ? toRawAmount(debouncedMax, decimals) : undefined;\n\n  const clearPrice = () => {\n    setMinInput(\"\");\n    setMaxInput(\"\");\n  };\n\n  const selectCurrency = (symbol: string) => {\n    setCurrency(currency === symbol ? \"\" : symbol);\n    clearPrice();\n  };\n\n  const reset = () => {\n    setSort(\"recent\");\n    setCurrency(\"\");\n    setOrderType(\"\");\n    clearPrice();\n  };\n\n  const count = [sort !== \"recent\", currency, orderType, minPrice || maxPrice].filter(Boolean).length;\n\n  return {\n    open, setOpen,\n    sort, setSort,\n    currency, selectCurrency,\n    orderType, setOrderType,\n    minInput, setMinInput,\n    maxInput, setMaxInput,\n    minPrice, maxPrice,\n    clearPrice, reset, count,\n  };\n}\n\nexport type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;\n\nconst chipClass = (active: boolean) =>\n  cn(\n    \"inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap\",\n    active\n      ? \"border-primary bg-primary/10 text-primary font-medium\"\n      : \"border-border text-muted-foreground hover:border-primary/50\"\n  );\n\nfunction ChipGroup({ title, options, value, onSelect }: {\n  title: string;\n  options: { label: string; value: string; icon?: ReactNode }[];\n  value: string;\n  onSelect: (value: string) => void;\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-2xs font-semibold text-muted-foreground\">{title}</p>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {options.map((opt) => (\n          <button key={opt.value} onClick={() => onSelect(opt.value)} className={chipClass(value === opt.value)}>\n            {opt.icon}\n            <span>{opt.label}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction IpTypeChip({ href, label }: { href: string; label: string }) {\n  const pathname = usePathname();\n  return (\n    <Link\n      href={href}\n      className={cn(\n        \"text-xs px-3 py-1 rounded-full border transition-colors whitespace-nowrap\",\n        pathname === href\n          ? \"border-primary bg-primary/10 text-primary font-medium\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      {label}\n    </Link>\n  );\n}\n\nfunction ActiveChip({ children, onClear }: { children: ReactNode; onClear: () => void }) {\n  return (\n    <span className=\"flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary\">\n      {children}\n      <button onClick={onClear} className=\"ml-0.5 hover:text-primary/60\">×</button>\n    </span>\n  );\n}\n\nexport function FiltersButton({ filters }: { filters: MarketplaceFilters }) {\n  return (\n    <button\n      onClick={() => filters.setOpen(true)}\n      aria-label=\"Filters\"\n      className={cn(\n        \"relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors shrink-0\",\n        filters.count > 0\n          ? \"border-primary bg-primary/10 text-primary\"\n          : \"border-border text-muted-foreground hover:border-primary/50 hover:text-foreground\"\n      )}\n    >\n      <SlidersHorizontal className=\"h-3.5 w-3.5\" />\n      {filters.count > 0 && (\n        <span className=\"flex h-4 w-4 items-center justify-center rounded-full bg-primary text-2xs font-bold text-primary-foreground\">\n          {filters.count}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport function ActiveFilters({ filters }: { filters: MarketplaceFilters }) {\n  const { sort, setSort, orderType, setOrderType, currency, selectCurrency, minPrice, maxPrice, minInput, maxInput, clearPrice, count } = filters;\n  if (count === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {sort !== \"recent\" && (\n        <ActiveChip onClear={() => setSort(\"recent\")}>{SORT_OPTIONS.find((o) => o.value === sort)?.label}</ActiveChip>\n      )}\n      {orderType && (\n        <ActiveChip onClear={() => setOrderType(\"\")}>{TYPE_OPTIONS.find((o) => o.value === orderType)?.label}</ActiveChip>\n      )}\n      {currency && (\n        <ActiveChip onClear={() => selectCurrency(currency)}>\n          <CurrencyIcon symbol={currency} size={12} />\n          {currency}\n        </ActiveChip>\n      )}\n      {(minPrice || maxPrice) && (\n        <ActiveChip onClear={clearPrice}>{minInput || \"0\"} – {maxInput || \"∞\"}</ActiveChip>\n      )}\n    </div>\n  );\n}\n\nexport function FiltersDialog({ filters }: { filters: MarketplaceFilters }) {\n  const { open, setOpen, sort, setSort, orderType, setOrderType, currency, selectCurrency, minInput, setMinInput, maxInput, setMaxInput, reset, count } = filters;\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogContent className=\"w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]\">\n\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12\">\n          <DialogTitle className=\"text-base font-bold flex items-center gap-2\">\n            <SlidersHorizontal className=\"h-4 w-4 text-primary\" />\n            Filters\n          </DialogTitle>\n          {count > 0 && (\n            <Button variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs text-muted-foreground\" onClick={reset}>\n              Clear all\n            </Button>\n          )}\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-5 py-4 space-y-5\">\n          <ChipGroup title=\"Sort\" options={SORT_OPTIONS} value={sort} onSelect={setSort} />\n          <ChipGroup title=\"Order type\" options={TYPE_OPTIONS} value={orderType} onSelect={setOrderType} />\n          <ChipGroup title=\"Currency\" options={CURRENCY_OPTIONS} value={currency} onSelect={selectCurrency} />\n\n          <div className=\"space-y-2\">\n            <p className=\"text-2xs font-semibold text-muted-foreground\">Price range</p>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                placeholder=\"Min\"\n                value={minInput}\n                onChange={(e) => setMinInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n              <span className=\"text-sm text-muted-foreground shrink-0\">–</span>\n              <Input\n                placeholder=\"Max\"\n                value={maxInput}\n                onChange={(e) => setMaxInput(e.target.value)}\n                className=\"h-9 text-sm\"\n                type=\"number\"\n                min=\"0\"\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2 pt-1 border-t border-border/60\">\n            <p className=\"flex items-center gap-1 text-2xs font-semibold text-muted-foreground\">\n              IP Type\n              <HelpIcon content=\"Filter by intellectual property category — Art, Audio, Video, Software, and more\" side=\"right\" />\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              <IpTypeChip href=\"/marketplace\" label=\"All\" />\n              {IP_TYPES.map((type) => (\n                <IpTypeChip key={type} href={`/${type.toLowerCase()}`} label={type} />\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"px-5 py-3 border-t border-border/60\">\n          <Button className=\"w-full\" onClick={() => setOpen(false)}>\n            Apply filters\n          </Button>\n        </div>\n\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

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