@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetSlider = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the FacetSlider component
+var facetSliderStyleScript = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var railColor = _a.railColor, trackColor = _a.trackColor, handleColor = _a.handleColor, valueTextColor = _a.valueTextColor, handleDraggingColor = _a.handleDraggingColor, showTicks = _a.showTicks, stickyHandleLabel = _a.stickyHandleLabel, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    return (0, react_1.css)({
+        marginBottom: showTicks && stickyHandleLabel ? '22px' : showTicks || stickyHandleLabel ? '10px' : '5px',
+        color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+        '& .ss__facet-slider__slider': {
+            height: '5px',
+            top: '0px',
+            bottom: '10px',
+            marginBottom: '30px',
+        },
+        '& .ss__facet-slider__rail': {
+            background: railColor || ((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#333',
+        },
+        '& .ss__facet-slider__segment': {
+            background: trackColor || '#f2f2f2',
+            borderRadius: '3px',
+        },
+        '& .ss__facet-slider__handles': {
+            '& button': {
+                '& .ss__facet-slider__handle': {
+                    background: handleColor || ((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary) || '#333',
+                    color: valueTextColor || ((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary) || 'initial',
+                    '&.ss__facet-slider__handle--active': {
+                        background: handleDraggingColor || handleColor || ((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary) || '#000',
+                    },
+                },
+                '& .ss__facet-slider__handle:after': {
+                    background: 'none',
+                },
+                'label.ss__facet-slider__handle__label.ss__facet-slider__handle__label--sticky': {
+                    top: 'initial !important',
+                    bottom: '-20px',
+                },
+            },
+        },
+        '& .ss__facet-slider__labels': {
+            color: ((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary) || valueTextColor,
+        },
+    });
+};
+// FacetSlider component props
+exports.facetSlider = {
+    default: {
+        facetSlider: {
+            themeStyleScript: facetSliderStyleScript,
+            handleColor: 'black',
+            handleDraggingColor: 'black',
+            railColor: 'black',
+            stickyHandleLabel: true,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filter = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Filter component
+var filterStyleScript = 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)({
+        '& .ss__filter__button': {
+            backgroundColor: 'white',
+            color: '#959595',
+            border: '2px solid #e6e6e6',
+            '& .ss__filter__button__icon': {
+                fill: '#5C5C5C',
+                stroke: '#5C5C5C',
+                margin: '0 10px 0 0',
+            },
+            '&:hover': {
+                backgroundColor: 'white',
+                color: '#959595',
+                border: '2px solid #e6e6e6',
+                opacity: 0.7,
+                '& .ss__filter__button__icon': {
+                    fill: '#5C5C5C',
+                    stroke: '#5C5C5C',
+                },
+            },
+        },
+    });
+};
+// Filter component props
+exports.filter = {
+    default: {
+        filter: {
+            themeStyleScript: filterStyleScript,
+            hideFacetLabel: true,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/grid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CAQlD,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grid = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Grid component
+var gridStyleScript = function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return (0, react_1.css)({
+        '.ss__grid__options': {
+            '.ss__grid__option': {
+                '&.ss__grid__option--selected': {
+                    border: "3px solid ".concat(((_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.primary) || '#333'),
+                    fontWeight: 'bold',
+                },
+            },
+        },
+    });
+};
+// Grid component props
+exports.grid = {
+    default: {
+        grid: {
+            themeStyleScript: gridStyleScript,
+            hideShowLess: true,
+            overflowButtonInGrid: true,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,48 @@
+"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.molecules = void 0;
+// MOLECULES Imports
+var carousel_1 = require("./carousel");
+var checkbox_1 = require("./checkbox");
+var errorHandler_1 = require("./errorHandler");
+var facetGridOptions_1 = require("./facetGridOptions");
+var facetHierarchyOptions_1 = require("./facetHierarchyOptions");
+var facetListOptions_1 = require("./facetListOptions");
+var facetPaletteOptions_1 = require("./facetPaletteOptions");
+var facetSlider_1 = require("./facetSlider");
+var filter_1 = require("./filter");
+var grid_1 = require("./grid");
+var layoutSelector_1 = require("./layoutSelector");
+var list_1 = require("./list");
+var loadMore_1 = require("./loadMore");
+var overlayBadge_1 = require("./overlayBadge");
+var pagination_1 = require("./pagination");
+var radio_1 = require("./radio");
+var radioList_1 = require("./radioList");
+var result_1 = require("./result");
+var searchInput_1 = require("./searchInput");
+var select_1 = require("./select");
+var slideout_1 = require("./slideout");
+var perPage_1 = require("./perPage");
+var rating_1 = require("./rating");
+var sortBy_1 = require("./sortBy");
+var swatches_1 = require("./swatches");
+var variantSelection_1 = require("./variantSelection");
+var terms_1 = require("./terms");
+exports.molecules = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.default), checkbox_1.checkbox.default), errorHandler_1.errorHandler.default), facetGridOptions_1.facetGridOptions.default), facetHierarchyOptions_1.facetHierarchyOptions.default), facetListOptions_1.facetListOptions.default), facetPaletteOptions_1.facetPaletteOptions.default), facetSlider_1.facetSlider.default), filter_1.filter.default), grid_1.grid.default), layoutSelector_1.layoutSelector.default), list_1.list.default), loadMore_1.loadMore.default), overlayBadge_1.overlayBadge.default), pagination_1.pagination.default), radio_1.radio.default), radioList_1.radioList.default), result_1.result.default), searchInput_1.searchInput.default), select_1.select.default), slideout_1.slideout.default), perPage_1.perPage.default), rating_1.rating.default), sortBy_1.sortBy.default), swatches_1.swatches.default), variantSelection_1.variantSelection.default), terms_1.terms.default),
+    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.mobile), checkbox_1.checkbox.mobile), errorHandler_1.errorHandler.mobile), facetGridOptions_1.facetGridOptions.mobile), facetHierarchyOptions_1.facetHierarchyOptions.mobile), facetListOptions_1.facetListOptions.mobile), facetPaletteOptions_1.facetPaletteOptions.mobile), facetSlider_1.facetSlider.mobile), filter_1.filter.mobile), grid_1.grid.mobile), layoutSelector_1.layoutSelector.mobile), list_1.list.mobile), loadMore_1.loadMore.mobile), overlayBadge_1.overlayBadge.mobile), pagination_1.pagination.mobile), radio_1.radio.mobile), radioList_1.radioList.mobile), result_1.result.mobile), searchInput_1.searchInput.mobile), select_1.select.mobile), slideout_1.slideout.mobile), perPage_1.perPage.mobile), rating_1.rating.mobile), sortBy_1.sortBy.mobile), swatches_1.swatches.mobile), variantSelection_1.variantSelection.mobile), terms_1.terms.mobile),
+    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.tablet), checkbox_1.checkbox.tablet), errorHandler_1.errorHandler.tablet), facetGridOptions_1.facetGridOptions.tablet), facetHierarchyOptions_1.facetHierarchyOptions.tablet), facetListOptions_1.facetListOptions.tablet), facetPaletteOptions_1.facetPaletteOptions.tablet), facetSlider_1.facetSlider.tablet), filter_1.filter.tablet), grid_1.grid.tablet), layoutSelector_1.layoutSelector.tablet), list_1.list.tablet), loadMore_1.loadMore.tablet), overlayBadge_1.overlayBadge.tablet), pagination_1.pagination.tablet), radio_1.radio.tablet), radioList_1.radioList.tablet), result_1.result.tablet), searchInput_1.searchInput.tablet), select_1.select.tablet), slideout_1.slideout.tablet), perPage_1.perPage.tablet), rating_1.rating.tablet), sortBy_1.sortBy.tablet), swatches_1.swatches.tablet), variantSelection_1.variantSelection.tablet), terms_1.terms.tablet),
+    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.desktop), checkbox_1.checkbox.desktop), errorHandler_1.errorHandler.desktop), facetGridOptions_1.facetGridOptions.desktop), facetHierarchyOptions_1.facetHierarchyOptions.desktop), facetListOptions_1.facetListOptions.desktop), facetPaletteOptions_1.facetPaletteOptions.desktop), facetSlider_1.facetSlider.desktop), filter_1.filter.desktop), grid_1.grid.desktop), layoutSelector_1.layoutSelector.desktop), list_1.list.desktop), loadMore_1.loadMore.desktop), overlayBadge_1.overlayBadge.desktop), pagination_1.pagination.desktop), radio_1.radio.desktop), radioList_1.radioList.desktop), result_1.result.desktop), searchInput_1.searchInput.desktop), select_1.select.desktop), slideout_1.slideout.desktop), perPage_1.perPage.desktop), rating_1.rating.desktop), sortBy_1.sortBy.desktop), swatches_1.swatches.desktop), variantSelection_1.variantSelection.desktop), terms_1.terms.desktop),
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4CvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAWhF,CAAC"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutSelector = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the LayoutSelector component
+var layoutSelectorStyleScript = 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)({
+        '.ss__button__content': {
+            gap: '7px',
+        },
+        '.ss__list__option': {
+            color: '#e6e6e6',
+            border: '2px solid #e6e6e6',
+            padding: '10px',
+            borderRadius: '50%',
+            '.ss__icon': {
+                fill: "#e6e6e6",
+                stroke: "#e6e6e6",
+            },
+            '&:hover': {
+                color: 'black',
+                border: '2px solid black',
+                opacity: 0.7,
+                '.ss__icon': {
+                    fill: 'black',
+                    stroke: 'black',
+                },
+            },
+        },
+        '.ss__list__option--selected': {
+            color: 'black',
+            border: '2px solid black',
+            '.ss__icon': {
+                fill: 'black',
+                stroke: 'black',
+            },
+        },
+    });
+};
+// LayoutSelector component props
+exports.layoutSelector = {
+    default: {
+        layoutSelector: {
+            themeStyleScript: layoutSelectorStyleScript,
+            type: 'list',
+            hideLabel: true,
+        },
+        'layoutSelector icon': {
+            size: '5px',
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/list.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CASlD,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.list = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the List component
+var listStyleScript = 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)({
+        gap: '8px',
+        '& .ss__list__options': {
+            gap: '10px',
+        },
+    });
+};
+// List component props
+exports.list = {
+    default: {
+        list: {
+            themeStyleScript: listStyleScript,
+        },
+        'list icon': {
+            size: '24px',
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadMore = void 0;
+var react_1 = require("@emotion/react");
+var color_1 = __importDefault(require("color"));
+// CSS in JS style script for the LoadMore component
+var loadMoreStyleScript = function (_a) {
+    var color = _a.color, backgroundColor = _a.backgroundColor, theme = _a.theme;
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    var barColour = new color_1.default(color || (variables === null || variables === void 0 ? void 0 : variables.colors.accent) || undefined);
+    var backgroundColour = backgroundColor ? new color_1.default(backgroundColor) : barColour.lightness(90);
+    return (0, react_1.css)({
+        '.ss__button': {
+            '.ss__button__content': {
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '5px',
+            },
+        },
+        '.ss__load-more__progress': {
+            '.ss__load-more__progress__indicator': {
+                background: backgroundColour.hex(),
+                '.ss__load-more__progress__indicator__bar': {
+                    background: barColour.hex(),
+                },
+            },
+        },
+    });
+};
+// LoadMore component props
+exports.loadMore = {
+    default: {
+        loadMore: {
+            themeStyleScript: loadMoreStyleScript,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.overlayBadge = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Search component
+var overlayBadgeStyleScript = 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)({
+        '.ss__overlay-badge__grid-wrapper': {
+            padding: '0.5rem',
+        },
+    });
+};
+// OverlayBadge component props
+exports.overlayBadge = {
+    default: {
+        overlayBadge: {
+            themeStyleScript: overlayBadgeStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAMpE,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pagination = void 0;
+// // CSS in JS style script for the Pagination component
+// const paginationStyleScript = ({ theme }: PaginationProps) => {
+// 	const variables = theme?.variables;
+// 	return css({});
+// };
+// Pagination component props
+exports.pagination = {
+    default: {
+        pagination: {
+        // themeStyleScript: paginationStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"perPage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/perPage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAe3D,CAAC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.perPage = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the PerPage component
+var perPageStyleScript = 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)({
+        '& .ss__dropdown .ss__select__dropdown__button': {
+            fontWeight: 'normal',
+            color: '#666666',
+            '.ss__select__selection': {
+                color: 'black',
+            },
+        },
+    });
+};
+// PerPage component props
+exports.perPage = {
+    default: {
+        perPage: {
+            themeStyleScript: perPageStyleScript,
+        },
+        'perPage icon': {
+            size: '12px',
+            icon: 'angle-down',
+        },
+    },
+    mobile: {
+        'perPage select': {
+            hideSelection: true,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radio = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Radio component
+var radioStyleScript = function (_a) {
+    var size = _a.size, native = _a.native, color = _a.color, theme = _a.theme;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    if (native) {
+        return (0, react_1.css)({
+            width: size,
+            height: size,
+            display: 'flex',
+            justifyContent: 'center',
+            '.ss__radio__input': {
+                height: "calc(".concat(size, " - 30%)"),
+                width: "calc(".concat(size, " - 30%)"),
+                margin: 'auto',
+            },
+        });
+    }
+    return (0, react_1.css)({
+        '.ss__icon': {
+            fill: color || (variables === null || variables === void 0 ? void 0 : variables.colors.primary),
+            stroke: color || (variables === null || variables === void 0 ? void 0 : variables.colors.primary),
+        },
+    });
+};
+// Radio component props
+exports.radio = {
+    default: {
+        radio: {
+            themeStyleScript: radioStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"radioList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/molecules/radioList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAMjE,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.result = void 0;
+var react_1 = require("@emotion/react");
+// CSS in JS style script for the Result component
+var resultStyleScript = 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)({
+        '.ss__result__details': {
+            textAlign: 'left',
+            fontWeight: 'bold',
+            '& .ss__result__details__pricing': {
+                display: 'flex',
+                '& .ss__result__price': {
+                    fontSize: '1.2em',
+                },
+                '& .ss__price--strike': {
+                    fontSize: '1.2em',
+                    order: 2,
+                    padding: '0px 8px',
+                },
+            },
+        },
+    });
+};
+// Result component props
+exports.result = {
+    default: {
+        result: {
+            themeStyleScript: resultStyleScript,
+        },
+    },
+};

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

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