@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,29 @@
+"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.atoms = void 0;
+// ATOMS Imports
+var button_1 = require("./button");
+var dropdown_1 = require("./dropdown");
+var icon_1 = require("./icon");
+var image_1 = require("./image");
+var loadingBar_1 = require("./loadingBar");
+var price_1 = require("./price");
+var searchHeader_1 = require("./searchHeader");
+var skeleton_1 = require("./skeleton");
+exports.atoms = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, button_1.button.default), dropdown_1.dropdown.default), icon_1.icon.default), image_1.image.default), loadingBar_1.loadingBar.default), price_1.price.default), searchHeader_1.searchHeader.default), skeleton_1.skeleton.default),
+    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, button_1.button.mobile), dropdown_1.dropdown.mobile), icon_1.icon.mobile), image_1.image.mobile), loadingBar_1.loadingBar.mobile), price_1.price.mobile), searchHeader_1.searchHeader.mobile), skeleton_1.skeleton.mobile),
+    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, dropdown_1.dropdown.tablet), icon_1.icon.tablet), image_1.image.tablet), loadingBar_1.loadingBar.tablet), price_1.price.tablet), searchHeader_1.searchHeader.tablet), skeleton_1.skeleton.tablet),
+    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, button_1.button.desktop), dropdown_1.dropdown.desktop), icon_1.icon.desktop), image_1.image.desktop), loadingBar_1.loadingBar.desktop), price_1.price.desktop), searchHeader_1.searchHeader.desktop), skeleton_1.skeleton.desktop),
+};

package/dist/cjs/components/src/themes/snapnco/components/atoms/loadingBar.d.ts

@@ -0,0 +1,4 @@
+import type { LoadingBarProps } from '../../../../components/Atoms/Loading';
+import { ThemeComponent } from '../../../../providers';
+export declare const loadingBar: ThemeComponent<'loadingBar', LoadingBarProps>;
+//# sourceMappingURL=loadingBar.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/loadingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/loadingBar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAMpE,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/atoms/loadingBar.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadingBar = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the LoadingBar component
+var loadingBarStyleScript = function (_a) {
+    var _b;
+    var color = _a.color, backgroundColor = _a.backgroundColor, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        background: backgroundColor || '#f8f8f8',
+        '& .ss__loading-bar__bar': {
+            background: "".concat(color || ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.accent) || '#ccc'),
+        },
+    });
+};
+// LoadingBar component props
+exports.loadingBar = {
+    default: {
+        loadingBar: {
+            themeStyleScript: loadingBarStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/atoms/paginationInfo.d.ts

@@ -0,0 +1,4 @@
+import type { PaginationInfoProps } from '../../../../components/Atoms/PaginationInfo';
+import { ThemeComponent } from '../../../../providers';
+export declare const paginationInfo: ThemeComponent<'paginationInfo', PaginationInfoProps>;
+//# sourceMappingURL=paginationInfo.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/paginationInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationInfo.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/paginationInfo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAavD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAOhF,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/atoms/paginationInfo.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paginationInfo = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Pagination component
+var paginationInfoStyleScript = 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)({
+        color: '#666666',
+    });
+};
+// PaginationInfo component props
+exports.paginationInfo = {
+    default: {
+        paginationInfo: {
+            themeStyleScript: paginationInfoStyleScript,
+            infoText: function (data) { var _a, _b, _c; return "Showing ".concat((_a = data.pagination) === null || _a === void 0 ? void 0 : _a.begin, "-").concat((_b = data.pagination) === null || _b === void 0 ? void 0 : _b.end, " of ").concat((_c = data.pagination) === null || _c === void 0 ? void 0 : _c.totalResults, " Products"); },
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/atoms/price.d.ts

@@ -0,0 +1,4 @@
+import type { PriceProps } from '../../../../components/Atoms/Price';
+import { ThemeComponent } from '../../../../providers';
+export declare const price: ThemeComponent<'price', PriceProps>;
+//# sourceMappingURL=price.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/price.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAOrD,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/atoms/price.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.price = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Price component
+var priceStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        margin: '0',
+        '&.ss__price--strike': {
+            color: ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || 'inherit',
+            opacity: 0.5,
+        },
+    });
+};
+// Price component props
+exports.price = {
+    default: {
+        price: {
+            themeStyleScript: priceStyleScript,
+            decimalPlaces: 0,
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/atoms/searchHeader.d.ts

@@ -0,0 +1,4 @@
+import type { SearchHeaderProps } from '../../../../components/Atoms/SearchHeader';
+import { ThemeComponent } from '../../../../providers';
+export declare const searchHeader: ThemeComponent<'searchHeader', SearchHeaderProps>;
+//# sourceMappingURL=searchHeader.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/searchHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/searchHeader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAO1E,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/atoms/searchHeader.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchHeader = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the SearchHeader component
+var searchHeaderStyleScript = function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        paddingBottom: '10px',
+        '.ss__search-header__title': {
+            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            marginBottom: '0px',
+            marginTop: '0px',
+            fontWeight: 'initial',
+            fontSize: '25px',
+        },
+        '.ss__search-header__title--corrected': {
+            color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary,
+        },
+    });
+};
+// SearchHeader component props
+exports.searchHeader = {
+    default: {
+        searchHeader: {
+            themeStyleScript: searchHeaderStyleScript,
+            titleText: function (data) { var _a, _b, _c, _d; return "Search Results" + (((_b = (_a = data.search) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.string) ? " for ".concat((_d = (_c = data.search) === null || _c === void 0 ? void 0 : _c.query) === null || _d === void 0 ? void 0 : _d.string) : ""); },
+        },
+    },
+};

package/dist/cjs/components/src/themes/snapnco/components/atoms/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { SkeletonProps } from '../../../../components/Atoms/Skeleton';
+import { ThemeComponent } from '../../../../providers';
+export declare const skeleton: ThemeComponent<'skeleton', SkeletonProps>;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/skeleton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,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/atoms/skeleton.js

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

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

@@ -0,0 +1,6 @@
+import type { ThemeComponentsRestricted } from '../../../providers';
+export declare const components: ThemeComponentsRestricted;
+export declare const mobileComponents: ThemeComponentsRestricted;
+export declare const tabletComponents: ThemeComponentsRestricted;
+export declare const desktopComponents: ThemeComponentsRestricted;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/themes/snapnco/components/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,eAAO,MAAM,UAAU,EAAE,yBAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,yBAK/B,CAAC"}

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

@@ -0,0 +1,22 @@
+"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);

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

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

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.carousel = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Carousel component
+var carouselStyleScript = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        '.swiper-pagination-bullet': {
+            background: '#ccc',
+            opacity: '.5',
+            '&.swiper-pagination-bullet-active': {
+                opacity: '1',
+                background: ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.accent) || '#3A23AD',
+            },
+        },
+    });
+};
+// Carousel component props
+exports.carousel = {
+    default: {
+        carousel: {
+            themeStyleScript: carouselStyleScript,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkbox = void 0;
+var react_1 = require("@emotion/react");
+var color_1 = __importDefault(require("color"));
+// CSS in JS style script for the Checkbox component
+var checkboxStyleScript = function (_a) {
+    var color = _a.color, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    var backgroundColorObj = new color_1.default(color || (variables === null || variables === void 0 ? void 0 : variables.colors.primary) || undefined);
+    var backgroundTextColorObj = backgroundColorObj.isDark() ? new color_1.default('#fff') : new color_1.default('#000');
+    return (0, react_1.css)({
+        border: "2px solid ".concat(backgroundColorObj.hex()),
+        borderRadius: '3px',
+        '&.ss__checkbox--active': {
+            backgroundColor: backgroundColorObj.hex(),
+            '.ss__icon': {
+                fill: backgroundTextColorObj.hex(),
+                stroke: backgroundTextColorObj.hex(),
+            },
+        },
+        '&.ss__checkbox--disabled': {
+            opacity: 0.3,
+        },
+    });
+};
+// Checkbox component props
+exports.checkbox = {
+    default: {
+        checkbox: {
+            themeStyleScript: checkboxStyleScript,
+            size: '18px',
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandler.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/errorHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAM1E,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetGridOptions = void 0;
+var react_1 = require("@emotion/react");
+var color_1 = __importDefault(require("color"));
+// CSS in JS style script for the FacetGridOptions component
+var facetGridOptionsStyleScript = function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    var backgroundColorObj = new color_1.default((variables === null || variables === void 0 ? void 0 : variables.colors.primary) || undefined);
+    var colorObj = backgroundColorObj.isDark() ? new color_1.default('#fff') : new color_1.default('#000');
+    return (0, react_1.css)({
+        a: {
+            color: (_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.text,
+        },
+        '& .ss__facet-grid-options__option': {
+            border: "1px solid ".concat(backgroundColorObj.hex()),
+            borderRadius: '3px',
+            '&.ss__facet-grid-options__option--filtered': {
+                background: backgroundColorObj.hex(),
+                color: colorObj.hex(),
+            },
+            '&:hover:not(.ss__facet-grid-options__option--filtered)': {
+                cursor: 'pointer',
+            },
+        },
+    });
+};
+// FacetGridOptions component props
+exports.facetGridOptions = {
+    default: {
+        facetGridOptions: {
+            themeStyleScript: facetGridOptionsStyleScript,
+            gapSize: '5px',
+            columns: 5,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"facetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/facetHierarchyOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyCvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,CAMrG,CAAC"}

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetHierarchyOptions = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the FacetHierarchyOptions component
+var facetHierarchyOptionsStyleScript = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var horizontal = _a.horizontal, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    if (horizontal) {
+        return (0, react_1.css)({
+            '.ss__facet-hierarchy-options__option': {
+                color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+                border: "1px solid ".concat(((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#333'),
+                padding: '0.5em 0.5em',
+                '&.ss__facet-hierarchy-options__option--filtered': {
+                    fontWeight: 'bold',
+                    color: (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.variables) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.primary,
+                    marginRight: '2em',
+                },
+                '&.ss__facet-hierarchy-options__option--return': {
+                    '&:before': {
+                        color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.accent,
+                    },
+                },
+            },
+        });
+    }
+    return (0, react_1.css)({
+        '.ss__facet-hierarchy-options__option': {
+            color: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary,
+            '&.ss__facet-hierarchy-options__option--return': {
+                '&:before': {
+                    color: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.accent,
+                },
+            },
+        },
+    });
+};
+// FacetHierarchyOptions component props
+exports.facetHierarchyOptions = {
+    default: {
+        facetHierarchyOptions: {
+            themeStyleScript: facetHierarchyOptionsStyleScript,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetListOptions = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the FacetListOptions component
+var facetListOptionsStyleScript = function (_a) {
+    var _b, _c, _d;
+    var horizontal = _a.horizontal, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        '& .ss__facet-list-options__option': {
+            margin: horizontal ? '0 5px 5px 0' : '0 0 5px 0',
+            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+            border: horizontal ? "1px solid ".concat(((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#333') : undefined,
+            padding: horizontal ? '0.5em 0.5em' : undefined,
+            textDecoration: 'none',
+            '&:hover': {
+                cursor: 'pointer',
+            },
+            '&.ss__facet-list-options__option--filtered': {
+                fontWeight: 'initial',
+                color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary,
+            },
+            '& .ss__facet-list-options__option__value': {
+                '& .ss__facet-list-options__option__value__count': {
+                    fontSize: 'inherit',
+                    marginLeft: '5px',
+                },
+            },
+        },
+    });
+};
+// FacetListOptions component props
+exports.facetListOptions = {
+    default: {
+        facetListOptions: {
+            themeStyleScript: facetListOptionsStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/facetPaletteOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6CvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,CAc/F,CAAC"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetPaletteOptions = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the FacetPaletteOptions component
+var facetPaletteStyleScript = function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return (0, react_1.css)({
+        a: {
+            color: (_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.text,
+        },
+        '.ss__facet-palette-options__option': {
+            '&:hover': {
+                cursor: 'pointer',
+                '.ss__facet-palette-options__option__palette': {
+                    opacity: 0.7,
+                },
+                '.ss__facet-palette-options__option__wrapper': {
+                    borderColor: 'transparent !important',
+                },
+            },
+            '.ss__facet-palette-options__option__wrapper': {
+                borderRadius: '50%',
+                overflow: 'hidden',
+                padding: '0px',
+            },
+            '.ss__facet-palette-options__option__palette': {
+                border: '1px solid #d6d6d6',
+                '.ss__facet-palette-options__icon': {
+                    opacity: 1,
+                    stroke: 'gray',
+                    strokeWidth: '2px',
+                },
+            },
+        },
+        '&.ss__facet-palette-options--grid': {
+            '.ss__facet-palette-options__option--filtered': {
+                '.ss__facet-palette-options__option__wrapper': {
+                    border: '0px',
+                },
+            },
+        },
+    });
+};
+// FacetPaletteOptions component props
+exports.facetPaletteOptions = {
+    default: {
+        facetPaletteOptions: {
+            themeStyleScript: facetPaletteStyleScript,
+            gapSize: '8px',
+            hideLabel: true,
+            columns: 5,
+            hideIcon: false,
+        },
+        'facetPaletteOptions icon': {
+            size: '50%',
+            icon: 'check-thin',
+        },
+    },
+};

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

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

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

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