@wix/headless-stores 0.0.90 → 0.0.92

package/cjs/dist/data-component-tags.d.ts

@@ -0,0 +1,8 @@
+export declare enum DataComponentTags {
+    categoryListRoot = "stores.category-list-root",
+    categoryRoot = "stores.category-root",
+    choiceRoot = "stores.choice-root",
+    optionRoot = "stores.option-root",
+    productListRoot = "stores.product-list-root",
+    productRoot = "stores.product-root"
+}

package/cjs/dist/data-component-tags.js

@@ -0,0 +1,9 @@
+export var DataComponentTags;
+(function (DataComponentTags) {
+    DataComponentTags["categoryListRoot"] = "stores.category-list-root";
+    DataComponentTags["categoryRoot"] = "stores.category-root";
+    DataComponentTags["choiceRoot"] = "stores.choice-root";
+    DataComponentTags["optionRoot"] = "stores.option-root";
+    DataComponentTags["productListRoot"] = "stores.product-list-root";
+    DataComponentTags["productRoot"] = "stores.product-root";
+})(DataComponentTags || (DataComponentTags = {}));

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

@@ -98,14 +98,14 @@ export interface CategoryFilterProps {
  * ```tsx
  * import { Category } from '@wix/headless-stores/react';
  *
- * <Category.Root categoryServiceConfig={{ category }}>
- *   <Category.Trigger />
- *   <Category.Label />
- *   <Category.ID />
+ * <Category.Root category={category}>
+ *     <Category.Trigger />
+ *     <Category.Label />
+ *     <Category.ID />
  * </Category.Root>
  * ```
  */
-export declare function Root(props: CategoryRootProps): React.ReactNode;
+export declare const Root: React.ForwardRefExoticComponent<CategoryRootProps & React.RefAttributes<HTMLElement>>;
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

package/cjs/dist/react/Category.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import * as CoreProductListFilters from './core/ProductListFilters.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const CategoryContext = React.createContext(null);
 function useCategoryContext() {
     const context = React.useContext(CategoryContext);
@@ -12,6 +13,7 @@ function useCategoryContext() {
 }
 var TestIds;
 (function (TestIds) {
+    TestIds["categoryRoot"] = "category-root";
     TestIds["categoryItem"] = "category-item";
     TestIds["categoryTrigger"] = "category-trigger";
     TestIds["categoryLabel"] = "category-label";
@@ -30,14 +32,14 @@ var TestIds;
  * ```tsx
  * import { Category } from '@wix/headless-stores/react';
  *
- * <Category.Root categoryServiceConfig={{ category }}>
- *   <Category.Trigger />
- *   <Category.Label />
- *   <Category.ID />
+ * <Category.Root category={category}>
+ *     <Category.Trigger />
+ *     <Category.Label />
+ *     <Category.ID />
  * </Category.Root>
  * ```
  */
-export function Root(props) {
+export const Root = React.forwardRef((props, ref) => {
     const { category, children } = props;
     return (_jsx(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
             // Determine if this category is selected by comparing with selectedCategory
@@ -48,9 +50,10 @@ export function Root(props) {
                 selectedCategory,
                 setSelectedCategory,
             };
-            return (_jsx(CategoryContext.Provider, { value: contextValue, children: children }));
+            return (_jsx(CategoryContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, "data-component-tag": DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
         } }));
-}
+});
+Root.displayName = 'Category.Root';
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

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

@@ -61,7 +61,10 @@ export interface CategoryListCategoryRepeaterProps {
  * }
  * ```
  */
-export declare function Root(props: CategoryListRootProps): React.ReactNode;
+export declare const Root: {
+    (props: CategoryListRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/cjs/dist/react/CategoryList.js

@@ -3,6 +3,7 @@ import React from 'react';
 import * as CoreCategoryList from './core/CategoryList.js';
 import * as Category from './Category.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["categoryListRoot"] = "category-list";
@@ -31,12 +32,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { categories, categoriesListConfig, children, emptyState } = props;
     // Create service config, prioritizing categoriesListConfig, then categories prop
     const serviceConfig = categoriesListConfig || (categories ? { categories } : { categories: [] });
-    return (_jsxs(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, "data-testid": TestIds.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }));
-}
+    return (_jsx(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, children: _jsxs(AsChildSlot, { "data-testid": TestIds.categoryListRoot, "data-component-tag": DataComponentTags.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }) }));
+};
+Root.displayName = 'CategoryList.Root';
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/cjs/dist/react/Choice.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { FreeText as FreeTextPrimitive } from './core/ProductModifiers.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["choiceRoot"] = "choice-root";
@@ -43,11 +44,13 @@ export const Root = React.forwardRef((props, ref) => {
     }
     const { choice } = choiceContext;
     const attributes = {
+        'data-component-tag': DataComponentTags.choiceRoot,
         'data-testid': TestIds.choiceRoot,
         'data-type': choice?.type,
     };
     return (_jsx("div", { ...attributes, ref: ref, children: children }));
 });
+Root.displayName = 'Choice.Root';
 /**
  * Text-based choice button.
  *

package/cjs/dist/react/Option.js

@@ -4,6 +4,7 @@ import * as Choice from './Choice.js';
 import * as ProductModifiersPrimitive from './core/ProductModifiers.js';
 import * as ProductVariantSelectorPrimitive from './core/ProductVariantSelector.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["optionRoot"] = "option-root";
@@ -113,8 +114,9 @@ export const Root = React.forwardRef((props, ref) => {
         allowedTypes,
         mandatory: option?.mandatory || false,
     };
-    return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+    return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
 });
+Root.displayName = 'Option.Root';
 // Create a context to pass option data down
 export const OptionContext = React.createContext(null);
 /**

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

@@ -60,7 +60,10 @@ export interface ProductRootProps {
  * }
  * ```
  */
-export declare function Root(props: ProductRootProps): React.ReactNode;
+export declare const Root: {
+    (props: ProductRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Props for Product Name component
  */

package/cjs/dist/react/Product.js

@@ -11,6 +11,7 @@ import * as ProductModifiers from './core/ProductModifiers.js';
 import * as SelectedVariant from './core/SelectedVariant.js';
 import * as Option from './Option.js';
 import { AsContent } from './types.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const VariantsContext = React.createContext(null);
 /**
  * Hook to access variants context
@@ -86,12 +87,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { children, product, ...attrs } = props;
-    return (_jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
-                media: props.product.media?.itemsInfo?.items ?? [],
-            }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }));
-}
+    return (_jsx(AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": DataComponentTags.productRoot, children: _jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+                    media: props.product.media?.itemsInfo?.items ?? [],
+                }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }) }));
+};
+Root.displayName = 'Product.Root';
 /**
  * Displays the product name with customizable rendering following the documented API.
  *

package/cjs/dist/react/ProductList.js

@@ -8,6 +8,7 @@ import { ProductListSort as ProductListSortPrimitive } from './core/ProductListS
 import * as CoreProductListFilters from './core/ProductListFilters.js';
 import * as Product from './Product.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["productListRoot"] = "product-list-root";
@@ -60,6 +61,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
 });
+Root.displayName = 'ProductList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
@@ -70,7 +72,7 @@ const RootContent = React.forwardRef((props, ref) => {
         ...product,
         id: product._id,
     }));
-    return (_jsx(GenericList.Root, { items: items, onLoadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-testid": TestIds.productListRoot, children: children }));
+    return (_jsx(GenericList.Root, { items: items, onLoadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-component-tag": DataComponentTags.productListRoot, "data-testid": TestIds.productListRoot, children: children }));
 });
 /**
  * Raw component that provides direct access to product list data.

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

@@ -36,6 +36,9 @@ export interface RootProps {
  * ```
  */
 export declare function Root(props: RootProps): React.ReactNode;
+export declare namespace Root {
+    var displayName: string;
+}
 /**
  * Props for EmptyState headless component
  */

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

@@ -36,6 +36,7 @@ export function Root(props) {
     const { categoriesListConfig, children } = props;
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
 }
+Root.displayName = 'CategoryList.Root';
 /**
  * Component that renders content when the categories list is empty.
  * Only displays its children when there are no categories, no loading state, and no errors.

package/dist/data-component-tags.d.ts

@@ -0,0 +1,8 @@
+export declare enum DataComponentTags {
+    categoryListRoot = "stores.category-list-root",
+    categoryRoot = "stores.category-root",
+    choiceRoot = "stores.choice-root",
+    optionRoot = "stores.option-root",
+    productListRoot = "stores.product-list-root",
+    productRoot = "stores.product-root"
+}

package/dist/data-component-tags.js

@@ -0,0 +1,9 @@
+export var DataComponentTags;
+(function (DataComponentTags) {
+    DataComponentTags["categoryListRoot"] = "stores.category-list-root";
+    DataComponentTags["categoryRoot"] = "stores.category-root";
+    DataComponentTags["choiceRoot"] = "stores.choice-root";
+    DataComponentTags["optionRoot"] = "stores.option-root";
+    DataComponentTags["productListRoot"] = "stores.product-list-root";
+    DataComponentTags["productRoot"] = "stores.product-root";
+})(DataComponentTags || (DataComponentTags = {}));

package/dist/react/Category.d.ts

@@ -98,14 +98,14 @@ export interface CategoryFilterProps {
  * ```tsx
  * import { Category } from '@wix/headless-stores/react';
  *
- * <Category.Root categoryServiceConfig={{ category }}>
- *   <Category.Trigger />
- *   <Category.Label />
- *   <Category.ID />
+ * <Category.Root category={category}>
+ *     <Category.Trigger />
+ *     <Category.Label />
+ *     <Category.ID />
  * </Category.Root>
  * ```
  */
-export declare function Root(props: CategoryRootProps): React.ReactNode;
+export declare const Root: React.ForwardRefExoticComponent<CategoryRootProps & React.RefAttributes<HTMLElement>>;
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

package/dist/react/Category.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { AsChildSlot } from '@wix/headless-utils/react';
 import * as CoreProductListFilters from './core/ProductListFilters.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const CategoryContext = React.createContext(null);
 function useCategoryContext() {
     const context = React.useContext(CategoryContext);
@@ -12,6 +13,7 @@ function useCategoryContext() {
 }
 var TestIds;
 (function (TestIds) {
+    TestIds["categoryRoot"] = "category-root";
     TestIds["categoryItem"] = "category-item";
     TestIds["categoryTrigger"] = "category-trigger";
     TestIds["categoryLabel"] = "category-label";
@@ -30,14 +32,14 @@ var TestIds;
  * ```tsx
  * import { Category } from '@wix/headless-stores/react';
  *
- * <Category.Root categoryServiceConfig={{ category }}>
- *   <Category.Trigger />
- *   <Category.Label />
- *   <Category.ID />
+ * <Category.Root category={category}>
+ *     <Category.Trigger />
+ *     <Category.Label />
+ *     <Category.ID />
  * </Category.Root>
  * ```
  */
-export function Root(props) {
+export const Root = React.forwardRef((props, ref) => {
     const { category, children } = props;
     return (_jsx(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
             // Determine if this category is selected by comparing with selectedCategory
@@ -48,9 +50,10 @@ export function Root(props) {
                 selectedCategory,
                 setSelectedCategory,
             };
-            return (_jsx(CategoryContext.Provider, { value: contextValue, children: children }));
+            return (_jsx(CategoryContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, "data-component-tag": DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
         } }));
-}
+});
+Root.displayName = 'Category.Root';
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

package/dist/react/CategoryList.d.ts

@@ -61,7 +61,10 @@ export interface CategoryListCategoryRepeaterProps {
  * }
  * ```
  */
-export declare function Root(props: CategoryListRootProps): React.ReactNode;
+export declare const Root: {
+    (props: CategoryListRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/dist/react/CategoryList.js

@@ -3,6 +3,7 @@ import React from 'react';
 import * as CoreCategoryList from './core/CategoryList.js';
 import * as Category from './Category.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["categoryListRoot"] = "category-list";
@@ -31,12 +32,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { categories, categoriesListConfig, children, emptyState } = props;
     // Create service config, prioritizing categoriesListConfig, then categories prop
     const serviceConfig = categoriesListConfig || (categories ? { categories } : { categories: [] });
-    return (_jsxs(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, "data-testid": TestIds.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }));
-}
+    return (_jsx(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, children: _jsxs(AsChildSlot, { "data-testid": TestIds.categoryListRoot, "data-component-tag": DataComponentTags.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }) }));
+};
+Root.displayName = 'CategoryList.Root';
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/dist/react/Choice.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { FreeText as FreeTextPrimitive } from './core/ProductModifiers.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["choiceRoot"] = "choice-root";
@@ -43,11 +44,13 @@ export const Root = React.forwardRef((props, ref) => {
     }
     const { choice } = choiceContext;
     const attributes = {
+        'data-component-tag': DataComponentTags.choiceRoot,
         'data-testid': TestIds.choiceRoot,
         'data-type': choice?.type,
     };
     return (_jsx("div", { ...attributes, ref: ref, children: children }));
 });
+Root.displayName = 'Choice.Root';
 /**
  * Text-based choice button.
  *

package/dist/react/Option.js

@@ -4,6 +4,7 @@ import * as Choice from './Choice.js';
 import * as ProductModifiersPrimitive from './core/ProductModifiers.js';
 import * as ProductVariantSelectorPrimitive from './core/ProductVariantSelector.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["optionRoot"] = "option-root";
@@ -113,8 +114,9 @@ export const Root = React.forwardRef((props, ref) => {
         allowedTypes,
         mandatory: option?.mandatory || false,
     };
-    return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
+    return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
 });
+Root.displayName = 'Option.Root';
 // Create a context to pass option data down
 export const OptionContext = React.createContext(null);
 /**

package/dist/react/Product.d.ts

@@ -60,7 +60,10 @@ export interface ProductRootProps {
  * }
  * ```
  */
-export declare function Root(props: ProductRootProps): React.ReactNode;
+export declare const Root: {
+    (props: ProductRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Props for Product Name component
  */

package/dist/react/Product.js

@@ -11,6 +11,7 @@ import * as ProductModifiers from './core/ProductModifiers.js';
 import * as SelectedVariant from './core/SelectedVariant.js';
 import * as Option from './Option.js';
 import { AsContent } from './types.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const VariantsContext = React.createContext(null);
 /**
  * Hook to access variants context
@@ -86,12 +87,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { children, product, ...attrs } = props;
-    return (_jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
-                media: props.product.media?.itemsInfo?.items ?? [],
-            }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }));
-}
+    return (_jsx(AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": DataComponentTags.productRoot, children: _jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+                    media: props.product.media?.itemsInfo?.items ?? [],
+                }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }) }));
+};
+Root.displayName = 'Product.Root';
 /**
  * Displays the product name with customizable rendering following the documented API.
  *

package/dist/react/ProductList.js

@@ -8,6 +8,7 @@ import { ProductListSort as ProductListSortPrimitive } from './core/ProductListS
 import * as CoreProductListFilters from './core/ProductListFilters.js';
 import * as Product from './Product.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["productListRoot"] = "product-list-root";
@@ -60,6 +61,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
 });
+Root.displayName = 'ProductList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
@@ -70,7 +72,7 @@ const RootContent = React.forwardRef((props, ref) => {
         ...product,
         id: product._id,
     }));
-    return (_jsx(GenericList.Root, { items: items, onLoadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-testid": TestIds.productListRoot, children: children }));
+    return (_jsx(GenericList.Root, { items: items, onLoadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-component-tag": DataComponentTags.productListRoot, "data-testid": TestIds.productListRoot, children: children }));
 });
 /**
  * Raw component that provides direct access to product list data.

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

@@ -36,6 +36,9 @@ export interface RootProps {
  * ```
  */
 export declare function Root(props: RootProps): React.ReactNode;
+export declare namespace Root {
+    var displayName: string;
+}
 /**
  * Props for EmptyState headless component
  */

package/dist/react/core/CategoryList.js

@@ -36,6 +36,7 @@ export function Root(props) {
     const { categoriesListConfig, children } = props;
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
 }
+Root.displayName = 'CategoryList.Root';
 /**
  * Component that renders content when the categories list is empty.
  * Only displays its children when there are no categories, no loading state, and no errors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",
@@ -63,7 +63,7 @@
     "@wix/ecom": "^1.0.1278",
     "@wix/essentials": "^0.1.24",
     "@wix/headless-ecom": "0.0.30",
-    "@wix/headless-media": "0.0.13",
+    "@wix/headless-media": "0.0.14",
     "@wix/headless-utils": "0.0.3",
     "@wix/redirects": "^1.0.83",
     "@wix/services-definitions": "^0.1.4",