@faststore/components 2.0.73-alpha.0 → 2.0.75-alpha.0

package/dist/assets/ClockClockwise.js

@@ -2,9 +2,9 @@ import React from 'react';
 // Icon from Phosphor Icons
 const ClockClockwise = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
     React.createElement("rect", { width: "256", height: "256", fill: "none" }),
-    React.createElement("line", { x1: "128", y1: "80", x2: "128", y2: "128", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" }),
-    React.createElement("line", { x1: "169.6", y1: "152", x2: "128", y2: "128", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" }),
-    React.createElement("polyline", { points: "184.2 99.7 224.2 99.7 224.2 59.7", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" }),
-    React.createElement("path", { d: "M190.2,190.2a88,88,0,1,1,0-124.4l34,33.9", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" })));
+    React.createElement("line", { x1: "128", y1: "80", x2: "128", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "169.6", y1: "152", x2: "128", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("polyline", { points: "184.2 99.7 224.2 99.7 224.2 59.7", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("path", { d: "M190.2,190.2a88,88,0,1,1,0-124.4l34,33.9", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" })));
 export default ClockClockwise;
 //# sourceMappingURL=ClockClockwise.js.map

package/dist/assets/ClockClockwise.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClockClockwise.js","sourceRoot":"","sources":["../../src/assets/ClockClockwise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,cAAc,GAAO,GAAG,EAAE,CAAC,CAC/B,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACX;IACR,8BACE,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACX;IACR,kCACE,MAAM,EAAC,kCAAkC,EACzC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACP;IACZ,8BACE,CAAC,EAAC,0CAA0C,EAC5C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACX,CACJ,CACP,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ClockClockwise.js","sourceRoot":"","sources":["../../src/assets/ClockClockwise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,cAAc,GAAO,GAAG,EAAE,CAAC,CAC/B,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,kCACE,MAAM,EAAC,kCAAkC,EACzC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACN;IACZ,8BACE,CAAC,EAAC,0CAA0C,EAC5C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/assets/FadersHorizontal.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const FadersHorizontal: FC;
+export default FadersHorizontal;

package/dist/assets/FadersHorizontal.js

@@ -0,0 +1,12 @@
+import React from 'react';
+// Icon from Phosphor Icons
+const FadersHorizontal = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    React.createElement("rect", { width: "256", height: "256", fill: "none" }),
+    React.createElement("line", { x1: "136", y1: "172", x2: "40", y2: "172", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "216", y1: "172", x2: "168", y2: "172", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "72", y1: "84", x2: "40", y2: "84", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "216", y1: "84", x2: "104", y2: "84", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "104", y1: "60", x2: "104", y2: "108", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "168", y1: "196", x2: "168", y2: "148", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" })));
+export default FadersHorizontal;
+//# sourceMappingURL=FadersHorizontal.js.map

package/dist/assets/FadersHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadersHorizontal.js","sourceRoot":"","sources":["../../src/assets/FadersHorizontal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,gBAAgB,GAAO,GAAG,EAAE,CAAC,CACjC,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,8BACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/assets/MagnifyingGlass.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const MagnifyingGlass: FC;
+export default MagnifyingGlass;

package/dist/assets/MagnifyingGlass.js

@@ -0,0 +1,8 @@
+import React from 'react';
+// Icon from Phosphor Icons
+const MagnifyingGlass = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    React.createElement("rect", { width: "256", height: "256", fill: "none" }),
+    React.createElement("circle", { cx: "116", cy: "116", r: "84", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
+    React.createElement("line", { x1: "175.4", y1: "175.4", x2: "224", y2: "224", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" })));
+export default MagnifyingGlass;
+//# sourceMappingURL=MagnifyingGlass.js.map

package/dist/assets/MagnifyingGlass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagnifyingGlass.js","sourceRoot":"","sources":["../../src/assets/MagnifyingGlass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,eAAe,GAAO,GAAG,EAAE,CAAC,CAChC,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,gCACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACR;IACV,8BACE,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/assets/TagIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 // Icon from Phosphor Icons
-const TagIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "192", height: "192", fill: "currentColor", viewBox: "0 0 256 256" },
+const TagIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", width: 24, height: 24 },
     React.createElement("rect", { width: "256", height: "256", fill: "none" }),
     React.createElement("path", { d: "M122.7,25.9,42,42,25.9,122.7a8,8,0,0,0,2.2,7.2L132.5,234.3a7.9,7.9,0,0,0,11.3,0l90.5-90.5a7.9,7.9,0,0,0,0-11.3L129.9,28.1A8,8,0,0,0,122.7,25.9Z", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "16" }),
     React.createElement("circle", { cx: "84", cy: "84", r: "12" })));

package/dist/assets/TagIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagIcon.js","sourceRoot":"","sources":["../../src/assets/TagIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,2BAA2B;AAC3B,MAAM,OAAO,GAAO,GAAG,EAAE,CAAC,CACxB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa;IAErB,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,iJAAiJ,EACnJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAU,CACpC,CACP,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TagIcon.js","sourceRoot":"","sources":["../../src/assets/TagIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,2BAA2B;AAC3B,MAAM,OAAO,GAAO,GAAG,EAAE,CAAC,CACxB,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,iJAAiJ,EACnJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV;IACR,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAU,CACpC,CACP,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/assets/index.d.ts

@@ -5,10 +5,12 @@ export { default as CaretDown } from './CaretDown';
 export { default as Checked } from './Checked';
 export { default as ClockClockwise } from './ClockClockwise';
 export { default as DotsThree } from './DotsThree';
+export { default as FadersHorizontal } from './FadersHorizontal';
 export { default as Heart } from './Heart';
 export { default as House } from './House';
 export { default as Minus } from './Minus';
 export { default as Plus } from './Plus';
+export { default as MagnifyingGlass } from './MagnifyingGlass';
 export { default as MinusCircle } from './MinusCircle';
 export { default as PlusCircle } from './PlusCircle';
 export { default as Ruler } from './Ruler';

package/dist/assets/index.js

@@ -6,10 +6,12 @@ export { default as CaretDown } from './CaretDown';
 export { default as Checked } from './Checked';
 export { default as ClockClockwise } from './ClockClockwise';
 export { default as DotsThree } from './DotsThree';
+export { default as FadersHorizontal } from './FadersHorizontal';
 export { default as Heart } from './Heart';
 export { default as House } from './House';
 export { default as Minus } from './Minus';
 export { default as Plus } from './Plus';
+export { default as MagnifyingGlass } from './MagnifyingGlass';
 export { default as MinusCircle } from './MinusCircle';
 export { default as PlusCircle } from './PlusCircle';
 export { default as Ruler } from './Ruler';

package/dist/assets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.d.ts

@@ -66,10 +66,12 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
 export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
 export { default as Rating } from './molecules/Rating';
 export type { RatingProps } from './molecules/Rating';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
+export type { SearchAutoCompleteProps, SearchAutoCompleteTermProps, } from './molecules/SearchAutoComplete';
 export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
 export type { SearchHistoryProps, SearchHistoryTermProps, } from './molecules/SearchHistory';
-export { default as SearchProductCard, SearchProductCardImage, SearchProductCardContent, } from './molecules/SearchProductCard';
-export type { SearchProductCardProps, SearchProductCardImageProps, SearchProductCardContentProps, } from './molecules/SearchProductCard';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
+export type { SearchProductsProps, SearchProductItemProps, SearchProductItemImageProps, SearchProductItemContentProps, } from './molecules/SearchProducts';
 export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
 export type { SearchTopProps, SearchTopTermProps } from './molecules/SearchTop';
 export { default as SelectField } from './molecules/SelectField';

package/dist/index.js

@@ -38,8 +38,9 @@ export { default as ProductTitle } from './molecules/ProductTitle';
 export { default as RadioField } from './molecules/RadioField';
 export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
 export { default as Rating } from './molecules/Rating';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
 export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
-export { default as SearchProductCard, SearchProductCardImage, SearchProductCardContent, } from './molecules/SearchProductCard';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
 export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
 export { default as SelectField } from './molecules/SelectField';
 export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/molecules/SearchAutoComplete/SearchAutoComplete.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export interface SearchAutoCompleteProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const SearchAutoComplete: ({ testId, children, ...otherProps }: SearchAutoCompleteProps) => JSX.Element;
+export default SearchAutoComplete;

package/dist/molecules/SearchAutoComplete/SearchAutoComplete.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { List } from '../..';
+const SearchAutoComplete = ({ testId = 'fs-search-auto-complete', children, ...otherProps }) => {
+    return (React.createElement("section", { "data-testid": testId, "data-fs-search-auto-complete": true, ...otherProps },
+        React.createElement(List, { as: "ol" }, children)));
+};
+export default SearchAutoComplete;
+//# sourceMappingURL=SearchAutoComplete.js.map

package/dist/molecules/SearchAutoComplete/SearchAutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAutoComplete.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoComplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAU5B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,GAAG,yBAAyB,EAClC,QAAQ,EACR,GAAG,UAAU,EACW,EAAE,EAAE;IAC5B,OAAO,CACL,gDAAsB,MAAM,2CAAmC,UAAU;QACvE,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,IAAE,QAAQ,CAAQ,CACvB,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
+import { LinkProps, LinkElementType } from '../..';
+export interface SearchAutoCompleteTermProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Props for the link from term component.
+     */
+    linkProps?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Term researched.
+     */
+    term: string;
+    /**
+     * Suggestion proposed with auto complete.
+     */
+    suggestion: string;
+}
+declare const SearchAutoCompleteTerm: ({ testId, suggestion, term, linkProps, icon, }: SearchAutoCompleteTermProps) => JSX.Element;
+export default SearchAutoCompleteTerm;

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js

@@ -0,0 +1,28 @@
+import React, { Fragment } from 'react';
+import { Icon, MagnifyingGlass, Link } from '../..';
+function formatSearchTerm(indexSubstring, searchTerm, suggestion) {
+    if (indexSubstring === 0) {
+        return searchTerm
+            .split('')
+            .map((char, idx) => idx === 0 && suggestion.indexOf(char.toUpperCase()) === 0
+            ? char.toUpperCase()
+            : char.toLowerCase())
+            .join('');
+    }
+    return searchTerm.toLowerCase();
+}
+const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon, }) => {
+    const autoCompleteIcon = icon ? icon : React.createElement(MagnifyingGlass, null);
+    const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
+    return (React.createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
+            autoCompleteIcon && (React.createElement(Icon, { component: autoCompleteIcon, "data-fs-search-auto-complete-item-icon": true })),
+            React.createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (React.createElement(Fragment, { key: [substring, indexSubstring].join() },
+                substring.length > 0 && (React.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": true }, indexSubstring === 0
+                    ? substring.charAt(0).toUpperCase() + substring.slice(1)
+                    : substring)),
+                indexSubstring !== suggestionSubstring.length - 1 &&
+                    formatSearchTerm(indexSubstring, term, suggestion))))))));
+};
+export default SearchAutoCompleteTerm;
+//# sourceMappingURL=SearchAutoCompleteTerm.js.map

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE/E,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,GACwB,EAAE,EAAE;IAChC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAA;IAE1D,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAE9E,OAAO,CACL,sFAAmD,MAAM;QACvD,oBAAC,IAAI,OACC,SAAS,kDAEb,OAAO,EAAC,SAAS;YAEhB,gBAAgB,IAAI,CACnB,oBAAC,IAAI,IACH,SAAS,EAAE,gBAAgB,mDAE3B,CACH;YACD,+BACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,CACtD,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,IAAI,EAAE;gBAC9C,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,wFACG,cAAc,KAAK,CAAC;oBACnB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,SAAS,CACN,CACV;gBACA,cAAc,KAAK,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAChD,gBAAgB,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3C,CACZ,CAAC,CACA,CACC,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/molecules/SearchAutoComplete/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './SearchAutoComplete';
+export type { SearchAutoCompleteProps } from './SearchAutoComplete';
+export { default as SearchAutoCompleteTerm } from './SearchAutoCompleteTerm';
+export type { SearchAutoCompleteTermProps } from './SearchAutoCompleteTerm';

package/dist/molecules/SearchAutoComplete/index.js

@@ -0,0 +1,3 @@
+export { default } from './SearchAutoComplete';
+export { default as SearchAutoCompleteTerm } from './SearchAutoCompleteTerm';
+//# sourceMappingURL=index.js.map

package/dist/molecules/SearchAutoComplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAG9C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/molecules/SearchProducts/SearchProductItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+import { LinkProps, LinkElementType } from '../..';
+export interface SearchProductItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Props for the link from SearchProduct component.
+     */
+    linkProps?: Partial<LinkProps<LinkElementType>>;
+}
+declare const SearchProductItem: React.ForwardRefExoticComponent<SearchProductItemProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchProductItem;

package/dist/molecules/SearchProducts/SearchProductItem.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { Link } from '../..';
+const SearchProductItem = forwardRef(function ProductItem({ testId = 'fs-search-product-item', linkProps, children, }) {
+    return (React.createElement("li", { "data-fs-search-product-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-product-item-link": true, variant: "display" }, children)));
+});
+export default SearchProductItem;
+//# sourceMappingURL=SearchProductItem.js.map

package/dist/molecules/SearchProducts/SearchProductItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItem.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAcxD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,QAAQ,GACT;IACC,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS,IACpE,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/molecules/{SearchProductCard/SearchProductCardContent.d.ts → SearchProducts/SearchProductItemContent.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Price } from '../../';
+import { Price } from '../..';
 import type { PriceFormatter } from '../../atoms/Price/Price';
 interface Price {
     value: number;
     listPrice: number;
     formatter: PriceFormatter;
 }
-export type SearchProductCardContentProps = {
+export type SearchProductItemContentProps = {
     /**
      * Specifies the product's title.
      */
@@ -16,5 +16,5 @@ export type SearchProductCardContentProps = {
      */
     price: Price;
 };
-declare const SearchProductCardContent: React.ForwardRefExoticComponent<SearchProductCardContentProps & React.RefAttributes<HTMLElement>>;
-export default SearchProductCardContent;
+declare const SearchProductItemContent: React.ForwardRefExoticComponent<SearchProductItemContentProps & React.RefAttributes<HTMLElement>>;
+export default SearchProductItemContent;

package/dist/molecules/{SearchProductCard/SearchProductCardContent.js → SearchProducts/SearchProductItemContent.js}

@@ -1,11 +1,11 @@
 import React, { forwardRef } from 'react';
-import { Price } from '../../';
-const SearchProductCardContent = forwardRef(function SearchProductCardContent({ price, title, ...otherProps }, ref) {
-    return (React.createElement("section", { ref: ref, "data-fs-search-product-card-content": true, ...otherProps },
-        React.createElement("p", { "data-fs-search-product-card-title": true }, title),
-        React.createElement("span", { "data-fs-search-product-card-prices": true },
+import { Price } from '../..';
+const SearchProductItemContent = forwardRef(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
+    return (React.createElement("section", { ref: ref, "data-fs-search-product-item-content": true, ...otherProps },
+        React.createElement("p", { "data-fs-search-product-item-title": true }, title),
+        React.createElement("span", { "data-fs-search-product-item-prices": true },
             React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
             React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Price:" }))));
 });
-export default SearchProductCardContent;
-//# sourceMappingURL=SearchProductCardContent.js.map
+export default SearchProductItemContent;
+//# sourceMappingURL=SearchProductItemContent.js.map

package/dist/molecules/SearchProducts/SearchProductItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAoB7B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/molecules/{SearchProductCard/SearchProductCardImage.d.ts → SearchProducts/SearchProductItemImage.d.ts}

@@ -1,10 +1,10 @@
 import type { HTMLAttributes } from 'react';
 import React from 'react';
-export interface SearchProductCardImageProps extends HTMLAttributes<HTMLDivElement> {
+export interface SearchProductItemImageProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
     testId?: string;
 }
-declare const SearchProductCardImage: React.ForwardRefExoticComponent<SearchProductCardImageProps & React.RefAttributes<HTMLDivElement>>;
-export default SearchProductCardImage;
+declare const SearchProductItemImage: React.ForwardRefExoticComponent<SearchProductItemImageProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchProductItemImage;

package/dist/molecules/SearchProducts/SearchProductItemImage.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const SearchProductItemImage = forwardRef(function SearchProductItemImage({ testId = 'fs-search-product-item-image', children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-search-product-item-image": true, "data-testid": testId, ...otherProps }, children));
+});
+export default SearchProductItemImage;
+//# sourceMappingURL=SearchProductItemImage.js.map

package/dist/molecules/SearchProducts/SearchProductItemImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItemImage.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,sBAAsB,GAAG,UAAU,CAGvC,SAAS,sBAAsB,CAC/B,EAAE,MAAM,GAAG,8BAA8B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,4DAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,sBAAsB,CAAA"}

package/dist/molecules/SearchProducts/SearchProducts.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export interface SearchProductsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Title attribute for the <section> tag rendered by this component.
+     */
+    title?: string;
+}
+declare const SearchProductsProps: ({ testId, title, children, ...otherProps }: SearchProductsProps) => JSX.Element;
+export default SearchProductsProps;

package/dist/molecules/SearchProducts/SearchProducts.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { List } from '../..';
+const SearchProductsProps = ({ testId = 'fs-search-products', title = 'Suggested Products', children, ...otherProps }) => {
+    return (React.createElement("section", { "data-testid": testId, "data-fs-search-products": true, ...otherProps },
+        React.createElement("header", { "data-fs-search-products-header": true },
+            React.createElement("p", { "data-fs-search-products-title": true }, title)),
+        React.createElement(List, { as: "ol" }, children)));
+};
+export default SearchProductsProps;
+//# sourceMappingURL=SearchProducts.js.map

package/dist/molecules/SearchProducts/SearchProducts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProducts.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProducts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAa5B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,GAAG,oBAAoB,EAC7B,KAAK,GAAG,oBAAoB,EAC5B,QAAQ,EACR,GAAG,UAAU,EACO,EAAE,EAAE;IACxB,OAAO,CACL,gDAAsB,MAAM,sCAA8B,UAAU;QAClE;YACE,oEAAkC,KAAK,CAAK,CACrC;QACT,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,IAAE,QAAQ,CAAQ,CACvB,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/molecules/SearchProducts/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './SearchProducts';
+export type { SearchProductsProps } from './SearchProducts';
+export { default as SearchProductItem } from './SearchProductItem';
+export type { SearchProductItemProps } from './SearchProductItem';
+export { default as SearchProductItemImage } from './SearchProductItemImage';
+export type { SearchProductItemImageProps } from './SearchProductItemImage';
+export { default as SearchProductItemContent } from './SearchProductItemContent';
+export type { SearchProductItemContentProps } from './SearchProductItemContent';

package/dist/molecules/SearchProducts/index.js

@@ -0,0 +1,5 @@
+export { default } from './SearchProducts';
+export { default as SearchProductItem } from './SearchProductItem';
+export { default as SearchProductItemImage } from './SearchProductItemImage';
+export { default as SearchProductItemContent } from './SearchProductItemContent';
+//# sourceMappingURL=index.js.map

package/dist/molecules/SearchProducts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGlE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.73-alpha.0",
+  "version": "2.0.75-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -21,8 +21,8 @@
     "src"
   ],
   "devDependencies": {
-    "@faststore/eslint-config": "^2.0.73-alpha.0",
-    "@faststore/shared": "^2.0.73-alpha.0",
+    "@faststore/eslint-config": "^2.0.74-alpha.0",
+    "@faststore/shared": "^2.0.74-alpha.0",
     "eslint": "7.32.0",
     "typescript": "^4.8.4"
   },
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "6ea74fc2ff1eaa78550e8801304eeac29e7d5938"
+  "gitHead": "87f62ee885f5e3df643c4715da2c4dc0f3234bea"
 }

package/src/assets/ClockClockwise.tsx

@@ -19,9 +19,9 @@ const ClockClockwise: FC = () => (
       y2="128"
       fill="none"
       stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="16"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
     ></line>
     <line
       x1="169.6"
@@ -30,25 +30,25 @@ const ClockClockwise: FC = () => (
       y2="128"
       fill="none"
       stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="16"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
     ></line>
     <polyline
       points="184.2 99.7 224.2 99.7 224.2 59.7"
       fill="none"
       stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="16"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
     ></polyline>
     <path
       d="M190.2,190.2a88,88,0,1,1,0-124.4l34,33.9"
       fill="none"
       stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="16"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
     ></path>
   </svg>
 )

package/src/assets/FadersHorizontal.tsx

@@ -0,0 +1,84 @@
+import React from 'react'
+import type { FC } from 'react'
+
+// Icon from Phosphor Icons
+const FadersHorizontal: FC = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 256 256"
+    strokeWidth="16"
+    width={24}
+    height={24}
+  >
+    <rect width="256" height="256" fill="none"></rect>
+    <line
+      x1="136"
+      y1="172"
+      x2="40"
+      y2="172"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="216"
+      y1="172"
+      x2="168"
+      y2="172"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="72"
+      y1="84"
+      x2="40"
+      y2="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="216"
+      y1="84"
+      x2="104"
+      y2="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="104"
+      y1="60"
+      x2="104"
+      y2="108"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="168"
+      y1="196"
+      x2="168"
+      y2="148"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+  </svg>
+)
+
+export default FadersHorizontal

package/src/assets/MagnifyingGlass.tsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import type { FC } from 'react'
+
+// Icon from Phosphor Icons
+const MagnifyingGlass: FC = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 256 256"
+    strokeWidth="16"
+    width={24}
+    height={24}
+  >
+    <rect width="256" height="256" fill="none"></rect>
+    <circle
+      cx="116"
+      cy="116"
+      r="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></circle>
+    <line
+      x1="175.4"
+      y1="175.4"
+      x2="224"
+      y2="224"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+  </svg>
+)
+
+export default MagnifyingGlass

package/src/assets/TagIcon.tsx

@@ -5,10 +5,10 @@ import React from 'react'
 const TagIcon: FC = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="192"
-    height="192"
     fill="currentColor"
     viewBox="0 0 256 256"
+    width={24}
+    height={24}
   >
     <rect width="256" height="256" fill="none"></rect>
     <path

package/src/assets/index.ts

@@ -7,10 +7,12 @@ export { default as CaretDown } from './CaretDown'
 export { default as Checked } from './Checked'
 export { default as ClockClockwise } from './ClockClockwise'
 export { default as DotsThree } from './DotsThree'
+export { default as FadersHorizontal } from './FadersHorizontal'
 export { default as Heart } from './Heart'
 export { default as House } from './House'
 export { default as Minus } from './Minus'
 export { default as Plus } from './Plus'
+export { default as MagnifyingGlass } from './MagnifyingGlass'
 export { default as MinusCircle } from './MinusCircle'
 export { default as PlusCircle } from './PlusCircle'
 export { default as Ruler } from './Ruler'

package/src/index.ts

@@ -116,6 +116,14 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup'
 export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup'
 export { default as Rating } from './molecules/Rating'
 export type { RatingProps } from './molecules/Rating'
+export {
+  default as SearchAutoComplete,
+  SearchAutoCompleteTerm,
+} from './molecules/SearchAutoComplete'
+export type {
+  SearchAutoCompleteProps,
+  SearchAutoCompleteTermProps,
+} from './molecules/SearchAutoComplete'
 export {
   default as SearchHistory,
   SearchHistoryTerm,
@@ -125,15 +133,17 @@ export type {
   SearchHistoryTermProps,
 } from './molecules/SearchHistory'
 export {
-  default as SearchProductCard,
-  SearchProductCardImage,
-  SearchProductCardContent,
-} from './molecules/SearchProductCard'
+  default as SearchProducts,
+  SearchProductItem,
+  SearchProductItemImage,
+  SearchProductItemContent,
+} from './molecules/SearchProducts'
 export type {
-  SearchProductCardProps,
-  SearchProductCardImageProps,
-  SearchProductCardContentProps,
-} from './molecules/SearchProductCard'
+  SearchProductsProps,
+  SearchProductItemProps,
+  SearchProductItemImageProps,
+  SearchProductItemContentProps,
+} from './molecules/SearchProducts'
 export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop'
 export type { SearchTopProps, SearchTopTermProps } from './molecules/SearchTop'
 export { default as SelectField } from './molecules/SelectField'

package/src/molecules/SearchAutoComplete/SearchAutoComplete.tsx

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from 'react'
+import { List } from '../..'
+
+export interface SearchAutoCompleteProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+}
+
+const SearchAutoComplete = ({
+  testId = 'fs-search-auto-complete',
+  children,
+  ...otherProps
+}: SearchAutoCompleteProps) => {
+  return (
+    <section data-testid={testId} data-fs-search-auto-complete {...otherProps}>
+      <List as="ol">{children}</List>
+    </section>
+  )
+}
+
+export default SearchAutoComplete

package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx

@@ -0,0 +1,92 @@
+import type { ReactNode } from 'react'
+import React, { HTMLAttributes, Fragment } from 'react'
+import { Icon, MagnifyingGlass, Link, LinkProps, LinkElementType } from '../..'
+
+function formatSearchTerm(
+  indexSubstring: number,
+  searchTerm: string,
+  suggestion: string
+) {
+  if (indexSubstring === 0) {
+    return searchTerm
+      .split('')
+      .map((char, idx) =>
+        idx === 0 && suggestion.indexOf(char.toUpperCase()) === 0
+          ? char.toUpperCase()
+          : char.toLowerCase()
+      )
+      .join('')
+  }
+
+  return searchTerm.toLowerCase()
+}
+
+export interface SearchAutoCompleteTermProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+  /**
+   * Props for the link from term component.
+   */
+  linkProps?: Partial<LinkProps<LinkElementType>>
+  /**
+   * A React component that will be rendered as an icon.
+   */
+  icon?: ReactNode
+  /**
+   * Term researched.
+   */
+  term: string
+  /**
+   * Suggestion proposed with auto complete.
+   */
+  suggestion: string
+}
+
+const SearchAutoCompleteTerm = ({
+  testId = 'fs-search-auto-complete-term',
+  suggestion,
+  term,
+  linkProps,
+  icon,
+}: SearchAutoCompleteTermProps) => {
+  const autoCompleteIcon = icon ? icon : <MagnifyingGlass />
+
+  const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase())
+
+  return (
+    <li data-fs-search-auto-complete-item data-testid={testId}>
+      <Link
+        {...linkProps}
+        data-fs-search-auto-complete-item-link
+        variant="display"
+      >
+        {autoCompleteIcon && (
+          <Icon
+            component={autoCompleteIcon}
+            data-fs-search-auto-complete-item-icon
+          />
+        )}
+        <p>
+          {suggestionSubstring.map((substring, indexSubstring) => (
+            <Fragment key={[substring, indexSubstring].join()}>
+              {substring.length > 0 && (
+                <strong data-fs-search-auto-complete-item-suggestion>
+                  {indexSubstring === 0
+                    ? substring.charAt(0).toUpperCase() + substring.slice(1)
+                    : substring}
+                </strong>
+              )}
+              {indexSubstring !== suggestionSubstring.length - 1 &&
+                formatSearchTerm(indexSubstring, term, suggestion)}
+            </Fragment>
+          ))}
+        </p>
+      </Link>
+    </li>
+  )
+}
+
+export default SearchAutoCompleteTerm

package/src/molecules/SearchAutoComplete/index.ts

@@ -0,0 +1,5 @@
+export { default } from './SearchAutoComplete'
+export type { SearchAutoCompleteProps } from './SearchAutoComplete'
+
+export { default as SearchAutoCompleteTerm } from './SearchAutoCompleteTerm'
+export type { SearchAutoCompleteTermProps } from './SearchAutoCompleteTerm'

package/src/molecules/SearchProducts/SearchProductItem.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+import { Link, LinkProps, LinkElementType } from '../..'
+
+export interface SearchProductItemProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress,
+   * testing-library, and jest).
+   */
+  testId?: string
+  /**
+   * Props for the link from SearchProduct component.
+   */
+  linkProps?: Partial<LinkProps<LinkElementType>>
+}
+
+const SearchProductItem = forwardRef<HTMLDivElement, SearchProductItemProps>(
+  function ProductItem({
+    testId = 'fs-search-product-item',
+    linkProps,
+    children,
+  }) {
+    return (
+      <li data-fs-search-product-item data-testid={testId}>
+        <Link {...linkProps} data-fs-search-product-item-link variant="display">
+          {children}
+        </Link>
+      </li>
+    )
+  }
+)
+
+export default SearchProductItem

package/src/molecules/{SearchProductCard/SearchProductCardContent.tsx → SearchProducts/SearchProductItemContent.tsx}

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react'
-import { Price } from '../../'
+import { Price } from '../..'
 import type { PriceFormatter } from '../../atoms/Price/Price'
 
 interface Price {
@@ -8,7 +8,7 @@ interface Price {
   formatter: PriceFormatter
 }
 
-export type SearchProductCardContentProps = {
+export type SearchProductItemContentProps = {
   /**
    * Specifies the product's title.
    */
@@ -19,14 +19,14 @@ export type SearchProductCardContentProps = {
   price: Price
 }
 
-const SearchProductCardContent = forwardRef<
+const SearchProductItemContent = forwardRef<
   HTMLElement,
-  SearchProductCardContentProps
->(function SearchProductCardContent({ price, title, ...otherProps }, ref) {
+  SearchProductItemContentProps
+>(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
   return (
-    <section ref={ref} data-fs-search-product-card-content {...otherProps}>
-      <p data-fs-search-product-card-title>{title}</p>
-      <span data-fs-search-product-card-prices>
+    <section ref={ref} data-fs-search-product-item-content {...otherProps}>
+      <p data-fs-search-product-item-title>{title}</p>
+      <span data-fs-search-product-item-prices>
         <Price
           value={price?.listPrice ? price.listPrice : 0}
           formatter={price?.formatter}
@@ -48,4 +48,4 @@ const SearchProductCardContent = forwardRef<
   )
 })
 
-export default SearchProductCardContent
+export default SearchProductItemContent

package/src/molecules/{SearchProductCard/SearchProductCardImage.tsx → SearchProducts/SearchProductItemImage.tsx}

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
 
-export interface SearchProductCardImageProps
+export interface SearchProductItemImageProps
   extends HTMLAttributes<HTMLDivElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
@@ -9,17 +9,17 @@ export interface SearchProductCardImageProps
   testId?: string
 }
 
-const SearchProductCardImage = forwardRef<
+const SearchProductItemImage = forwardRef<
   HTMLDivElement,
-  SearchProductCardImageProps
->(function SearchProductCardImage(
-  { testId = 'fs-search-product-card-image', children, ...otherProps },
+  SearchProductItemImageProps
+>(function SearchProductItemImage(
+  { testId = 'fs-search-product-item-image', children, ...otherProps },
   ref
 ) {
   return (
     <div
       ref={ref}
-      data-fs-search-product-card-image
+      data-fs-search-product-item-image
       data-testid={testId}
       {...otherProps}
     >
@@ -28,4 +28,4 @@ const SearchProductCardImage = forwardRef<
   )
 })
 
-export default SearchProductCardImage
+export default SearchProductItemImage

package/src/molecules/SearchProducts/SearchProducts.tsx

@@ -0,0 +1,31 @@
+import React, { HTMLAttributes } from 'react'
+import { List } from '../..'
+
+export interface SearchProductsProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+  /**
+   * Title attribute for the <section> tag rendered by this component.
+   */
+  title?: string
+}
+
+const SearchProductsProps = ({
+  testId = 'fs-search-products',
+  title = 'Suggested Products',
+  children,
+  ...otherProps
+}: SearchProductsProps) => {
+  return (
+    <section data-testid={testId} data-fs-search-products {...otherProps}>
+      <header data-fs-search-products-header>
+        <p data-fs-search-products-title>{title}</p>
+      </header>
+      <List as="ol">{children}</List>
+    </section>
+  )
+}
+
+export default SearchProductsProps

package/src/molecules/SearchProducts/index.ts

@@ -0,0 +1,11 @@
+export { default } from './SearchProducts'
+export type { SearchProductsProps } from './SearchProducts'
+
+export { default as SearchProductItem } from './SearchProductItem'
+export type { SearchProductItemProps } from './SearchProductItem'
+
+export { default as SearchProductItemImage } from './SearchProductItemImage'
+export type { SearchProductItemImageProps } from './SearchProductItemImage'
+
+export { default as SearchProductItemContent } from './SearchProductItemContent'
+export type { SearchProductItemContentProps } from './SearchProductItemContent'

package/dist/molecules/SearchProductCard/SearchProductCard.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-import { LinkProps, LinkElementType } from '../../';
-export interface SearchProductCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Props for the link from SearchProduct component.
-     */
-    linkProps?: Partial<LinkProps<LinkElementType>>;
-    /**
-     * Callback function when SearchProduct link is clicked.
-     */
-    onLinkClick?: () => void;
-}
-declare const SearchProductCard: React.ForwardRefExoticComponent<SearchProductCardProps & React.RefAttributes<HTMLDivElement>>;
-export default SearchProductCard;

package/dist/molecules/SearchProductCard/SearchProductCard.js

@@ -1,8 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Link } from '../../';
-const SearchProductCard = forwardRef(function ProductCard({ testId = 'fs-search-product-card', linkProps, onLinkClick, children, ...otherProps }, ref) {
-    return (React.createElement("article", { ref: ref, "data-fs-search-product-card": true, "data-testid": testId, ...otherProps },
-        React.createElement(Link, { ...linkProps, "data-fs-search-product-card-link": true, title: name, variant: "display", onClick: onLinkClick }, children)));
-});
-export default SearchProductCard;
-//# sourceMappingURL=SearchProductCard.js.map

package/dist/molecules/SearchProductCard/SearchProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCard.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAA;AAkBzD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,OACC,SAAS,4CAEb,KAAK,EAAE,IAAI,EACX,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACJ,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/molecules/SearchProductCard/SearchProductCardContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAoB9B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/molecules/SearchProductCard/SearchProductCardImage.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const SearchProductCardImage = forwardRef(function SearchProductCardImage({ testId = 'fs-search-product-card-image', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-fs-search-product-card-image": true, "data-testid": testId, ...otherProps }, children));
-});
-export default SearchProductCardImage;
-//# sourceMappingURL=SearchProductCardImage.js.map

package/dist/molecules/SearchProductCard/SearchProductCardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCardImage.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCardImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,sBAAsB,GAAG,UAAU,CAGvC,SAAS,sBAAsB,CAC/B,EAAE,MAAM,GAAG,8BAA8B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,4DAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,sBAAsB,CAAA"}

package/dist/molecules/SearchProductCard/index.d.ts

@@ -1,6 +0,0 @@
-export { default } from './SearchProductCard';
-export type { SearchProductCardProps } from './SearchProductCard';
-export { default as SearchProductCardImage } from './SearchProductCardImage';
-export type { SearchProductCardImageProps } from './SearchProductCardImage';
-export { default as SearchProductCardContent } from './SearchProductCardContent';
-export type { SearchProductCardContentProps } from './SearchProductCardContent';

package/dist/molecules/SearchProductCard/index.js

@@ -1,4 +0,0 @@
-export { default } from './SearchProductCard';
-export { default as SearchProductCardImage } from './SearchProductCardImage';
-export { default as SearchProductCardContent } from './SearchProductCardContent';
-//# sourceMappingURL=index.js.map

package/dist/molecules/SearchProductCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA"}

package/src/molecules/SearchProductCard/SearchProductCard.tsx

@@ -1,54 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-import { Link, LinkProps, LinkElementType } from '../../'
-
-export interface SearchProductCardProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Props for the link from SearchProduct component.
-   */
-  linkProps?: Partial<LinkProps<LinkElementType>>
-  /**
-   * Callback function when SearchProduct link is clicked.
-   */
-  onLinkClick?: () => void
-}
-
-const SearchProductCard = forwardRef<HTMLDivElement, SearchProductCardProps>(
-  function ProductCard(
-    {
-      testId = 'fs-search-product-card',
-      linkProps,
-      onLinkClick,
-      children,
-      ...otherProps
-    },
-    ref
-  ) {
-    return (
-      <article
-        ref={ref}
-        data-fs-search-product-card
-        data-testid={testId}
-        {...otherProps}
-      >
-        <Link
-          {...linkProps}
-          data-fs-search-product-card-link
-          title={name}
-          variant="display"
-          onClick={onLinkClick}
-        >
-          {children}
-        </Link>
-      </article>
-    )
-  }
-)
-
-export default SearchProductCard

package/src/molecules/SearchProductCard/index.ts

@@ -1,8 +0,0 @@
-export { default } from './SearchProductCard'
-export type { SearchProductCardProps } from './SearchProductCard'
-
-export { default as SearchProductCardImage } from './SearchProductCardImage'
-export type { SearchProductCardImageProps } from './SearchProductCardImage'
-
-export { default as SearchProductCardContent } from './SearchProductCardContent'
-export type { SearchProductCardContentProps } from './SearchProductCardContent'