@athoscommerce/snap-preact 1.9.1 → 1.10.0

package/dist/cjs/components/src/themes/base/components/index.js

@@ -1,22 +1,31 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.desktopComponents = exports.tabletComponents = exports.mobileComponents = exports.components = void 0;
-var atoms_1 = require("./atoms");
-var molecules_1 = require("./molecules");
-var organisms_1 = require("./organisms");
-var templates_1 = require("./templates");
-exports.components = __assign(__assign(__assign(__assign({}, atoms_1.atoms.default), molecules_1.molecules.default), organisms_1.organisms.default), templates_1.templates.default);
-exports.mobileComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.mobile), molecules_1.molecules.mobile), organisms_1.organisms.mobile), templates_1.templates.mobile);
-exports.tabletComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.tablet), molecules_1.molecules.tablet), organisms_1.organisms.tablet), templates_1.templates.tablet);
-exports.desktopComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.desktop), molecules_1.molecules.desktop), organisms_1.organisms.desktop), templates_1.templates.desktop);
+const atoms_1 = require("./atoms");
+const molecules_1 = require("./molecules");
+const organisms_1 = require("./organisms");
+const templates_1 = require("./templates");
+exports.components = {
+    ...atoms_1.atoms.default,
+    ...molecules_1.molecules.default,
+    ...organisms_1.organisms.default,
+    ...templates_1.templates.default,
+};
+exports.mobileComponents = {
+    ...atoms_1.atoms.mobile,
+    ...molecules_1.molecules.mobile,
+    ...organisms_1.organisms.mobile,
+    ...templates_1.templates.mobile,
+};
+exports.tabletComponents = {
+    ...atoms_1.atoms.tablet,
+    ...molecules_1.molecules.tablet,
+    ...organisms_1.organisms.tablet,
+    ...templates_1.templates.tablet,
+};
+exports.desktopComponents = {
+    ...atoms_1.atoms.desktop,
+    ...molecules_1.molecules.desktop,
+    ...organisms_1.organisms.desktop,
+    ...templates_1.templates.desktop,
+};

package/dist/cjs/components/src/themes/base/components/organisms/autocomplete.js

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocomplete = void 0;
-var react_1 = require("@emotion/react");
-var autocomplete_1 = require("../../../themeComponents/autocomplete");
+const react_1 = require("@emotion/react");
+const autocomplete_1 = require("../../../themeComponents/autocomplete");
 // CSS in JS style script for the Search component
-var autocompleteStyleScript = function (_a) {
+const autocompleteStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocomplete = {
-    default: __assign(__assign({}, autocomplete_1.autocompleteThemeComponentProps.default), { autocomplete: __assign(__assign({}, (((_a = autocomplete_1.autocompleteThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocomplete']) || {})), { themeStyleScript: autocompleteStyleScript }) }),
+    default: {
+        ...autocomplete_1.autocompleteThemeComponentProps.default,
+        autocomplete: {
+            ...(autocomplete_1.autocompleteThemeComponentProps.default?.['autocomplete'] || {}),
+            themeStyleScript: autocompleteStyleScript,
+        },
+    },
     mobile: autocomplete_1.autocompleteThemeComponentProps.mobile,
     desktop: autocomplete_1.autocompleteThemeComponentProps.desktop,
     tablet: autocomplete_1.autocompleteThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/organisms/index.js

@@ -1,22 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.organisms = void 0;
-var autocomplete_1 = require("./autocomplete");
+const autocomplete_1 = require("./autocomplete");
 // ORGANISMS Imports
 exports.organisms = {
-    default: __assign({}, autocomplete_1.autocomplete.default),
-    mobile: __assign({}, autocomplete_1.autocomplete.mobile),
-    tablet: __assign({}, autocomplete_1.autocomplete.tablet),
-    desktop: __assign({}, autocomplete_1.autocomplete.desktop),
+    default: {
+        ...autocomplete_1.autocomplete.default,
+    },
+    mobile: {
+        ...autocomplete_1.autocomplete.mobile,
+    },
+    tablet: {
+        ...autocomplete_1.autocomplete.tablet,
+    },
+    desktop: {
+        ...autocomplete_1.autocomplete.desktop,
+    },
 };

package/dist/cjs/components/src/themes/base/components/templates/autocompleteFixed.js

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteFixed = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+const react_1 = require("@emotion/react");
+const autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
 // CSS in JS style script for the Search component
-var autocompleteFixedStyleScript = function (_a) {
+const autocompleteFixedStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteFixed = {
-    default: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.default), { autocompleteFixed: __assign(__assign({}, (((_a = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteFixed']) || {})), { themeStyleScript: autocompleteFixedStyleScript }) }),
+    default: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.default,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
+            themeStyleScript: autocompleteFixedStyleScript,
+        },
+    },
     mobile: autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile,
     desktop: autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop,
     tablet: autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/templates/autocompleteModal.js

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteModal = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+const react_1 = require("@emotion/react");
+const autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
 // CSS in JS style script for the Search component
-var autocompleteModalStyleScript = function (_a) {
+const autocompleteModalStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteModal = {
-    default: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.default), { autocompleteModal: __assign(__assign({}, (((_a = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteModal']) || {})), { themeStyleScript: autocompleteModalStyleScript }) }),
+    default: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.default,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
+            themeStyleScript: autocompleteModalStyleScript,
+        },
+    },
     mobile: autocompleteModal_1.autocompleteModalThemeComponentProps.mobile,
     desktop: autocompleteModal_1.autocompleteModalThemeComponentProps.desktop,
     tablet: autocompleteModal_1.autocompleteModalThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/templates/autocompleteSlideout.js

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteSlideout = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
+const react_1 = require("@emotion/react");
+const autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
 // CSS in JS style script for the Search component
-var autocompleteSlideoutStyleScript = function (_a) {
+const autocompleteSlideoutStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteSlideout = {
-    default: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default), { autocompleteSlideout: __assign(__assign({}, (((_a = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteSlideout']) || {})), { themeStyleScript: autocompleteSlideoutStyleScript }) }),
+    default: {
+        ...autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default,
+        autocompleteSlideout: {
+            ...(autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default?.['autocompleteSlideout'] || {}),
+            themeStyleScript: autocompleteSlideoutStyleScript,
+        },
+    },
     mobile: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile,
     desktop: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop,
     tablet: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/templates/index.js

@@ -1,34 +1,79 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
-var recommendation_1 = require("./recommendation");
-var recommendationBundle_1 = require("./recommendationBundle");
-var recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
-var recommendationBundleList_1 = require("./recommendationBundleList");
-var recommendationBundleVertical_1 = require("./recommendationBundleVertical");
-var recommendationGrid_1 = require("./recommendationGrid");
-var recommendationEmail_1 = require("./recommendationEmail");
-var search_1 = require("./search");
-var searchHorizontal_1 = require("./searchHorizontal");
-var searchCollapsible_1 = require("./searchCollapsible");
-var autocompleteSlideout_1 = require("./autocompleteSlideout");
-var autocompleteModal_1 = require("./autocompleteModal");
-var autocompleteFixed_1 = require("./autocompleteFixed");
+const recommendation_1 = require("./recommendation");
+const recommendationBundle_1 = require("./recommendationBundle");
+const recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
+const recommendationBundleList_1 = require("./recommendationBundleList");
+const recommendationBundleVertical_1 = require("./recommendationBundleVertical");
+const recommendationGrid_1 = require("./recommendationGrid");
+const recommendationEmail_1 = require("./recommendationEmail");
+const search_1 = require("./search");
+const searchHorizontal_1 = require("./searchHorizontal");
+const searchCollapsible_1 = require("./searchCollapsible");
+const autocompleteSlideout_1 = require("./autocompleteSlideout");
+const autocompleteModal_1 = require("./autocompleteModal");
+const autocompleteFixed_1 = require("./autocompleteFixed");
 exports.templates = {
-    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.default), autocompleteModal_1.autocompleteModal.default), autocompleteFixed_1.autocompleteFixed.default), recommendation_1.recommendation.default), recommendationBundle_1.recommendationBundle.default), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default), recommendationBundleList_1.recommendationBundleList.default), recommendationBundleVertical_1.recommendationBundleVertical.default), recommendationGrid_1.recommendationGrid.default), recommendationEmail_1.recommendationEmail.default), search_1.search.default), searchCollapsible_1.searchCollapsible.default), searchHorizontal_1.searchHorizontal.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.mobile), autocompleteModal_1.autocompleteModal.mobile), autocompleteFixed_1.autocompleteFixed.mobile), recommendation_1.recommendation.mobile), recommendationBundle_1.recommendationBundle.mobile), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile), recommendationBundleList_1.recommendationBundleList.mobile), recommendationBundleVertical_1.recommendationBundleVertical.mobile), recommendationGrid_1.recommendationGrid.mobile), recommendationEmail_1.recommendationEmail.mobile), search_1.search.mobile), searchCollapsible_1.searchCollapsible.mobile), searchHorizontal_1.searchHorizontal.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.tablet), autocompleteModal_1.autocompleteModal.tablet), autocompleteFixed_1.autocompleteFixed.tablet), recommendation_1.recommendation.tablet), recommendationBundle_1.recommendationBundle.tablet), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet), recommendationBundleList_1.recommendationBundleList.tablet), recommendationBundleVertical_1.recommendationBundleVertical.tablet), recommendationGrid_1.recommendationGrid.tablet), recommendationEmail_1.recommendationEmail.tablet), search_1.search.tablet), searchCollapsible_1.searchCollapsible.tablet), searchHorizontal_1.searchHorizontal.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.desktop), autocompleteModal_1.autocompleteModal.desktop), autocompleteFixed_1.autocompleteFixed.desktop), recommendation_1.recommendation.desktop), recommendationBundle_1.recommendationBundle.desktop), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop), recommendationBundleList_1.recommendationBundleList.desktop), recommendationBundleVertical_1.recommendationBundleVertical.desktop), recommendationGrid_1.recommendationGrid.desktop), recommendationEmail_1.recommendationEmail.desktop), search_1.search.desktop), searchCollapsible_1.searchCollapsible.desktop), searchHorizontal_1.searchHorizontal.desktop),
+    default: {
+        ...autocompleteSlideout_1.autocompleteSlideout.default,
+        ...autocompleteModal_1.autocompleteModal.default,
+        ...autocompleteFixed_1.autocompleteFixed.default,
+        ...recommendation_1.recommendation.default,
+        ...recommendationBundle_1.recommendationBundle.default,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default,
+        ...recommendationBundleList_1.recommendationBundleList.default,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.default,
+        ...recommendationGrid_1.recommendationGrid.default,
+        ...recommendationEmail_1.recommendationEmail.default,
+        ...search_1.search.default,
+        ...searchCollapsible_1.searchCollapsible.default,
+        ...searchHorizontal_1.searchHorizontal.default,
+    },
+    mobile: {
+        ...autocompleteSlideout_1.autocompleteSlideout.mobile,
+        ...autocompleteModal_1.autocompleteModal.mobile,
+        ...autocompleteFixed_1.autocompleteFixed.mobile,
+        ...recommendation_1.recommendation.mobile,
+        ...recommendationBundle_1.recommendationBundle.mobile,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile,
+        ...recommendationBundleList_1.recommendationBundleList.mobile,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.mobile,
+        ...recommendationGrid_1.recommendationGrid.mobile,
+        ...recommendationEmail_1.recommendationEmail.mobile,
+        ...search_1.search.mobile,
+        ...searchCollapsible_1.searchCollapsible.mobile,
+        ...searchHorizontal_1.searchHorizontal.mobile,
+    },
+    tablet: {
+        ...autocompleteSlideout_1.autocompleteSlideout.tablet,
+        ...autocompleteModal_1.autocompleteModal.tablet,
+        ...autocompleteFixed_1.autocompleteFixed.tablet,
+        ...recommendation_1.recommendation.tablet,
+        ...recommendationBundle_1.recommendationBundle.tablet,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet,
+        ...recommendationBundleList_1.recommendationBundleList.tablet,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.tablet,
+        ...recommendationGrid_1.recommendationGrid.tablet,
+        ...recommendationEmail_1.recommendationEmail.tablet,
+        ...search_1.search.tablet,
+        ...searchCollapsible_1.searchCollapsible.tablet,
+        ...searchHorizontal_1.searchHorizontal.tablet,
+    },
+    desktop: {
+        ...autocompleteSlideout_1.autocompleteSlideout.desktop,
+        ...autocompleteModal_1.autocompleteModal.desktop,
+        ...autocompleteFixed_1.autocompleteFixed.desktop,
+        ...recommendation_1.recommendation.desktop,
+        ...recommendationBundle_1.recommendationBundle.desktop,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop,
+        ...recommendationBundleList_1.recommendationBundleList.desktop,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.desktop,
+        ...recommendationGrid_1.recommendationGrid.desktop,
+        ...recommendationEmail_1.recommendationEmail.desktop,
+        ...search_1.search.desktop,
+        ...searchCollapsible_1.searchCollapsible.desktop,
+        ...searchHorizontal_1.searchHorizontal.desktop,
+    },
 };

package/dist/cjs/components/src/themes/base/components/templates/recommendation.js

@@ -1,36 +1,28 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendation = void 0;
-var react_1 = require("@emotion/react");
-var recommendation_1 = require("../../../themeComponents/recommendation");
+const react_1 = require("@emotion/react");
+const recommendation_1 = require("../../../themeComponents/recommendation");
 // CSS in JS style script for the Recommendation component
-var recommendationStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const recommendationStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         margin: '20px 0',
         '& .ss__recommendation__title': {
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            color: variables?.colors?.primary,
         },
     });
 };
 // Recommendation component props come from Template export
 exports.recommendation = {
-    default: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.default), { recommendation: __assign(__assign({}, (((_a = recommendation_1.recommendationThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendation']) || {})), { themeStyleScript: recommendationStyleScript }) }),
+    default: {
+        ...recommendation_1.recommendationThemeComponentProps.default,
+        recommendation: {
+            ...(recommendation_1.recommendationThemeComponentProps.default?.['recommendation'] || {}),
+            themeStyleScript: recommendationStyleScript,
+        },
+    },
     mobile: recommendation_1.recommendationThemeComponentProps.mobile,
     desktop: recommendation_1.recommendationThemeComponentProps.desktop,
     tablet: recommendation_1.recommendationThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundle.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundle = void 0;
-var recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
+const recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
 exports.recommendationBundle = recommendationBundle_1.recommendationBundleThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleEasyAdd.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleEasyAdd = void 0;
-var recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
+const recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
 exports.recommendationBundleEasyAdd = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleList.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleList = void 0;
-var recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
+const recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
 exports.recommendationBundleList = recommendationBundleList_1.recommendationBundleListThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationBundleVertical.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleVertical = void 0;
-var recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
+const recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
 exports.recommendationBundleVertical = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationEmail.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationEmail = void 0;
-var recommendationEmail_1 = require("../../../themeComponents/recommendationEmail");
+const recommendationEmail_1 = require("../../../themeComponents/recommendationEmail");
 exports.recommendationEmail = recommendationEmail_1.recommendationEmailThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/recommendationGrid.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationGrid = void 0;
-var recommendationGrid_1 = require("../../../themeComponents/recommendationGrid");
+const recommendationGrid_1 = require("../../../themeComponents/recommendationGrid");
 exports.recommendationGrid = recommendationGrid_1.recommendationGridThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/search.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.search = void 0;
-var search_1 = require("../../../themeComponents/search");
+const search_1 = require("../../../themeComponents/search");
 // CSS in JS style script for the Search component
 // const searchStyleScript = ({ theme }: SearchProps) => {
 // 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/cjs/components/src/themes/base/components/templates/searchCollapsible.js

@@ -1,24 +1,11 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchCollapsible = void 0;
-var react_1 = require("@emotion/react");
-var searchCollapsible_1 = require("../../../themeComponents/searchCollapsible");
+const react_1 = require("@emotion/react");
+const searchCollapsible_1 = require("../../../themeComponents/searchCollapsible");
 // CSS in JS style script for the Search component
-var searchCollapsibleStyleScript = function (_a) {
-    var sidebarWidth = _a.sidebarWidth;
-    var _sidebarWidth = sidebarWidth ? "calc(".concat(sidebarWidth, " + 1.5em)") : undefined;
+const searchCollapsibleStyleScript = ({ sidebarWidth }) => {
+    const _sidebarWidth = sidebarWidth ? `calc(${sidebarWidth} + 1.5em)` : undefined;
     return (0, react_1.css)({
         '.ss__toolbar .ss__layout__sidebar-toggle-button-wrapper': {
             marginRight: _sidebarWidth ? 'inherit' : 'auto',
@@ -28,7 +15,13 @@ var searchCollapsibleStyleScript = function (_a) {
 };
 // Search component props come from Template export
 exports.searchCollapsible = {
-    default: __assign(__assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.default), { searchCollapsible: __assign(__assign({}, (((_a = searchCollapsible_1.searchCollapsibleThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['searchCollapsible']) || {})), { themeStyleScript: searchCollapsibleStyleScript }) }),
+    default: {
+        ...searchCollapsible_1.searchCollapsibleThemeComponentProps.default,
+        searchCollapsible: {
+            ...(searchCollapsible_1.searchCollapsibleThemeComponentProps.default?.['searchCollapsible'] || {}),
+            themeStyleScript: searchCollapsibleStyleScript,
+        },
+    },
     mobile: searchCollapsible_1.searchCollapsibleThemeComponentProps.mobile,
     desktop: searchCollapsible_1.searchCollapsibleThemeComponentProps.desktop,
     tablet: searchCollapsible_1.searchCollapsibleThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/base/components/templates/searchHorizontal.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchHorizontal = void 0;
-var searchHorizontal_1 = require("../../../themeComponents/searchHorizontal");
+const searchHorizontal_1 = require("../../../themeComponents/searchHorizontal");
 // CSS in JS style script for the Search component
 // const searchHorizontalStyleScript = ({ theme }: SearchHorizontalProps) => {
 // 	// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/cjs/components/src/themes/base/responsive.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsive = void 0;
-var components_1 = require("./components");
+const components_1 = require("./components");
 exports.responsive = {
     mobile: components_1.mobileComponents,
     tablet: components_1.tabletComponents,

package/dist/cjs/components/src/themes/bocachica/bocachica.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bocachica = void 0;
-var components_1 = require("./components");
-var responsive_1 = require("./responsive");
-var bocachicaVariables = {
+const components_1 = require("./components");
+const responsive_1 = require("./responsive");
+const bocachicaVariables = {
     breakpoints: {
         mobile: 767,
         tablet: 991,

package/dist/cjs/components/src/themes/bocachica/components/atoms/button.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.button = void 0;
-var react_1 = require("@emotion/react");
-var colord_1 = require("colord");
+const react_1 = require("@emotion/react");
+const colord_1 = require("colord");
 // CSS in JS style script for the Button component
-var buttonStyleScript = function (_a) {
-    var _b;
-    var backgroundColor = _a.backgroundColor, theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    var hoverBackgroundColorObj = (0, colord_1.colord)(backgroundColor || ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary) || '#000');
-    var hoverColorObj = hoverBackgroundColorObj.isDark() ? (0, colord_1.colord)('#fff') : (0, colord_1.colord)('#000');
+const buttonStyleScript = ({ backgroundColor, theme }) => {
+    const variables = theme?.variables;
+    const hoverBackgroundColorObj = (0, colord_1.colord)(backgroundColor || variables?.colors?.primary || '#000');
+    const hoverColorObj = hoverBackgroundColorObj.isDark() ? (0, colord_1.colord)('#fff') : (0, colord_1.colord)('#000');
     return (0, react_1.css)({
         backgroundColor: backgroundColor || '#fff',
         borderRadius: '3px',

package/dist/cjs/components/src/themes/bocachica/components/atoms/dropdown.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dropdown = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Dropdown component
-var dropdownStyleScript = function (_a) {
-    var theme = _a.theme;
+const dropdownStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         position: 'relative',
         '&.ss__dropdown--open': {
             '& .ss__dropdown__content': {
-                transition: "opacity .5s ease",
+                transition: `opacity .5s ease`,
             },
         },
     });

package/dist/cjs/components/src/themes/bocachica/components/atoms/icon.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.icon = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Icon component
-var iconStyleScript = function (_a) {
-    var _b, _c;
-    var color = _a.color, height = _a.height, width = _a.width, size = _a.size, theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+const iconStyleScript = ({ color, height, width, size, theme }) => {
+    const variables = theme?.variables;
     return (0, react_1.css)({
-        fill: color || ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.accent),
-        stroke: color || ((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.accent),
+        fill: color || variables?.colors?.accent,
+        stroke: color || variables?.colors?.accent,
         width: width || size,
         height: height || size,
     });

package/dist/cjs/components/src/themes/bocachica/components/atoms/image.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.image = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Image component
-var imageStyleScript = function (_a) {
-    var theme = _a.theme;
+const imageStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({});
 };
 // Image component props