@wix/headless-stores 0.0.77 → 0.0.78

package/cjs/dist/react/Category.d.ts

@@ -1,17 +1,13 @@
 import React from 'react';
-import { type Category } from '../services/category-service.js';
-import { type CategoryServiceConfig } from '../services/category-service.js';
+import { categories } from '@wix/categories';
 import { AsChildChildren } from '@wix/headless-utils/react';
+export type Category = categories.Category;
 /**
  * Props for Category.Root component
  */
 export interface CategoryRootProps {
-    /** Category object to initialize the service with */
-    category?: Category;
-    /** Configuration for the category service */
-    categoryServiceConfig?: CategoryServiceConfig;
-    /** Whether the category is currently selected */
-    isSelected?: boolean;
+    /** Category data */
+    category: Category;
     /** Child components */
     children: React.ReactNode;
 }

package/cjs/dist/react/Category.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import * as CoreCategory from './core/Category.js';
-import { CategoryServiceDefinition, } from '../services/category-service.js';
-import { useService } from '@wix/services-manager-react';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { CategoryFilter, } from './core/ProductListFilters.js';
+const CategoryContext = React.createContext(null);
+function useCategoryContext() {
+    const context = React.useContext(CategoryContext);
+    if (!context) {
+        throw new Error('useCategoryContext must be used within a Category.Root component');
+    }
+    return context;
+}
 var TestIds;
 (function (TestIds) {
     TestIds["categoryItem"] = "category-item";
@@ -31,15 +37,18 @@ var TestIds;
  * ```
  */
 export function Root(props) {
-    const { category, categoryServiceConfig, isSelected, children } = props;
-    if (!category && !categoryServiceConfig) {
-        throw new Error('Category.Root: category or categoryServiceConfig is required');
-    }
-    const serviceConfig = categoryServiceConfig || {
-        category: category,
-        isSelected,
-    };
-    return (_jsx(CoreCategory.Root, { categoryServiceConfig: serviceConfig, children: children }));
+    const { category, children } = props;
+    return (_jsx(CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
+            // Determine if this category is selected by comparing with selectedCategory
+            const isSelected = selectedCategory?._id === category._id;
+            const contextValue = {
+                category,
+                isSelected,
+                selectedCategory,
+                setSelectedCategory,
+            };
+            return (_jsx(CategoryContext.Provider, { value: contextValue, children: children }));
+        } }));
 }
 /**
  * Interactive element for selecting or triggering category actions.
@@ -72,11 +81,17 @@ export function Root(props) {
  */
 export const Trigger = React.forwardRef((props, ref) => {
     const { asChild, children, onSelect, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
-    const setIsSelected = (isSelected) => categoryService.isSelected.set(isSelected);
+    const { category, isSelected, setSelectedCategory } = useCategoryContext();
     const handleSelect = () => {
+        // Use CategoryFilter's setSelectedCategory function
+        if (isSelected) {
+            // Deselect by passing null
+            setSelectedCategory(null);
+        }
+        else {
+            // Select this category
+            setSelectedCategory(category);
+        }
         if (onSelect) {
             onSelect(category);
         }
@@ -85,7 +100,6 @@ export const Trigger = React.forwardRef((props, ref) => {
             category,
             isSelected,
             onSelect: handleSelect,
-            setIsSelected,
         }, content: category.name, children: _jsx("button", { children: category.name }) }));
 });
 /**
@@ -115,12 +129,8 @@ export const Trigger = React.forwardRef((props, ref) => {
  */
 export const Label = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
-    return (_jsx(CoreCategory.Name, { children: ({ name }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name, category }, content: name, children: _jsx("span", { children: name }) }));
-        } }));
+    const { category, isSelected } = useCategoryContext();
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name: category.name, category }, content: category.name, children: _jsx("span", { children: category.name }) }));
 });
 /**
  * Provides access to the category ID for advanced use cases.
@@ -149,9 +159,7 @@ export const Label = React.forwardRef((props, ref) => {
  */
 export const ID = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
+    const { category, isSelected } = useCategoryContext();
     const id = category._id || '';
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryId, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { id, category }, content: id, children: _jsx("span", { children: id }) }));
 });
@@ -179,8 +187,6 @@ export const ID = React.forwardRef((props, ref) => {
  */
 export const Raw = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
+    const { category, isSelected } = useCategoryContext();
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryRaw, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { category, isSelected }, children: _jsx("span", { children: JSON.stringify(category) }) }));
 });

package/cjs/dist/react/CategoryList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type Category as CategoryType } from '../services/category-service.js';
+import { type Category as CategoryType } from './Category.js';
 import { type CategoriesListServiceConfig } from '../services/categories-list-service.js';
 /**
  * Props for CategoryList.Root component
@@ -41,6 +41,7 @@ export interface CategoryListCategoryRepeaterProps {
 /**
  * Root container that provides category list context to all child components.
  * This component sets up the necessary services for managing categories list state.
+ * Automatically connects to ProductList filtering when available.
  *
  * @order 1
  * @component
@@ -100,4 +101,4 @@ export declare const Loading: React.ForwardRefExoticComponent<CategoryListLoadin
  * }
  * ```
  */
-export declare const CategoryRepeater: React.ForwardRefExoticComponent<CategoryListCategoryRepeaterProps & React.RefAttributes<HTMLDivElement>>;
+export declare function CategoryRepeater(props: CategoryListCategoryRepeaterProps): import("react/jsx-runtime").JSX.Element;

package/cjs/dist/react/CategoryList.js

@@ -11,6 +11,7 @@ var TestIds;
 /**
  * Root container that provides category list context to all child components.
  * This component sets up the necessary services for managing categories list state.
+ * Automatically connects to ProductList filtering when available.
  *
  * @order 1
  * @component
@@ -78,11 +79,11 @@ export const Loading = React.forwardRef((props, ref) => {
  * }
  * ```
  */
-export const CategoryRepeater = React.forwardRef((props) => {
+export function CategoryRepeater(props) {
     // const { children, asChild = false, className } = props;
     const { children } = props;
     // Note: maxDepth is not implemented yet as it depends on category hierarchy structure
     return (_jsx(CoreCategoryList.ItemContent, { children: ({ category }) => {
-            return (_jsx(Category.Root, { categoryServiceConfig: { category }, children: children }, category._id));
+            return (_jsx(Category.Root, { category: category, children: children }, category._id));
         } }));
-});
+}

package/cjs/dist/react/ProductList.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 import type { ProductsListServiceConfig } from '../services/products-list-service.js';
 import { productsV3 } from '@wix/stores';
 import { AsChildChildren } from '@wix/headless-utils/react';
-export { Filter, CategoryFilter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
+export { Filter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
 /**
  * Props for the ProductList root component following the documented API
  */

package/cjs/dist/react/ProductList.js

@@ -8,7 +8,7 @@ import * as CoreProductListPagination from './core/ProductListPagination.js';
 import { ProductListSort as ProductListSortPrimitive } from './core/ProductListSort.js';
 import * as Product from './Product.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
-export { Filter, CategoryFilter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
+export { Filter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
 var TestIds;
 (function (TestIds) {
     TestIds["productListRoot"] = "product-list-root";

package/cjs/dist/react/core/CategoryList.d.ts

@@ -1,5 +1,7 @@
+import React from 'react';
 import { type CategoriesListServiceConfig } from '../../services/categories-list-service.js';
-import { type Category } from '../../services/category-service.js';
+import { categories } from '@wix/categories';
+export type Category = categories.Category;
 export interface RootProps {
     children: React.ReactNode;
     categoriesListConfig: CategoriesListServiceConfig;
@@ -7,6 +9,7 @@ export interface RootProps {
 /**
  * Root component that provides the CategoryList service context to its children.
  * This component sets up the necessary services for managing categories list state.
+ * Optionally connects to ProductList filtering when connectToProductFilter is enabled.
  *
  * @order 1
  * @component
@@ -16,7 +19,10 @@ export interface RootProps {
  *
  * function CategoriesPage() {
  *   return (
- *     <CategoryList.Root categoriesListConfig={{ collectionId: 'my-collection' }}>
+ *     <CategoryList.Root
+ *       categoriesListConfig={{ categories: myCategories }}
+ *       connectToProductFilter={true}
+ *     >
  *       <CategoryList.ItemContent>
  *         {({ category }) => (
  *           <div key={category._id}>
@@ -65,7 +71,7 @@ export interface EmptyStateRenderProps {
  * }
  * ```
  */
-export declare function EmptyState(props: EmptyStateProps): import("react").ReactNode;
+export declare function EmptyState(props: EmptyStateProps): React.ReactNode;
 /**
  * Props for Loading headless component
  */
@@ -101,7 +107,7 @@ export interface LoadingRenderProps {
  * }
  * ```
  */
-export declare function Loading(props: LoadingProps): import("react").ReactNode;
+export declare function Loading(props: LoadingProps): React.ReactNode;
 /**
  * Props for Error headless component
  */
@@ -142,7 +148,7 @@ export interface ErrorRenderProps {
  * }
  * ```
  */
-export declare function Error(props: ErrorProps): import("react").ReactNode;
+export declare function Error(props: ErrorProps): React.ReactNode;
 /**
  * Props for ItemContent headless component
  */

package/cjs/dist/react/core/CategoryList.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useService, WixServices } from '@wix/services-manager-react';
 import { createServicesMap } from '@wix/services-manager';
 import { CategoriesListService, CategoriesListServiceDefinition, } from '../../services/categories-list-service.js';
-import { Root as CategoryRoot } from './Category.js';
 /**
  * Root component that provides the CategoryList service context to its children.
  * This component sets up the necessary services for managing categories list state.
+ * Optionally connects to ProductList filtering when connectToProductFilter is enabled.
  *
  * @order 1
  * @component
@@ -15,7 +16,10 @@ import { Root as CategoryRoot } from './Category.js';
  *
  * function CategoriesPage() {
  *   return (
- *     <CategoryList.Root categoriesListConfig={{ collectionId: 'my-collection' }}>
+ *     <CategoryList.Root
+ *       categoriesListConfig={{ categories: myCategories }}
+ *       connectToProductFilter={true}
+ *     >
  *       <CategoryList.ItemContent>
  *         {({ category }) => (
  *           <div key={category._id}>
@@ -29,7 +33,8 @@ import { Root as CategoryRoot } from './Category.js';
  * ```
  */
 export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, props.categoriesListConfig), children: props.children }));
+    const { categoriesListConfig, children } = props;
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
 }
 /**
  * Component that renders content when the categories list is empty.
@@ -166,7 +171,7 @@ export function ItemContent(props) {
     if (isLoading.get() || error.get() || categoriesValue.length === 0) {
         return null;
     }
-    return categoriesValue.map((category) => (_jsx(CategoryRoot, { categoryServiceConfig: { category }, children: typeof props.children === 'function'
+    return categoriesValue.map((category) => (_jsx(React.Fragment, { children: typeof props.children === 'function'
             ? props.children({
                 category,
             })

package/cjs/dist/react/core/ProductListFilters.d.ts

@@ -50,7 +50,7 @@ export interface ResetTriggerRenderProps {
 export declare function ResetTrigger(props: ResetTriggerProps): ReactNode;
 export interface CategoryFilterRenderProps {
     selectedCategory: Category | null;
-    setSelectedCategory: (category: Category) => void;
+    setSelectedCategory: (category: Category | null) => void;
 }
 export interface CategoryFilterProps {
     /** Content to display (can be a render function receiving category data or ReactNode) */

package/cjs/dist/react/index.d.ts

@@ -1,5 +1,4 @@
 export * as CategoryListCore from './core/CategoryList.js';
-export * as CategoryCore from './core/Category.js';
 export * as ProductCore from './core/Product.js';
 export * as ProductModifiers from './core/ProductModifiers.js';
 export * as ProductListCore from './core/ProductList.js';

package/cjs/dist/react/index.js

@@ -1,5 +1,4 @@
 export * as CategoryListCore from './core/CategoryList.js';
-export * as CategoryCore from './core/Category.js';
 export * as ProductCore from './core/Product.js';
 export * as ProductModifiers from './core/ProductModifiers.js';
 export * as ProductListCore from './core/ProductList.js';

package/cjs/dist/services/categories-list-service.d.ts

@@ -1,5 +1,6 @@
 import { type Signal } from '@wix/services-definitions/core-services/signals';
-import { type Category } from './category-service.js';
+import { categories } from '@wix/categories';
+export type Category = categories.Category;
 /**
  * Configuration interface for the Categories List service.
  * Contains the initial categories data that will be loaded into the service.

package/cjs/dist/services/index.d.ts

@@ -1,4 +1,3 @@
-export { CategoryService, CategoryServiceDefinition, loadCategoryServiceConfig, CategoryServiceConfig, Category, } from './category-service.js';
 export { CategoriesListService, CategoriesListServiceDefinition, loadCategoriesListServiceConfig, CategoriesListServiceConfig, } from './categories-list-service.js';
 export { ProductModifiersService, ProductModifiersServiceDefinition, } from './product-modifiers-service.js';
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from './product-service.js';

package/cjs/dist/services/index.js

@@ -1,4 +1,3 @@
-export { CategoryService, CategoryServiceDefinition, loadCategoryServiceConfig, } from './category-service.js';
 export { CategoriesListService, CategoriesListServiceDefinition, loadCategoriesListServiceConfig, } from './categories-list-service.js';
 export { ProductModifiersService, ProductModifiersServiceDefinition, } from './product-modifiers-service.js';
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from './product-service.js';

package/cjs/dist/services/products-list-service.d.ts

@@ -1,6 +1,7 @@
 import { type Signal, type ReadOnlySignal } from '@wix/services-definitions/core-services/signals';
 import { customizationsV3, productsV3 } from '@wix/stores';
-import { type Category } from './category-service.js';
+import { categories } from '@wix/categories';
+type Category = categories.Category;
 export declare const DEFAULT_QUERY_LIMIT = 100;
 import { SortType } from './../enums/sort-enums.js';
 export { SortType } from './../enums/sort-enums.js';

package/dist/react/Category.d.ts

@@ -1,17 +1,13 @@
 import React from 'react';
-import { type Category } from '../services/category-service.js';
-import { type CategoryServiceConfig } from '../services/category-service.js';
+import { categories } from '@wix/categories';
 import { AsChildChildren } from '@wix/headless-utils/react';
+export type Category = categories.Category;
 /**
  * Props for Category.Root component
  */
 export interface CategoryRootProps {
-    /** Category object to initialize the service with */
-    category?: Category;
-    /** Configuration for the category service */
-    categoryServiceConfig?: CategoryServiceConfig;
-    /** Whether the category is currently selected */
-    isSelected?: boolean;
+    /** Category data */
+    category: Category;
     /** Child components */
     children: React.ReactNode;
 }

package/dist/react/Category.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import * as CoreCategory from './core/Category.js';
-import { CategoryServiceDefinition, } from '../services/category-service.js';
-import { useService } from '@wix/services-manager-react';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { CategoryFilter, } from './core/ProductListFilters.js';
+const CategoryContext = React.createContext(null);
+function useCategoryContext() {
+    const context = React.useContext(CategoryContext);
+    if (!context) {
+        throw new Error('useCategoryContext must be used within a Category.Root component');
+    }
+    return context;
+}
 var TestIds;
 (function (TestIds) {
     TestIds["categoryItem"] = "category-item";
@@ -31,15 +37,18 @@ var TestIds;
  * ```
  */
 export function Root(props) {
-    const { category, categoryServiceConfig, isSelected, children } = props;
-    if (!category && !categoryServiceConfig) {
-        throw new Error('Category.Root: category or categoryServiceConfig is required');
-    }
-    const serviceConfig = categoryServiceConfig || {
-        category: category,
-        isSelected,
-    };
-    return (_jsx(CoreCategory.Root, { categoryServiceConfig: serviceConfig, children: children }));
+    const { category, children } = props;
+    return (_jsx(CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
+            // Determine if this category is selected by comparing with selectedCategory
+            const isSelected = selectedCategory?._id === category._id;
+            const contextValue = {
+                category,
+                isSelected,
+                selectedCategory,
+                setSelectedCategory,
+            };
+            return (_jsx(CategoryContext.Provider, { value: contextValue, children: children }));
+        } }));
 }
 /**
  * Interactive element for selecting or triggering category actions.
@@ -72,11 +81,17 @@ export function Root(props) {
  */
 export const Trigger = React.forwardRef((props, ref) => {
     const { asChild, children, onSelect, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
-    const setIsSelected = (isSelected) => categoryService.isSelected.set(isSelected);
+    const { category, isSelected, setSelectedCategory } = useCategoryContext();
     const handleSelect = () => {
+        // Use CategoryFilter's setSelectedCategory function
+        if (isSelected) {
+            // Deselect by passing null
+            setSelectedCategory(null);
+        }
+        else {
+            // Select this category
+            setSelectedCategory(category);
+        }
         if (onSelect) {
             onSelect(category);
         }
@@ -85,7 +100,6 @@ export const Trigger = React.forwardRef((props, ref) => {
             category,
             isSelected,
             onSelect: handleSelect,
-            setIsSelected,
         }, content: category.name, children: _jsx("button", { children: category.name }) }));
 });
 /**
@@ -115,12 +129,8 @@ export const Trigger = React.forwardRef((props, ref) => {
  */
 export const Label = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
-    return (_jsx(CoreCategory.Name, { children: ({ name }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name, category }, content: name, children: _jsx("span", { children: name }) }));
-        } }));
+    const { category, isSelected } = useCategoryContext();
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name: category.name, category }, content: category.name, children: _jsx("span", { children: category.name }) }));
 });
 /**
  * Provides access to the category ID for advanced use cases.
@@ -149,9 +159,7 @@ export const Label = React.forwardRef((props, ref) => {
  */
 export const ID = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
+    const { category, isSelected } = useCategoryContext();
     const id = category._id || '';
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryId, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { id, category }, content: id, children: _jsx("span", { children: id }) }));
 });
@@ -179,8 +187,6 @@ export const ID = React.forwardRef((props, ref) => {
  */
 export const Raw = React.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    const categoryService = useService(CategoryServiceDefinition);
-    const category = categoryService.category.get();
-    const isSelected = categoryService.isSelected.get();
+    const { category, isSelected } = useCategoryContext();
     return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryRaw, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { category, isSelected }, children: _jsx("span", { children: JSON.stringify(category) }) }));
 });

package/dist/react/CategoryList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type Category as CategoryType } from '../services/category-service.js';
+import { type Category as CategoryType } from './Category.js';
 import { type CategoriesListServiceConfig } from '../services/categories-list-service.js';
 /**
  * Props for CategoryList.Root component
@@ -41,6 +41,7 @@ export interface CategoryListCategoryRepeaterProps {
 /**
  * Root container that provides category list context to all child components.
  * This component sets up the necessary services for managing categories list state.
+ * Automatically connects to ProductList filtering when available.
  *
  * @order 1
  * @component
@@ -100,4 +101,4 @@ export declare const Loading: React.ForwardRefExoticComponent<CategoryListLoadin
  * }
  * ```
  */
-export declare const CategoryRepeater: React.ForwardRefExoticComponent<CategoryListCategoryRepeaterProps & React.RefAttributes<HTMLDivElement>>;
+export declare function CategoryRepeater(props: CategoryListCategoryRepeaterProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/CategoryList.js

@@ -11,6 +11,7 @@ var TestIds;
 /**
  * Root container that provides category list context to all child components.
  * This component sets up the necessary services for managing categories list state.
+ * Automatically connects to ProductList filtering when available.
  *
  * @order 1
  * @component
@@ -78,11 +79,11 @@ export const Loading = React.forwardRef((props, ref) => {
  * }
  * ```
  */
-export const CategoryRepeater = React.forwardRef((props) => {
+export function CategoryRepeater(props) {
     // const { children, asChild = false, className } = props;
     const { children } = props;
     // Note: maxDepth is not implemented yet as it depends on category hierarchy structure
     return (_jsx(CoreCategoryList.ItemContent, { children: ({ category }) => {
-            return (_jsx(Category.Root, { categoryServiceConfig: { category }, children: children }, category._id));
+            return (_jsx(Category.Root, { category: category, children: children }, category._id));
         } }));
-});
+}

package/dist/react/ProductList.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 import type { ProductsListServiceConfig } from '../services/products-list-service.js';
 import { productsV3 } from '@wix/stores';
 import { AsChildChildren } from '@wix/headless-utils/react';
-export { Filter, CategoryFilter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
+export { Filter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
 /**
  * Props for the ProductList root component following the documented API
  */

package/dist/react/ProductList.js

@@ -8,7 +8,7 @@ import * as CoreProductListPagination from './core/ProductListPagination.js';
 import { ProductListSort as ProductListSortPrimitive } from './core/ProductListSort.js';
 import * as Product from './Product.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
-export { Filter, CategoryFilter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
+export { Filter, ResetTrigger as FilterResetTrigger, } from './core/ProductListFilters.js';
 var TestIds;
 (function (TestIds) {
     TestIds["productListRoot"] = "product-list-root";

package/dist/react/core/CategoryList.d.ts

@@ -1,5 +1,7 @@
+import React from 'react';
 import { type CategoriesListServiceConfig } from '../../services/categories-list-service.js';
-import { type Category } from '../../services/category-service.js';
+import { categories } from '@wix/categories';
+export type Category = categories.Category;
 export interface RootProps {
     children: React.ReactNode;
     categoriesListConfig: CategoriesListServiceConfig;
@@ -7,6 +9,7 @@ export interface RootProps {
 /**
  * Root component that provides the CategoryList service context to its children.
  * This component sets up the necessary services for managing categories list state.
+ * Optionally connects to ProductList filtering when connectToProductFilter is enabled.
  *
  * @order 1
  * @component
@@ -16,7 +19,10 @@ export interface RootProps {
  *
  * function CategoriesPage() {
  *   return (
- *     <CategoryList.Root categoriesListConfig={{ collectionId: 'my-collection' }}>
+ *     <CategoryList.Root
+ *       categoriesListConfig={{ categories: myCategories }}
+ *       connectToProductFilter={true}
+ *     >
  *       <CategoryList.ItemContent>
  *         {({ category }) => (
  *           <div key={category._id}>
@@ -65,7 +71,7 @@ export interface EmptyStateRenderProps {
  * }
  * ```
  */
-export declare function EmptyState(props: EmptyStateProps): import("react").ReactNode;
+export declare function EmptyState(props: EmptyStateProps): React.ReactNode;
 /**
  * Props for Loading headless component
  */
@@ -101,7 +107,7 @@ export interface LoadingRenderProps {
  * }
  * ```
  */
-export declare function Loading(props: LoadingProps): import("react").ReactNode;
+export declare function Loading(props: LoadingProps): React.ReactNode;
 /**
  * Props for Error headless component
  */
@@ -142,7 +148,7 @@ export interface ErrorRenderProps {
  * }
  * ```
  */
-export declare function Error(props: ErrorProps): import("react").ReactNode;
+export declare function Error(props: ErrorProps): React.ReactNode;
 /**
  * Props for ItemContent headless component
  */