@medialane/ui 0.285.0 → 0.286.0

package/dist/components/account/input-otp.d.cts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/account/input-otp.d.ts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/button.d.cts

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

package/dist/components/button.d.ts

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

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/launchpad/edition-mint-schema.d.cts

@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.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";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.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,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.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";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.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

@@ -0,0 +1,253 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var marketplace_filters_exports = {};
+__export(marketplace_filters_exports, {
+  ActiveFilters: () => ActiveFilters,
+  FiltersButton: () => FiltersButton,
+  FiltersDialog: () => FiltersDialog,
+  useMarketplaceFilters: () => useMarketplaceFilters
+});
+module.exports = __toCommonJS(marketplace_filters_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_link = __toESM(require("./link.js"), 1);
+var import_navigation = require("next/navigation");
+var import_lucide_react = require("lucide-react");
+var import_sdk = require("@medialane/sdk");
+var import_input = require("./input.js");
+var import_button = require("./button.js");
+var import_dialog = require("./dialog.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_help_icon = require("./help-icon.js");
+var import_ip = require("../data/ip.js");
+var import_use_debounced_value = require("../utils/use-debounced-value.js");
+var import_cn = require("../utils/cn.js");
+const SORT_OPTIONS = [
+  { label: "Recent", value: "recent" },
+  { label: "Price \u2191", value: "price_asc" },
+  { label: "Price \u2193", value: "price_desc" }
+];
+const TYPE_OPTIONS = [
+  { label: "All", value: "" },
+  { label: "Listings", value: "listings" },
+  { label: "Offers", value: "offers" }
+];
+const CURRENCY_OPTIONS = import_sdk.SUPPORTED_TOKENS.map((t) => ({
+  label: t.symbol,
+  value: t.symbol,
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: t.symbol, size: 13 })
+}));
+function toRawAmount(value, decimals) {
+  const trimmed = value.trim();
+  if (!trimmed) return void 0;
+  try {
+    return (0, import_sdk.parseAmount)(trimmed, decimals);
+  } catch {
+    return void 0;
+  }
+}
+function useMarketplaceFilters() {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [sort, setSort] = (0, import_react.useState)("recent");
+  const [currency, setCurrency] = (0, import_react.useState)("");
+  const [orderType, setOrderType] = (0, import_react.useState)("");
+  const [minInput, setMinInput] = (0, import_react.useState)("");
+  const [maxInput, setMaxInput] = (0, import_react.useState)("");
+  const debouncedMin = (0, import_use_debounced_value.useDebouncedValue)(minInput, 400);
+  const debouncedMax = (0, import_use_debounced_value.useDebouncedValue)(maxInput, 400);
+  const decimals = (0, import_sdk.getTokenBySymbol)(currency)?.decimals ?? 18;
+  const minPrice = minInput ? toRawAmount(debouncedMin, decimals) : void 0;
+  const maxPrice = maxInput ? toRawAmount(debouncedMax, decimals) : void 0;
+  const clearPrice = () => {
+    setMinInput("");
+    setMaxInput("");
+  };
+  const selectCurrency = (symbol) => {
+    setCurrency(currency === symbol ? "" : symbol);
+    clearPrice();
+  };
+  const reset = () => {
+    setSort("recent");
+    setCurrency("");
+    setOrderType("");
+    clearPrice();
+  };
+  const count = [sort !== "recent", currency, orderType, minPrice || maxPrice].filter(Boolean).length;
+  return {
+    open,
+    setOpen,
+    sort,
+    setSort,
+    currency,
+    selectCurrency,
+    orderType,
+    setOrderType,
+    minInput,
+    setMinInput,
+    maxInput,
+    setMaxInput,
+    minPrice,
+    maxPrice,
+    clearPrice,
+    reset,
+    count
+  };
+}
+const chipClass = (active) => (0, import_cn.cn)(
+  "inline-flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border transition-colors whitespace-nowrap",
+  active ? "border-primary bg-primary/10 text-primary font-medium" : "border-border text-muted-foreground hover:border-primary/50"
+);
+function ChipGroup({ title, options, value, onSelect }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold text-muted-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1.5", children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { onClick: () => onSelect(opt.value), className: chipClass(value === opt.value), children: [
+      opt.icon,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: opt.label })
+    ] }, opt.value)) })
+  ] });
+}
+function IpTypeChip({ href, label }) {
+  const pathname = (0, import_navigation.usePathname)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.default,
+    {
+      href,
+      className: (0, import_cn.cn)(
+        "text-xs px-3 py-1 rounded-full border transition-colors whitespace-nowrap",
+        pathname === href ? "border-primary bg-primary/10 text-primary font-medium" : "border-border text-muted-foreground hover:border-primary/50 hover:text-foreground"
+      ),
+      children: label
+    }
+  );
+}
+function ActiveChip({ children, onClear }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1 text-xs px-2.5 py-1 rounded-full border border-primary/40 bg-primary/10 text-primary", children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: onClear, className: "ml-0.5 hover:text-primary/60", children: "\xD7" })
+  ] });
+}
+function FiltersButton({ filters }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      onClick: () => filters.setOpen(true),
+      className: (0, import_cn.cn)(
+        "relative flex items-center gap-1.5 h-9 px-3 rounded-lg border text-xs font-medium transition-colors 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 })
+      ]
+    }
+  );
+}
+function ActiveFilters({ filters }) {
+  const { sort, setSort, orderType, setOrderType, currency, selectCurrency, minPrice, maxPrice, minInput, maxInput, clearPrice, count } = filters;
+  if (count === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap gap-1.5", children: [
+    sort !== "recent" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActiveChip, { onClear: () => setSort("recent"), children: SORT_OPTIONS.find((o) => o.value === sort)?.label }),
+    orderType && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActiveChip, { onClear: () => setOrderType(""), children: TYPE_OPTIONS.find((o) => o.value === orderType)?.label }),
+    currency && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ActiveChip, { onClear: () => selectCurrency(currency), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: currency, size: 12 }),
+      currency
+    ] }),
+    (minPrice || maxPrice) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ActiveChip, { onClear: clearPrice, children: [
+      minInput || "0",
+      " \u2013 ",
+      maxInput || "\u221E"
+    ] })
+  ] });
+}
+function FiltersDialog({ filters }) {
+  const { open, setOpen, sort, setSort, orderType, setOrderType, currency, selectCurrency, minInput, setMinInput, maxInput, setMaxInput, reset, count } = filters;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "w-full max-w-sm sm:max-w-md p-0 overflow-hidden gap-0 flex flex-col max-h-[85svh]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/60 pr-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogTitle, { className: "text-base font-bold flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SlidersHorizontal, { className: "h-4 w-4 text-primary" }),
+        "Filters"
+      ] }),
+      count > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-muted-foreground", onClick: reset, children: "Clear all" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 overflow-y-auto px-5 py-4 space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChipGroup, { title: "Sort", options: SORT_OPTIONS, value: sort, onSelect: setSort }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChipGroup, { title: "Order type", options: TYPE_OPTIONS, value: orderType, onSelect: setOrderType }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChipGroup, { title: "Currency", options: CURRENCY_OPTIONS, value: currency, onSelect: selectCurrency }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs font-semibold text-muted-foreground", children: "Price range" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              placeholder: "Min",
+              value: minInput,
+              onChange: (e) => setMinInput(e.target.value),
+              className: "h-9 text-sm",
+              type: "number",
+              min: "0"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm text-muted-foreground shrink-0", children: "\u2013" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              placeholder: "Max",
+              value: maxInput,
+              onChange: (e) => setMaxInput(e.target.value),
+              className: "h-9 text-sm",
+              type: "number",
+              min: "0"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2 pt-1 border-t border-border/60", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex items-center gap-1 text-2xs font-semibold text-muted-foreground", children: [
+          "IP Type",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_help_icon.HelpIcon, { content: "Filter by intellectual property category \u2014 Art, Audio, Video, Software, and more", side: "right" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IpTypeChip, { href: "/marketplace", label: "All" }),
+          import_ip.IP_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IpTypeChip, { href: `/${type.toLowerCase()}`, label: type }, type))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-5 py-3 border-t border-border/60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { className: "w-full", onClick: () => setOpen(false), children: "Apply filters" }) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActiveFilters,
+  FiltersButton,
+  FiltersDialog,
+  useMarketplaceFilters
+});
+//# sourceMappingURL=marketplace-filters.cjs.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA7BR,mBAAyC;AACzC,kBAAiB;AACjB,wBAA4B;AAC5B,0BAAkC;AAClC,iBAAgE;AAChE,mBAAsB;AACtB,oBAAuB;AACvB,oBAAmD;AACnD,2BAA6B;AAC7B,uBAAyB;AACzB,gBAAyB;AACzB,iCAAkC;AAClC,gBAAmB;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,4BAAiB,IAAI,CAAC,OAAO;AAAA,EACpD,OAAO,EAAE;AAAA,EACT,OAAO,EAAE;AAAA,EACT,MAAM,4CAAC,qCAAa,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,eAAO,wBAAY,SAAS,QAAQ;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,wBAAwB;AACtC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,QAAQ;AACzC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAC7C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,mBAAe,8CAAkB,UAAU,GAAG;AACpD,QAAM,mBAAe,8CAAkB,UAAU,GAAG;AAEpD,QAAM,eAAW,6BAAiB,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,eACjB;AAAA,EACE;AAAA,EACA,SACI,0DACA;AACN;AAEF,SAAS,UAAU,EAAE,OAAO,SAAS,OAAO,SAAS,GAKlD;AACD,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,gDAAgD,iBAAM;AAAA,IACnE,4CAAC,SAAI,WAAU,0BACZ,kBAAQ,IAAI,CAAC,QACZ,6CAAC,YAAuB,SAAS,MAAM,SAAS,IAAI,KAAK,GAAG,WAAW,UAAU,UAAU,IAAI,KAAK,GACjG;AAAA,UAAI;AAAA,MACL,4CAAC,UAAM,cAAI,OAAM;AAAA,SAFN,IAAI,KAGjB,CACD,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,EAAE,MAAM,MAAM,GAAoC;AACpE,QAAM,eAAW,+BAAY;AAC7B,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT;AAAA,QACA,aAAa,OACT,0DACA;AAAA,MACN;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,WAAW,EAAE,UAAU,QAAQ,GAAiD;AACvF,SACE,6CAAC,UAAK,WAAU,gHACb;AAAA;AAAA,IACD,4CAAC,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,eAAW;AAAA,QACT;AAAA,QACA,QAAQ,QAAQ,IACZ,8CACA;AAAA,MACN;AAAA,MAEA;AAAA,oDAAC,yCAAkB,WAAU,eAAc;AAAA,QAAE;AAAA,QAE5C,QAAQ,QAAQ,KACf,4CAAC,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,6CAAC,SAAI,WAAU,0BACZ;AAAA,aAAS,YACR,4CAAC,cAAW,SAAS,MAAM,QAAQ,QAAQ,GAAI,uBAAa,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,GAAG,OAAM;AAAA,IAElG,aACC,4CAAC,cAAW,SAAS,MAAM,aAAa,EAAE,GAAI,uBAAa,KAAK,CAAC,MAAM,EAAE,UAAU,SAAS,GAAG,OAAM;AAAA,IAEtG,YACC,6CAAC,cAAW,SAAS,MAAM,eAAe,QAAQ,GAChD;AAAA,kDAAC,qCAAa,QAAQ,UAAU,MAAM,IAAI;AAAA,MACzC;AAAA,OACH;AAAA,KAEA,YAAY,aACZ,6CAAC,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,4CAAC,wBAAO,MAAY,cAAc,SAChC,uDAAC,+BAAc,WAAU,qFAEvB;AAAA,iDAAC,SAAI,WAAU,+EACb;AAAA,mDAAC,6BAAY,WAAU,+CACrB;AAAA,oDAAC,yCAAkB,WAAU,wBAAuB;AAAA,QAAE;AAAA,SAExD;AAAA,MACC,QAAQ,KACP,4CAAC,wBAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,qCAAoC,SAAS,OAAO,uBAEhG;AAAA,OAEJ;AAAA,IAEA,6CAAC,SAAI,WAAU,8CACb;AAAA,kDAAC,aAAU,OAAM,QAAO,SAAS,cAAc,OAAO,MAAM,UAAU,SAAS;AAAA,MAC/E,4CAAC,aAAU,OAAM,cAAa,SAAS,cAAc,OAAO,WAAW,UAAU,cAAc;AAAA,MAC/F,4CAAC,aAAU,OAAM,YAAW,SAAS,kBAAkB,OAAO,UAAU,UAAU,gBAAgB;AAAA,MAElG,6CAAC,SAAI,WAAU,aACb;AAAA,oDAAC,OAAE,WAAU,gDAA+C,yBAAW;AAAA,QACvE,6CAAC,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,4CAAC,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,6CAAC,SAAI,WAAU,4CACb;AAAA,qDAAC,OAAE,WAAU,wEAAuE;AAAA;AAAA,UAElF,4CAAC,6BAAS,SAAQ,yFAAmF,MAAK,SAAQ;AAAA,WACpH;AAAA,QACA,6CAAC,SAAI,WAAU,0BACb;AAAA,sDAAC,cAAW,MAAK,gBAAe,OAAM,OAAM;AAAA,UAC3C,mBAAS,IAAI,CAAC,SACb,4CAAC,cAAsB,MAAM,IAAI,KAAK,YAAY,CAAC,IAAI,OAAO,QAA7C,IAAmD,CACrE;AAAA,WACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,uCACb,sDAAC,wBAAO,WAAU,UAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,2BAE1D,GACF;AAAA,KAEF,GACF;AAEJ;","names":["Link"]}

package/dist/components/marketplace-filters.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function useMarketplaceFilters(): {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    sort: string;
+    setSort: React.Dispatch<React.SetStateAction<string>>;
+    currency: string;
+    selectCurrency: (symbol: string) => void;
+    orderType: string;
+    setOrderType: React.Dispatch<React.SetStateAction<string>>;
+    minInput: string;
+    setMinInput: React.Dispatch<React.SetStateAction<string>>;
+    maxInput: string;
+    setMaxInput: React.Dispatch<React.SetStateAction<string>>;
+    minPrice: string | undefined;
+    maxPrice: string | undefined;
+    clearPrice: () => void;
+    reset: () => void;
+    count: number;
+};
+type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;
+declare function FiltersButton({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element;
+declare function ActiveFilters({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element | null;
+declare function FiltersDialog({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActiveFilters, FiltersButton, FiltersDialog, type MarketplaceFilters, useMarketplaceFilters };

package/dist/components/marketplace-filters.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function useMarketplaceFilters(): {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    sort: string;
+    setSort: React.Dispatch<React.SetStateAction<string>>;
+    currency: string;
+    selectCurrency: (symbol: string) => void;
+    orderType: string;
+    setOrderType: React.Dispatch<React.SetStateAction<string>>;
+    minInput: string;
+    setMinInput: React.Dispatch<React.SetStateAction<string>>;
+    maxInput: string;
+    setMaxInput: React.Dispatch<React.SetStateAction<string>>;
+    minPrice: string | undefined;
+    maxPrice: string | undefined;
+    clearPrice: () => void;
+    reset: () => void;
+    count: number;
+};
+type MarketplaceFilters = ReturnType<typeof useMarketplaceFilters>;
+declare function FiltersButton({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element;
+declare function ActiveFilters({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element | null;
+declare function FiltersDialog({ filters }: {
+    filters: MarketplaceFilters;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActiveFilters, FiltersButton, FiltersDialog, type MarketplaceFilters, useMarketplaceFilters };