@athoscommerce/snap-preact 1.1.5 → 1.2.0

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

@@ -143,25 +143,32 @@ var defaultStyles = function (_a) {
     });
 };
 exports.FacetSlider = (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, _s, _t, _u;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         tickSize: ((_a = properties.facet) === null || _a === void 0 ? void 0 : _a.step) ? ((_b = properties.facet) === null || _b === void 0 ? void 0 : _b.step) * 10 : 20,
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('facetSlider', globalTheme, defaultProps, properties);
-    var showTicks = props.showTicks, facet = props.facet, stickyHandleLabel = props.stickyHandleLabel, separateHandles = props.separateHandles, onChange = props.onChange, onDrag = props.onDrag, className = props.className, internalClassName = props.internalClassName;
+    var showTicks = props.showTicks, facet = props.facet, stickyHandleLabel = props.stickyHandleLabel, separateHandles = props.separateHandles, onChange = props.onChange, onDrag = props.onDrag, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_c = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _c === void 0 ? void 0 : _c.library.import.component.facetSlider) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var tickSize = props.tickSize;
     if (isNaN(Number(tickSize)) || Number(tickSize) <= 0) {
         // fallback to default (causes chrome to crash)
-        tickSize = ((_c = properties.facet) === null || _c === void 0 ? void 0 : _c.step) ? ((_d = properties.facet) === null || _d === void 0 ? void 0 : _d.step) * 10 : 20;
+        tickSize = ((_d = properties.facet) === null || _d === void 0 ? void 0 : _d.step) ? ((_e = properties.facet) === null || _e === void 0 ? void 0 : _e.step) * 10 : 20;
     }
     else {
         tickSize = Number(tickSize);
     }
-    var _v = (0, hooks_1.useState)([(_e = facet.active) === null || _e === void 0 ? void 0 : _e.low, (_f = facet.active) === null || _f === void 0 ? void 0 : _f.high]), values = _v[0], setValues = _v[1];
-    var _w = (0, hooks_1.useState)([(_g = facet.active) === null || _g === void 0 ? void 0 : _g.low, (_h = facet.active) === null || _h === void 0 ? void 0 : _h.high]), active = _w[0], setActive = _w[1];
+    var _w = (0, hooks_1.useState)([(_f = facet.active) === null || _f === void 0 ? void 0 : _f.low, (_g = facet.active) === null || _g === void 0 ? void 0 : _g.high]), values = _w[0], setValues = _w[1];
+    var _x = (0, hooks_1.useState)([(_h = facet.active) === null || _h === void 0 ? void 0 : _h.low, (_j = facet.active) === null || _j === void 0 ? void 0 : _j.high]), active = _x[0], setActive = _x[1];
     // Helper function to ensure min and max values are not equal
     var ensureValueSeparation = function (val) {
         var _a, _b;
@@ -190,11 +197,11 @@ exports.FacetSlider = (0, mobx_react_lite_1.observer)(function (properties) {
         }
         return val;
     };
-    if (((((_j = facet.active) === null || _j === void 0 ? void 0 : _j.low) || ((_k = facet.active) === null || _k === void 0 ? void 0 : _k.low) === 0) && ((_l = facet.active) === null || _l === void 0 ? void 0 : _l.high) && values[0] != ((_m = facet.active) === null || _m === void 0 ? void 0 : _m.low)) || values[1] != ((_o = facet.active) === null || _o === void 0 ? void 0 : _o.high)) {
-        setActive([(_p = facet.active) === null || _p === void 0 ? void 0 : _p.low, (_q = facet.active) === null || _q === void 0 ? void 0 : _q.high]);
-        setValues([(_r = facet.active) === null || _r === void 0 ? void 0 : _r.low, (_s = facet.active) === null || _s === void 0 ? void 0 : _s.high]);
+    if (((((_k = facet.active) === null || _k === void 0 ? void 0 : _k.low) || ((_l = facet.active) === null || _l === void 0 ? void 0 : _l.low) === 0) && ((_m = facet.active) === null || _m === void 0 ? void 0 : _m.high) && values[0] != ((_o = facet.active) === null || _o === void 0 ? void 0 : _o.low)) || values[1] != ((_p = facet.active) === null || _p === void 0 ? void 0 : _p.high)) {
+        setActive([(_q = facet.active) === null || _q === void 0 ? void 0 : _q.low, (_r = facet.active) === null || _r === void 0 ? void 0 : _r.high]);
+        setValues([(_s = facet.active) === null || _s === void 0 ? void 0 : _s.low, (_t = facet.active) === null || _t === void 0 ? void 0 : _t.high]);
     }
-    var _x = (0, react_ranger_1.useRanger)({
+    var _y = (0, react_ranger_1.useRanger)({
         values: active,
         onChange: function (val) {
             var _a;
@@ -217,11 +224,11 @@ exports.FacetSlider = (0, mobx_react_lite_1.observer)(function (properties) {
             setActive(adjustedVal);
             onDrag && onDrag(adjustedVal);
         },
-        min: (_t = facet.range) === null || _t === void 0 ? void 0 : _t.low,
-        max: (_u = facet.range) === null || _u === void 0 ? void 0 : _u.high,
+        min: (_u = facet.range) === null || _u === void 0 ? void 0 : _u.low,
+        max: (_v = facet.range) === null || _v === void 0 ? void 0 : _v.high,
         stepSize: facet.step,
         tickSize: tickSize,
-    }), getTrackProps = _x.getTrackProps, ticks = _x.ticks, segments = _x.segments, handles = _x.handles;
+    }), getTrackProps = _y.getTrackProps, ticks = _y.ticks, segments = _y.segments, handles = _y.handles;
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return facet.range && facet.active && facet.step ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('ss__facet-slider', className, internalClassName) }, getTrackProps(), styling, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__facet-slider__slider", children: [showTicks &&
                             ticks.map(function (_a) {

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Filter/Filter.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAsB/C,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAyFrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,IAAI,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH;AAOD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Filter/Filter.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAuB7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA8GrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,IAAI,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH;AAOD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC"}

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

@@ -44,15 +44,22 @@ var defaultStyles = function (_a) {
 };
 // TODO: look into urlManager and how it connects in this case, left the href out for the time being
 exports.Filter = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
+    var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('filter', globalTheme, defaultProps, properties);
-    var filter = props.filter, facetLabel = props.facetLabel, valueLabel = props.valueLabel, url = props.url, hideFacetLabel = props.hideFacetLabel, onClick = props.onClick, icon = props.icon, separator = props.separator, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var link = ((_a = filter === null || filter === void 0 ? void 0 : filter.url) === null || _a === void 0 ? void 0 : _a.link) || (url === null || url === void 0 ? void 0 : url.link);
+    var filter = props.filter, facetLabel = props.facetLabel, valueLabel = props.valueLabel, url = props.url, hideFacetLabel = props.hideFacetLabel, onClick = props.onClick, icon = props.icon, separator = props.separator, disableStyles = props.disableStyles, 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.filter) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var link = ((_b = filter === null || filter === void 0 ? void 0 : filter.url) === null || _b === void 0 ? void 0 : _b.link) || (url === null || url === void 0 ? void 0 : url.link);
     var value = (filter === null || filter === void 0 ? void 0 : filter.value.label) || valueLabel;
     var label = (filter === null || filter === void 0 ? void 0 : filter.facet.label) || facetLabel;
     var subProps = {
@@ -90,5 +97,5 @@ exports.Filter = (0, mobx_react_lite_1.observer)(function (properties) {
     return value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("a", __assign({}, styling, { className: (0, classnames_1.default)('ss__filter', className, internalClassName), onClick: function (e) {
                 (link === null || link === void 0 ? void 0 : link.onClick) && link.onClick(e);
                 onClick && onClick(e);
-            }, href: link === null || link === void 0 ? void 0 : link.href, tabIndex: 0 }, (_b = mergedLang.filter) === null || _b === void 0 ? void 0 : _b.all, { children: (0, jsx_runtime_1.jsxs)(Button_1.Button, __assign({}, subProps.button, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon))), !hideFacetLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "ss__filter__label", children: [label, separator && (0, jsx_runtime_1.jsx)("span", { className: "ss__filter__label__separator", children: separator })] })), (0, jsx_runtime_1.jsx)("span", { className: "ss__filter__value", children: value })] })) })) })) : null;
+            }, href: link === null || link === void 0 ? void 0 : link.href, tabIndex: 0 }, (_c = mergedLang.filter) === null || _c === void 0 ? void 0 : _c.all, { children: (0, jsx_runtime_1.jsxs)(Button_1.Button, __assign({}, subProps.button, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon))), !hideFacetLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "ss__filter__label", children: [label, separator && (0, jsx_runtime_1.jsx)("span", { className: "ss__filter__label__separator", children: separator })] })), (0, jsx_runtime_1.jsx)("span", { className: "ss__filter__value", children: value })] })) })) })) : null;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AAyHxD,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2DAyMzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,IAAI,EAAkC,MAAM,gBAAgB,CAAC;AA0HtE,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2DAkNzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -142,7 +142,9 @@ var defaultStyles = function (_a) {
     });
 };
 function Grid(properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         // default props
@@ -152,7 +154,13 @@ function Grid(properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('grid', globalTheme, defaultProps, properties);
-    var titleText = props.titleText, onSelect = props.onSelect, hideLabels = props.hideLabels, disableOverflowAction = props.disableOverflowAction, multiSelect = props.multiSelect, overflowButton = props.overflowButton, columns = props.columns, rows = props.rows, hideShowLess = props.hideShowLess, overflowButtonInGrid = props.overflowButtonInGrid, disabled = props.disabled, options = props.options, disableStyles = props.disableStyles, onOverflowButtonClick = props.onOverflowButtonClick, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, disableA11y = props.disableA11y;
+    var titleText = props.titleText, onSelect = props.onSelect, hideLabels = props.hideLabels, disableOverflowAction = props.disableOverflowAction, multiSelect = props.multiSelect, overflowButton = props.overflowButton, columns = props.columns, rows = props.rows, hideShowLess = props.hideShowLess, overflowButtonInGrid = props.overflowButtonInGrid, disabled = props.disabled, options = props.options, disableStyles = props.disableStyles, onOverflowButtonClick = props.onOverflowButtonClick, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, disableA11y = props.disableA11y, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.grid) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         image: __assign(__assign({ 
             // default props
@@ -168,7 +176,7 @@ function Grid(properties) {
         selected = [selected];
     }
     // selection state
-    var _a = (0, hooks_1.useState)(selected || []), selection = _a[0], setSelection = _a[1];
+    var _b = (0, hooks_1.useState)(selected || []), selection = _b[0], setSelection = _b[1];
     // original selection state
     var originalSelected = (0, hooks_1.useState)(selected || [])[0];
     // reset selection if 'selected' prop changes
@@ -209,7 +217,7 @@ function Grid(properties) {
     };
     var limit = rows && columns ? columns * rows : options.length;
     var remainder = Math.max(0, options.length - (limit - (overflowButtonInGrid ? 1 : 0)));
-    var _b = (0, hooks_1.useState)(!!remainder), limited = _b[0], setLimited = _b[1];
+    var _c = (0, hooks_1.useState)(!!remainder), limited = _c[0], setLimited = _c[1];
     var OverflowButtonElem = function () {
         var showButton = hideShowLess ? limited : true;
         //initialize lang

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/LayoutSelector/LayoutSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAYtC,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAqIrE,CAAC;AAOH,MAAM,MAAM,mBAAmB,GAAG;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"LayoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/LayoutSelector/LayoutSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAE,IAAI,EAAgB,MAAM,gBAAgB,CAAC;AAapD,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAyJrE,CAAC;AAOH,MAAM,MAAM,mBAAmB,GAAG;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,GAAG,iCAAiC,GACpC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -24,6 +24,7 @@ var utilities_1 = require("../../../utilities");
 var Select_1 = require("../Select");
 var List_1 = require("../List");
 var RadioList_1 = require("../RadioList");
+var hooks_1 = require("../../../hooks");
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var defaultStyles = function (_a) {
     return (0, react_1.css)({
@@ -34,7 +35,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.LayoutSelector = (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 = {
         label: 'Layout',
@@ -44,8 +47,14 @@ exports.LayoutSelector = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('layoutSelector', globalTheme, defaultProps, properties);
-    var options = props.options, selected = props.selected, type = props.type, onSelect = props.onSelect, showSingleOption = props.showSingleOption, hideLabel = props.hideLabel, hideOptionLabels = props.hideOptionLabels, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var options = props.options, selected = props.selected, type = props.type, onSelect = props.onSelect, showSingleOption = props.showSingleOption, hideLabel = props.hideLabel, hideOptionLabels = props.hideOptionLabels, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
     var label = props.label;
+    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.layoutSelector) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         Select: __assign(__assign({ hideOptionLabels: hideOptionLabels }, (0, utilities_1.defined)({
             disableStyles: disableStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/List/List.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AAmDxD,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2DAyKzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/List/List.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,IAAI,EAAkC,MAAM,gBAAgB,CAAC;AAoDtE,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,2DAkLzC;AAED,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CACzB,GAAG,uBAAuB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -78,14 +78,21 @@ var defaultStyles = function (_a) {
     });
 };
 function List(properties) {
-    var _a, _b;
+    var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('list', globalTheme, defaultProps, properties);
-    var titleText = props.titleText, onSelect = props.onSelect, native = props.native, multiSelect = props.multiSelect, hideOptionLabels = props.hideOptionLabels, hideOptionIcons = props.hideOptionIcons, hideOptionCheckboxes = props.hideOptionCheckboxes, disabled = props.disabled, hideTitleText = props.hideTitleText, options = props.options, requireSelection = props.requireSelection, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var titleText = props.titleText, onSelect = props.onSelect, native = props.native, multiSelect = props.multiSelect, hideOptionLabels = props.hideOptionLabels, hideOptionIcons = props.hideOptionIcons, hideOptionCheckboxes = props.hideOptionCheckboxes, disabled = props.disabled, hideTitleText = props.hideTitleText, options = props.options, requireSelection = props.requireSelection, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.list) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var selected = props.selected;
     var subProps = {
         checkbox: __assign(__assign({ 
@@ -108,7 +115,7 @@ function List(properties) {
         selected = [selected];
     }
     // selection state
-    var _c = (0, hooks_1.useState)(selected || []), selection = _c[0], setSelection = _c[1];
+    var _d = (0, hooks_1.useState)(selected || []), selection = _d[0], setSelection = _d[1];
     // original selection state
     var originalSelected = (0, hooks_1.useState)(selected || [])[0];
     // reset selection if 'selected' prop changes
@@ -160,7 +167,7 @@ function List(properties) {
         options: options,
         selectedOptions: selection,
     });
-    return typeof options == 'object' && (options === null || options === void 0 ? void 0 : options.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__list', { 'ss__list--native': native, 'ss__list--disabled': disabled }, className, internalClassName), children: [(titleText || ((_a = lang === null || lang === void 0 ? void 0 : lang.title) === null || _a === void 0 ? void 0 : _a.value)) && !hideTitleText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: "ss__list__title" }, (_b = mergedLang.title) === null || _b === void 0 ? void 0 : _b.all, { children: titleText }))), (0, jsx_runtime_1.jsx)("ul", { className: "ss__list__options", role: "listbox", "aria-label": titleText, children: options.map(function (option) {
+    return typeof options == 'object' && (options === null || options === void 0 ? void 0 : options.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__list', { 'ss__list--native': native, 'ss__list--disabled': disabled }, className, internalClassName), children: [(titleText || ((_b = lang === null || lang === void 0 ? void 0 : lang.title) === null || _b === void 0 ? void 0 : _b.value)) && !hideTitleText && ((0, jsx_runtime_1.jsx)("h5", __assign({ className: "ss__list__title" }, (_c = mergedLang.title) === null || _c === void 0 ? void 0 : _c.all, { children: titleText }))), (0, jsx_runtime_1.jsx)("ul", { className: "ss__list__options", role: "listbox", "aria-label": titleText, children: options.map(function (option) {
                         var _a;
                         var selected = selection.some(function (select) { return select.value == option.value; });
                         return ((0, jsx_runtime_1.jsxs)("li", { className: (0, classnames_1.default)("ss__list__option ss__list__option--".concat(snap_toolbox_1.filters.handleize((_a = option.value) === null || _a === void 0 ? void 0 : _a.toString())), {

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

@@ -1 +1 @@
-{"version":3,"file":"LoadMore.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/LoadMore/LoadMore.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAA4B,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqD7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAkKzD,CAAC;AAOH,MAAM,MAAM,aAAa,GAAG;IAC3B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC7B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,YAAY;IAC5B,cAAc,EAAE,IAAI,CAAC;QACpB,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;CACH"}
+{"version":3,"file":"LoadMore.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/LoadMore/LoadMore.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAA0C,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsD7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA2KzD,CAAC;AAOH,MAAM,MAAM,aAAa,GAAG;IAC3B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC7B,GAAG,2BAA2B,GAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,2BAA2B,GAAG;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,MAAM,WAAW,YAAY;IAC5B,cAAc,EAAE,IAAI,CAAC;QACpB,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;CACH"}

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

@@ -79,8 +79,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.LoadMore = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         loadMoreText: 'Load More',
@@ -91,9 +92,15 @@ exports.LoadMore = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('loadMore', globalTheme, defaultProps, properties);
-    var pagination = props.pagination, controller = props.controller, onClick = props.onClick, autoFetch = props.autoFetch, intersectionOffset = props.intersectionOffset, loading = props.loading, loadMoreText = props.loadMoreText, hideProgressIndicator = props.hideProgressIndicator, hideProgressText = props.hideProgressText, loadingLocation = props.loadingLocation, loadingIcon = props.loadingIcon, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var store = pagination || ((_a = controller === null || controller === void 0 ? void 0 : controller.store) === null || _a === void 0 ? void 0 : _a.pagination);
-    var isLoading = typeof loading == 'boolean' ? loading : (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.loading;
+    var pagination = props.pagination, controller = props.controller, onClick = props.onClick, autoFetch = props.autoFetch, intersectionOffset = props.intersectionOffset, loading = props.loading, loadMoreText = props.loadMoreText, hideProgressIndicator = props.hideProgressIndicator, hideProgressText = props.hideProgressText, loadingLocation = props.loadingLocation, loadingIcon = props.loadingIcon, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.loadMore) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var store = pagination || ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination);
+    var isLoading = typeof loading == 'boolean' ? loading : (_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.loading;
     var isButtonDisabled = (isLoading && loadingLocation === 'button') || !Boolean(store === null || store === void 0 ? void 0 : store.next);
     var subProps = {
         button: __assign(__assign({ 
@@ -120,7 +127,7 @@ exports.LoadMore = (0, mobx_react_lite_1.observer)(function (properties) {
         var loadMoreRef = (0, hooks_1.useRef)(null);
         autoProps.ref = loadMoreRef;
         var loadMoreInViewport = (0, hooks_2.useIntersection)(loadMoreRef, intersectionOffset || '0px');
-        var _d = (0, hooks_1.useState)(true), preventLoading = _d[0], setPreventLoading_1 = _d[1];
+        var _e = (0, hooks_1.useState)(true), preventLoading = _e[0], setPreventLoading_1 = _e[1];
         if (isLoading) {
             setPreventLoading_1(true);
         }
@@ -154,5 +161,5 @@ exports.LoadMore = (0, mobx_react_lite_1.observer)(function (properties) {
                                 var _a;
                                 (_a = store.next) === null || _a === void 0 ? void 0 : _a.url.go({ history: 'replace' });
                                 onClick && onClick(e);
-                            } }, subProps.button, mergedLang.loadMoreButton.attributes, { children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.loadMoreButton.value, { children: loadMoreText })), loadingIcon && isLoading && loadingLocation === 'button' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof loadingIcon == 'string' ? { icon: loadingIcon } : loadingIcon)))) : null] })), loadingIcon && isLoading && loadingLocation === 'outside' && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof loadingIcon == 'string' ? { icon: loadingIcon } : loadingIcon))))] })), (!hideProgressIndicator || !hideProgressText) && ((0, jsx_runtime_1.jsx)("div", { className: 'ss__load-more__progress', children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideProgressIndicator && ((0, jsx_runtime_1.jsx)("div", { className: 'ss__load-more__progress__indicator', children: (0, jsx_runtime_1.jsx)("div", { className: "ss__load-more__progress__indicator__bar" }) })), !hideProgressText && ((0, jsx_runtime_1.jsx)("div", __assign({ "aria-atomic": "true", "aria-live": "polite", className: 'ss__load-more__progress__text' }, (_c = mergedLang.progressText) === null || _c === void 0 ? void 0 : _c.all)))] }) }))] })) })) : null;
+                            } }, subProps.button, mergedLang.loadMoreButton.attributes, { children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.loadMoreButton.value, { children: loadMoreText })), loadingIcon && isLoading && loadingLocation === 'button' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof loadingIcon == 'string' ? { icon: loadingIcon } : loadingIcon)))) : null] })), loadingIcon && isLoading && loadingLocation === 'outside' && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof loadingIcon == 'string' ? { icon: loadingIcon } : loadingIcon))))] })), (!hideProgressIndicator || !hideProgressText) && ((0, jsx_runtime_1.jsx)("div", { className: 'ss__load-more__progress', children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideProgressIndicator && ((0, jsx_runtime_1.jsx)("div", { className: 'ss__load-more__progress__indicator', children: (0, jsx_runtime_1.jsx)("div", { className: "ss__load-more__progress__indicator__bar" }) })), !hideProgressText && ((0, jsx_runtime_1.jsx)("div", __assign({ "aria-atomic": "true", "aria-live": "polite", className: 'ss__load-more__progress__text' }, (_d = mergedLang.progressText) === null || _d === void 0 ? void 0 : _d.all)))] }) }))] })) })) : null;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAuC7D,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CAqKnD,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAwC7D,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CA8KnD,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC"}

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

@@ -57,7 +57,9 @@ var defaultStyles = function () {
 };
 exports.Modal = (0, mobx_react_lite_1.observer)(function (properties) {
     var _a;
+    var _b;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         startOpen: false,
@@ -67,7 +69,13 @@ exports.Modal = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('modal', globalTheme, defaultProps, properties);
-    var button = props.button, content = props.content, buttonSelector = props.buttonSelector, children = props.children, disabled = props.disabled, open = props.open, onClick = props.onClick, lockScroll = props.lockScroll, startOpen = props.startOpen, disableClickOutside = props.disableClickOutside, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName, disableStyles = props.disableStyles, overlayColor = props.overlayColor, onOverlayClick = props.onOverlayClick, treePath = props.treePath;
+    var button = props.button, content = props.content, buttonSelector = props.buttonSelector, children = props.children, disabled = props.disabled, open = props.open, onClick = props.onClick, lockScroll = props.lockScroll, startOpen = props.startOpen, disableClickOutside = props.disableClickOutside, disableA11y = props.disableA11y, className = props.className, internalClassName = props.internalClassName, disableStyles = props.disableStyles, overlayColor = props.overlayColor, onOverlayClick = props.onOverlayClick, treePath = props.treePath, customComponent = props.customComponent;
+    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.modal) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         overlay: __assign(__assign({ 
             // default props

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAuD9D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CAiGjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CACjF,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAe,MAAM,gBAAgB,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAuD9D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB;;CAwGjE,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CACjF,GAAG,+BAA+B,GAClC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,MAAM,+BAA+B,GAAG;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC"}

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

@@ -59,7 +59,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.OverlayBadge = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var globalTheme = (0, providers_1.useTheme)();
     var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
@@ -68,19 +68,25 @@ exports.OverlayBadge = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('overlayBadge', globalTheme, defaultProps, properties);
-    var result = props.result, children = props.children, controller = props.controller, renderEmpty = props.renderEmpty, limit = props.limit, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var result = props.result, children = props.children, controller = props.controller, 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.overlayBadge) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     if (!children) {
-        (_a = controller === null || controller === void 0 ? void 0 : controller.log) === null || _a === void 0 ? void 0 : _a.warn('OverlayBadge component must have children');
+        (_b = controller === null || controller === void 0 ? void 0 : controller.log) === null || _b === void 0 ? void 0 : _b.warn('OverlayBadge component must have children');
         return null;
     }
-    var meta = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.meta;
+    var meta = (_c = controller === null || controller === void 0 ? void 0 : controller.store) === null || _c === void 0 ? void 0 : _c.meta;
     if (!meta) {
-        (_c = controller === null || controller === void 0 ? void 0 : controller.log) === null || _c === void 0 ? void 0 : _c.warn('Controller must have a meta store');
+        (_d = controller === null || controller === void 0 ? void 0 : controller.log) === null || _d === void 0 ? void 0 : _d.warn('Controller must have a meta store');
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
     }
     var group = 'overlay';
-    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_d = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _d === void 0 ? void 0 : _d.library.import.component.badge) || {})), props.componentMap);
-    var sections = (_g = (_f = (_e = meta === null || meta === void 0 ? void 0 : meta.badges) === null || _e === void 0 ? void 0 : _e.groups) === null || _f === void 0 ? void 0 : _f[group]) === null || _g === void 0 ? void 0 : _g.sections;
+    var badgeComponentMap = __assign(__assign(__assign({}, utilities_1.defaultBadgeComponentMap), (((_e = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _e === void 0 ? void 0 : _e.library.import.component.badge) || {})), props.componentMap);
+    var sections = (_h = (_g = (_f = meta === null || meta === void 0 ? void 0 : meta.badges) === null || _f === void 0 ? void 0 : _f.groups) === null || _g === void 0 ? void 0 : _g[group]) === null || _h === void 0 ? void 0 : _h.sections;
     // build locations and filter out the locations that have no badges in them to prevent rendering
     var locations = sections === null || sections === void 0 ? void 0 : sections.map(function (section) {
         var _a, _b;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAkB/C,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CAuK7D,CAAC;AAMH,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B,GAAG,6BAA6B,GAChC,cAAc,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,MAAM,6BAA6B,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,IAAI,CAAC;QACd,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,KAAK,EAAE,IAAI,CAAC;QACX,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;QAClC,IAAI,EAAE,IAAI,CAAC;KACX,CAAC,CAAC;CACH"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAmB7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CAgL7D,CAAC;AAMH,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B,GAAG,6BAA6B,GAChC,cAAc,CAAC,eAAe,CAAC,CAAC;AAEjC,MAAM,MAAM,6BAA6B,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,IAAI,CAAC;QACd,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,KAAK,EAAE,IAAI,CAAC;QACX,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACH,IAAI,EAAE,IAAI,CAAC;QACV,UAAU,EAAE,qBAAqB,CAAC;QAClC,IAAI,EAAE,IAAI,CAAC;KACX,CAAC,CAAC;CACH"}

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

@@ -40,15 +40,22 @@ var defaultStyles = function () {
     });
 };
 exports.Pagination = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         pages: 5,
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('pagination', globalTheme, defaultProps, properties);
-    var pagination = props.pagination, controller = props.controller, pages = props.pages, pagesLeft = props.pagesLeft, pagesRight = props.pagesRight, hideFirst = props.hideFirst, hideLast = props.hideLast, persistFirst = props.persistFirst, persistLast = props.persistLast, hideEllipsis = props.hideEllipsis, hideNext = props.hideNext, hidePrev = props.hidePrev, nextButton = props.nextButton, prevButton = props.prevButton, firstButton = props.firstButton, lastButton = props.lastButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var pagination = props.pagination, controller = props.controller, pages = props.pages, pagesLeft = props.pagesLeft, pagesRight = props.pagesRight, hideFirst = props.hideFirst, hideLast = props.hideLast, persistFirst = props.persistFirst, persistLast = props.persistLast, hideEllipsis = props.hideEllipsis, hideNext = props.hideNext, hidePrev = props.hidePrev, nextButton = props.nextButton, prevButton = props.prevButton, firstButton = props.firstButton, lastButton = props.lastButton, disableStyles = props.disableStyles, 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.pagination) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         icon: __assign(__assign({ 
             // default props
@@ -58,7 +65,7 @@ exports.Pagination = (0, mobx_react_lite_1.observer)(function (properties) {
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
     };
-    var store = pagination || ((_a = controller === null || controller === void 0 ? void 0 : controller.store) === null || _a === void 0 ? void 0 : _a.pagination);
+    var store = pagination || ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination);
     var getPagesParams = Number.isInteger(pagesLeft) && Number.isInteger(pagesRight) ? [pagesLeft, pagesRight] : [pages];
     var _pages = store === null || store === void 0 ? void 0 : store.getPages.apply(store, getPagesParams);
     var pageNumbers = _pages === null || _pages === void 0 ? void 0 : _pages.map(function (page) { return page.number; });
@@ -91,7 +98,7 @@ exports.Pagination = (0, mobx_react_lite_1.observer)(function (properties) {
     var mergedLang = (0, hooks_1.useLang)(lang, {
         pagination: store,
     });
-    return pageNumbers && pageNumbers.length > 1 && (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, { className: (0, classnames_1.default)('ss__pagination', className, internalClassName), children: (0, jsx_runtime_1.jsxs)("nav", { role: "navigation", "aria-label": "Pagination", children: [store.previous && !hidePrev && ((0, jsx_runtime_1.jsx)("a", __assign({}, store.previous.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--previous') }, (_b = mergedLang.previous) === null || _b === void 0 ? void 0 : _b.all, { children: prevButton ? prevButton : (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'angle-left', name: 'prev' })) }))), (!pageNumbers.includes(store.first.number) || (persistFirst && store.page !== store.first.number)) && !hideFirst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("a", __assign({}, store.first.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--first') }, (_c = mergedLang.first) === null || _c === void 0 ? void 0 : _c.all, { children: firstButton ? firstButton : store.first.number })), !pageNumbers.includes(2) && !hideEllipsis && (0, jsx_runtime_1.jsx)("span", { children: "\u2026" })] })), _pages &&
+    return pageNumbers && pageNumbers.length > 1 && (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, { className: (0, classnames_1.default)('ss__pagination', className, internalClassName), children: (0, jsx_runtime_1.jsxs)("nav", { role: "navigation", "aria-label": "Pagination", children: [store.previous && !hidePrev && ((0, jsx_runtime_1.jsx)("a", __assign({}, store.previous.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--previous') }, (_c = mergedLang.previous) === null || _c === void 0 ? void 0 : _c.all, { children: prevButton ? prevButton : (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'angle-left', name: 'prev' })) }))), (!pageNumbers.includes(store.first.number) || (persistFirst && store.page !== store.first.number)) && !hideFirst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("a", __assign({}, store.first.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--first') }, (_d = mergedLang.first) === null || _d === void 0 ? void 0 : _d.all, { children: firstButton ? firstButton : store.first.number })), !pageNumbers.includes(2) && !hideEllipsis && (0, jsx_runtime_1.jsx)("span", { children: "\u2026" })] })), _pages &&
                         _pages.map(function (page) {
                             var _a, _b;
                             //initialize lang
@@ -109,5 +116,5 @@ exports.Pagination = (0, mobx_react_lite_1.observer)(function (properties) {
                                 page: page,
                             });
                             return page.active ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--active') }, (_a = mergedPageLang.page) === null || _a === void 0 ? void 0 : _a.all, { "aria-current": "true", "aria-live": "polite", children: page.number }))) : ((0, jsx_runtime_1.jsx)("a", __assign({}, page.url.link, { className: "ss__pagination__page" }, (_b = mergedPageLang.page) === null || _b === void 0 ? void 0 : _b.all, { children: page.number })));
-                        }), (!pageNumbers.includes(store.last.number) || (persistLast && store.page !== store.last.number)) && !hideLast && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!pageNumbers.includes(store.totalPages - 1) && !hideEllipsis && (0, jsx_runtime_1.jsx)("span", { children: "\u2026" }), (0, jsx_runtime_1.jsx)("a", __assign({}, store.last.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--last') }, (_d = mergedLang.last) === null || _d === void 0 ? void 0 : _d.all, { children: lastButton ? lastButton : store.last.number }))] })), store.next && !hideNext && ((0, jsx_runtime_1.jsx)("a", __assign({}, store.next.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--next') }, (_e = mergedLang.next) === null || _e === void 0 ? void 0 : _e.all, { children: nextButton ? nextButton : (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'angle-right', name: 'next' })) })))] }) })) })) : null;
+                        }), (!pageNumbers.includes(store.last.number) || (persistLast && store.page !== store.last.number)) && !hideLast && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!pageNumbers.includes(store.totalPages - 1) && !hideEllipsis && (0, jsx_runtime_1.jsx)("span", { children: "\u2026" }), (0, jsx_runtime_1.jsx)("a", __assign({}, store.last.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--last') }, (_e = mergedLang.last) === null || _e === void 0 ? void 0 : _e.all, { children: lastButton ? lastButton : store.last.number }))] })), store.next && !hideNext && ((0, jsx_runtime_1.jsx)("a", __assign({}, store.next.url.link, { className: (0, classnames_1.default)('ss__pagination__page', 'ss__pagination__page--next') }, (_f = mergedLang.next) === null || _f === void 0 ? void 0 : _f.all, { children: nextButton ? nextButton : (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'angle-right', name: 'next' })) })))] }) })) })) : null;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/PerPage/PerPage.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAIvE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAWtC,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CAuHvD,CAAC;AAQH,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}
+{"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/PerPage/PerPage.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAIvE,OAAO,EAAE,IAAI,EAAgB,MAAM,gBAAgB,CAAC;AAYpD,eAAO,MAAM,OAAO,gBAAyB,YAAY;;CA+HvD,CAAC;AAQH,MAAM,MAAM,YAAY,GAAG;IAC1B,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B,GAAG,0BAA0B,GAC7B,cAAc,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -25,6 +25,7 @@ var Select_1 = require("../Select");
 var RadioList_1 = require("../RadioList");
 var List_1 = require("../List");
 var deepmerge_1 = __importDefault(require("deepmerge"));
+var hooks_1 = require("../../../hooks");
 var defaultStyles = function () {
     return (0, react_1.css)({
         '.ss__button__content': {
@@ -34,8 +35,9 @@ var defaultStyles = function () {
     });
 };
 exports.PerPage = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         label: 'Per Page',
@@ -43,8 +45,14 @@ exports.PerPage = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('perPage', globalTheme, defaultProps, properties);
-    var pagination = props.pagination, type = props.type, controller = props.controller, label = props.label, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
-    var store = pagination || ((_a = controller === null || controller === void 0 ? void 0 : controller.store) === null || _a === void 0 ? void 0 : _a.pagination);
+    var pagination = props.pagination, type = props.type, controller = props.controller, label = props.label, disableStyles = props.disableStyles, 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.perPage) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
+    var store = pagination || ((_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.pagination);
     var subProps = {
         select: __assign(__assign({}, (0, utilities_1.defined)({
             disableStyles: disableStyles,
@@ -63,7 +71,7 @@ exports.PerPage = (0, mobx_react_lite_1.observer)(function (properties) {
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
     };
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var selectedOption = store && ((_b = store === null || store === void 0 ? void 0 : store.pageSizeOptions) === null || _b === void 0 ? void 0 : _b.find(function (option) { return option.value == (store === null || store === void 0 ? void 0 : store.pageSize); }));
+    var selectedOption = store && ((_c = store === null || store === void 0 ? void 0 : store.pageSizeOptions) === null || _c === void 0 ? void 0 : _c.find(function (option) { return option.value == (store === null || store === void 0 ? void 0 : store.pageSize); }));
     //initialize lang
     var defaultLang = {
         label: {
@@ -73,7 +81,7 @@ exports.PerPage = (0, mobx_react_lite_1.observer)(function (properties) {
     //deep merge with props.lang
     var lang = (0, deepmerge_1.default)(defaultLang, props.lang || {});
     // options can be an Array or ObservableArray - but should have length
-    return (store === null || store === void 0 ? void 0 : store.pageSize) && typeof (store === null || store === void 0 ? void 0 : store.pageSizeOptions) == 'object' && ((_c = store.pageSizeOptions) === null || _c === void 0 ? void 0 : _c.length) ? ((0, jsx_runtime_1.jsxs)(providers_1.CacheProvider, { children: [(type === null || type === void 0 ? void 0 : type.toLowerCase()) == 'dropdown' && ((0, jsx_runtime_1.jsx)(Select_1.Select, __assign({}, styling, { className: (0, classnames_1.default)('ss__per-page', 'ss__per-page__select', className, internalClassName) }, subProps.select, { label: label, options: store.pageSizeOptions, selected: selectedOption, onSelect: function (e, option) {
+    return (store === null || store === void 0 ? void 0 : store.pageSize) && typeof (store === null || store === void 0 ? void 0 : store.pageSizeOptions) == 'object' && ((_d = store.pageSizeOptions) === null || _d === void 0 ? void 0 : _d.length) ? ((0, jsx_runtime_1.jsxs)(providers_1.CacheProvider, { children: [(type === null || type === void 0 ? void 0 : type.toLowerCase()) == 'dropdown' && ((0, jsx_runtime_1.jsx)(Select_1.Select, __assign({}, styling, { className: (0, classnames_1.default)('ss__per-page', 'ss__per-page__select', className, internalClassName) }, subProps.select, { label: label, options: store.pageSizeOptions, selected: selectedOption, onSelect: function (e, option) {
                     store.setPageSize(+option.value);
                 }, lang: {
                     buttonLabel: lang.label,

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Radio/Radio.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAuB/C,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CAgJnD,CAAC;AAOH,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC1B,GAAG,wBAAwB,GAC3B,cAAc,CAAC,UAAU,CAAC,CAAC;AAE5B,MAAM,MAAM,wBAAwB,GAAG;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,SAAS;IACzB,KAAK,EAAE,IAAI,CAAC;QACX,QAAQ,EAAE,OAAO,CAAC;QAClB,YAAY,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;CACH"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Radio/Radio.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAG7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAwB7D,eAAO,MAAM,KAAK,gBAAyB,UAAU;;CAyJnD,CAAC;AAOH,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC1B,GAAG,wBAAwB,GAC3B,cAAc,CAAC,UAAU,CAAC,CAAC;AAE5B,MAAM,MAAM,wBAAwB,GAAG;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,SAAS;IACzB,KAAK,EAAE,IAAI,CAAC;QACX,QAAQ,EAAE,OAAO,CAAC;QAClB,YAAY,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;CACH"}