@athoscommerce/snap-preact 1.0.0

package/dist/cjs/components/src/themes/snapnco/components/molecules/searchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAWvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAMvE,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/searchInput.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchInput = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the SearchInput component
+var searchInputStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        border: "1px solid ".concat(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || '#ccc'),
+    });
+};
+// SearchInput component props
+exports.searchInput = {
+    default: {
+        searchInput: {
+            themeStyleScript: searchInputStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/molecules/select.d.ts

@@ -0,0 +1,4 @@
+import type { SelectProps } from '../../../../components/Molecules/Select';
+import { ThemeComponent } from '../../../../providers';
+export declare const select: ThemeComponent<'select', SelectProps>;
+//# sourceMappingURL=select.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/select.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoEvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAQxD,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/select.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.select = void 0;
+var react_1 = require("@emotion/react");
+var color_1 = __importDefault(require("color"));
+// CSS in JS style script for the Select component
+var selectStyleScript = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var backgroundColor = _a.backgroundColor, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    var transparentSecondary = new color_1.default(((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.variables) === null || _b === void 0 ? void 0 : _b.colors) === null || _c === void 0 ? void 0 : _c.secondary) || undefined).opaquer(0.2);
+    return (0, react_1.css)({
+        '.ss__dropdown': {
+            '.ss__select__dropdown__button': {
+                border: 'none',
+                padding: '6px 30px',
+                fontWeight: 'bold',
+                '&:hover': {
+                    backgroundColor: 'initial',
+                    color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                    '.ss__icon': {
+                        fill: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.accent,
+                        stroke: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.accent,
+                    },
+                },
+                '.ss__select__dropdown__button__icon': {
+                    marginLeft: '5px',
+                    transition: 'transform 0.25s ease 0s',
+                },
+            },
+            '&.ss__dropdown--open': {
+                '.ss__dropdown__button': {
+                    boxShadow: '0 6px 12px 1px #0000001f',
+                    borderTopLeftRadius: '3px',
+                    borderTopRightRadius: '3px',
+                    '.ss__select__dropdown__button__icon': {
+                        transform: 'rotate(180deg)',
+                    },
+                },
+                '.ss__dropdown__content': {
+                    backgroundColor: backgroundColor || '#fff',
+                    boxShadow: '0 6px 12px 1px #0000001f',
+                    borderBottomLeftRadius: '3px',
+                    borderBottomRightRadius: '3px',
+                    zIndex: '10000',
+                },
+            },
+        },
+        '.ss__button__content': {
+            gap: '7px',
+        },
+        '.ss__select__select': {
+            border: '0px',
+            marginBottom: '0px',
+            '.ss__select__select__option': {
+                listStyle: 'none',
+                padding: '6px 30px',
+                gap: '6px',
+                color: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary,
+                '&.ss__select__select__option--selected': {
+                    backgroundColor: "".concat(transparentSecondary.rgb().lightness(95)) || "rgba(109,113,117,.06)",
+                },
+                '&:hover': {
+                    backgroundColor: "".concat(transparentSecondary.rgb().lightness(95)) || "rgba(109,113,117,.06)",
+                },
+            },
+        },
+    });
+};
+// Select component props
+exports.select = {
+    default: {
+        select: {
+            themeStyleScript: selectStyleScript,
+            iconClose: 'angle-down',
+            iconOpen: 'angle-down',
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/molecules/slideout.d.ts

@@ -0,0 +1,4 @@
+import type { SlideoutProps } from '../../../../components/Molecules/Slideout';
+import { ThemeComponent } from '../../../../providers';
+export declare const slideout: ThemeComponent<'slideout', SlideoutProps>;
+//# sourceMappingURL=slideout.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/slideout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/slideout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/slideout.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slideout = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Slideout component
+var slideoutStyleScript = function (_a) {
+    var width = _a.width, slideDirection = _a.slideDirection, theme = _a.theme;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        left: slideDirection == 'left' ? "-".concat(width) : slideDirection != 'right' ? '0' : 'initial',
+        right: slideDirection == 'right' ? "-".concat(width) : 'initial',
+        bottom: slideDirection == 'bottom' ? "-100vh" : 'initial',
+        top: slideDirection == 'top' ? "-100vh" : slideDirection == 'bottom' ? 'initial' : '0',
+        background: '#fff',
+        '&.ss__slideout--active': {
+            left: slideDirection == 'left' ? '0' : slideDirection != 'right' ? '0' : 'initial',
+            right: slideDirection == 'right' ? '0' : 'initial',
+            bottom: slideDirection == 'bottom' ? '0' : 'initial',
+            top: slideDirection == 'top' ? '0' : slideDirection == 'bottom' ? 'initial' : '0',
+        },
+    });
+};
+// Slideout component props
+exports.slideout = {
+    default: {
+        slideout: {
+            themeStyleScript: slideoutStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/molecules/sortBy.d.ts

@@ -0,0 +1,4 @@
+import type { SortByProps } from '../../../../components/Molecules/SortBy';
+import { ThemeComponent } from '../../../../providers';
+export declare const sortBy: ThemeComponent<'sortBy', SortByProps>;
+//# sourceMappingURL=sortBy.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/sortBy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortBy.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/sortBy.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAevD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAexD,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/sortBy.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sortBy = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the SortBy component
+var sortByStyleScript = function () {
+    return (0, react_1.css)({
+        '& .ss__dropdown .ss__select__dropdown__button': {
+            fontWeight: 'normal',
+            color: '#666666',
+            '.ss__select__selection': {
+                color: 'black',
+            },
+        },
+    });
+};
+// SortBy component props
+exports.sortBy = {
+    default: {
+        sortBy: {
+            themeStyleScript: sortByStyleScript,
+        },
+        'sortBy icon': {
+            size: '12px',
+            icon: 'angle-down',
+        },
+    },
+    mobile: {
+        'sortBy select': {
+            hideSelection: true,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/molecules/swatches.d.ts

@@ -0,0 +1,4 @@
+import type { SwatchesProps } from '../../../../components/Molecules/Swatches';
+import { ThemeComponent } from '../../../../providers';
+export declare const swatches: ThemeComponent<'swatches', SwatchesProps>;
+//# sourceMappingURL=swatches.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/swatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatches.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/swatches.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/swatches.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swatches = void 0;
+// // CSS in JS style script for the Swatches component
+// const swatchesStyleScript = () => {
+// };
+// Swatches component props
+exports.swatches = {
+    default: {
+        swatches: {
+        // themeStyleScript: swatchesStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/molecules/terms.d.ts

@@ -0,0 +1,4 @@
+import type { TermsProps } from '../../../../components/Molecules/Terms';
+import { ThemeComponent } from '../../../../providers';
+export declare const terms: ThemeComponent<'terms', TermsProps>;
+//# sourceMappingURL=terms.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/terms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAMrD,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/terms.js

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

package/dist/cjs/components/src/themes/snapnco/components/molecules/variantSelection.d.ts

@@ -0,0 +1,4 @@
+import type { VariantSelectionProps } from '../../../../components/Molecules/VariantSelection';
+import { ThemeComponent } from '../../../../providers';
+export declare const variantSelection: ThemeComponent<'variantSelection', VariantSelectionProps>;
+//# sourceMappingURL=variantSelection.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/molecules/variantSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantSelection.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/variantSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAMtF,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/molecules/variantSelection.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.variantSelection = void 0;
+// VariantSelection component props
+exports.variantSelection = {
+    default: {
+        variantSelection: {
+        // themeStyleScript: variantSelectionStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/autocomplete.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { AutocompleteProps } from '../../../../components/Organisms/Autocomplete';
+export declare const autocomplete: ThemeComponent<'autocomplete', AutocompleteProps>;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/autocomplete.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAOlF,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAW1E,CAAC"}

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

@@ -0,0 +1,27 @@
+"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");
+// CSS in JS style script for the Search component
+var autocompleteStyleScript = function (_a) {
+    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 }) }),
+    mobile: autocomplete_1.autocompleteThemeComponentProps.mobile,
+    desktop: autocomplete_1.autocompleteThemeComponentProps.desktop,
+    tablet: autocomplete_1.autocompleteThemeComponentProps.tablet,
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/facet.d.ts

@@ -0,0 +1,4 @@
+import type { FacetProps } from '../../../../components/Organisms/Facet';
+import { ThemeComponent } from '../../../../providers';
+export declare const facet: ThemeComponent<'facet', FacetProps>;
+//# sourceMappingURL=facet.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/facet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facet.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/facet.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqEvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAYrD,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/organisms/facet.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facet = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Facet component
+var facetStyleScript = function (_a) {
+    var _b, _c;
+    var color = _a.color, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        '& .ss__facet__dropdown': {
+            '& .ss__facet__dropdown__icon': {
+                transition: 'transform ease .5s',
+            },
+            '&.ss__dropdown--open': {
+                '& .ss__facet__dropdown__icon': {
+                    transition: 'transform ease .5s',
+                    transform: 'rotate(180deg)',
+                },
+            },
+        },
+        '&.ss__facet--collapsed': {
+            marginBottom: '10px',
+            '& .ss__facet__header': {
+                fontWeight: 'initial',
+                fontSize: '12px',
+                borderBottom: '0px',
+            },
+        },
+        '&:not(.ss__facet--collapsed):first-of-type': {
+            paddingTop: '0px',
+            '& .ss__facet__header': {
+                borderTop: '0px',
+            },
+        },
+        '&:not(.ss__facet--collapsed)': {
+            paddingTop: '10px',
+            '& .ss__facet__header': {
+                fontWeight: 'bold',
+                fontSize: '20px',
+                borderBottom: '0px',
+                borderTop: '1px solid #d6d6d6',
+                paddingTop: '20px',
+            },
+            '& .ss__facet__options': {
+                maxHeight: '400px',
+                '&::-webkit-scrollbar': {
+                    width: '8px',
+                },
+                '&::-webkit-scrollbar-track': {
+                    background: '#f2f2f2',
+                },
+                '&::-webkit-scrollbar-thumb': {
+                    background: ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || '#ccc',
+                },
+            },
+            '& .ss__facet__show-more-less': {
+                margin: '8px 5px',
+                textAlign: 'center',
+                color: color || ((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary),
+                span: {
+                    borderBottom: '1px solid #d6d6d6',
+                },
+            },
+        },
+    });
+};
+// Facet component props
+exports.facet = {
+    default: {
+        facet: {
+            themeStyleScript: facetStyleScript,
+            iconCollapse: 'angle-down',
+            iconExpand: 'angle-right',
+            iconOverflowMore: undefined,
+            iconOverflowLess: undefined,
+            showMoreText: 'View More',
+            showLessText: 'View Less',
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/facetsHorizontal.d.ts

@@ -0,0 +1,4 @@
+import type { FacetsHorizontalProps } from '../../../../components/Organisms/FacetsHorizontal';
+import { ThemeComponent } from '../../../../providers';
+export declare const facetsHorizontal: ThemeComponent<'facetsHorizontal', FacetsHorizontalProps>;
+//# sourceMappingURL=facetsHorizontal.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/facetsHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facetsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/facetsHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA8CvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAuBtF,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/organisms/facetsHorizontal.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetsHorizontal = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Facets component
+var facetsHorizontalStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        paddingBottom: '10px',
+        '& .ss__facets-horizontal__header': {
+            alignItems: 'center',
+            '& .ss__facets-horizontal__header__dropdown': {
+                margin: '0',
+                '& .ss__icon': {
+                    transition: 'transform ease .5s',
+                },
+                '& .ss__dropdown__button__heading': {
+                    color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+                    fontWeight: 'bold',
+                },
+                '&.ss__dropdown--open': {
+                    '& .ss__dropdown__button__heading': {
+                        '& .ss__icon': {
+                            transform: 'rotate(180deg)',
+                        },
+                    },
+                },
+            },
+        },
+        '& .ss__facets-horizontal__header__dropdown': {
+            '&.ss__dropdown--open': {
+                '& .ss__dropdown__button': {
+                    boxShadow: '0 6px 12px 1px #0000001f',
+                },
+                '& .ss__dropdown__content': {
+                    boxShadow: '0 6px 12px 1px #0000001f',
+                },
+            },
+        },
+    });
+};
+// FacetsHorizontal component props
+exports.facetsHorizontal = {
+    default: {
+        facetsHorizontal: {
+            themeStyleScript: facetsHorizontalStyleScript,
+            iconCollapse: 'angle-down',
+            limit: 9,
+        },
+    },
+    mobile: {
+        facetsHorizontal: {
+            limit: 0,
+        },
+    },
+    tablet: {
+        facetsHorizontal: {
+            limit: 5,
+        },
+    },
+    desktop: {
+        facetsHorizontal: {
+            limit: 7,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/filterSummary.d.ts

@@ -0,0 +1,4 @@
+import type { FilterSummaryProps } from '../../../../components/Organisms/FilterSummary';
+import { ThemeComponent } from '../../../../providers';
+export declare const filterSummary: ThemeComponent<'filterSummary', FilterSummaryProps>;
+//# sourceMappingURL=filterSummary.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/filterSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/filterSummary.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,CAS7E,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/organisms/filterSummary.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterSummary = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the FilterSummary component
+var filterSummaryStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        flexWrap: 'wrap',
+        '& .ss__filter-summary__title': {
+            fontWeight: 'bold',
+            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+        },
+    });
+};
+// FilterSummary component props
+exports.filterSummary = {
+    default: {
+        filterSummary: {
+            themeStyleScript: filterSummaryStyleScript,
+            hideFacetLabel: true,
+            hideClearAll: true,
+            hideTitle: true,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const organisms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAahE,eAAO,MAAM,SAAS,EAAE,uBA6CvB,CAAC"}

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

@@ -0,0 +1,30 @@
+"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;
+// ORGANISMS Imports
+var facet_1 = require("./facet");
+var facetsHorizontal_1 = require("./facetsHorizontal");
+var filterSummary_1 = require("./filterSummary");
+var mobileSidebar_1 = require("./mobileSidebar");
+var noResults_1 = require("./noResults");
+var sidebar_1 = require("./sidebar");
+var termsList_1 = require("./termsList");
+var toolbar_1 = require("./toolbar");
+var autocomplete_1 = require("./autocomplete");
+exports.organisms = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.default), facet_1.facet.default), facetsHorizontal_1.facetsHorizontal.default), filterSummary_1.filterSummary.default), mobileSidebar_1.mobileSidebar.default), noResults_1.noResults.default), sidebar_1.sidebar.default), toolbar_1.toolbar.default), termsList_1.termsList.default),
+    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.mobile), facet_1.facet.mobile), facetsHorizontal_1.facetsHorizontal.mobile), filterSummary_1.filterSummary.mobile), mobileSidebar_1.mobileSidebar.mobile), noResults_1.noResults.mobile), sidebar_1.sidebar.mobile), toolbar_1.toolbar.mobile), termsList_1.termsList.mobile),
+    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.tablet), facet_1.facet.tablet), facetsHorizontal_1.facetsHorizontal.tablet), filterSummary_1.filterSummary.tablet), mobileSidebar_1.mobileSidebar.tablet), noResults_1.noResults.tablet), sidebar_1.sidebar.tablet), toolbar_1.toolbar.tablet), termsList_1.termsList.tablet),
+    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.desktop), facet_1.facet.desktop), facetsHorizontal_1.facetsHorizontal.desktop), filterSummary_1.filterSummary.desktop), mobileSidebar_1.mobileSidebar.desktop), noResults_1.noResults.desktop), sidebar_1.sidebar.desktop), toolbar_1.toolbar.desktop), termsList_1.termsList.desktop),
+};

package/dist/cjs/components/src/themes/snapnco/components/organisms/mobileSidebar.d.ts

@@ -0,0 +1,4 @@
+import type { MobileSidebarProps } from '../../../../components/Organisms/MobileSidebar';
+import { ThemeComponent } from '../../../../providers';
+export declare const mobileSidebar: ThemeComponent<'mobileSidebar', MobileSidebarProps>;
+//# sourceMappingURL=mobileSidebar.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/organisms/mobileSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/organisms/mobileSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsDvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,CAa7E,CAAC"}