@wix/headless-stores 0.0.77 → 0.0.79

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/Product.d.ts

@@ -860,6 +860,92 @@ export declare const Action: {
     /** Pre-order action button */
     readonly PreOrder: React.ForwardRefExoticComponent<ProductActionProps & React.RefAttributes<HTMLButtonElement>>;
 };
+/**
+ * Props for ProductVariantSKU component
+ */
+export interface ProductVariantSKUProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        sku: string | null;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+}
+/**
+ * Displays the selected variant SKU with customizable rendering following the documented API.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <Product.ProductVariant.SKU className="text-content-secondary" />
+ *
+ * // asChild with primitive
+ * <Product.ProductVariant.SKU asChild>
+ *   <span className="sku-value" />
+ * </Product.ProductVariant.SKU>
+ *
+ * // asChild with react component
+ * <Product.ProductVariant.SKU asChild>
+ *   {React.forwardRef(({sku, ...props}, ref) => (
+ *     <span ref={ref} {...props}>
+ *       {sku}
+ *     </span>
+ *   ))}
+ * </Product.ProductVariant.SKU>
+ * ```
+ */
+export declare const ProductVariantSKU: React.ForwardRefExoticComponent<ProductVariantSKUProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for ProductVariantWeight component
+ */
+export interface ProductVariantWeightProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        weight: string | null;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+}
+/**
+ * Displays the selected variant weight with customizable rendering following the documented API.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <Product.ProductVariant.Weight className="text-content-secondary" />
+ *
+ * // asChild with primitive
+ * <Product.ProductVariant.Weight asChild>
+ *   <span className="weight-value" />
+ * </Product.ProductVariant.Weight>
+ *
+ * // asChild with react component
+ * <Product.ProductVariant.Weight asChild>
+ *   {React.forwardRef(({weight, ...props}, ref) => (
+ *     <span ref={ref} {...props}>
+ *       {weight}
+ *     </span>
+ *   ))}
+ * </Product.ProductVariant.Weight>
+ * ```
+ */
+export declare const ProductVariantWeight: React.ForwardRefExoticComponent<ProductVariantWeightProps & React.RefAttributes<HTMLElement>>;
+/**
+ * ProductVariant namespace containing product variant components
+ * following the compound component pattern: Product.ProductVariant.SKU, Product.ProductVariant.Weight
+ */
+export declare const ProductVariant: {
+    /** Product variant SKU component */
+    readonly SKU: React.ForwardRefExoticComponent<ProductVariantSKUProps & React.RefAttributes<HTMLElement>>;
+    /** Product variant weight component */
+    readonly Weight: React.ForwardRefExoticComponent<ProductVariantWeightProps & React.RefAttributes<HTMLElement>>;
+};
 /**
  * Quantity namespace containing all product quantity components
  * following the compound component pattern: Product.Quantity.Root, Product.Quantity.Decrement, etc.

package/dist/react/Product.js

@@ -47,6 +47,9 @@ var TestIds;
     TestIds["productVariants"] = "product-variants";
     TestIds["productVariantOptions"] = "product-variant-options";
     TestIds["productVariantOption"] = "product-variant-option";
+    TestIds["productVariant"] = "product-variant";
+    TestIds["productVariantSku"] = "product-variant-sku";
+    TestIds["productVariantWeight"] = "product-variant-weight";
     TestIds["productModifiers"] = "product-modifiers";
     TestIds["productModifierOptions"] = "product-modifier-options";
     TestIds["productModifierOption"] = "product-modifier-option";
@@ -780,7 +783,7 @@ export const ProductQuantityDecrement = React.forwardRef((props, ref) => {
             if (asChild && children) {
                 return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityDecrement, customElement: children, customElementProps: { disabled } }));
             }
-            return (_jsx(QuantityComponent.Decrement, { className: className, ref: ref, "data-testid": TestIds.productQuantityDecrement, disabled: disabled }));
+            return (_jsx(QuantityComponent.Decrement, { className: className, ref: ref, "data-testid": TestIds.productQuantityDecrement, disabled }));
         } }));
 });
 /**
@@ -821,7 +824,7 @@ export const ProductQuantityIncrement = React.forwardRef((props, ref) => {
             if (asChild && children) {
                 return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productQuantityIncrement, customElement: children, customElementProps: { disabled } }));
             }
-            return (_jsx(QuantityComponent.Increment, { className: className, ref: ref, "data-testid": TestIds.productQuantityIncrement, disabled: disabled }));
+            return (_jsx(QuantityComponent.Increment, { className: className, ref: ref, "data-testid": TestIds.productQuantityIncrement, disabled }));
         } }));
 });
 /**
@@ -935,6 +938,84 @@ export const Action = {
     /** Pre-order action button */
     PreOrder: ProductActionPreOrder,
 };
+/**
+ * Displays the selected variant SKU with customizable rendering following the documented API.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <Product.ProductVariant.SKU className="text-content-secondary" />
+ *
+ * // asChild with primitive
+ * <Product.ProductVariant.SKU asChild>
+ *   <span className="sku-value" />
+ * </Product.ProductVariant.SKU>
+ *
+ * // asChild with react component
+ * <Product.ProductVariant.SKU asChild>
+ *   {React.forwardRef(({sku, ...props}, ref) => (
+ *     <span ref={ref} {...props}>
+ *       {sku}
+ *     </span>
+ *   ))}
+ * </Product.ProductVariant.SKU>
+ * ```
+ */
+export const ProductVariantSKU = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(SelectedVariant.Details, { children: ({ sku }) => {
+            // Don't render anything if there's no SKU
+            if (!sku) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantSku, customElement: children, customElementProps: { sku }, content: sku, children: _jsx("span", { children: sku }) }));
+        } }));
+});
+/**
+ * Displays the selected variant weight with customizable rendering following the documented API.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <Product.ProductVariant.Weight className="text-content-secondary" />
+ *
+ * // asChild with primitive
+ * <Product.ProductVariant.Weight asChild>
+ *   <span className="weight-value" />
+ * </Product.ProductVariant.Weight>
+ *
+ * // asChild with react component
+ * <Product.ProductVariant.Weight asChild>
+ *   {React.forwardRef(({weight, ...props}, ref) => (
+ *     <span ref={ref} {...props}>
+ *       {weight}
+ *     </span>
+ *   ))}
+ * </Product.ProductVariant.Weight>
+ * ```
+ */
+export const ProductVariantWeight = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(SelectedVariant.Details, { children: ({ weight }) => {
+            // Don't render anything if there's no weight
+            if (!weight) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productVariantWeight, customElement: children, customElementProps: { weight }, content: weight, children: _jsx("span", { children: weight }) }));
+        } }));
+});
+/**
+ * ProductVariant namespace containing product variant components
+ * following the compound component pattern: Product.ProductVariant.SKU, Product.ProductVariant.Weight
+ */
+export const ProductVariant = {
+    /** Product variant SKU component */
+    SKU: ProductVariantSKU,
+    /** Product variant weight component */
+    Weight: ProductVariantWeight,
+};
 /**
  * Quantity namespace containing all product quantity components
  * following the compound component pattern: Product.Quantity.Root, Product.Quantity.Decrement, etc.

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
  */

package/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/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/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/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/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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",

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

@@ -1,98 +0,0 @@
-import { type CategoryServiceConfig } from '../../services/category-service.js';
-export interface RootProps {
-    children: React.ReactNode;
-    categoryServiceConfig: CategoryServiceConfig;
-}
-/**
- * Root component that provides the Category service context to its children.
- * This component sets up the necessary services for managing category state.
- *
- * @order 1
- * @component
- * @example
- * ```tsx
- * import { CategoryCore } from '@wix/stores/components';
- *
- * function CategoryPage() {
- *   return (
- *     <Category.Root categoryServiceConfig={{ category: myCategory }}>
- *       <Category.Name>
- *         {({ name }) => <h1>{name}</h1>}
- *       </Category.Name>
- *       <Category.Slug>
- *         {({ slug }) => <p>Slug: {slug}</p>}
- *       </Category.Slug>
- *     </Category.Root>
- *   );
- * }
- * ```
- */
-export declare function Root(props: RootProps): React.ReactNode;
-/**
- * Props for Name headless component
- */
-export interface NameProps {
-    /** Content to display (can be a render function receiving name data or ReactNode) */
-    children: ((props: NameRenderProps) => React.ReactNode) | React.ReactNode;
-}
-/**
- * Render props for Name component
- */
-export interface NameRenderProps {
-    /** Category name */
-    name: string;
-}
-/**
- * Headless component for category name display
- *
- * @component
- * @example
- * ```tsx
- * import { CategoryCore } from '@wix/stores/components';
- *
- * function CategoryHeader() {
- *   return (
- *     <Category.Name>
- *       {({ name }) => (
- *         <h1 className="category-title">{name}</h1>
- *       )}
- *     </Category.Name>
- *   );
- * }
- * ```
- */
-export declare function Name(props: NameProps): import("react").ReactNode;
-/**
- * Props for Slug headless component
- */
-export interface SlugProps {
-    /** Content to display (can be a render function receiving slug data or ReactNode) */
-    children: ((props: SlugRenderProps) => React.ReactNode) | React.ReactNode;
-}
-/**
- * Render props for Slug component
- */
-export interface SlugRenderProps {
-    /** Category slug */
-    slug: string;
-}
-/**
- * Headless component for category slug display
- *
- * @component
- * @example
- * ```tsx
- * import { CategoryCore } from '@wix/stores/components';
- *
- * function CategoryInfo() {
- *   return (
- *     <Category.Slug>
- *       {({ slug }) => (
- *         <p className="category-slug">Category slug: {slug}</p>
- *       )}
- *     </Category.Slug>
- *   );
- * }
- * ```
- */
-export declare function Slug(props: SlugProps): import("react").ReactNode;