@searchspring/snap-preact-components 0.53.4 → 0.55.0

package/dist/cjs/components/Molecules/OverlayBadge/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OverlayBadge"), exports);

package/dist/cjs/components/Molecules/Result/Result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WA2HxD,CAAC;AAOH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAuJxD,CAAC;AAQH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/cjs/components/Molecules/Result/Result.js

@@ -21,12 +21,13 @@ var mobx_react_1 = require("mobx-react");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var Image_1 = require("../../Atoms/Image");
-var Badge_1 = require("../../Atoms/Badge");
 var Price_1 = require("../../Atoms/Price");
 var providers_1 = require("../../../providers");
 var utilities_1 = require("../../../utilities");
 var snap_toolbox_1 = require("@searchspring/snap-toolbox");
 var types_1 = require("../../../types");
+var CalloutBadge_1 = require("../../Molecules/CalloutBadge");
+var OverlayBadge_1 = require("../../Molecules/OverlayBadge");
 var CSS = {
     result: function () {
         return (0, react_1.css)({
@@ -82,7 +83,7 @@ var CSS = {
     },
 };
 exports.Result = (0, mobx_react_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 
         // default props
@@ -97,23 +98,31 @@ exports.Result = (0, mobx_react_1.observer)(function (properties) {
         })), { 
             // component theme overrides
             theme: props.theme }),
-        badge: __assign(__assign(__assign({ 
+        calloutBadge: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__result__badge', content: 'Sale' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.badge), (0, utilities_1.defined)({
+            className: 'ss__result__callout-badge' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.calloutBadge), (0, utilities_1.defined)({
             disableStyles: disableStyles,
+            result: result,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+        overlayBadge: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__result__overlay-badge' }, (_h = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _h === void 0 ? void 0 : _h.overlayBadge), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+            result: result,
         })), { 
             // component theme overrides
             theme: props.theme }),
         image: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__result__image', alt: core === null || core === void 0 ? void 0 : core.name, src: core === null || core === void 0 ? void 0 : core.imageUrl }, (_h = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _h === void 0 ? void 0 : _h.image), (0, utilities_1.defined)({
+            className: 'ss__result__image', alt: core === null || core === void 0 ? void 0 : core.name, src: core === null || core === void 0 ? void 0 : core.imageUrl }, (_j = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _j === void 0 ? void 0 : _j.image), (0, utilities_1.defined)({
             disableStyles: disableStyles,
             fallback: fallback,
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme }),
     };
-    var onSale = Boolean((core === null || core === void 0 ? void 0 : core.msrp) && core.price && (core === null || core === void 0 ? void 0 : core.msrp) * 1 > (core === null || core === void 0 ? void 0 : core.price) * 1);
     var displayName = core === null || core === void 0 ? void 0 : core.name;
     if (props.truncateTitle) {
         displayName = snap_toolbox_1.filters.truncate((core === null || core === void 0 ? void 0 : core.name) || '', props.truncateTitle.limit, props.truncateTitle.append);
@@ -132,10 +141,11 @@ exports.Result = (0, mobx_react_1.observer)(function (properties) {
                         var _a, _b;
                         onClick && onClick(e);
                         (_b = (_a = controller === null || controller === void 0 ? void 0 : controller.track) === null || _a === void 0 ? void 0 : _a.product) === null || _b === void 0 ? void 0 : _b.click(e, result);
-                    } },
-                    !hideBadge && onSale && (0, react_1.jsx)(Badge_1.Badge, __assign({}, subProps.badge)),
-                    !hideImage && (0, react_1.jsx)(Image_1.Image, __assign({}, subProps.image)))),
+                    } }, !hideImage &&
+                    (!hideBadge ? ((0, react_1.jsx)(OverlayBadge_1.OverlayBadge, __assign({}, subProps.overlayBadge, { controller: controller }),
+                        (0, react_1.jsx)(Image_1.Image, __assign({}, subProps.image)))) : ((0, react_1.jsx)(Image_1.Image, __assign({}, subProps.image)))))),
             (0, react_1.jsx)("div", { className: "ss__result__details" },
+                !hideBadge && ((0, react_1.jsx)(CalloutBadge_1.CalloutBadge, __assign({}, subProps.calloutBadge, { controller: controller }))),
                 !hideTitle && ((0, react_1.jsx)("div", { className: "ss__result__details__title" },
                     (0, react_1.jsx)("a", { href: core.url, onClick: function (e) {
                             var _a, _b;

package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAodpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAidpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}

package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js

@@ -221,9 +221,6 @@ exports.Autocomplete = (0, mobx_react_1.observer)(function (properties) {
                 columns: 3,
                 onClick: facetClickEvent,
             },
-            result: {
-                hideBadge: true,
-            },
         },
     };
     var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(breakpoints) || {};

package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAY,aAAa,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAI9E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAyG7D,eAAO,MAAM,oBAAoB,eAAyB,yBAAyB,KAAG,WAwcpF,CAAC;AAEH,KAAK,mBAAmB,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE3B,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAChE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAC/B"}
+{"version":3,"file":"RecommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAY,aAAa,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAI9E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAyG7D,eAAO,MAAM,oBAAoB,eAAyB,yBAAyB,KAAG,WA4cpF,CAAC;AAEH,KAAK,mBAAmB,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE3B,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAChE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAC/B"}

package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.js

@@ -129,7 +129,7 @@ var CSS = {
     },
 };
 exports.RecommendationBundle = (0, mobx_react_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var globalTheme = (0, providers_1.useTheme)();
     var defaultCarouselBreakpoints = {
         0: {
@@ -172,24 +172,27 @@ exports.RecommendationBundle = (0, mobx_react_1.observer)(function (properties)
     if (!cartStore) {
         throw new Error("<BundleRecommendation> Component requires 'cartStore' to exist in the recommendation store");
     }
-    var seed = results ? results[0] : (_e = controller.store) === null || _e === void 0 ? void 0 : _e.results[0];
+    if (!(results && results.length) && !((_f = (_e = controller.store) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length)) {
+        throw new Error("<BundleRecommendation> Component has no results to render!");
+    }
+    var seed = results ? results[0] : (_g = controller.store) === null || _g === void 0 ? void 0 : _g.results[0];
     var subProps = {
         carousel: __assign(__assign(__assign({ loop: loop, 
             // default props
-            className: 'ss__recommendation__carousel' }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.carousel), (0, utilities_1.defined)({
+            className: 'ss__recommendation__carousel' }, (_h = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _h === void 0 ? void 0 : _h.carousel), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme }),
         result: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__recommendation__result' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.result), (0, utilities_1.defined)({
+            className: 'ss__recommendation__result' }, (_j = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _j === void 0 ? void 0 : _j.result), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme }),
     };
-    var slidesPerView = ((_h = props.carousel) === null || _h === void 0 ? void 0 : _h.slidesPerView) || props.slidesPerView;
+    var slidesPerView = ((_k = props.carousel) === null || _k === void 0 ? void 0 : _k.slidesPerView) || props.slidesPerView;
     if (!slidesPerView) {
         slidesPerView = 2;
     }

package/dist/cjs/hooks/index.d.ts

@@ -5,4 +5,5 @@ export * from './useIntersection';
 export * from './useDisplaySettings';
 export * from './useA11y';
 export * from './useDeepCompareEffect';
+export * from './useComponent';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/dist/cjs/hooks/index.js

@@ -21,3 +21,4 @@ __exportStar(require("./useIntersection"), exports);
 __exportStar(require("./useDisplaySettings"), exports);
 __exportStar(require("./useA11y"), exports);
 __exportStar(require("./useDeepCompareEffect"), exports);
+__exportStar(require("./useComponent"), exports);

package/dist/cjs/hooks/useComponent.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent } from 'preact';
+import { ComponentMap } from '../types';
+export declare const useComponent: (map: ComponentMap, name: string) => undefined | FunctionalComponent<any>;
+//# sourceMappingURL=useComponent.d.ts.map

package/dist/cjs/hooks/useComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,YAAY,QAAS,YAAY,QAAQ,MAAM,KAAG,SAAS,GAAG,oBAAoB,GAAG,CAkBjG,CAAC"}

package/dist/cjs/hooks/useComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponent = void 0;
+var hooks_1 = require("preact/hooks");
+var useComponent = function (map, name) {
+    var _a = (0, hooks_1.useState)(undefined), importedComponent = _a[0], setImportedComponent = _a[1];
+    (0, hooks_1.useEffect)(function () {
+        var importFn = map[name];
+        if (importFn && typeof importFn === 'function') {
+            var componentFn_1 = importFn();
+            if (componentFn_1 instanceof Promise) {
+                componentFn_1.then(function (component) {
+                    setImportedComponent(function () { return component; });
+                });
+            }
+            else {
+                setImportedComponent(function () { return componentFn_1; });
+            }
+        }
+    }, []);
+    return importedComponent;
+};
+exports.useComponent = useComponent;

package/dist/cjs/index.d.ts

@@ -1,4 +1,7 @@
-export * from './components/Atoms/Badge';
+export * from './components/Atoms/BadgeImage';
+export * from './components/Atoms/BadgePill';
+export * from './components/Atoms/BadgeRectangle';
+export * from './components/Atoms/BadgeText';
 export * from './components/Atoms/Breadcrumbs';
 export * from './components/Atoms/Button';
 export * from './components/Atoms/Dropdown';
@@ -12,6 +15,7 @@ export * from './components/Atoms/Price';
 export * from './components/Atoms/Skeleton';
 export * from './components/Trackers/Recommendation/ResultTracker';
 export * from './components/Trackers/Recommendation/ProfileTracker';
+export * from './components/Molecules/CalloutBadge';
 export * from './components/Molecules/Carousel';
 export * from './components/Molecules/Checkbox';
 export * from './components/Molecules/ErrorHandler';
@@ -20,6 +24,7 @@ export * from './components/Molecules/FacetHierarchyOptions';
 export * from './components/Molecules/FacetListOptions';
 export * from './components/Molecules/FacetPaletteOptions';
 export * from './components/Molecules/Filter';
+export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/Result';
 export * from './components/Molecules/Select';

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}

package/dist/cjs/index.js

@@ -15,7 +15,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // ATOMS
-__exportStar(require("./components/Atoms/Badge"), exports);
+__exportStar(require("./components/Atoms/BadgeImage"), exports);
+__exportStar(require("./components/Atoms/BadgePill"), exports);
+__exportStar(require("./components/Atoms/BadgeRectangle"), exports);
+__exportStar(require("./components/Atoms/BadgeText"), exports);
 __exportStar(require("./components/Atoms/Breadcrumbs"), exports);
 __exportStar(require("./components/Atoms/Button"), exports);
 __exportStar(require("./components/Atoms/Dropdown"), exports);
@@ -30,6 +33,7 @@ __exportStar(require("./components/Atoms/Skeleton"), exports);
 __exportStar(require("./components/Trackers/Recommendation/ResultTracker"), exports);
 __exportStar(require("./components/Trackers/Recommendation/ProfileTracker"), exports);
 // MOLECULES
+__exportStar(require("./components/Molecules/CalloutBadge"), exports);
 __exportStar(require("./components/Molecules/Carousel"), exports);
 __exportStar(require("./components/Molecules/Checkbox"), exports);
 __exportStar(require("./components/Molecules/ErrorHandler"), exports);
@@ -38,6 +42,7 @@ __exportStar(require("./components/Molecules/FacetHierarchyOptions"), exports);
 __exportStar(require("./components/Molecules/FacetListOptions"), exports);
 __exportStar(require("./components/Molecules/FacetPaletteOptions"), exports);
 __exportStar(require("./components/Molecules/Filter"), exports);
+__exportStar(require("./components/Molecules/OverlayBadge"), exports);
 __exportStar(require("./components/Molecules/Pagination"), exports);
 __exportStar(require("./components/Molecules/Result"), exports);
 __exportStar(require("./components/Molecules/Select"), exports);

package/dist/cjs/types.d.ts

@@ -1,4 +1,5 @@
-import { RenderableProps } from 'preact';
+/// <reference types="react" />
+import { FunctionalComponent, RenderableProps } from 'preact';
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from './providers/theme';
 export interface ComponentProps extends RenderableProps<any> {
@@ -7,6 +8,9 @@ export interface ComponentProps extends RenderableProps<any> {
     style?: string | Record<string, any>;
     theme?: Theme;
 }
+export type ComponentMap = {
+    [key: string]: (args?: any) => FunctionalComponent<RenderableProps<any>> | Promise<(args?: any) => React.ReactElement>;
+};
 export declare enum Layout {
     GRID = "grid",
     LIST = "list"

package/dist/cjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;CACvH,CAAC;AAEF,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}

package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMap } from '../types';
+export declare const defaultBadgeComponentMap: ComponentMap;
+//# sourceMappingURL=defaultBadgeComponentMap.d.ts.map

package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultBadgeComponentMap.d.ts","sourceRoot":"","sources":["../../../src/utilities/defaultBadgeComponentMap.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,wBAAwB,EAAE,YAKtC,CAAC"}

package/dist/cjs/utilities/defaultBadgeComponentMap.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultBadgeComponentMap = void 0;
+var BadgeText_1 = require("../components/Atoms/BadgeText");
+var BadgePill_1 = require("../components/Atoms/BadgePill");
+var BadgeRectangle_1 = require("../components/Atoms/BadgeRectangle");
+var BadgeImage_1 = require("../components/Atoms/BadgeImage");
+exports.defaultBadgeComponentMap = {
+    BadgeText: function () { return BadgeText_1.BadgeText; },
+    BadgePill: function () { return BadgePill_1.BadgePill; },
+    BadgeRectangle: function () { return BadgeRectangle_1.BadgeRectangle; },
+    BadgeImage: function () { return BadgeImage_1.BadgeImage; },
+};

package/dist/cjs/utilities/index.d.ts

@@ -4,4 +4,5 @@ export * from './componentArgs';
 export * from './sprintf';
 export * from './LightenDarkenColor';
 export * from './shiftColor';
+export * from './defaultBadgeComponentMap';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}

package/dist/cjs/utilities/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./componentArgs"), exports);
 __exportStar(require("./sprintf"), exports);
 __exportStar(require("./LightenDarkenColor"), exports);
 __exportStar(require("./shiftColor"), exports);
+__exportStar(require("./defaultBadgeComponentMap"), exports);

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeImage: ((properties: BadgeImageProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeImageProps extends ComponentProps {
+    url: string;
+    label?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeImage.d.ts.map

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CA4B3E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgeImage/BadgeImage.js

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgeImage: () => {
+        return css({
+            maxHeight: '100%',
+            maxWidth: '100%',
+        });
+    },
+};
+export const BadgeImage = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        // global theme
+        ...globalTheme?.components?.badgeImage,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgeImage,
+    };
+    const { label, url, tag, disableStyles, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeImage(), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return url ? (jsx(CacheProvider, null,
+        jsx("img", { ...styling, className: classnames('ss__badge-image', `ss__badge-image--${tag}`, className), alt: label || `${tag} badge`, src: url }))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgeImage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeImage';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgeImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/Atoms/BadgeImage/index.js

@@ -0,0 +1 @@
+export * from './BadgeImage';

package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgePill: ((properties: BadgePillProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgePillProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgePill.d.ts.map

package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAmB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CAgCzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgePill/BadgePill.js

@@ -0,0 +1,46 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgePill: (props) => {
+        return css({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+            borderRadius: '1em',
+        });
+    },
+};
+export const BadgePill = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        color: 'rgba(58, 35, 173, 1)',
+        colorText: '#fff',
+        // global theme
+        ...globalTheme?.components?.badgePill,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgePill,
+    };
+    const { value, disableStyles, tag, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgePill(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__badge-pill', `ss__badge-pill--${tag}`, className) },
+            jsx("span", { className: "ss__badge-pill__value" }, value)))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgePill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgePill';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/Atoms/BadgePill/index.js

@@ -0,0 +1 @@
+export * from './BadgePill';

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeRectangleProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeRectangle.d.ts.map

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAkB5D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAgCnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -0,0 +1,45 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider } from '../../../providers';
+const CSS = {
+    BadgeRectangle: (props) => {
+        return css({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+export const BadgeRectangle = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        color: 'rgba(58, 35, 173, 1)',
+        colorText: '#fff',
+        // global theme
+        ...globalTheme?.components?.badgeRectangle,
+        // props
+        ...properties,
+        ...properties.theme?.components?.badgeRectangle,
+    };
+    const { value, disableStyles, tag, className, style } = props;
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeRectangle(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__badge-rectangle', `ss__badge-rectangle--${tag}`, className) },
+            jsx("span", { className: "ss__badge-rectangle__value" }, value)))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeRectangle';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/Atoms/BadgeRectangle/index.js

@@ -0,0 +1 @@
+export * from './BadgeRectangle';

package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeText: ((properties: BadgeTextProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeTextProps extends ComponentProps {
+    value: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeText.d.ts.map

package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAiB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CA+BzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}