ProductGalleryCube

import { ProductGalleryCube, type CatalogAdapter } from "@eidondev/acme-ui/cubes";

// Browse server-driven: el backend filtra/ordena/pagina.
const adapter: CatalogAdapter = {
  query: ({ search, sort, page, pageSize }) =>
    db.products.search({ search, sort, page, pageSize }), // → { items, total }
};

<ProductGalleryCube
  adapter={adapter}
  pageSize={12}
  sortOptions={[{ value: "price-asc", label: "Precio ↑" }]}
  onAddToCart={(input) => cart.addItem(input)}  // conéctalo a tu CartCube
/>