@usereactify/search 5.59.1-beta.0 → 5.60.0-beta.1

package/dist/src/components/Example/ExampleFilters.js

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilters = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Filter_1 = require("../Filter");
 const ExampleFilterList_1 = require("./ExampleFilterList");
 const ExampleFilterRange_1 = require("./ExampleFilterRange");
 const ExampleFilterSlider_1 = require("./ExampleFilterSlider");
-const Filter_1 = require("../Filter");
 const ExampleFilters = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Filters" }), (0, jsx_runtime_1.jsx)(Filter_1.Filters, { renderFilterList: ExampleFilterList_1.ExampleFilterList, renderFilterRange: ExampleFilterRange_1.ExampleFilterRange, renderFilterSlider: ExampleFilterSlider_1.ExampleFilterSlider })] }));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h3", null, "Filters"),
+        react_1.default.createElement(Filter_1.Filters, { renderFilterList: ExampleFilterList_1.ExampleFilterList, renderFilterRange: ExampleFilterRange_1.ExampleFilterRange, renderFilterSlider: ExampleFilterSlider_1.ExampleFilterSlider })));
 };
 exports.ExampleFilters = ExampleFilters;
 //# sourceMappingURL=ExampleFilters.js.map

package/dist/src/components/Example/ExampleFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilters.tsx"],"names":[],"mappings":";;;;AACA,2DAAwD;AACxD,6DAA0D;AAC1D,+DAA4D;AAC5D,sCAAoC;AAE7B,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,OAAO,CACL,4CACE,yCAAK,SAAS,GAAM,EACpB,uBAAC,gBAAO,IACN,gBAAgB,EAAE,qCAAiB,EACnC,iBAAiB,EAAE,uCAAkB,EACrC,kBAAkB,EAAE,yCAAmB,GACvC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB","sourcesContent":["import type React from \"react\";\nimport { ExampleFilterList } from \"./ExampleFilterList\";\nimport { ExampleFilterRange } from \"./ExampleFilterRange\";\nimport { ExampleFilterSlider } from \"./ExampleFilterSlider\";\nimport { Filters } from \"../Filter\";\n\nexport const ExampleFilters: React.FC = () => {\n  return (\n    <div>\n      <h3>{\"Filters\"}</h3>\n      <Filters\n        renderFilterList={ExampleFilterList}\n        renderFilterRange={ExampleFilterRange}\n        renderFilterSlider={ExampleFilterSlider}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sCAAoC;AAEpC,2DAAwD;AACxD,6DAA0D;AAC1D,+DAA4D;AAErD,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,OAAO,CACL;QACE,0CAAK,SAAS,CAAM;QACpB,8BAAC,gBAAO,IACN,gBAAgB,EAAE,qCAAiB,EACnC,iBAAiB,EAAE,uCAAkB,EACrC,kBAAkB,EAAE,yCAAmB,GACvC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB","sourcesContent":["import React from \"react\";\nimport { Filters } from \"../Filter\";\n\nimport { ExampleFilterList } from \"./ExampleFilterList\";\nimport { ExampleFilterRange } from \"./ExampleFilterRange\";\nimport { ExampleFilterSlider } from \"./ExampleFilterSlider\";\n\nexport const ExampleFilters: React.FC = () => {\n  return (\n    <div>\n      <h3>{\"Filters\"}</h3>\n      <Filters\n        renderFilterList={ExampleFilterList}\n        renderFilterRange={ExampleFilterRange}\n        renderFilterSlider={ExampleFilterSlider}\n      />\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFiltersSelected.d.ts

@@ -1,4 +1,4 @@
-import type React from "react";
-import type { FiltersSelectedProps } from "../../components";
+import React from "react";
+import { FiltersSelectedProps } from "../../components";
 export type ExampleFiltersSelectedProps = React.ComponentProps<NonNullable<FiltersSelectedProps["render"]>>;
 export declare const ExampleFiltersSelected: React.FC<ExampleFiltersSelectedProps>;

package/dist/src/components/Example/ExampleFiltersSelected.js

@@ -1,16 +1,37 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFiltersSelected = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const ExampleFiltersSelected = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__filters-selected", children: [(0, jsx_runtime_1.jsx)("h3", { className: "rs__filters-selected__name", children: "Filters Selected" }), (0, jsx_runtime_1.jsx)("ul", { className: "rs__filters-selected__list", children: props.selectedFilters.map((selectedFilter) => ((0, jsx_runtime_1.jsx)(ExampleFiltersSelectedItem, { handleRemove: props.handleRemove, selectedFilter: selectedFilter }, selectedFilter.key + selectedFilter.value))) })] }));
+    return (react_1.default.createElement("div", { className: "rs__filters-selected" },
+        react_1.default.createElement("h3", { className: "rs__filters-selected__name" }, "Filters Selected"),
+        react_1.default.createElement("ul", { className: "rs__filters-selected__list" }, props.selectedFilters.map((selectedFilter) => (react_1.default.createElement(ExampleFiltersSelectedItem, { key: selectedFilter.key + selectedFilter.value, selectedFilter: selectedFilter, handleRemove: props.handleRemove }))))));
 };
 exports.ExampleFiltersSelected = ExampleFiltersSelected;
 const ExampleFiltersSelectedItem = (props) => {
     var _a;
     const filtersHook = (0, hooks_1.useFilters)();
     const filter = (_a = filtersHook.filters) === null || _a === void 0 ? void 0 : _a.find((filter) => filter.handle === props.selectedFilter.key);
-    return ((0, jsx_runtime_1.jsx)("li", { className: "rs__filters-selected__list-item", children: (0, jsx_runtime_1.jsxs)("label", { className: "rs__filters-selected__list-item-label", children: [(0, jsx_runtime_1.jsxs)("span", { className: "rs__filters-selected__list-item-label", onClick: () => props.handleRemove(props.selectedFilter.key), children: [props.selectedFilter.label, ": "] }), (filter === null || filter === void 0 ? void 0 : filter.displayType) === "single" && filter.displayView === "range" && ((0, jsx_runtime_1.jsx)("span", { className: "rs__filters-selected__list-item-value", children: (0, jsx_runtime_1.jsx)("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [props.selectedFilter.value.label]), children: props.selectedFilter.value.label }) })), (filter === null || filter === void 0 ? void 0 : filter.displayType) === "single" && filter.displayView !== "range" && ((0, jsx_runtime_1.jsx)("span", { className: "rs__filters-selected__list-item-value", children: (0, jsx_runtime_1.jsx)("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [props.selectedFilter.value]), children: props.selectedFilter.value }) })), (filter === null || filter === void 0 ? void 0 : filter.displayType) === "multi" && filter.displayView === "range" && ((0, jsx_runtime_1.jsx)("span", { className: "rs__filters-selected__list-item-value", children: props.selectedFilter.value.map((value) => ((0, jsx_runtime_1.jsx)("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [value.label]), children: value.label }, value.label))) })), (filter === null || filter === void 0 ? void 0 : filter.displayType) === "multi" && filter.displayView !== "range" && ((0, jsx_runtime_1.jsx)("span", { className: "rs__filters-selected__list-item-value", children: props.selectedFilter.value.map((value) => ((0, jsx_runtime_1.jsx)("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [value]), children: value }, value))) })), (filter === null || filter === void 0 ? void 0 : filter.displayType) === "slider" && ((0, jsx_runtime_1.jsx)("span", { className: "rs__filters-selected__list-item-value", children: (0, jsx_runtime_1.jsx)("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [""]), children: `${filter.displaySliderPrefix}${props.selectedFilter.value[0]} to ${filter.displaySliderPrefix}${props.selectedFilter.value[1]}` }) }))] }) }));
+    return (react_1.default.createElement("li", { className: "rs__filters-selected__list-item" },
+        react_1.default.createElement("label", { className: "rs__filters-selected__list-item-label" },
+            react_1.default.createElement("span", { className: "rs__filters-selected__list-item-label", onClick: () => props.handleRemove(props.selectedFilter.key) },
+                props.selectedFilter.label,
+                ": "),
+            (filter === null || filter === void 0 ? void 0 : filter.displayType) === "single" && filter.displayView === "range" && (react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" },
+                react_1.default.createElement("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [
+                        props.selectedFilter.value.label,
+                    ]) }, props.selectedFilter.value.label))),
+            (filter === null || filter === void 0 ? void 0 : filter.displayType) === "single" && filter.displayView !== "range" && (react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" },
+                react_1.default.createElement("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [
+                        props.selectedFilter.value,
+                    ]) }, props.selectedFilter.value))),
+            (filter === null || filter === void 0 ? void 0 : filter.displayType) === "multi" && filter.displayView === "range" && (react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" }, props.selectedFilter.value.map((value) => (react_1.default.createElement("span", { key: value.label, onClick: () => props.handleRemove(props.selectedFilter.key, [value.label]) }, value.label))))),
+            (filter === null || filter === void 0 ? void 0 : filter.displayType) === "multi" && filter.displayView !== "range" && (react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" }, props.selectedFilter.value.map((value) => (react_1.default.createElement("span", { key: value, onClick: () => props.handleRemove(props.selectedFilter.key, [value]) }, value))))),
+            (filter === null || filter === void 0 ? void 0 : filter.displayType) === "slider" && (react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" },
+                react_1.default.createElement("span", { onClick: () => props.handleRemove(props.selectedFilter.key, [""]) }, `${filter.displaySliderPrefix}${props.selectedFilter.value[0]} to ${filter.displaySliderPrefix}${props.selectedFilter.value[1]}`))))));
 };
 //# sourceMappingURL=ExampleFiltersSelected.js.map

package/dist/src/components/Example/ExampleFiltersSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleFiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFiltersSelected.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from \"react\";\nimport type { FiltersSelectedProps } from \"../../components\";\nimport { useFilters } from \"../../hooks\";\n\nexport type ExampleFiltersSelectedProps = React.ComponentProps<NonNullable<FiltersSelectedProps[\"render\"]>>;\n\nexport const ExampleFiltersSelected: React.FC<ExampleFiltersSelectedProps> = (props) => {\n  return (\n    <div className=\"rs__filters-selected\">\n      <h3 className=\"rs__filters-selected__name\">{\"Filters Selected\"}</h3>\n      <ul className=\"rs__filters-selected__list\">\n        {props.selectedFilters.map((selectedFilter) => (\n          <ExampleFiltersSelectedItem\n            handleRemove={props.handleRemove}\n            key={selectedFilter.key + selectedFilter.value}\n            selectedFilter={selectedFilter}\n          />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\ntype ExampleFiltersSelectedItemProps = {\n  selectedFilter: ExampleFiltersSelectedProps[\"selectedFilters\"][number];\n  handleRemove: ExampleFiltersSelectedProps[\"handleRemove\"];\n};\n\nconst ExampleFiltersSelectedItem: React.FC<ExampleFiltersSelectedItemProps> = (props) => {\n  const filtersHook = useFilters();\n  const filter = filtersHook.filters?.find((filter) => filter.handle === props.selectedFilter.key);\n\n  return (\n    <li className=\"rs__filters-selected__list-item\">\n      <label className=\"rs__filters-selected__list-item-label\">\n        <span\n          className=\"rs__filters-selected__list-item-label\"\n          onClick={() => props.handleRemove(props.selectedFilter.key)}\n        >\n          {props.selectedFilter.label}\n          {\": \"}\n        </span>\n\n        {filter?.displayType === \"single\" && filter.displayView === \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span\n              onClick={() =>\n                props.handleRemove(props.selectedFilter.key, [(props.selectedFilter.value as { label: string }).label])\n              }\n            >\n              {(props.selectedFilter.value as { label: string }).label}\n            </span>\n          </span>\n        )}\n        {filter?.displayType === \"single\" && filter.displayView !== \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span onClick={() => props.handleRemove(props.selectedFilter.key, [props.selectedFilter.value as string])}>\n              {props.selectedFilter.value as string}\n            </span>\n          </span>\n        )}\n        {filter?.displayType === \"multi\" && filter.displayView === \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            {(props.selectedFilter.value as Array<{ label: string }>).map((value) => (\n              <span key={value.label} onClick={() => props.handleRemove(props.selectedFilter.key, [value.label])}>\n                {value.label}\n              </span>\n            ))}\n          </span>\n        )}\n        {filter?.displayType === \"multi\" && filter.displayView !== \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            {(props.selectedFilter.value as Array<string>).map((value) => (\n              <span key={value} onClick={() => props.handleRemove(props.selectedFilter.key, [value])}>\n                {value}\n              </span>\n            ))}\n          </span>\n        )}\n        {filter?.displayType === \"slider\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span onClick={() => props.handleRemove(props.selectedFilter.key, [\"\"])}>\n              {`${filter.displaySliderPrefix}${\n                (props.selectedFilter.value as any)[0]\n              } to ${filter.displaySliderPrefix}${(props.selectedFilter.value as any)[1]}`}\n            </span>\n          </span>\n        )}\n      </label>\n    </li>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFiltersSelected.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { FiltersSelectedProps } from \"../../components\";\nimport { useFilters } from \"../../hooks\";\n\nexport type ExampleFiltersSelectedProps = React.ComponentProps<\n  NonNullable<FiltersSelectedProps[\"render\"]>\n>;\n\nexport const ExampleFiltersSelected: React.FC<ExampleFiltersSelectedProps> = (\n  props\n) => {\n  return (\n    <div className=\"rs__filters-selected\">\n      <h3 className=\"rs__filters-selected__name\">{\"Filters Selected\"}</h3>\n      <ul className=\"rs__filters-selected__list\">\n        {props.selectedFilters.map((selectedFilter) => (\n          <ExampleFiltersSelectedItem\n            key={selectedFilter.key + selectedFilter.value}\n            selectedFilter={selectedFilter}\n            handleRemove={props.handleRemove}\n          />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\ntype ExampleFiltersSelectedItemProps = {\n  selectedFilter: ExampleFiltersSelectedProps[\"selectedFilters\"][number];\n  handleRemove: ExampleFiltersSelectedProps[\"handleRemove\"];\n};\n\nconst ExampleFiltersSelectedItem: React.FC<ExampleFiltersSelectedItemProps> = (\n  props\n) => {\n  const filtersHook = useFilters();\n  const filter = filtersHook.filters?.find(\n    (filter) => filter.handle === props.selectedFilter.key\n  );\n\n  return (\n    <li\n      className=\"rs__filters-selected__list-item\"\n    >\n      <label className=\"rs__filters-selected__list-item-label\">\n        <span\n          className=\"rs__filters-selected__list-item-label\"\n          onClick={() => props.handleRemove(props.selectedFilter.key)}\n        >\n          {props.selectedFilter.label}\n          {\": \"}\n        </span>\n\n        {filter?.displayType === \"single\" && filter.displayView === \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span\n              onClick={() =>\n                props.handleRemove(props.selectedFilter.key, [\n                  (props.selectedFilter.value as { label: string }).label,\n                ])\n              }\n            >\n              {(props.selectedFilter.value as { label: string }).label}\n            </span>\n          </span>\n        )}\n        {filter?.displayType === \"single\" && filter.displayView !== \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span\n              onClick={() =>\n                props.handleRemove(props.selectedFilter.key, [\n                  props.selectedFilter.value as string,\n                ])\n              }\n            >\n              {props.selectedFilter.value as string}\n            </span>\n          </span>\n        )}\n        {filter?.displayType === \"multi\" && filter.displayView === \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            {(props.selectedFilter.value as Array<{ label: string }>).map(\n              (value) => (\n                <span\n                  key={value.label}\n                  onClick={() =>\n                    props.handleRemove(props.selectedFilter.key, [value.label])\n                  }\n                >\n                  {value.label}\n                </span>\n              )\n            )}\n          </span>\n        )}\n        {filter?.displayType === \"multi\" && filter.displayView !== \"range\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            {(props.selectedFilter.value as Array<string>).map((value) => (\n              <span\n                key={value}\n                onClick={() =>\n                  props.handleRemove(props.selectedFilter.key, [value])\n                }\n              >\n                {value}\n              </span>\n            ))}\n          </span>\n        )}\n        {filter?.displayType === \"slider\" && (\n          <span className=\"rs__filters-selected__list-item-value\">\n            <span\n              onClick={() => props.handleRemove(props.selectedFilter.key, [\"\"])}\n            >\n              {`${filter.displaySliderPrefix}${\n                (props.selectedFilter.value as any)[0]\n              } to ${filter.displaySliderPrefix}${\n                (props.selectedFilter.value as any)[1]\n              }`}\n            </span>\n          </span>\n        )}\n      </label>\n    </li>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleHookUseFilters.d.ts

@@ -1,2 +1,2 @@
-import type React from "react";
+import React from "react";
 export declare const ExampleHookUseFilters: React.FC;

package/dist/src/components/Example/ExampleHookUseFilters.js

@@ -1,13 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleHookUseFilters = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const ExampleHookUseFilters = () => {
     var _a;
     const filtersHook = (0, hooks_1.useFilters)();
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Filters" }), (_a = filtersHook.filters) === null || _a === void 0 ? void 0 : _a.map((filter) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: filter.name }), (0, jsx_runtime_1.jsx)(components_1.Filter, { filter: filter })] }, filter.id)))] }));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h3", null, "Filters"), (_a = filtersHook.filters) === null || _a === void 0 ? void 0 :
+        _a.map((filter) => (react_1.default.createElement("div", null,
+            react_1.default.createElement("p", null, filter.name),
+            react_1.default.createElement(components_1.Filter, { key: filter.id, filter: filter }))))));
 };
 exports.ExampleHookUseFilters = ExampleHookUseFilters;
 //# sourceMappingURL=ExampleHookUseFilters.js.map

package/dist/src/components/Example/ExampleHookUseFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleHookUseFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseFilters.tsx"],"names":[],"mappings":";;;;AACA,iDAA0C;AAC1C,uCAAyC;AAElC,MAAM,qBAAqB,GAAa,GAAG,EAAE;;IAClD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,CACL,4CACE,yCAAK,SAAS,GAAM,EACnB,MAAA,WAAW,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,4CACE,wCAAI,MAAM,CAAC,IAAI,GAAK,EACpB,uBAAC,mBAAM,IAAC,MAAM,EAAE,MAAM,GAAI,KAFlB,MAAM,CAAC,EAAE,CAGb,CACP,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC","sourcesContent":["import type React from \"react\";\nimport { Filter } from \"../../components\";\nimport { useFilters } from \"../../hooks\";\n\nexport const ExampleHookUseFilters: React.FC = () => {\n  const filtersHook = useFilters();\n\n  return (\n    <div>\n      <h3>{\"Filters\"}</h3>\n      {filtersHook.filters?.map((filter) => (\n        <div key={filter.id}>\n          <p>{filter.name}</p>\n          <Filter filter={filter} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleHookUseFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseFilters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAA0C;AAEnC,MAAM,qBAAqB,GAAa,GAAG,EAAE;;IAClD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,CACL;QACE,0CAAK,SAAS,CAAM,EACnB,MAAA,WAAW,CAAC,OAAO;WAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC;YACE,yCAAI,MAAM,CAAC,IAAI,CAAK;YACpB,8BAAC,mBAAM,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,CACtC,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { Filter } from \"../../components\";\n\nexport const ExampleHookUseFilters: React.FC = () => {\n  const filtersHook = useFilters();\n\n  return (\n    <div>\n      <h3>{\"Filters\"}</h3>\n      {filtersHook.filters?.map((filter) => (\n        <div>\n          <p>{filter.name}</p>\n          <Filter key={filter.id} filter={filter} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleHookUseResults.d.ts

@@ -1,2 +1,2 @@
-import type React from "react";
+import React from "react";
 export declare const ExampleHookUseResults: React.FC;

package/dist/src/components/Example/ExampleHookUseResults.js

@@ -1,20 +1,25 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleHookUseResults = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
 const ExampleHookUseResults = () => {
     const resultsHook = (0, hooks_1.useResults)();
     const collections = resultsHook.results
-        .flatMap((result) => {
+        .map((result) => {
         if (result.type === types_1.ElasticDocumentType.Product) {
             return result.collections;
         }
         return [];
     })
+        .flat()
         .filter((item, index, self) => self.findIndex((itemNested) => (itemNested === null || itemNested === void 0 ? void 0 : itemNested.id) === (item === null || item === void 0 ? void 0 : item.id)) === index);
-    return ((0, jsx_runtime_1.jsx)("ul", { children: collections.map((collection) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", { href: `/collections/${collection === null || collection === void 0 ? void 0 : collection.handle}`, children: collection === null || collection === void 0 ? void 0 : collection.title }) }, collection === null || collection === void 0 ? void 0 : collection.id))) }));
+    return (react_1.default.createElement("ul", null, collections.map((collection) => (react_1.default.createElement("li", null,
+        react_1.default.createElement("a", { href: `/collections/${collection === null || collection === void 0 ? void 0 : collection.handle}` }, collection === null || collection === void 0 ? void 0 : collection.title))))));
 };
 exports.ExampleHookUseResults = ExampleHookUseResults;
 //# sourceMappingURL=ExampleHookUseResults.js.map

package/dist/src/components/Example/ExampleHookUseResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleHookUseResults.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseResults.tsx"],"names":[],"mappings":";;;;AACA,uCAAyC;AACzC,uCAAkD;AAE3C,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO;SACpC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAClB,IAAI,MAAM,CAAC,IAAI,KAAK,2BAAmB,CAAC,OAAO,EAAE,CAAC;YAChD,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,CAAC,KAAK,KAAK,CAAC,CAAC;IAExG,OAAO,CACL,yCACG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,yCACE,8BAAG,IAAI,EAAE,gBAAgB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,YAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,GAAK,IAD/D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAElB,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,qBAAqB,yBAsBhC","sourcesContent":["import type React from \"react\";\nimport { useResults } from \"../../hooks\";\nimport { ElasticDocumentType } from \"../../types\";\n\nexport const ExampleHookUseResults: React.FC = () => {\n  const resultsHook = useResults();\n\n  const collections = resultsHook.results\n    .flatMap((result) => {\n      if (result.type === ElasticDocumentType.Product) {\n        return result.collections;\n      }\n\n      return [];\n    })\n    .filter((item, index, self) => self.findIndex((itemNested) => itemNested?.id === item?.id) === index);\n\n  return (\n    <ul>\n      {collections.map((collection) => (\n        <li key={collection?.id}>\n          <a href={`/collections/${collection?.handle}`}>{collection?.title}</a>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"]}
+{"version":3,"file":"ExampleHookUseResults.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseResults.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,uCAAkD;AAE3C,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO;SACpC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACd,IAAI,MAAM,CAAC,IAAI,KAAK,2BAAmB,CAAC,OAAO,EAAE,CAAC;YAChD,OAAO,MAAM,CAAC,WAAW,CAAC;QAC5B,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,EAAE;SACN,MAAM,CACL,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CACpB,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,CAAC,KAAK,KAAK,CACxE,CAAC;IAEJ,OAAO,CACL,0CACG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B;QACE,qCAAG,IAAI,EAAE,gBAAgB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,IAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAK,CACnE,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC","sourcesContent":["import React from \"react\";\n\nimport { useResults } from \"../../hooks\";\nimport { ElasticDocumentType } from \"../../types\";\n\nexport const ExampleHookUseResults: React.FC = () => {\n  const resultsHook = useResults();\n\n  const collections = resultsHook.results\n    .map((result) => {\n      if (result.type === ElasticDocumentType.Product) {\n        return result.collections;\n      }\n\n      return [];\n    })\n    .flat()\n    .filter(\n      (item, index, self) =>\n        self.findIndex((itemNested) => itemNested?.id === item?.id) === index\n    );\n\n  return (\n    <ul>\n      {collections.map((collection) => (\n        <li>\n          <a href={`/collections/${collection?.handle}`}>{collection?.title}</a>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleHookUseSearch.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleHookUseSearch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const ExampleHookUseSearch = () => {
@@ -16,7 +15,8 @@ const ExampleHookUseSearch = () => {
     const handleInputChange = react_1.default.useCallback((event) => {
         searchHook.setSearchTerm(event.target.value);
     }, [searchHook.setSearchTerm]);
-    return ((0, jsx_runtime_1.jsx)("form", { onSubmit: handleFormSubmit, children: (0, jsx_runtime_1.jsx)("input", { onChange: handleInputChange, type: "text", value: searchHook.searchTerm }) }));
+    return (react_1.default.createElement("form", { onSubmit: handleFormSubmit },
+        react_1.default.createElement("input", { type: "text", value: searchHook.searchTerm, onChange: handleInputChange })));
 };
 exports.ExampleHookUseSearch = ExampleHookUseSearch;
 //# sourceMappingURL=ExampleHookUseSearch.js.map

package/dist/src/components/Example/ExampleHookUseSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleHookUseSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseSearch.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,uCAAwC;AAEjC,MAAM,oBAAoB,GAAa,GAAG,EAAE;IACjD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,eAAK,CAAC,WAAW,CACxC,CAAC,KAAuC,EAAE,EAAE;QAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,UAAU,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC,EACD,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAC9B,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,WAAW,CACzC,CAAC,KAA0C,EAAE,EAAE;QAC7C,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,UAAU,CAAC,aAAa,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,iCAAM,QAAQ,EAAE,gBAAgB,YAC9B,kCAAO,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,CAAC,UAAU,GAAI,GAC3E,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,oBAAoB,wBAuB/B","sourcesContent":["import React from \"react\";\nimport { useSearch } from \"../../hooks\";\n\nexport const ExampleHookUseSearch: React.FC = () => {\n  const searchHook = useSearch();\n\n  const handleFormSubmit = React.useCallback(\n    (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      searchHook.submitSearchTerm();\n    },\n    [searchHook.submitSearchTerm]\n  );\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      searchHook.setSearchTerm(event.target.value);\n    },\n    [searchHook.setSearchTerm]\n  );\n\n  return (\n    <form onSubmit={handleFormSubmit}>\n      <input onChange={handleInputChange} type=\"text\" value={searchHook.searchTerm} />\n    </form>\n  );\n};\n"]}
+{"version":3,"file":"ExampleHookUseSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AAEjC,MAAM,oBAAoB,GAAa,GAAG,EAAE;IACjD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,eAAK,CAAC,WAAW,CACxC,CAAC,KAAuC,EAAE,EAAE;QAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,UAAU,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC,EACD,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAC9B,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,WAAW,CACzC,CAAC,KAA0C,EAAE,EAAE;QAC7C,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,UAAU,CAAC,aAAa,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,wCAAM,QAAQ,EAAE,gBAAgB;QAC9B,yCACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,QAAQ,EAAE,iBAAiB,GAC3B,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,oBAAoB,wBA2B/B","sourcesContent":["import React from \"react\";\n\nimport { useSearch } from \"../../hooks\";\n\nexport const ExampleHookUseSearch: React.FC = () => {\n  const searchHook = useSearch();\n\n  const handleFormSubmit = React.useCallback(\n    (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      searchHook.submitSearchTerm();\n    },\n    [searchHook.submitSearchTerm]\n  );\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      searchHook.setSearchTerm(event.target.value);\n    },\n    [searchHook.setSearchTerm]\n  );\n\n  return (\n    <form onSubmit={handleFormSubmit}>\n      <input\n        type=\"text\"\n        value={searchHook.searchTerm}\n        onChange={handleInputChange}\n      />\n    </form>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleHookUseSortBy.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleHookUseSortBy = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const ExampleHookUseSortBy = () => {
@@ -13,7 +12,7 @@ const ExampleHookUseSortBy = () => {
     const handleSelectChange = react_1.default.useCallback((event) => {
         sortByHook.setSortOption(event.target.value);
     }, [sortByHook.setSortOption]);
-    return ((0, jsx_runtime_1.jsx)("select", { onChange: handleSelectChange, value: (_a = sortByHook.sortOption) === null || _a === void 0 ? void 0 : _a.handle, children: sortByHook.sortOptions.map((sortOption) => ((0, jsx_runtime_1.jsx)("option", { value: sortOption.handle, children: sortOption.name }, sortOption.handle))) }));
+    return (react_1.default.createElement("select", { value: (_a = sortByHook.sortOption) === null || _a === void 0 ? void 0 : _a.handle, onChange: handleSelectChange }, sortByHook.sortOptions.map((sortOption) => (react_1.default.createElement("option", { key: sortOption.handle, value: sortOption.handle }, sortOption.name)))));
 };
 exports.ExampleHookUseSortBy = ExampleHookUseSortBy;
 //# sourceMappingURL=ExampleHookUseSortBy.js.map

package/dist/src/components/Example/ExampleHookUseSortBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleHookUseSortBy.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseSortBy.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,uCAAwC;AAEjC,MAAM,oBAAoB,GAAa,GAAG,EAAE;;IACjD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,kBAAkB,GAAG,eAAK,CAAC,WAAW,CAC1C,CAAC,KAA2C,EAAE,EAAE;QAC9C,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,UAAU,CAAC,aAAa,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,mCAAQ,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,YACvE,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC1C,mCAAgC,KAAK,EAAE,UAAU,CAAC,MAAM,YACrD,UAAU,CAAC,IAAI,IADL,UAAU,CAAC,MAAM,CAErB,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,oBAAoB,wBAmB/B","sourcesContent":["import React from \"react\";\nimport { useSortBy } from \"../../hooks\";\n\nexport const ExampleHookUseSortBy: React.FC = () => {\n  const sortByHook = useSortBy();\n\n  const handleSelectChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      sortByHook.setSortOption(event.target.value);\n    },\n    [sortByHook.setSortOption]\n  );\n\n  return (\n    <select onChange={handleSelectChange} value={sortByHook.sortOption?.handle}>\n      {sortByHook.sortOptions.map((sortOption) => (\n        <option key={sortOption.handle} value={sortOption.handle}>\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};\n"]}
+{"version":3,"file":"ExampleHookUseSortBy.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseSortBy.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AAEjC,MAAM,oBAAoB,GAAa,GAAG,EAAE;;IACjD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,kBAAkB,GAAG,eAAK,CAAC,WAAW,CAC1C,CAAC,KAA2C,EAAE,EAAE;QAC9C,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,UAAU,CAAC,aAAa,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,0CAAQ,KAAK,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,IACvE,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC1C,0CAAQ,GAAG,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,IACrD,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,oBAAoB,wBAmB/B","sourcesContent":["import React from \"react\";\n\nimport { useSortBy } from \"../../hooks\";\n\nexport const ExampleHookUseSortBy: React.FC = () => {\n  const sortByHook = useSortBy();\n\n  const handleSelectChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      sortByHook.setSortOption(event.target.value);\n    },\n    [sortByHook.setSortOption]\n  );\n\n  return (\n    <select value={sortByHook.sortOption?.handle} onChange={handleSelectChange}>\n      {sortByHook.sortOptions.map((sortOption) => (\n        <option key={sortOption.handle} value={sortOption.handle}>\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleProductCardWeight.d.ts

@@ -1,4 +1,4 @@
-import type { ElasticProduct } from "../../types";
+import { ElasticProduct } from "../../types";
 export interface ExampleProductCardWeightProps {
     document: ElasticProduct;
 }

package/dist/src/components/Example/ExampleProductCardWeight.js

@@ -1,8 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleProductCardWeight = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const utility_1 = require("../../utility");
 const ExampleProductCardWeight = ({ document }) => {
@@ -18,7 +40,7 @@ const ExampleProductCardWeight = ({ document }) => {
         return null;
     if (!weight)
         return null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__result-card-product__weight", onKeyUp: toggleWeightBreakdown, style: {
+    return (react_1.default.createElement("div", { className: "rs__result-card-product__weight", onClick: toggleWeightBreakdown, style: {
             background: "rgba(0, 0, 0, 0.8)",
             borderRadius: "4px",
             color: "white",
@@ -28,17 +50,28 @@ const ExampleProductCardWeight = ({ document }) => {
             fontWeight: "bold",
             maxWidth: "100%",
             padding: "4px 8px",
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Weight: ", weight.toFixed(2)] }), showWeightBreakdown && weightBreakdown.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                    backgroundColor: "rgba(255, 255, 255, 0.95)",
-                    border: "1px solid #ccc",
-                    borderRadius: "4px",
-                    color: "black",
-                    fontSize: "10px",
-                    marginTop: "8px",
-                    maxHeight: "150px",
-                    overflowY: "auto",
-                    padding: "8px",
-                }, children: [(0, jsx_runtime_1.jsx)("strong", { style: { display: "block", marginBottom: "4px" }, children: "Breakdown:" }), weightBreakdown.map((item) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "2px" }, children: [(0, jsx_runtime_1.jsxs)("strong", { children: [item.field, ":"] }), " ", item.weight.toFixed(2)] }, item.field)))] }))] }));
+        } },
+        react_1.default.createElement("div", null,
+            "Weight: ",
+            weight.toFixed(2)),
+        showWeightBreakdown && weightBreakdown.length > 0 && (react_1.default.createElement("div", { style: {
+                backgroundColor: "rgba(255, 255, 255, 0.95)",
+                border: "1px solid #ccc",
+                borderRadius: "4px",
+                color: "black",
+                fontSize: "10px",
+                marginTop: "8px",
+                maxHeight: "150px",
+                overflowY: "auto",
+                padding: "8px",
+            } },
+            react_1.default.createElement("strong", { style: { display: "block", marginBottom: "4px" } }, "Breakdown:"),
+            weightBreakdown.map((item, index) => (react_1.default.createElement("div", { key: index, style: { marginBottom: "2px" } },
+                react_1.default.createElement("strong", null,
+                    item.field,
+                    ":"),
+                " ",
+                item.weight.toFixed(2))))))));
 };
 exports.ExampleProductCardWeight = ExampleProductCardWeight;
 //# sourceMappingURL=ExampleProductCardWeight.js.map

package/dist/src/components/Example/ExampleProductCardWeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleProductCardWeight.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleProductCardWeight.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,uCAAuD;AAEvD,2CAA4G;AAMrG,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACtF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtE,8CAA8C;IAC9C,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,mBAAS,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC9D,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,CAC/B,CAAC;IAEF,0CAA0C;IAC1C,MAAM,eAAe,GAA0B,IAAA,eAAO,EACpD,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,WAAiC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3E,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAEjF,IAAI,CAAC,OAAO,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAElC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,iCACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE;YACL,UAAU,EAAE,oBAAoB;YAChC,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,SAAS;SACnB,aAED,wDAAc,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAO,EAErC,mBAAmB,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,iCACE,KAAK,EAAE;oBACL,eAAe,EAAE,2BAA2B;oBAC5C,MAAM,EAAE,gBAAgB;oBACxB,YAAY,EAAE,KAAK;oBACnB,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,KAAK;oBAChB,SAAS,EAAE,OAAO;oBAClB,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,KAAK;iBACf,aAED,mCAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,2BAAqB,EAC5E,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,iCAAsB,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,aAClD,+CAAS,IAAI,CAAC,KAAK,SAAW,OAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAD9C,IAAI,CAAC,KAAK,CAEd,CACP,CAAC,IACE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,wBAAwB,4BAiEnC","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useReactifySearchContext } from \"../../hooks\";\nimport type { ElasticProduct } from \"../../types\";\nimport { type ExplainParsedWeight, type ExplainScoreDetail, explainWeight, getWeight } from \"../../utility\";\n\nexport interface ExampleProductCardWeightProps {\n  document: ElasticProduct;\n}\n\nexport const ExampleProductCardWeight = ({ document }: ExampleProductCardWeightProps) => {\n  const { options } = useReactifySearchContext();\n  const [showWeightBreakdown, setShowWeightBreakdown] = useState(false);\n\n  // Extract score and explanation from document\n  const explanation = document._explanation;\n  const weight = useMemo(\n    () => (explanation ? getWeight(explanation) : document._score),\n    [explanation, document._score]\n  );\n\n  // Parse the weight breakdown if available\n  const weightBreakdown: ExplainParsedWeight[] = useMemo(\n    () => (explanation ? explainWeight(explanation as ExplainScoreDetail) : []),\n    [explanation]\n  );\n\n  const toggleWeightBreakdown = () => setShowWeightBreakdown(!showWeightBreakdown);\n\n  if (!options.devMode) return null;\n\n  if (!weight) return null;\n\n  return (\n    <div\n      className=\"rs__result-card-product__weight\"\n      onKeyUp={toggleWeightBreakdown}\n      style={{\n        background: \"rgba(0, 0, 0, 0.8)\",\n        borderRadius: \"4px\",\n        color: \"white\",\n        cursor: \"pointer\",\n        fontFamily: \"monospace\",\n        fontSize: \"11px\",\n        fontWeight: \"bold\",\n        maxWidth: \"100%\",\n        padding: \"4px 8px\",\n      }}\n    >\n      <div>Weight: {weight.toFixed(2)}</div>\n\n      {showWeightBreakdown && weightBreakdown.length > 0 && (\n        <div\n          style={{\n            backgroundColor: \"rgba(255, 255, 255, 0.95)\",\n            border: \"1px solid #ccc\",\n            borderRadius: \"4px\",\n            color: \"black\",\n            fontSize: \"10px\",\n            marginTop: \"8px\",\n            maxHeight: \"150px\",\n            overflowY: \"auto\",\n            padding: \"8px\",\n          }}\n        >\n          <strong style={{ display: \"block\", marginBottom: \"4px\" }}>Breakdown:</strong>\n          {weightBreakdown.map((item) => (\n            <div key={item.field} style={{ marginBottom: \"2px\" }}>\n              <strong>{item.field}:</strong> {item.weight.toFixed(2)}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleProductCardWeight.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleProductCardWeight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,uCAAuD;AACvD,2CAAkG;AAO3F,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACtF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtE,8CAA8C;IAC9C,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,mBAAS,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC9D,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,CAC/B,CAAC;IAEF,0CAA0C;IAC1C,MAAM,eAAe,GAA0B,IAAA,eAAO,EACpD,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,WAAiC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3E,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAEjF,IAAI,CAAC,OAAO,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAElC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,uCACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE;YACL,UAAU,EAAE,oBAAoB;YAChC,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,SAAS;SACnB;QAED;;YAAc,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAO;QAErC,mBAAmB,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,uCACE,KAAK,EAAE;gBACL,eAAe,EAAE,2BAA2B;gBAC5C,MAAM,EAAE,gBAAgB;gBACxB,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,OAAO;gBAClB,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,KAAK;aACf;YAED,0CAAQ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAqB;YAC5E,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,uCAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE;gBAC7C;oBAAS,IAAI,CAAC,KAAK;wBAAW;;gBAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAClD,CACP,CAAC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,wBAAwB,4BAiEnC","sourcesContent":["import React, { useState, useMemo } from \"react\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\nimport { explainWeight, getWeight, ExplainScoreDetail, ExplainParsedWeight } from \"../../utility\";\nimport { ElasticProduct } from \"../../types\";\n\nexport interface ExampleProductCardWeightProps {\n  document: ElasticProduct;\n}\n\nexport const ExampleProductCardWeight = ({ document }: ExampleProductCardWeightProps) => {\n  const { options } = useReactifySearchContext();\n  const [showWeightBreakdown, setShowWeightBreakdown] = useState(false);\n\n  // Extract score and explanation from document\n  const explanation = document._explanation;\n  const weight = useMemo(\n    () => (explanation ? getWeight(explanation) : document._score),\n    [explanation, document._score]\n  );\n\n  // Parse the weight breakdown if available\n  const weightBreakdown: ExplainParsedWeight[] = useMemo(\n    () => (explanation ? explainWeight(explanation as ExplainScoreDetail) : []),\n    [explanation]\n  );\n\n  const toggleWeightBreakdown = () => setShowWeightBreakdown(!showWeightBreakdown);\n\n  if (!options.devMode) return null;\n\n  if (!weight) return null;\n\n  return (\n    <div\n      className=\"rs__result-card-product__weight\"\n      onClick={toggleWeightBreakdown}\n      style={{\n        background: \"rgba(0, 0, 0, 0.8)\",\n        borderRadius: \"4px\",\n        color: \"white\",\n        cursor: \"pointer\",\n        fontFamily: \"monospace\",\n        fontSize: \"11px\",\n        fontWeight: \"bold\",\n        maxWidth: \"100%\",\n        padding: \"4px 8px\",\n      }}\n    >\n      <div>Weight: {weight.toFixed(2)}</div>\n\n      {showWeightBreakdown && weightBreakdown.length > 0 && (\n        <div\n          style={{\n            backgroundColor: \"rgba(255, 255, 255, 0.95)\",\n            border: \"1px solid #ccc\",\n            borderRadius: \"4px\",\n            color: \"black\",\n            fontSize: \"10px\",\n            marginTop: \"8px\",\n            maxHeight: \"150px\",\n            overflowY: \"auto\",\n            padding: \"8px\",\n          }}\n        >\n          <strong style={{ display: \"block\", marginBottom: \"4px\" }}>Breakdown:</strong>\n          {weightBreakdown.map((item, index) => (\n            <div key={index} style={{ marginBottom: \"2px\" }}>\n              <strong>{item.field}:</strong> {item.weight.toFixed(2)}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleReactiveSearchProviderCollection.d.ts

@@ -1,2 +1,2 @@
-import type React from "react";
+import React from "react";
 export declare const ExampleReactiveSearchProviderCollection: React.FC;

package/dist/src/components/Example/ExampleReactiveSearchProviderCollection.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleReactiveSearchProviderCollection = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
-const ExampleReactiveSearchProviderCollection = () => ((0, jsx_runtime_1.jsx)(components_1.ReactifySearchProvider, { collectionHandle: "example-collection", mode: "collection", shopifyPermanentDomain: "usereactify-demo.myshopify.com" }));
+const ExampleReactiveSearchProviderCollection = () => (react_1.default.createElement(components_1.ReactifySearchProvider, { mode: "collection", shopifyPermanentDomain: "usereactify-demo.myshopify.com", collectionHandle: "example-collection" },
+    react_1.default.createElement(react_1.default.Fragment, null)));
 exports.ExampleReactiveSearchProviderCollection = ExampleReactiveSearchProviderCollection;
 //# sourceMappingURL=ExampleReactiveSearchProviderCollection.js.map

package/dist/src/components/Example/ExampleReactiveSearchProviderCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleReactiveSearchProviderCollection.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderCollection.tsx"],"names":[],"mappings":";;;;AACA,iDAA0D;AAEnD,MAAM,uCAAuC,GAAa,GAAG,EAAE,CAAC,CACrE,uBAAC,mCAAsB,IACrB,gBAAgB,EAAC,oBAAoB,EACrC,IAAI,EAAC,YAAY,EACjB,sBAAsB,EAAC,gCAAgC,GACvD,CACH,CAAC;AANW,QAAA,uCAAuC,2CAMlD","sourcesContent":["import type React from \"react\";\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderCollection: React.FC = () => (\n  <ReactifySearchProvider\n    collectionHandle=\"example-collection\"\n    mode=\"collection\"\n    shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n  />\n);\n"]}
+{"version":3,"file":"ExampleReactiveSearchProviderCollection.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderCollection.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA0D;AAEnD,MAAM,uCAAuC,GAAa,GAAG,EAAE,CAAC,CACrE,8BAAC,mCAAsB,IACrB,IAAI,EAAC,YAAY,EACjB,sBAAsB,EAAC,gCAAgC,EACvD,gBAAgB,EAAC,oBAAoB;IAErC,6DAAK,CACkB,CAC1B,CAAC;AARW,QAAA,uCAAuC,2CAQlD","sourcesContent":["import React from \"react\";\n\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderCollection: React.FC = () => (\n  <ReactifySearchProvider\n    mode=\"collection\"\n    shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n    collectionHandle=\"example-collection\"\n  >\n    <></>\n  </ReactifySearchProvider>\n);\n"]}

package/dist/src/components/Example/ExampleReactiveSearchProviderInstantSearch.d.ts

@@ -1,2 +1,2 @@
-import type React from "react";
+import React from "react";
 export declare const ExampleReactiveSearchProviderInstantSearch: React.FC;

package/dist/src/components/Example/ExampleReactiveSearchProviderInstantSearch.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleReactiveSearchProviderInstantSearch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
-const ExampleReactiveSearchProviderInstantSearch = () => ((0, jsx_runtime_1.jsx)(components_1.ReactifySearchProvider, { mode: "instant-search", shopifyPermanentDomain: "usereactify-demo.myshopify.com" }));
+const ExampleReactiveSearchProviderInstantSearch = () => (react_1.default.createElement(components_1.ReactifySearchProvider, { mode: "instant-search", shopifyPermanentDomain: "usereactify-demo.myshopify.com" },
+    react_1.default.createElement(react_1.default.Fragment, null)));
 exports.ExampleReactiveSearchProviderInstantSearch = ExampleReactiveSearchProviderInstantSearch;
 //# sourceMappingURL=ExampleReactiveSearchProviderInstantSearch.js.map

package/dist/src/components/Example/ExampleReactiveSearchProviderInstantSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleReactiveSearchProviderInstantSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderInstantSearch.tsx"],"names":[],"mappings":";;;;AACA,iDAA0D;AAEnD,MAAM,0CAA0C,GAAa,GAAG,EAAE,CAAC,CACxE,uBAAC,mCAAsB,IAAC,IAAI,EAAC,gBAAgB,EAAC,sBAAsB,EAAC,gCAAgC,GAAG,CACzG,CAAC;AAFW,QAAA,0CAA0C,8CAErD","sourcesContent":["import type React from \"react\";\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderInstantSearch: React.FC = () => (\n  <ReactifySearchProvider mode=\"instant-search\" shopifyPermanentDomain=\"usereactify-demo.myshopify.com\" />\n);\n"]}
+{"version":3,"file":"ExampleReactiveSearchProviderInstantSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderInstantSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA0D;AAEnD,MAAM,0CAA0C,GAAa,GAAG,EAAE,CAAC,CACxE,8BAAC,mCAAsB,IACrB,IAAI,EAAC,gBAAgB,EACrB,sBAAsB,EAAC,gCAAgC;IAEvD,6DAAK,CACkB,CAC1B,CAAC;AAPW,QAAA,0CAA0C,8CAOrD","sourcesContent":["import React from \"react\";\n\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderInstantSearch: React.FC = () => (\n  <ReactifySearchProvider\n    mode=\"instant-search\"\n    shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n  >\n    <></>\n  </ReactifySearchProvider>\n);\n"]}

package/dist/src/components/Example/ExampleReactiveSearchProviderSearch.d.ts

@@ -1,2 +1,2 @@
-import type React from "react";
+import React from "react";
 export declare const ExampleReactiveSearchProviderSearch: React.FC;

package/dist/src/components/Example/ExampleReactiveSearchProviderSearch.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleReactiveSearchProviderSearch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
-const ExampleReactiveSearchProviderSearch = () => ((0, jsx_runtime_1.jsx)(components_1.ReactifySearchProvider, { mode: "search", shopifyPermanentDomain: "usereactify-demo.myshopify.com" }));
+const ExampleReactiveSearchProviderSearch = () => (react_1.default.createElement(components_1.ReactifySearchProvider, { mode: "search", shopifyPermanentDomain: "usereactify-demo.myshopify.com" },
+    react_1.default.createElement(react_1.default.Fragment, null)));
 exports.ExampleReactiveSearchProviderSearch = ExampleReactiveSearchProviderSearch;
 //# sourceMappingURL=ExampleReactiveSearchProviderSearch.js.map

package/dist/src/components/Example/ExampleReactiveSearchProviderSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleReactiveSearchProviderSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderSearch.tsx"],"names":[],"mappings":";;;;AACA,iDAA0D;AAEnD,MAAM,mCAAmC,GAAa,GAAG,EAAE,CAAC,CACjE,uBAAC,mCAAsB,IAAC,IAAI,EAAC,QAAQ,EAAC,sBAAsB,EAAC,gCAAgC,GAAG,CACjG,CAAC;AAFW,QAAA,mCAAmC,uCAE9C","sourcesContent":["import type React from \"react\";\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderSearch: React.FC = () => (\n  <ReactifySearchProvider mode=\"search\" shopifyPermanentDomain=\"usereactify-demo.myshopify.com\" />\n);\n"]}
+{"version":3,"file":"ExampleReactiveSearchProviderSearch.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleReactiveSearchProviderSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA0D;AAEnD,MAAM,mCAAmC,GAAa,GAAG,EAAE,CAAC,CACjE,8BAAC,mCAAsB,IACrB,IAAI,EAAC,QAAQ,EACb,sBAAsB,EAAC,gCAAgC;IAEvD,6DAAK,CACkB,CAC1B,CAAC;AAPW,QAAA,mCAAmC,uCAO9C","sourcesContent":["import React from \"react\";\n\nimport { ReactifySearchProvider } from \"../../components\";\n\nexport const ExampleReactiveSearchProviderSearch: React.FC = () => (\n  <ReactifySearchProvider\n    mode=\"search\"\n    shopifyPermanentDomain=\"usereactify-demo.myshopify.com\"\n  >\n    <></>\n  </ReactifySearchProvider>\n);\n"]}

package/dist/src/components/Example/ExampleResultCardCallout.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ResultCardCalloutProps } from "../../components";
+import { ResultCardCalloutProps } from "../../components";
 export type ExampleResultCardCalloutProps = React.ComponentProps<NonNullable<ResultCardCalloutProps["render"]>>;
 export declare const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps>;

package/dist/src/components/Example/ExampleResultCardCallout.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleResultCardCallout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ExampleResultCardCallout = (props) => {
     const styleProp = react_1.default.useMemo(() => {
@@ -14,7 +13,10 @@ const ExampleResultCardCallout = (props) => {
             gridColumn: `span ${(_b = props.callout.displayColumns) !== null && _b !== void 0 ? _b : 1}`,
         });
     }, [props.callout]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "rs__result-card-callout", ref: props.itemRef, style: styleProp, children: (0, jsx_runtime_1.jsxs)("a", Object.assign({ className: "rs__result-card-callout__link", onClick: props.handleClick }, (!!props.callout.link && { href: props.callout.link }), { children: [props.callout.desktopImage && ((0, jsx_runtime_1.jsx)("img", { alt: "", className: "rs__result-card-callout__image", height: "190px", src: props.callout.desktopImage, width: "100%" })), (0, jsx_runtime_1.jsx)("span", { className: "rs__result-card-callout__title", children: props.callout.title })] })) }));
+    return (react_1.default.createElement("div", { className: "rs__result-card-callout", ref: props.itemRef, style: styleProp },
+        react_1.default.createElement("a", Object.assign({ className: "rs__result-card-callout__link", onClick: props.handleClick }, (!!props.callout.link && { href: props.callout.link })),
+            props.callout.desktopImage && (react_1.default.createElement("img", { className: "rs__result-card-callout__image", src: props.callout.desktopImage, width: "100%", height: "190px" })),
+            react_1.default.createElement("span", { className: "rs__result-card-callout__title" }, props.callout.title))));
 };
 exports.ExampleResultCardCallout = ExampleResultCardCallout;
 //# sourceMappingURL=ExampleResultCardCallout.js.map

package/dist/src/components/Example/ExampleResultCardCallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAKnB,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACzF,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,OAAO,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,WAAW,mCAAI,CAAC,EAAE;YACjD,UAAU,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,cAAc,mCAAI,CAAC,EAAE;SACxD,CAAC,CAAA;KAAA,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,YAC3E,6CACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,WAAW,IACtB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,eAEzD,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,CAC7B,gCACE,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,gCAAgC,EAC1C,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAC/B,KAAK,EAAC,MAAM,GACZ,CACH,EACD,iCAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAAQ,KAC3E,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,wBAAwB,4BA6BnC","sourcesContent":["import React from \"react\";\nimport type { ResultCardCalloutProps } from \"../../components\";\n\nexport type ExampleResultCardCalloutProps = React.ComponentProps<NonNullable<ResultCardCalloutProps[\"render\"]>>;\n\nexport const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps> = (props) => {\n  const styleProp = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () => ({\n      gridRow: `span ${props.callout.displayRows ?? 1}`,\n      gridColumn: `span ${props.callout.displayColumns ?? 1}`,\n    }),\n    [props.callout]\n  );\n\n  return (\n    <div className=\"rs__result-card-callout\" ref={props.itemRef} style={styleProp}>\n      <a\n        className=\"rs__result-card-callout__link\"\n        onClick={props.handleClick}\n        {...(!!props.callout.link && { href: props.callout.link })}\n      >\n        {props.callout.desktopImage && (\n          <img\n            alt=\"\"\n            className=\"rs__result-card-callout__image\"\n            height=\"190px\"\n            src={props.callout.desktopImage}\n            width=\"100%\"\n          />\n        )}\n        <span className=\"rs__result-card-callout__title\">{props.callout.title}</span>\n      </a>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,OAAO,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,WAAW,mCAAI,CAAC,EAAE;YACjD,UAAU,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,cAAc,mCAAI,CAAC,EAAE;SACxD,CAAC,CAAA;KAAA,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,yBAAyB,EACnC,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,SAAS;QAEhB,mDACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,WAAW,IACtB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEzD,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,CAC7B,uCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAC/B,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,GACd,CACH;YACD,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,OAAO,CAAC,KAAK,CACf,CACL,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAnCS,QAAA,wBAAwB,4BAmCjC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardCalloutProps } from \"../../components\";\n\nexport type ExampleResultCardCalloutProps = React.ComponentProps<\n  NonNullable<ResultCardCalloutProps[\"render\"]>\n>;\n\nexport const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps> =\n  (props) => {\n    const styleProp = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n      () => ({\n        gridRow: `span ${props.callout.displayRows ?? 1}`,\n        gridColumn: `span ${props.callout.displayColumns ?? 1}`,\n      }),\n      [props.callout]\n    );\n\n    return (\n      <div\n        className=\"rs__result-card-callout\"\n        ref={props.itemRef}\n        style={styleProp}\n      >\n        <a\n          className=\"rs__result-card-callout__link\"\n          onClick={props.handleClick}\n          {...(!!props.callout.link && { href: props.callout.link })}\n        >\n          {props.callout.desktopImage && (\n            <img\n              className=\"rs__result-card-callout__image\"\n              src={props.callout.desktopImage}\n              width=\"100%\"\n              height=\"190px\"\n            />\n          )}\n          <span className=\"rs__result-card-callout__title\">\n            {props.callout.title}\n          </span>\n        </a>\n      </div>\n    );\n  };\n"]}

package/dist/src/components/Example/ExampleResultCardProduct.d.ts

@@ -1,4 +1,4 @@
-import type React from "react";
-import type { ResultCardProductProps } from "../../components";
+import React from "react";
+import { ResultCardProductProps } from "../../components";
 export type ExampleResultCardProductProps = React.ComponentProps<NonNullable<ResultCardProductProps["render"]>>;
 export declare function ExampleResultCardProduct(props: ExampleResultCardProductProps): JSX.Element;

package/dist/src/components/Example/ExampleResultCardProduct.js

@@ -1,9 +1,19 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleResultCardProduct = ExampleResultCardProduct;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ExampleProductCardWeight_1 = require("./ExampleProductCardWeight");
 function ExampleResultCardProduct(props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "rs__result-card-product", ref: props.itemRef, style: { position: "relative" }, children: [(0, jsx_runtime_1.jsx)("div", { style: { position: "absolute", right: "0", top: "0", zIndex: 1 }, children: (0, jsx_runtime_1.jsx)(ExampleProductCardWeight_1.ExampleProductCardWeight, { document: props.document }) }), (0, jsx_runtime_1.jsxs)("a", { className: "rs__result-card-product__link", href: `/products/${props.product.handle}`, onClick: props.handleClick, children: [props.product.image && ((0, jsx_runtime_1.jsx)("img", { alt: "", className: "rs__result-card-product__image", height: "190px", src: props.product.image, width: "100%" })), (0, jsx_runtime_1.jsx)("span", { className: "rs__result-card-product__title", children: props.product.title })] }), (0, jsx_runtime_1.jsx)("span", { className: "rs__result-card-product__price", children: props.formattedPrice }), props.onSale && ((0, jsx_runtime_1.jsx)("span", { className: "rs__result-card-product__price-sale", style: { textDecoration: "line-through" }, children: props.formattedCompareAtPrice }))] }));
+    return (react_1.default.createElement("div", { ref: props.itemRef, className: "rs__result-card-product", style: { position: "relative" } },
+        react_1.default.createElement("div", { style: { position: "absolute", right: "0", top: "0", zIndex: 1 } },
+            react_1.default.createElement(ExampleProductCardWeight_1.ExampleProductCardWeight, { document: props.document })),
+        react_1.default.createElement("a", { className: "rs__result-card-product__link", onClick: props.handleClick, href: `/products/${props.product.handle}` },
+            props.product.image && (react_1.default.createElement("img", { className: "rs__result-card-product__image", src: props.product.image, width: "100%", height: "190px" })),
+            react_1.default.createElement("span", { className: "rs__result-card-product__title" }, props.product.title)),
+        react_1.default.createElement("span", { className: "rs__result-card-product__price" }, props.formattedPrice),
+        props.onSale && (react_1.default.createElement("span", { className: "rs__result-card-product__price-sale", style: { textDecoration: "line-through" } }, props.formattedCompareAtPrice))));
 }
 //# sourceMappingURL=ExampleResultCardProduct.js.map