channel3

Installs the full Channel3 UI kit: every component, hook, and lib in the registry.

Price, currency, discount, domain, availability, and image helpers for Channel3 product data.

Product image carousel with a synced thumbnail strip.

Compares merchant offers for a product, cheapest first, with affiliate-tracked buy links.

Area chart of a product's price over time, built on the shadcn chart wrapper.

Plots the current price against its historical range as low/typical/high zones with a tick at the current price.

Renders a product's extracted attributes (structured_attributes plus materials, gender, and age) as a two-column definition list.

Borderless, image-forward product tile with hover image-swap and color swatches, for grids and carousels. Includes a loading skeleton.

Horizontally scrollable row of product cards with nav controls (e.g. "More like this").

Compound product detail page: gallery, header (all brands), variant selection, offers, price history, description, attributes, and an optional 'you might also like' carousel. Pairs with useVariantSelection.

Compound, configurable filter panel (stacked sidebar or horizontal popover bar): price, gender, age, condition, availability, hex color palette with opt-in percentages, brand and category typeahead, and category-scoped attribute filters.

Responsive grid of product cards with loading skeletons and an empty state.

Lazy "you might also like" carousel for a PDP: defers the findSimilar fetch until it scrolls into view and hides itself when empty.

Batteries-included search experience: search bar, configurable filters, and an infinite-scroll results grid wired to useProductSearch.

Controlled search input with submit-on-Enter, a clear button, and an optional image-search trigger.

UI-friendly search filter state, conversion to the SDK SearchFilters payload, option lists, color presets, and hex helpers.

Debounced typeahead loader for brand/category suggestions, delegating to an injected server-side fetcher.

Fires a callback when an element enters the viewport via IntersectionObserver, with one-shot and repeating modes for lazy sections and infinite-scroll sentinels.

Lazily fetches similar products when the section scrolls into view, via an injected fetcher, so it never blocks the PDP.

Query + filter state, debounced search, and infinite-scroll pagination via TanStack Query and an injected search fetcher.

Manages variant selection and server-side re-resolution via an injected resolver, keeping the API key on your server.

Classifies variant option values into display tiers from `exists` and `available`.

Renders every variant dimension as pills or swatches with three tiers of emphasis (purchasable, out-of-stock, not-offered).