@athoscommerce/snap-preact 1.6.0 → 1.7.0

package/dist/cjs/components/src/components/Atoms/InlineBanner/InlineBanner.js

@@ -47,9 +47,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTracking)((0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         layout: types_1.ResultsLayout.grid,
@@ -57,12 +55,10 @@ exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTrack
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('inlineBanner', globalTheme, defaultProps, properties);
-    var banner = props.banner, className = props.className, internalClassName = props.internalClassName, disableA11y = props.disableA11y, layout = props.layout, onClick = props.onClick, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.inlineBanner) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var banner = props.banner, className = props.className, internalClassName = props.internalClassName, disableA11y = props.disableA11y, layout = props.layout, onClick = props.onClick;
+    var _a = (0, hooks_1.useCustomComponentOverride)('inlineBanner', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return banner && banner.value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) {

package/dist/cjs/components/src/components/Atoms/LoadingBar/LoadingBar.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const LoadingBar: ((properties: LoadingBarProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const LoadingBar: ((properties: LoadingBarProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type LoadingBarProps = LoadingBarTemplatesLegalProps & ComponentProps<LoadingBarProps>;

package/dist/cjs/components/src/components/Atoms/LoadingBar/LoadingBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/LoadingBar/LoadingBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAuC7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CA8B7D,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,6BAA6B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE9F,MAAM,MAAM,6BAA6B,GAAG;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/LoadingBar/LoadingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAsC7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CA4B7D,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,6BAA6B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE9F,MAAM,MAAM,6BAA6B,GAAG;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/cjs/components/src/components/Atoms/LoadingBar/LoadingBar.js

@@ -56,21 +56,17 @@ var defaultStyles = function (_a) {
     });
 };
 exports.LoadingBar = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         height: '5px',
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('loadingBar', globalTheme, defaultProps, properties);
-    var active = props.active, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.loadingBar) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var active = props.active, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('loadingBar', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return active ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__loading-bar', className, internalClassName), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__loading-bar__bar" }) })) })) : null;

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare function Overlay(properties: OverlayProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Overlay(properties: OverlayProps): import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
 export type OverlayProps = OverlayTemplatesLegalProps & ComponentProps<OverlayProps>;
 export type OverlayTemplatesLegalProps = {
     active: boolean;

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Overlay/Overlay.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAuB7D,wBAAgB,OAAO,CAAC,UAAU,EAAE,YAAY,oDAkC/C;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAsB7D,wBAAgB,OAAO,CAAC,UAAU,EAAE,YAAY,2EAgC/C;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAErF,MAAM,MAAM,0BAA0B,GAAG;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/dist/cjs/components/src/components/Atoms/Overlay/Overlay.js

@@ -40,9 +40,7 @@ var defaultStyles = function (_a) {
     });
 };
 function Overlay(properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         color: 'rgba(0,0,0,0.8)',
@@ -50,12 +48,10 @@ function Overlay(properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('overlay', globalTheme, defaultProps, properties);
-    var active = props.active, onClick = props.onClick, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.overlay) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var active = props.active, onClick = props.onClick, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('overlay', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) { return onClick && active && onClick(e); }, ref: function (e) { return (!disableA11y ? (0, hooks_2.useA11y)(e, active ? 0 : -1) : null); }, className: (0, classnames_1.default)('ss__overlay', { 'ss__overlay--active': active }, className, internalClassName) }, styling)) }));

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.d.ts

@@ -1,8 +1,9 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
 import type { SearchPaginationStore } from '@athoscommerce/snap-store-mobx';
 import type { SearchController } from '@athoscommerce/snap-controller';
 import { Lang } from '../../../hooks';
-export declare const PaginationInfo: ((properties: PaginationInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const PaginationInfo: ((properties: PaginationInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type PaginationInfoProps = {

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationInfo.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/PaginationInfo/PaginationInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAO7D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA4DrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnC,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC/B,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACnC"}
+{"version":3,"file":"PaginationInfo.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/PaginationInfo/PaginationInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAM3E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA0DrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnC,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC/B,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACnC"}

package/dist/cjs/components/src/components/Atoms/PaginationInfo/PaginationInfo.js

@@ -27,9 +27,8 @@ var defaultStyles = function (_a) {
     return (0, react_1.css)({});
 };
 exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var pagination = ((_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store.pagination) || properties.pagination;
     var defaultProps = {
@@ -37,21 +36,19 @@ exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('paginationInfo', globalTheme, defaultProps, properties);
-    var controller = props.controller, infoText = props.infoText, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.paginationInfo) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var controller = props.controller, infoText = props.infoText, className = props.className, internalClassName = props.internalClassName;
+    var _f = (0, hooks_1.useCustomComponentOverride)('paginationInfo', props), overrideElement = _f.overrideElement, shouldRenderDefault = _f.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
-    var store = pagination || ((_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.pagination);
+    var store = pagination || ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination);
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     //initialize lang
     var defaultLang = {
         infoText: {
             value: infoText,
             attributes: {
-                'aria-label': "displaying ".concat((pagination === null || pagination === void 0 ? void 0 : pagination.multiplePages) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.begin, " - ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.end, " of") : '', " ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults, " result").concat((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) == 1 ? '' : 's', " ").concat(((_d = controller === null || controller === void 0 ? void 0 : controller.store) === null || _d === void 0 ? void 0 : _d.search.query) ? "for \"".concat((_e = controller === null || controller === void 0 ? void 0 : controller.store) === null || _e === void 0 ? void 0 : _e.search.query.string, "\"") : ''),
+                'aria-label': "displaying ".concat((pagination === null || pagination === void 0 ? void 0 : pagination.multiplePages) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.begin, " - ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.end, " of") : '', " ").concat(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults, " result").concat((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) == 1 ? '' : 's', " ").concat(((_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.search.query) ? "for \"".concat((_d = controller === null || controller === void 0 ? void 0 : controller.store) === null || _d === void 0 ? void 0 : _d.search.query.string, "\"") : ''),
             },
         },
     };
@@ -60,5 +57,5 @@ exports.PaginationInfo = (0, mobx_react_lite_1.observer)(function (properties) {
     var mergedLang = (0, hooks_1.useLang)(lang, {
         pagination: store,
     });
-    return (store === null || store === void 0 ? void 0 : store.totalResults) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { "aria-atomic": true, "aria-live": "assertive", className: (0, classnames_1.default)('ss__pagination-info', className, internalClassName) }, (_f = mergedLang.infoText) === null || _f === void 0 ? void 0 : _f.all)) })) : null;
+    return (store === null || store === void 0 ? void 0 : store.totalResults) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { "aria-atomic": true, "aria-live": "assertive", className: (0, classnames_1.default)('ss__pagination-info', className, internalClassName) }, (_e = mergedLang.infoText) === null || _e === void 0 ? void 0 : _e.all)) })) : null;
 });

package/dist/cjs/components/src/components/Atoms/Price/Price.d.ts

@@ -1,6 +1,7 @@
+import { h } from 'preact';
 import { FormattedNumberProps } from '../FormattedNumber/FormattedNumber';
 import { ComponentProps } from '../../../types';
-export declare function Price(properties: PriceProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function Price(properties: PriceProps): import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
 export type PriceProps = PriceTemplatesLegalProps & ComponentProps<PriceProps>;
 export interface PriceTemplatesLegalProps extends Omit<FormattedNumberProps, 'value' | 'themeStyleScript'> {
     value?: number;

package/dist/cjs/components/src/components/Atoms/Price/Price.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAe7D,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,2DAoE3C;AAED,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAC/E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC"}
+{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAc7D,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,2EAiE3C;AAED,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAC/E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC"}

package/dist/cjs/components/src/components/Atoms/Price/Price.js

@@ -34,9 +34,7 @@ var defaultStyles = function (_a) {
     });
 };
 function Price(properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         symbol: '$',
@@ -49,12 +47,10 @@ function Price(properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('price', globalTheme, defaultProps, properties);
-    var lineThrough = props.lineThrough, value = props.value, symbol = props.symbol, decimalPlaces = props.decimalPlaces, padDecimalPlaces = props.padDecimalPlaces, thousandsSeparator = props.thousandsSeparator, decimalSeparator = props.decimalSeparator, symbolAfter = props.symbolAfter, raw = props.raw, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.price) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var lineThrough = props.lineThrough, value = props.value, symbol = props.symbol, decimalPlaces = props.decimalPlaces, padDecimalPlaces = props.padDecimalPlaces, thousandsSeparator = props.thousandsSeparator, decimalSeparator = props.decimalSeparator, symbolAfter = props.symbolAfter, raw = props.raw, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('price', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var formattedPrice;
     if (value) {

package/dist/cjs/components/src/components/Atoms/SearchHeader/SearchHeader.d.ts

@@ -1,8 +1,9 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
 import type { SearchController } from '@athoscommerce/snap-controller';
 import { SearchMerchandisingStore, SearchPaginationStore, SearchQueryStore } from '@athoscommerce/snap-store-mobx';
 import type { Lang } from '../../../hooks';
-export declare const SearchHeader: ((properties: SearchHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+export declare const SearchHeader: ((properties: SearchHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type SearchHeaderProps = {

package/dist/cjs/components/src/components/Atoms/SearchHeader/SearchHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/SearchHeader/SearchHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGnH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CA8JjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACjC,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACnE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACtC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC1C,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;CAC1C;AAED,UAAU,oBAAoB;IAC7B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}
+{"version":3,"file":"SearchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/SearchHeader/SearchHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGnH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAO3C,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CA2JjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACjC,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACnE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACtC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC1C,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;CAC1C;AAED,UAAU,oBAAoB;IAC7B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/cjs/components/src/components/Atoms/SearchHeader/SearchHeader.js

@@ -27,9 +27,8 @@ var defaultStyles = function () {
     return (0, react_1.css)({});
 };
 exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var landingPage = ((_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store.merchandising.landingPage) || ((_b = properties.merchandising) === null || _b === void 0 ? void 0 : _b.landingPage);
     var pagination = ((_c = properties.controller) === null || _c === void 0 ? void 0 : _c.store.pagination) || properties.pagination;
@@ -45,12 +44,10 @@ exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('searchHeader', globalTheme, defaultProps, properties);
-    var className = props.className, internalClassName = props.internalClassName, titleText = props.titleText, subtitleText = props.subtitleText, correctedQueryText = props.correctedQueryText, noResultsText = props.noResultsText, didYouMeanText = props.didYouMeanText, expandedSearchText = props.expandedSearchText, hideTitleText = props.hideTitleText, hideSubtitleText = props.hideSubtitleText, hideCorrectedQueryText = props.hideCorrectedQueryText, hideNoResultsText = props.hideNoResultsText, hideExpandedSearchText = props.hideExpandedSearchText, hideDidYouMeanText = props.hideDidYouMeanText, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_k = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _k === void 0 ? void 0 : _k.library.import.component.searchHeader) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var className = props.className, internalClassName = props.internalClassName, titleText = props.titleText, subtitleText = props.subtitleText, correctedQueryText = props.correctedQueryText, noResultsText = props.noResultsText, didYouMeanText = props.didYouMeanText, expandedSearchText = props.expandedSearchText, hideTitleText = props.hideTitleText, hideSubtitleText = props.hideSubtitleText, hideCorrectedQueryText = props.hideCorrectedQueryText, hideNoResultsText = props.hideNoResultsText, hideExpandedSearchText = props.hideExpandedSearchText, hideDidYouMeanText = props.hideDidYouMeanText;
+    var _r = (0, hooks_1.useCustomComponentOverride)('searchHeader', props), overrideElement = _r.overrideElement, shouldRenderDefault = _r.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     //initialize lang
@@ -80,5 +77,5 @@ exports.SearchHeader = (0, mobx_react_lite_1.observer)(function (properties) {
         pagination: pagination,
         search: search,
     });
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("header", __assign({}, styling, { className: (0, classnames_1.default)('ss__search-header', className, internalClassName), children: landingPage ? ((0, jsx_runtime_1.jsx)("h3", { className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--landing-page'), children: landingPage.title })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideExpandedSearchText && (search === null || search === void 0 ? void 0 : search.matchType) && search.matchType == 'expanded' ? ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--expanded'), "aria-atomic": "true", "aria-live": "polite" }, (_l = mergedLang.expandedSearchText) === null || _l === void 0 ? void 0 : _l.all))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), !hideTitleText && ((search === null || search === void 0 ? void 0 : search.matchType) !== 'expanded' || hideExpandedSearchText) && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--results'), "aria-atomic": "true", "aria-live": "polite" }, (_m = mergedLang.titleText) === null || _m === void 0 ? void 0 : _m.all))), (search === null || search === void 0 ? void 0 : search.originalQuery) && !hideCorrectedQueryText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--corrected'), "aria-atomic": "true", "aria-live": "polite" }, (_o = mergedLang.correctedQueryText) === null || _o === void 0 ? void 0 : _o.all)))] })) : ((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) === 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__search-header__no-results-wrapper", children: [!hideNoResultsText && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--no-results'), "aria-atomic": "true", "aria-live": "polite" }, (_p = mergedLang.noResultsText) === null || _p === void 0 ? void 0 : _p.all))), (search === null || search === void 0 ? void 0 : search.didYouMean) && !hideDidYouMeanText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--dym'), "aria-atomic": "true", "aria-live": "polite" }, (_q = mergedLang.didYouMeanText) === null || _q === void 0 ? void 0 : _q.all)))] }))), (subtitleText || lang.subtitleText.value) && !hideSubtitleText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle'), "aria-atomic": "true", "aria-live": "polite" }, (_r = mergedLang.subtitleText) === null || _r === void 0 ? void 0 : _r.all)))] })) })) }));
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("header", __assign({}, styling, { className: (0, classnames_1.default)('ss__search-header', className, internalClassName), children: landingPage ? ((0, jsx_runtime_1.jsx)("h3", { className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--landing-page'), children: landingPage.title })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideExpandedSearchText && (search === null || search === void 0 ? void 0 : search.matchType) && search.matchType == 'expanded' ? ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--expanded'), "aria-atomic": "true", "aria-live": "polite" }, (_k = mergedLang.expandedSearchText) === null || _k === void 0 ? void 0 : _k.all))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), !hideTitleText && ((search === null || search === void 0 ? void 0 : search.matchType) !== 'expanded' || hideExpandedSearchText) && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--results'), "aria-atomic": "true", "aria-live": "polite" }, (_l = mergedLang.titleText) === null || _l === void 0 ? void 0 : _l.all))), (search === null || search === void 0 ? void 0 : search.originalQuery) && !hideCorrectedQueryText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--corrected'), "aria-atomic": "true", "aria-live": "polite" }, (_m = mergedLang.correctedQueryText) === null || _m === void 0 ? void 0 : _m.all)))] })) : ((pagination === null || pagination === void 0 ? void 0 : pagination.totalResults) === 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "ss__search-header__no-results-wrapper", children: [!hideNoResultsText && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: (0, classnames_1.default)('ss__search-header__title', 'ss__search-header__title--no-results'), "aria-atomic": "true", "aria-live": "polite" }, (_o = mergedLang.noResultsText) === null || _o === void 0 ? void 0 : _o.all))), (search === null || search === void 0 ? void 0 : search.didYouMean) && !hideDidYouMeanText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle', 'ss__search-header__subtitle--dym'), "aria-atomic": "true", "aria-live": "polite" }, (_p = mergedLang.didYouMeanText) === null || _p === void 0 ? void 0 : _p.all)))] }))), (subtitleText || lang.subtitleText.value) && !hideSubtitleText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: (0, classnames_1.default)('ss__search-header__subtitle'), "aria-atomic": "true", "aria-live": "polite" }, (_q = mergedLang.subtitleText) === null || _q === void 0 ? void 0 : _q.all)))] })) })) }));
 });

package/dist/cjs/components/src/components/Atoms/Skeleton/Skeleton.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const Skeleton: ((properties: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+export declare const Skeleton: ((properties: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type SkeletonProps = SkeletonTemplatesLegalProps & ComponentProps<SkeletonProps>;

package/dist/cjs/components/src/components/Atoms/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA4C7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA6BzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA2C7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA2BzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/cjs/components/src/components/Atoms/Skeleton/Skeleton.js

@@ -58,9 +58,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         backgroundColor: '#ebebeb',
@@ -68,12 +66,10 @@ exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('skeleton', globalTheme, defaultProps, properties);
-    var className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.skeleton) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('skeleton', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__skeleton', className, internalClassName) })) }));

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.d.ts

@@ -1,6 +1,7 @@
+import { h } from 'preact';
 import { ComponentProps, ComponentMap } from '../../../types';
 import type { Product } from '@athoscommerce/snap-store-mobx';
-export declare const CalloutBadge: ((properties: CalloutBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const CalloutBadge: ((properties: CalloutBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type CalloutBadgeProps = {

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AAG3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAY9D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CAiDjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;CAChB,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AACnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AAG3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAqB9D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CA4CjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;CAChB,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AACnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/cjs/components/src/components/Molecules/CalloutBadge/CalloutBadge.js

@@ -30,8 +30,16 @@ var defaultStyles = function () {
         gap: '5px',
     });
 };
+var BadgeRenderer = function (_a) {
+    var badge = _a.badge, badgeComponentMap = _a.badgeComponentMap, treePath = _a.treePath;
+    var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component).ComponentOverride;
+    if (!BadgeComponent) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters, { treePath: treePath }));
+};
 exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b;
     var globalTheme = (0, providers_1.useTheme)();
     var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -42,24 +50,16 @@ exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('calloutBadge', globalTheme, defaultProps, properties);
-    var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.calloutBadge) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var _c = (0, hooks_1.useCustomComponentOverride)('calloutBadge', props), overrideElement = _c.overrideElement, shouldRenderDefault = _c.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
-    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.badge) || {})), props.componentMap);
+    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badge) || {})), props.componentMap);
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var badges = (_c = result === null || result === void 0 ? void 0 : result.display.badges) === null || _c === void 0 ? void 0 : _c.atLocation(tag).slice(0, limit);
+    var badges = (_b = result === null || result === void 0 ? void 0 : result.display.badges) === null || _b === void 0 ? void 0 : _b.atLocation(tag).slice(0, limit);
     if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
-        return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className, internalClassName), children: badges.map(function (badge) {
-                    var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component);
-                    if (!BadgeComponent) {
-                        return null;
-                    }
-                    return (0, jsx_runtime_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters, { treePath: treePath }));
-                }) })) }));
+        return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className, internalClassName), children: badges.map(function (badge, badgeIndex) { return ((0, jsx_runtime_1.jsx)(BadgeRenderer, { badge: badge, badgeComponentMap: badgeComponentMap, treePath: treePath }, "".concat(badge.component, "-").concat(badgeIndex))); }) })) }));
     }
     return null;
 });

package/dist/cjs/components/src/components/Molecules/Carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import { ComponentChild } from 'preact';
+import { h, ComponentChild } from 'preact';
 import type { Swiper as SwiperTypes } from 'swiper';
 import type { SwiperOptions } from 'swiper/types';
 import type { PaginationOptions } from 'swiper/types/modules/pagination';
@@ -39,7 +39,7 @@ export declare const defaultVerticalCarouselBreakpoints: {
         spaceBetween: number;
     };
 };
-export declare const Carousel: ((properties: CarouselProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const Carousel: ((properties: CarouselProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type CarouselProps = {

package/dist/cjs/components/src/components/Molecules/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAW3C,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,gBAAgB,CAAC;AAmJ/E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAuRzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAW3C,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,gBAAgB,CAAC;AAkJ/E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAgSzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC"}

package/dist/cjs/components/src/components/Molecules/Carousel/Carousel.js

@@ -211,15 +211,15 @@ exports.defaultVerticalCarouselBreakpoints = {
     },
 };
 exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         breakpoints: properties.vertical
             ? JSON.parse(JSON.stringify(exports.defaultVerticalCarouselBreakpoints))
             : JSON.parse(JSON.stringify(exports.defaultCarouselBreakpoints)),
         pagination: false,
+        navigation: true,
         slidesPerGroup: !properties.breakpoints || !Object.keys(properties.breakpoints).length ? 5 : undefined,
         slidesPerView: !properties.breakpoints || !Object.keys(properties.breakpoints).length ? 5 : undefined,
         spaceBetween: 10,
@@ -249,12 +249,10 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
             props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme });
         }
     }
-    var children = props.children, loop = props.loop, nextButton = props.nextButton, prevButton = props.prevButton, hideButtons = props.hideButtons, vertical = props.vertical, onInit = props.onInit, onBeforeInit = props.onBeforeInit, onAfterInit = props.onAfterInit, onNextButtonClick = props.onNextButtonClick, onPrevButtonClick = props.onPrevButtonClick, onClick = props.onClick, disableStyles = props.disableStyles, customComponent = props.customComponent, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, modules = props.modules, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, additionalProps = __rest(props, ["children", "loop", "nextButton", "prevButton", "hideButtons", "vertical", "onInit", "onBeforeInit", "onAfterInit", "onNextButtonClick", "onPrevButtonClick", "onClick", "disableStyles", "customComponent", "style", "styleScript", "themeStyleScript", "modules", "className", "internalClassName", "treePath"]);
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_2.useComponent)(((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.carousel) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var children = props.children, loop = props.loop, nextButton = props.nextButton, prevButton = props.prevButton, hideButtons = props.hideButtons, vertical = props.vertical, onInit = props.onInit, onBeforeInit = props.onBeforeInit, onAfterInit = props.onAfterInit, onNextButtonClick = props.onNextButtonClick, onPrevButtonClick = props.onPrevButtonClick, onClick = props.onClick, disableStyles = props.disableStyles, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, modules = props.modules, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, additionalProps = __rest(props, ["children", "loop", "nextButton", "prevButton", "hideButtons", "vertical", "onInit", "onBeforeInit", "onAfterInit", "onNextButtonClick", "onPrevButtonClick", "onClick", "disableStyles", "style", "styleScript", "themeStyleScript", "modules", "className", "internalClassName", "treePath"]);
+    var _b = (0, hooks_2.useCustomComponentOverride)('carousel', props), overrideElement = _b.overrideElement, shouldRenderDefault = _b.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var pagination = props.pagination;
     var navigation = props.navigation;
@@ -299,14 +297,16 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
             };
         }
     }
-    if (navigation && typeof navigation == 'object') {
-        navigation = __assign({ nextEl: '.ss_carousel_DNE', prevEl: '.ss_carousel_DNE' }, navigation);
-    }
-    else {
-        navigation = {
-            nextEl: '.ss_carousel_DNE',
-            prevEl: '.ss_carousel_DNE',
-        };
+    if (navigation) {
+        if (typeof navigation == 'object') {
+            navigation = __assign({ nextEl: '.ss_carousel_DNE', prevEl: '.ss_carousel_DNE' }, navigation);
+        }
+        else {
+            navigation = {
+                nextEl: '.ss_carousel_DNE',
+                prevEl: '.ss_carousel_DNE',
+            };
+        }
     }
     if (scrollbar) {
         if (typeof scrollbar == 'object') {
@@ -331,11 +331,13 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
         }
     };
     delete additionalProps.breakpoints;
-    return (children === null || children === void 0 ? void 0 : children.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className, internalClassName), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__carousel__prev", ref: navigationPrevRef, onClick: onPrevButtonClick && (function (e) { return onPrevButtonClick(e); }), children: prevButton || (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-up' : 'angle-left' }, subProps.icon, { name: 'prev' })) }) }), (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ centerInsufficientSlides: true, onBeforeInit: function (swiper) {
-                        //@ts-ignore : someone should refactor this
-                        swiper.params.navigation.prevEl = navigationPrevRef.current ? navigationPrevRef.current : undefined;
-                        //@ts-ignore : someone should refactor this
-                        swiper.params.navigation.nextEl = navigationNextRef.current ? navigationNextRef.current : undefined;
+    return (children === null || children === void 0 ? void 0 : children.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className, internalClassName), children: [navigation !== false && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__carousel__prev", ref: navigationPrevRef, onClick: onPrevButtonClick && (function (e) { return onPrevButtonClick(e); }), children: prevButton || (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-up' : 'angle-left' }, subProps.icon, { name: 'prev' })) }) })), (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ centerInsufficientSlides: true, onBeforeInit: function (swiper) {
+                        if (navigation && swiper.params.navigation) {
+                            //@ts-ignore : someone should refactor this
+                            swiper.params.navigation.prevEl = navigationPrevRef.current ? navigationPrevRef.current : undefined;
+                            //@ts-ignore : someone should refactor this
+                            swiper.params.navigation.nextEl = navigationNextRef.current ? navigationNextRef.current : undefined;
+                        }
                         if (onBeforeInit) {
                             onBeforeInit(swiper);
                         }
@@ -344,22 +346,24 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
                             onInit(swiper);
                         }
                     }, onAfterInit: function (swiper) {
-                        //@ts-ignore : someone should refactor this
-                        swiper.navigation.onPrevClick = function (e) {
-                            e.preventDefault();
-                            if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
-                                return;
-                            swiper.slidePrev();
-                            swiper.emit('navigationPrev');
-                        };
-                        //@ts-ignore : someone should refactor this
-                        swiper.navigation.onNextClick = function (e) {
-                            e.preventDefault();
-                            if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind)
-                                return;
-                            swiper.slideNext();
-                            swiper.emit('navigationNext');
-                        };
+                        if (navigation && swiper.navigation) {
+                            //@ts-ignore : someone should refactor this
+                            swiper.navigation.onPrevClick = function (e) {
+                                e.preventDefault();
+                                if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
+                                    return;
+                                swiper.slidePrev();
+                                swiper.emit('navigationPrev');
+                            };
+                            //@ts-ignore : someone should refactor this
+                            swiper.navigation.onNextClick = function (e) {
+                                e.preventDefault();
+                                if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind)
+                                    return;
+                                swiper.slideNext();
+                                swiper.emit('navigationNext');
+                            };
+                        }
                         if (onAfterInit) {
                             onAfterInit(swiper);
                         }
@@ -383,5 +387,5 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
                         else {
                             return null;
                         }
-                    }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__carousel__next", ref: navigationNextRef, onClick: onNextButtonClick && (function (e) { return onNextButtonClick(e); }), children: nextButton || (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-down' : 'angle-right' }, subProps.icon, { name: 'next' })) }) })] })) })) : null;
+                    }) })), navigation !== false && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }), children: (0, jsx_runtime_1.jsx)("div", { className: "ss__carousel__next", ref: navigationNextRef, onClick: onNextButtonClick && (function (e) { return onNextButtonClick(e); }), children: nextButton || (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-down' : 'angle-right' }, subProps.icon, { name: 'next' })) }) }))] })) })) : null;
 });

package/dist/cjs/components/src/components/Molecules/Checkbox/Checkbox.d.ts

@@ -1,7 +1,8 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
 import { IconProps, IconType } from '../../Atoms/Icon';
 import { Lang } from '../../../hooks';
-export declare const Checkbox: ((properties: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+export declare const Checkbox: ((properties: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type CheckboxProps = {