@thorprovider/blocks 2.0.0 → 3.0.0

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.js

@@ -0,0 +1,180 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var category_listing_filter_fields_exports = {};
+__export(category_listing_filter_fields_exports, {
+  CategoryListingFilterFields: () => CategoryListingFilterFields,
+  default: () => category_listing_filter_fields_default
+});
+module.exports = __toCommonJS(category_listing_filter_fields_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_input = require("../../../ui/input.js");
+var import_checkbox_check = require("../checkout-forms/checkbox-check.js");
+function readableCount(count) {
+  return typeof count === "number" && Number.isFinite(count) && count >= 0 ? count : void 0;
+}
+function CategoryListingFilterFields({
+  selectedText = "Filtros",
+  clearAllLabel = "Restablecer",
+  priceRangeTitle = "Rango de precio",
+  priceRange,
+  priceRangeConfig,
+  minLabel = "M\xEDnimo",
+  maxLabel = "M\xE1ximo",
+  onPriceChange,
+  categoriesTitle = "Categor\xEDa",
+  categories,
+  selectedCategories,
+  onCategoryChange,
+  collectionsTitle = "Colecci\xF3n",
+  collections,
+  selectedCollections,
+  onCollectionChange,
+  facets = [],
+  selectedFacets,
+  onFacetChange,
+  onClearAll
+}) {
+  const priceInputId = (0, import_react.useId)();
+  const categoryInputId = (0, import_react.useId)();
+  const collectionInputId = (0, import_react.useId)();
+  const facetInputId = (0, import_react.useId)();
+  const visibleFacets = facets.filter((group) => group.options.length > 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "font-semibold", children: selectedText }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "sm", className: "h-8 cursor-pointer px-2 text-xs", onClick: onClearAll, children: clearAllLabel })
+    ] }) }),
+    priceRangeConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "font-semibold", children: priceRangeTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${priceInputId}-min`, children: minLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: `${priceInputId}-min`,
+              type: "number",
+              value: priceRange[0],
+              onChange: (event) => {
+                const value = parseInt(event.target.value);
+                if (!Number.isNaN(value) && value >= priceRangeConfig.min && value <= priceRange[1]) {
+                  onPriceChange([value, priceRange[1]]);
+                }
+              },
+              min: priceRangeConfig.min,
+              max: priceRange[1],
+              step: priceRangeConfig.step,
+              className: "h-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-5 flex-none", children: "-" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${priceInputId}-max`, children: maxLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: `${priceInputId}-max`,
+              type: "number",
+              value: priceRange[1],
+              onChange: (event) => {
+                const value = parseInt(event.target.value);
+                if (!Number.isNaN(value) && value >= priceRange[0] && value <= priceRangeConfig.max) {
+                  onPriceChange([priceRange[0], value]);
+                }
+              },
+              min: priceRange[0],
+              max: priceRangeConfig.max,
+              step: priceRangeConfig.step,
+              className: "h-9"
+            }
+          )
+        ] })
+      ] })
+    ] }) : null,
+    categories.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "font-semibold", children: categoriesTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-2", children: categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkbox_check.CheckboxCheck,
+          {
+            id: `${categoryInputId}-${category.id}`,
+            checked: selectedCategories.includes(category.id),
+            onCheckedChange: (checked) => onCategoryChange(category.id, checked)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${categoryInputId}-${category.id}`, className: "text-sm", children: category.label })
+      ] }, category.id)) })
+    ] }) : null,
+    collections.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "font-semibold", children: collectionsTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-2", children: collections.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkbox_check.CheckboxCheck,
+          {
+            id: `${collectionInputId}-${collection.id}`,
+            checked: selectedCollections.includes(collection.id),
+            onCheckedChange: (checked) => onCollectionChange(collection.id, checked)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${collectionInputId}-${collection.id}`, className: "text-sm", children: collection.label })
+      ] }, collection.id)) })
+    ] }) : null,
+    visibleFacets.map((group) => {
+      const selected = selectedFacets[group.id] ?? [];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-col gap-4", "data-slot": "facet-group", "data-facet-id": group.id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "font-semibold", children: group.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-2", children: group.options.map((option) => {
+          const count = readableCount(option.count);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_checkbox_check.CheckboxCheck,
+              {
+                id: `${facetInputId}-${group.id}-${option.value}`,
+                checked: selected.includes(option.value),
+                onCheckedChange: (checked) => onFacetChange(group, option.value, checked)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "label",
+              {
+                htmlFor: `${facetInputId}-${group.id}-${option.value}`,
+                className: "flex flex-1 items-center justify-between gap-2 text-sm",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.label }),
+                  count === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-slot": "facet-count", className: "text-muted-foreground text-xs", children: count })
+                ]
+              }
+            )
+          ] }, option.value);
+        }) })
+      ] }, group.id);
+    })
+  ] });
+}
+var category_listing_filter_fields_default = CategoryListingFilterFields;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CategoryListingFilterFields
+});
+//# sourceMappingURL=category-listing-filter-fields.js.map

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/category-filters/category-listing-filter-fields.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Button } from '../../../ui/button'\nimport { CardTitle } from '../../../ui/card'\nimport { Input } from '../../../ui/input'\nimport { CheckboxCheck } from '../checkout-forms/checkbox-check'\n\nimport type {\n  CategoryListingFacetGroup,\n  CategoryListingOption,\n  CategoryListingPriceRange,\n} from './category-listing'\n\nexport interface CategoryListingFilterFieldsProps {\n  selectedText?: string\n  clearAllLabel?: string\n  priceRangeTitle?: string\n  priceRange: [number, number]\n  /**\n   * Real provider range only. When absent the price section is not rendered —\n   * the block never fabricates a `0..1000` range.\n   */\n  priceRangeConfig?: CategoryListingPriceRange\n  minLabel?: string\n  maxLabel?: string\n  onPriceChange: (range: [number, number]) => void\n  categoriesTitle?: string\n  categories: CategoryListingOption[]\n  selectedCategories: string[]\n  onCategoryChange: (category: string, checked: boolean) => void\n  collectionsTitle?: string\n  collections: CategoryListingOption[]\n  selectedCollections: string[]\n  onCollectionChange: (collection: string, checked: boolean) => void\n  /**\n   * Generic provider-backed facet groups. A group renders only when it carries\n   * at least one option; the block never invents groups, options or counts.\n   */\n  facets?: CategoryListingFacetGroup[]\n  selectedFacets: Record<string, string[]>\n  onFacetChange: (group: CategoryListingFacetGroup, value: string, checked: boolean) => void\n  onClearAll: () => void\n}\n\n/** Render a count only when it is a real, non-negative, finite number. */\nfunction readableCount(count: number | undefined): number | undefined {\n  return typeof count === 'number' && Number.isFinite(count) && count >= 0 ? count : undefined\n}\n\n/**\n * The control set shared by both presentations. The presentation only decides\n * where these fields live (persistent sidebar, mobile sheet, or drawer); the\n * fields, their semantics and the emitted values are identical.\n */\nexport function CategoryListingFilterFields({\n  selectedText = 'Filtros',\n  clearAllLabel = 'Restablecer',\n  priceRangeTitle = 'Rango de precio',\n  priceRange,\n  priceRangeConfig,\n  minLabel = 'Mínimo',\n  maxLabel = 'Máximo',\n  onPriceChange,\n  categoriesTitle = 'Categoría',\n  categories,\n  selectedCategories,\n  onCategoryChange,\n  collectionsTitle = 'Colección',\n  collections,\n  selectedCollections,\n  onCollectionChange,\n  facets = [],\n  selectedFacets,\n  onFacetChange,\n  onClearAll,\n}: CategoryListingFilterFieldsProps) {\n  const priceInputId = useId()\n  const categoryInputId = useId()\n  const collectionInputId = useId()\n  const facetInputId = useId()\n  const visibleFacets = facets.filter(group => group.options.length > 0)\n\n  return (\n    <>\n      <div className='flex flex-col gap-6'>\n        <div className='mb-3 flex items-center justify-between'>\n          <h2 className='font-semibold'>{selectedText}</h2>\n          <Button variant='ghost' size='sm' className='h-8 cursor-pointer px-2 text-xs' onClick={onClearAll}>\n            {clearAllLabel}\n          </Button>\n        </div>\n      </div>\n\n      {priceRangeConfig ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{priceRangeTitle}</CardTitle>\n          <div className='flex items-center gap-3'>\n            <div className='flex flex-1 flex-col gap-1'>\n              <label htmlFor={`${priceInputId}-min`}>{minLabel}</label>\n              <Input\n                id={`${priceInputId}-min`}\n                type='number'\n                value={priceRange[0]}\n                onChange={event => {\n                  const value = parseInt(event.target.value)\n                  if (!Number.isNaN(value) && value >= priceRangeConfig.min && value <= priceRange[1]) {\n                    onPriceChange([value, priceRange[1]])\n                  }\n                }}\n                min={priceRangeConfig.min}\n                max={priceRange[1]}\n                step={priceRangeConfig.step}\n                className='h-9'\n              />\n            </div>\n            <div className='mt-5 flex-none'>-</div>\n            <div className='flex flex-1 flex-col gap-1'>\n              <label htmlFor={`${priceInputId}-max`}>{maxLabel}</label>\n              <Input\n                id={`${priceInputId}-max`}\n                type='number'\n                value={priceRange[1]}\n                onChange={event => {\n                  const value = parseInt(event.target.value)\n                  if (!Number.isNaN(value) && value >= priceRange[0] && value <= priceRangeConfig.max) {\n                    onPriceChange([priceRange[0], value])\n                  }\n                }}\n                min={priceRange[0]}\n                max={priceRangeConfig.max}\n                step={priceRangeConfig.step}\n                className='h-9'\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {categories.length > 0 ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{categoriesTitle}</CardTitle>\n          <div className='flex flex-col gap-2'>\n            {categories.map(category => (\n              <div key={category.id} className='flex items-center gap-2'>\n                <CheckboxCheck\n                  id={`${categoryInputId}-${category.id}`}\n                  checked={selectedCategories.includes(category.id)}\n                  onCheckedChange={checked => onCategoryChange(category.id, checked as boolean)}\n                />\n                <label htmlFor={`${categoryInputId}-${category.id}`} className='text-sm'>\n                  {category.label}\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {collections.length > 0 ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{collectionsTitle}</CardTitle>\n          <div className='flex flex-col gap-2'>\n            {collections.map(collection => (\n              <div key={collection.id} className='flex items-center gap-2'>\n                <CheckboxCheck\n                  id={`${collectionInputId}-${collection.id}`}\n                  checked={selectedCollections.includes(collection.id)}\n                  onCheckedChange={checked => onCollectionChange(collection.id, checked as boolean)}\n                />\n                <label htmlFor={`${collectionInputId}-${collection.id}`} className='text-sm'>\n                  {collection.label}\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {visibleFacets.map(group => {\n        const selected = selectedFacets[group.id] ?? []\n        return (\n          <div key={group.id} className='mt-4 flex flex-col gap-4' data-slot='facet-group' data-facet-id={group.id}>\n            <CardTitle className='font-semibold'>{group.label}</CardTitle>\n            <div className='flex flex-col gap-2'>\n              {group.options.map(option => {\n                const count = readableCount(option.count)\n                return (\n                  <div key={option.value} className='flex items-center gap-2'>\n                    <CheckboxCheck\n                      id={`${facetInputId}-${group.id}-${option.value}`}\n                      checked={selected.includes(option.value)}\n                      onCheckedChange={checked => onFacetChange(group, option.value, checked as boolean)}\n                    />\n                    <label\n                      htmlFor={`${facetInputId}-${group.id}-${option.value}`}\n                      className='flex flex-1 items-center justify-between gap-2 text-sm'\n                    >\n                      <span>{option.label}</span>\n                      {count === undefined ? null : (\n                        <span data-slot='facet-count' className='text-muted-foreground text-xs'>\n                          {count}\n                        </span>\n                      )}\n                    </label>\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\nexport default CategoryListingFilterFields\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.mjs

@@ -0,0 +1,156 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Button } from "../../../ui/button.mjs";
+import { CardTitle } from "../../../ui/card.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { CheckboxCheck } from "../checkout-forms/checkbox-check.mjs";
+function readableCount(count) {
+  return typeof count === "number" && Number.isFinite(count) && count >= 0 ? count : void 0;
+}
+function CategoryListingFilterFields({
+  selectedText = "Filtros",
+  clearAllLabel = "Restablecer",
+  priceRangeTitle = "Rango de precio",
+  priceRange,
+  priceRangeConfig,
+  minLabel = "M\xEDnimo",
+  maxLabel = "M\xE1ximo",
+  onPriceChange,
+  categoriesTitle = "Categor\xEDa",
+  categories,
+  selectedCategories,
+  onCategoryChange,
+  collectionsTitle = "Colecci\xF3n",
+  collections,
+  selectedCollections,
+  onCollectionChange,
+  facets = [],
+  selectedFacets,
+  onFacetChange,
+  onClearAll
+}) {
+  const priceInputId = useId();
+  const categoryInputId = useId();
+  const collectionInputId = useId();
+  const facetInputId = useId();
+  const visibleFacets = facets.filter((group) => group.options.length > 0);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: selectedText }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-8 cursor-pointer px-2 text-xs", onClick: onClearAll, children: clearAllLabel })
+    ] }) }),
+    priceRangeConfig ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "font-semibold", children: priceRangeTitle }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${priceInputId}-min`, children: minLabel }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${priceInputId}-min`,
+              type: "number",
+              value: priceRange[0],
+              onChange: (event) => {
+                const value = parseInt(event.target.value);
+                if (!Number.isNaN(value) && value >= priceRangeConfig.min && value <= priceRange[1]) {
+                  onPriceChange([value, priceRange[1]]);
+                }
+              },
+              min: priceRangeConfig.min,
+              max: priceRange[1],
+              step: priceRangeConfig.step,
+              className: "h-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-5 flex-none", children: "-" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${priceInputId}-max`, children: maxLabel }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${priceInputId}-max`,
+              type: "number",
+              value: priceRange[1],
+              onChange: (event) => {
+                const value = parseInt(event.target.value);
+                if (!Number.isNaN(value) && value >= priceRange[0] && value <= priceRangeConfig.max) {
+                  onPriceChange([priceRange[0], value]);
+                }
+              },
+              min: priceRange[0],
+              max: priceRangeConfig.max,
+              step: priceRangeConfig.step,
+              className: "h-9"
+            }
+          )
+        ] })
+      ] })
+    ] }) : null,
+    categories.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "font-semibold", children: categoriesTitle }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: categories.map((category) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          CheckboxCheck,
+          {
+            id: `${categoryInputId}-${category.id}`,
+            checked: selectedCategories.includes(category.id),
+            onCheckedChange: (checked) => onCategoryChange(category.id, checked)
+          }
+        ),
+        /* @__PURE__ */ jsx("label", { htmlFor: `${categoryInputId}-${category.id}`, className: "text-sm", children: category.label })
+      ] }, category.id)) })
+    ] }) : null,
+    collections.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "font-semibold", children: collectionsTitle }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: collections.map((collection) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          CheckboxCheck,
+          {
+            id: `${collectionInputId}-${collection.id}`,
+            checked: selectedCollections.includes(collection.id),
+            onCheckedChange: (checked) => onCollectionChange(collection.id, checked)
+          }
+        ),
+        /* @__PURE__ */ jsx("label", { htmlFor: `${collectionInputId}-${collection.id}`, className: "text-sm", children: collection.label })
+      ] }, collection.id)) })
+    ] }) : null,
+    visibleFacets.map((group) => {
+      const selected = selectedFacets[group.id] ?? [];
+      return /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-4", "data-slot": "facet-group", "data-facet-id": group.id, children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "font-semibold", children: group.label }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: group.options.map((option) => {
+          const count = readableCount(option.count);
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              CheckboxCheck,
+              {
+                id: `${facetInputId}-${group.id}-${option.value}`,
+                checked: selected.includes(option.value),
+                onCheckedChange: (checked) => onFacetChange(group, option.value, checked)
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: `${facetInputId}-${group.id}-${option.value}`,
+                className: "flex flex-1 items-center justify-between gap-2 text-sm",
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: option.label }),
+                  count === void 0 ? null : /* @__PURE__ */ jsx("span", { "data-slot": "facet-count", className: "text-muted-foreground text-xs", children: count })
+                ]
+              }
+            )
+          ] }, option.value);
+        }) })
+      ] }, group.id);
+    })
+  ] });
+}
+var category_listing_filter_fields_default = CategoryListingFilterFields;
+export {
+  CategoryListingFilterFields,
+  category_listing_filter_fields_default as default
+};
+//# sourceMappingURL=category-listing-filter-fields.mjs.map

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/category-filters/category-listing-filter-fields.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Button } from '../../../ui/button'\nimport { CardTitle } from '../../../ui/card'\nimport { Input } from '../../../ui/input'\nimport { CheckboxCheck } from '../checkout-forms/checkbox-check'\n\nimport type {\n  CategoryListingFacetGroup,\n  CategoryListingOption,\n  CategoryListingPriceRange,\n} from './category-listing'\n\nexport interface CategoryListingFilterFieldsProps {\n  selectedText?: string\n  clearAllLabel?: string\n  priceRangeTitle?: string\n  priceRange: [number, number]\n  /**\n   * Real provider range only. When absent the price section is not rendered —\n   * the block never fabricates a `0..1000` range.\n   */\n  priceRangeConfig?: CategoryListingPriceRange\n  minLabel?: string\n  maxLabel?: string\n  onPriceChange: (range: [number, number]) => void\n  categoriesTitle?: string\n  categories: CategoryListingOption[]\n  selectedCategories: string[]\n  onCategoryChange: (category: string, checked: boolean) => void\n  collectionsTitle?: string\n  collections: CategoryListingOption[]\n  selectedCollections: string[]\n  onCollectionChange: (collection: string, checked: boolean) => void\n  /**\n   * Generic provider-backed facet groups. A group renders only when it carries\n   * at least one option; the block never invents groups, options or counts.\n   */\n  facets?: CategoryListingFacetGroup[]\n  selectedFacets: Record<string, string[]>\n  onFacetChange: (group: CategoryListingFacetGroup, value: string, checked: boolean) => void\n  onClearAll: () => void\n}\n\n/** Render a count only when it is a real, non-negative, finite number. */\nfunction readableCount(count: number | undefined): number | undefined {\n  return typeof count === 'number' && Number.isFinite(count) && count >= 0 ? count : undefined\n}\n\n/**\n * The control set shared by both presentations. The presentation only decides\n * where these fields live (persistent sidebar, mobile sheet, or drawer); the\n * fields, their semantics and the emitted values are identical.\n */\nexport function CategoryListingFilterFields({\n  selectedText = 'Filtros',\n  clearAllLabel = 'Restablecer',\n  priceRangeTitle = 'Rango de precio',\n  priceRange,\n  priceRangeConfig,\n  minLabel = 'Mínimo',\n  maxLabel = 'Máximo',\n  onPriceChange,\n  categoriesTitle = 'Categoría',\n  categories,\n  selectedCategories,\n  onCategoryChange,\n  collectionsTitle = 'Colección',\n  collections,\n  selectedCollections,\n  onCollectionChange,\n  facets = [],\n  selectedFacets,\n  onFacetChange,\n  onClearAll,\n}: CategoryListingFilterFieldsProps) {\n  const priceInputId = useId()\n  const categoryInputId = useId()\n  const collectionInputId = useId()\n  const facetInputId = useId()\n  const visibleFacets = facets.filter(group => group.options.length > 0)\n\n  return (\n    <>\n      <div className='flex flex-col gap-6'>\n        <div className='mb-3 flex items-center justify-between'>\n          <h2 className='font-semibold'>{selectedText}</h2>\n          <Button variant='ghost' size='sm' className='h-8 cursor-pointer px-2 text-xs' onClick={onClearAll}>\n            {clearAllLabel}\n          </Button>\n        </div>\n      </div>\n\n      {priceRangeConfig ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{priceRangeTitle}</CardTitle>\n          <div className='flex items-center gap-3'>\n            <div className='flex flex-1 flex-col gap-1'>\n              <label htmlFor={`${priceInputId}-min`}>{minLabel}</label>\n              <Input\n                id={`${priceInputId}-min`}\n                type='number'\n                value={priceRange[0]}\n                onChange={event => {\n                  const value = parseInt(event.target.value)\n                  if (!Number.isNaN(value) && value >= priceRangeConfig.min && value <= priceRange[1]) {\n                    onPriceChange([value, priceRange[1]])\n                  }\n                }}\n                min={priceRangeConfig.min}\n                max={priceRange[1]}\n                step={priceRangeConfig.step}\n                className='h-9'\n              />\n            </div>\n            <div className='mt-5 flex-none'>-</div>\n            <div className='flex flex-1 flex-col gap-1'>\n              <label htmlFor={`${priceInputId}-max`}>{maxLabel}</label>\n              <Input\n                id={`${priceInputId}-max`}\n                type='number'\n                value={priceRange[1]}\n                onChange={event => {\n                  const value = parseInt(event.target.value)\n                  if (!Number.isNaN(value) && value >= priceRange[0] && value <= priceRangeConfig.max) {\n                    onPriceChange([priceRange[0], value])\n                  }\n                }}\n                min={priceRange[0]}\n                max={priceRangeConfig.max}\n                step={priceRangeConfig.step}\n                className='h-9'\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {categories.length > 0 ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{categoriesTitle}</CardTitle>\n          <div className='flex flex-col gap-2'>\n            {categories.map(category => (\n              <div key={category.id} className='flex items-center gap-2'>\n                <CheckboxCheck\n                  id={`${categoryInputId}-${category.id}`}\n                  checked={selectedCategories.includes(category.id)}\n                  onCheckedChange={checked => onCategoryChange(category.id, checked as boolean)}\n                />\n                <label htmlFor={`${categoryInputId}-${category.id}`} className='text-sm'>\n                  {category.label}\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {collections.length > 0 ? (\n        <div className='mt-4 flex flex-col gap-4'>\n          <CardTitle className='font-semibold'>{collectionsTitle}</CardTitle>\n          <div className='flex flex-col gap-2'>\n            {collections.map(collection => (\n              <div key={collection.id} className='flex items-center gap-2'>\n                <CheckboxCheck\n                  id={`${collectionInputId}-${collection.id}`}\n                  checked={selectedCollections.includes(collection.id)}\n                  onCheckedChange={checked => onCollectionChange(collection.id, checked as boolean)}\n                />\n                <label htmlFor={`${collectionInputId}-${collection.id}`} className='text-sm'>\n                  {collection.label}\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n\n      {visibleFacets.map(group => {\n        const selected = selectedFacets[group.id] ?? []\n        return (\n          <div key={group.id} className='mt-4 flex flex-col gap-4' data-slot='facet-group' data-facet-id={group.id}>\n            <CardTitle className='font-semibold'>{group.label}</CardTitle>\n            <div className='flex flex-col gap-2'>\n              {group.options.map(option => {\n                const count = readableCount(option.count)\n                return (\n                  <div key={option.value} className='flex items-center gap-2'>\n                    <CheckboxCheck\n                      id={`${facetInputId}-${group.id}-${option.value}`}\n                      checked={selected.includes(option.value)}\n                      onCheckedChange={checked => onFacetChange(group, option.value, checked as boolean)}\n                    />\n                    <label\n                      htmlFor={`${facetInputId}-${group.id}-${option.value}`}\n                      className='flex flex-1 items-center justify-between gap-2 text-sm'\n                    >\n                      <span>{option.label}</span>\n                      {count === undefined ? null : (\n                        <span data-slot='facet-count' className='text-muted-foreground text-xs'>\n                          {count}\n                        </span>\n                      )}\n                    </label>\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\nexport default CategoryListingFilterFields\n"],"mappings":";AAqFI,mBAGM,KADF,YAFJ;AAnFJ,SAAS,aAAa;AAEtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAwC9B,SAAS,cAAc,OAA+C;AACpE,SAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,SAAS,IAAI,QAAQ;AACrF;AAOO,SAAS,4BAA4B;AAAA,EAC1C,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,oBAAoB,MAAM;AAChC,QAAM,eAAe,MAAM;AAC3B,QAAM,gBAAgB,OAAO,OAAO,WAAS,MAAM,QAAQ,SAAS,CAAC;AAErE,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,iBAAiB,wBAAa;AAAA,MAC5C,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC,SAAS,YACpF,yBACH;AAAA,OACF,GACF;AAAA,IAEC,mBACC,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,aAAU,WAAU,iBAAiB,2BAAgB;AAAA,MACtD,qBAAC,SAAI,WAAU,2BACb;AAAA,6BAAC,SAAI,WAAU,8BACb;AAAA,8BAAC,WAAM,SAAS,GAAG,YAAY,QAAS,oBAAS;AAAA,UACjD;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG,YAAY;AAAA,cACnB,MAAK;AAAA,cACL,OAAO,WAAW,CAAC;AAAA,cACnB,UAAU,WAAS;AACjB,sBAAM,QAAQ,SAAS,MAAM,OAAO,KAAK;AACzC,oBAAI,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,iBAAiB,OAAO,SAAS,WAAW,CAAC,GAAG;AACnF,gCAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAAA,gBACtC;AAAA,cACF;AAAA,cACA,KAAK,iBAAiB;AAAA,cACtB,KAAK,WAAW,CAAC;AAAA,cACjB,MAAM,iBAAiB;AAAA,cACvB,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,kBAAiB,eAAC;AAAA,QACjC,qBAAC,SAAI,WAAU,8BACb;AAAA,8BAAC,WAAM,SAAS,GAAG,YAAY,QAAS,oBAAS;AAAA,UACjD;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG,YAAY;AAAA,cACnB,MAAK;AAAA,cACL,OAAO,WAAW,CAAC;AAAA,cACnB,UAAU,WAAS;AACjB,sBAAM,QAAQ,SAAS,MAAM,OAAO,KAAK;AACzC,oBAAI,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,WAAW,CAAC,KAAK,SAAS,iBAAiB,KAAK;AACnF,gCAAc,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;AAAA,gBACtC;AAAA,cACF;AAAA,cACA,KAAK,WAAW,CAAC;AAAA,cACjB,KAAK,iBAAiB;AAAA,cACtB,MAAM,iBAAiB;AAAA,cACvB,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,SACF;AAAA,OACF,IACE;AAAA,IAEH,WAAW,SAAS,IACnB,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,aAAU,WAAU,iBAAiB,2BAAgB;AAAA,MACtD,oBAAC,SAAI,WAAU,uBACZ,qBAAW,IAAI,cACd,qBAAC,SAAsB,WAAU,2BAC/B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,GAAG,eAAe,IAAI,SAAS,EAAE;AAAA,YACrC,SAAS,mBAAmB,SAAS,SAAS,EAAE;AAAA,YAChD,iBAAiB,aAAW,iBAAiB,SAAS,IAAI,OAAkB;AAAA;AAAA,QAC9E;AAAA,QACA,oBAAC,WAAM,SAAS,GAAG,eAAe,IAAI,SAAS,EAAE,IAAI,WAAU,WAC5D,mBAAS,OACZ;AAAA,WARQ,SAAS,EASnB,CACD,GACH;AAAA,OACF,IACE;AAAA,IAEH,YAAY,SAAS,IACpB,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,aAAU,WAAU,iBAAiB,4BAAiB;AAAA,MACvD,oBAAC,SAAI,WAAU,uBACZ,sBAAY,IAAI,gBACf,qBAAC,SAAwB,WAAU,2BACjC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,GAAG,iBAAiB,IAAI,WAAW,EAAE;AAAA,YACzC,SAAS,oBAAoB,SAAS,WAAW,EAAE;AAAA,YACnD,iBAAiB,aAAW,mBAAmB,WAAW,IAAI,OAAkB;AAAA;AAAA,QAClF;AAAA,QACA,oBAAC,WAAM,SAAS,GAAG,iBAAiB,IAAI,WAAW,EAAE,IAAI,WAAU,WAChE,qBAAW,OACd;AAAA,WARQ,WAAW,EASrB,CACD,GACH;AAAA,OACF,IACE;AAAA,IAEH,cAAc,IAAI,WAAS;AAC1B,YAAM,WAAW,eAAe,MAAM,EAAE,KAAK,CAAC;AAC9C,aACE,qBAAC,SAAmB,WAAU,4BAA2B,aAAU,eAAc,iBAAe,MAAM,IACpG;AAAA,4BAAC,aAAU,WAAU,iBAAiB,gBAAM,OAAM;AAAA,QAClD,oBAAC,SAAI,WAAU,uBACZ,gBAAM,QAAQ,IAAI,YAAU;AAC3B,gBAAM,QAAQ,cAAc,OAAO,KAAK;AACxC,iBACE,qBAAC,SAAuB,WAAU,2BAChC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,YAAY,IAAI,MAAM,EAAE,IAAI,OAAO,KAAK;AAAA,gBAC/C,SAAS,SAAS,SAAS,OAAO,KAAK;AAAA,gBACvC,iBAAiB,aAAW,cAAc,OAAO,OAAO,OAAO,OAAkB;AAAA;AAAA,YACnF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,GAAG,YAAY,IAAI,MAAM,EAAE,IAAI,OAAO,KAAK;AAAA,gBACpD,WAAU;AAAA,gBAEV;AAAA,sCAAC,UAAM,iBAAO,OAAM;AAAA,kBACnB,UAAU,SAAY,OACrB,oBAAC,UAAK,aAAU,eAAc,WAAU,iCACrC,iBACH;AAAA;AAAA;AAAA,YAEJ;AAAA,eAhBQ,OAAO,KAiBjB;AAAA,QAEJ,CAAC,GACH;AAAA,WA1BQ,MAAM,EA2BhB;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;AAEA,IAAO,yCAAQ;","names":[]}

package/dist/blocks/e-commerce/category-filters/category-listing.d.ts

@@ -0,0 +1,236 @@
+import type { ProductPresentation } from '../../../lib/contracts';
+/** The bounded presentation surface. The data contract and callbacks are identical. */
+export type CategoryListingPresentation = 'sidebar' | 'toolbar';
+export interface CategoryListingOption {
+    id: string;
+    label: string;
+}
+export interface CategoryListingPriceRange {
+    min: number;
+    max: number;
+    step: number;
+}
+export interface CategoryListingSortOption {
+    value: string;
+    label: string;
+}
+/**
+ * A provider-backed facet value. `count` is rendered only when it is a real
+ * non-negative number — a true zero is preserved, never recomputed or summed.
+ */
+export interface CategoryListingFacetOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+/**
+ * A generic facet group. The block never derives sector-specific fields
+ * (frame size, colourway, range…) and never invents groups or options.
+ */
+export interface CategoryListingFacetGroup {
+    id: string;
+    label: string;
+    options: CategoryListingFacetOption[];
+}
+/** The absolute canonical filter set emitted upward. */
+export interface CategoryListingFilters {
+    categories: string[];
+    collections: string[];
+    priceRange?: [number, number];
+    facets?: Record<string, string[]>;
+}
+/**
+ * A typed catalog-query error the listing renders for repair. It mirrors the
+ * runtime boundary error: `fields` names the exact raw parameters to remove and
+ * `feature` is present only for `unmounted-capability`. The block never builds a
+ * host URL — it emits the fields through `onRepair`.
+ */
+export interface CategoryListingQueryError {
+    code: 'invalid-query' | 'unsupported-query' | 'unmounted-capability';
+    /** Exact raw URL parameter names that must be removed to repair the query. */
+    fields: string[];
+    message?: string;
+    feature?: 'catalog-search' | 'category-filters';
+}
+/**
+ * The observable listing status. The host derives it from the URL boundary and
+ * the provider outcome; the block only renders it. Distinct states stay
+ * distinct — a valid empty result is never shown as an error and a raw failure
+ * is never swallowed as empty.
+ */
+export type CategoryListingStatus = {
+    state: 'loading';
+} | {
+    state: 'ready';
+} | {
+    state: 'empty';
+} | {
+    state: 'invalid-query';
+    error: CategoryListingQueryError;
+} | {
+    state: 'unsupported-query';
+    error: CategoryListingQueryError;
+} | {
+    state: 'unmounted-capability';
+    error: CategoryListingQueryError;
+} | {
+    state: 'error';
+    message?: string;
+};
+/** The kind of canonical filter an active chip represents. */
+export type CategoryListingActiveFilterKind = 'text' | 'category' | 'collection' | 'price' | 'attribute';
+/**
+ * A removable active-filter chip. Built only from the actual canonical query:
+ * `params` are the raw URL parameter names carrying the filter and `value` is
+ * the specific list value to drop.
+ */
+export interface CategoryListingActiveFilter {
+    /** Stable identity for React keys and removal callbacks. */
+    id: string;
+    kind: CategoryListingActiveFilterKind;
+    /** Human-readable label shown on the chip. */
+    label: string;
+    /** Raw URL parameter names that carry this filter. */
+    params: string[];
+    /** The specific list value this chip removes; absent for scalar filters. */
+    value?: string;
+}
+export interface CategoryListingProps {
+    /** Bounded presentation option; defaults to `sidebar`. */
+    presentation?: CategoryListingPresentation;
+    /** Exactly the provider-paged products for the current page. Never re-paginated. */
+    products: ProductPresentation[];
+    pagination: (number | string)[];
+    searchValue: string;
+    selectedCategories: string[];
+    selectedCollections: string[];
+    selectedSort: string;
+    selectedPage: number;
+    selectedPageSize: number;
+    selectedPriceRange?: [number, number];
+    selectedFacets?: Record<string, string[]>;
+    categories?: CategoryListingOption[];
+    collections?: CategoryListingOption[];
+    sortOptions?: CategoryListingSortOption[];
+    /**
+     * Real backend-provided price range only. When absent the price control is
+     * omitted; the block never falls back to a fabricated `0..1000` default.
+     */
+    priceRange?: CategoryListingPriceRange;
+    /** Generic provider-backed facet groups; a group renders only when non-empty. */
+    facets?: CategoryListingFacetGroup[];
+    viewOptions?: number[];
+    showSearch: boolean;
+    showFilters: boolean;
+    showSort: boolean;
+    /** Price remains gated on a real `priceRange` even when this is true. */
+    showPrice?: boolean;
+    status: CategoryListingStatus;
+    activeFilters: CategoryListingActiveFilter[];
+    filtersTitle?: string;
+    applyFiltersLabel?: string;
+    selectedText?: string;
+    clearAllLabel?: string;
+    priceRangeTitle?: string;
+    minLabel?: string;
+    maxLabel?: string;
+    categoriesTitle?: string;
+    collectionsTitle?: string;
+    sortTitle?: string;
+    viewLabel?: string;
+    viewPlaceholder?: string;
+    sortPlaceholder?: string;
+    productsTitle?: string;
+    currentLabel?: string;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    loadingLabel?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    clearFiltersLabel?: string;
+    invalidQueryTitle?: string;
+    unsupportedQueryTitle?: string;
+    unmountedCapabilityTitle?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+    repairLabel?: string;
+    retryLabel?: string;
+    activeFiltersTitle?: string;
+    removeFilterLabel?: string;
+    onProductClick?: (product: ProductPresentation) => void;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    onSortChange?: (sort: string) => void;
+    onFilterChange?: (next: CategoryListingFilters) => void;
+    onSearchChange?: (value: string) => void;
+    /** Empty-state clear: drops the active filters but never base scope/sort/pageSize. */
+    onClearFilters?: () => void;
+    /** Invalid/unsupported/unmounted repair: receives the exact bad fields to remove. */
+    onRepair?: (remove: string[]) => void;
+    /** Query/network failure retry: preserves the current query/input. */
+    onRetry?: () => void;
+    /** Removes a single active-filter chip. */
+    onRemoveFilter?: (filter: CategoryListingActiveFilter) => void;
+}
+/**
+ * Pure selection reducer shared by checkbox handlers. Exported so the emitted
+ * contract is unit-testable without a DOM (this package's tests render with
+ * `react-dom/server`).
+ */
+export declare function toggleFilterValue(current: readonly string[], value: string, checked: boolean): string[];
+/** Assemble the typed absolute filter change emitted upward. */
+export declare function buildFilterChange(input: {
+    categories: string[];
+    collections: string[];
+    priceRange?: [number, number];
+    facets?: Record<string, string[]>;
+}): CategoryListingFilters;
+/**
+ * Reconcile the controlled search draft with the URL-backed `searchValue`.
+ *
+ * The URL is authoritative, but it only updates after an async server
+ * navigation. Binding the input directly to that lagging prop makes React reset
+ * it to the previous server value on every re-render, so fast typing loses every
+ * character but the last. This pure function keeps a local draft authoritative
+ * while the shopper is typing and adopts an external `searchValue`
+ * (navigation / reload / back-forward) only when no uncommitted edit is pending.
+ */
+export declare function reconcileSearchDraft(input: {
+    searchValue?: string;
+    prevSearchValue?: string;
+    draft: string;
+}): {
+    draft: string;
+    prevSearchValue?: string;
+} | null;
+export interface CategoryListingStatusViewProps {
+    status: CategoryListingStatus;
+    activeFilters?: CategoryListingActiveFilter[];
+    activeFiltersTitle?: string;
+    removeFilterLabel?: string;
+    loadingLabel?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    clearFiltersLabel?: string;
+    invalidQueryTitle?: string;
+    unsupportedQueryTitle?: string;
+    unmountedCapabilityTitle?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+    repairLabel?: string;
+    retryLabel?: string;
+    onClearFilters?: () => void;
+    onRepair?: (remove: string[]) => void;
+    onRetry?: () => void;
+    onRemoveFilter?: (filter: CategoryListingActiveFilter) => void;
+}
+/**
+ * Hooks-free presentation of the observable listing states and the removable
+ * active-filter chips. Kept separate from `CategoryListing` so the interaction
+ * contract (clear / repair / retry / chip removal) is testable by invoking the
+ * rendered handlers without a DOM. It renders no products and performs no fetch.
+ */
+export declare function CategoryListingStatusView({ status, activeFilters, activeFiltersTitle, removeFilterLabel, loadingLabel, emptyTitle, emptyDescription, clearFiltersLabel, invalidQueryTitle, unsupportedQueryTitle, unmountedCapabilityTitle, errorTitle, errorDescription, repairLabel, retryLabel, onClearFilters, onRepair, onRetry, onRemoveFilter, }: CategoryListingStatusViewProps): import("react").JSX.Element | null;
+export declare function CategoryListing({ presentation, products, pagination, searchValue, selectedCategories, selectedCollections, selectedSort, selectedPage, selectedPageSize, selectedPriceRange, selectedFacets, categories, collections, sortOptions, priceRange: priceRangeConfig, facets, viewOptions, showSearch, showFilters, showSort, showPrice, status, activeFilters, filtersTitle, applyFiltersLabel, selectedText, clearAllLabel, priceRangeTitle, minLabel, maxLabel, categoriesTitle, collectionsTitle, sortTitle, viewLabel, viewPlaceholder, sortPlaceholder, productsTitle, currentLabel, searchLabel, searchPlaceholder, loadingLabel, emptyTitle, emptyDescription, clearFiltersLabel, invalidQueryTitle, unsupportedQueryTitle, unmountedCapabilityTitle, errorTitle, errorDescription, repairLabel, retryLabel, activeFiltersTitle, removeFilterLabel, onProductClick, onPageChange, onPageSizeChange, onSortChange, onFilterChange, onSearchChange, onClearFilters, onRepair, onRetry, onRemoveFilter, }: CategoryListingProps): import("react").JSX.Element;
+export default CategoryListing;
+//# sourceMappingURL=category-listing.d.ts.map

package/dist/blocks/e-commerce/category-filters/category-listing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-listing.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/category-filters/category-listing.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAMjE,uFAAuF;AACvF,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,SAAS,CAAA;AAE/D,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,0BAA0B,EAAE,CAAA;CACtC;AAED,wDAAwD;AACxD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;CAClC;AAED;;;;;GAKG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,eAAe,GAAG,mBAAmB,GAAG,sBAAsB,CAAA;IACpE,8EAA8E;IAC9E,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAAA;CAChD;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAC7B;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GACpB;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAClB;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,GAClB;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,yBAAyB,CAAA;CAAE,GAC5D;IAAE,KAAK,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,yBAAyB,CAAA;CAAE,GAChE;IAAE,KAAK,EAAE,sBAAsB,CAAC;IAAC,KAAK,EAAE,yBAAyB,CAAA;CAAE,GACnE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAExC,8DAA8D;AAC9D,MAAM,MAAM,+BAA+B,GACvC,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,WAAW,CAAA;AAEf;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,+BAA+B,CAAA;IACrC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAE1C,oFAAoF;IACpF,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAK/B,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;IAGzC,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAA;IACpC,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAA;IACrC,WAAW,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACzC;;;OAGG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAA;IACtC,iFAAiF;IACjF,MAAM,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAGtB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,MAAM,EAAE,qBAAqB,CAAA;IAC7B,aAAa,EAAE,2BAA2B,EAAE,CAAA;IAG5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAG1B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAA;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,IAAI,CAAA;CAC/D;AAID;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,OAAO,GACf,MAAM,EAAE,CAEV;AAED,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;CAClC,GAAG,sBAAsB,CAQzB;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAKrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,qBAAqB,CAAA;IAC7B,aAAa,CAAC,EAAE,2BAA2B,EAAE,CAAA;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,IAAI,CAAA;CAC/D;AAcD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,aAAkB,EAClB,kBAAsC,EACtC,iBAAmC,EACnC,YAAmC,EACnC,UAA6B,EAC7B,gBAAsE,EACtE,iBAAqC,EACrC,iBAAwC,EACxC,qBAA8C,EAC9C,wBAAkD,EAClD,UAAkD,EAClD,gBAAwC,EACxC,WAAiC,EACjC,UAAyB,EACzB,cAAc,EACd,QAAQ,EACR,OAAO,EACP,cAAc,GACf,EAAE,8BAA8B,sCAoHhC;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAwB,EACxB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,cAAmB,EACnB,UAAe,EACf,WAAgB,EAChB,WAAgB,EAChB,UAAU,EAAE,gBAAgB,EAC5B,MAAW,EACX,WAAkC,EAClC,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAgB,EAChB,MAAM,EACN,aAAa,EACb,YAAwB,EACxB,iBAAqC,EACrC,YAAwB,EACxB,aAA6B,EAC7B,eAAmC,EACnC,QAAmB,EACnB,QAAmB,EACnB,eAA6B,EAC7B,gBAA8B,EAC9B,SAAyB,EACzB,SAAiB,EACjB,eAA+B,EAC/B,eAA+B,EAC/B,aAA2B,EAC3B,YAAyB,EACzB,WAAsB,EACtB,iBAA4B,EAC5B,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,cAAc,EACd,QAAQ,EACR,OAAO,EACP,cAAc,GACf,EAAE,oBAAoB,+BA+ZtB;AAED,eAAe,eAAe,CAAA"}