@searchspring/snap-preact-components 0.51.2 → 0.52.0

package/dist/cjs/components/Atoms/Badge/Badge.d.ts

@@ -2,9 +2,7 @@
 /** @jsx jsx */
 import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const Badge: ((properties: BadgeProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Badge: (properties: BadgeProps) => JSX.Element;
 export interface BadgeProps extends ComponentProps {
     content?: any;
     children?: ComponentChildren;

package/dist/cjs/components/Atoms/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,gBAAyB,UAAU,KAAG,WAAW;;CAgCjE,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAgCtD,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}

package/dist/cjs/components/Atoms/Badge/Badge.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var providers_1 = require("../../../providers");
 var CSS = {
     badge: function (_a) {
@@ -25,7 +25,7 @@ var CSS = {
         return (0, react_1.css)(__assign({ display: 'inline-block', position: 'absolute' }, position));
     },
 };
-exports.Badge = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Badge = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 

package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { ComponentProps } from '../../../types';
-export declare const Breadcrumbs: ((properties: BreadcrumbProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Breadcrumbs: (properties: BreadcrumbProps) => JSX.Element;
 export interface BreadcrumbProps extends ComponentProps {
     data: {
         label: string;

package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAgB5D,eAAO,MAAM,WAAW,gBAAyB,eAAe,KAAG,WAAW;;CAmC5E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAgB5D,eAAO,MAAM,WAAW,eAAyB,eAAe,KAAG,WAmCjE,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC"}

package/dist/cjs/components/Atoms/Breadcrumbs/Breadcrumbs.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var providers_1 = require("../../../providers");
 var CSS = {
     breadcrumbs: function () {
@@ -32,7 +32,7 @@ var CSS = {
         });
     },
 };
-exports.Breadcrumbs = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Breadcrumbs = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 

package/dist/cjs/components/Atoms/Button/Button.d.ts

@@ -3,9 +3,7 @@
 /// <reference types="react" />
 import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const Button: ((properties: ButtonProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Button: (properties: ButtonProps) => JSX.Element;
 export interface ButtonProps extends ComponentProps {
     backgroundColor?: string;
     borderColor?: string;

package/dist/cjs/components/Atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,aAAa;;AAEb,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA8BhD,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAwDnE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,aAAa;;AAEb,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA8BhD,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAwDxD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/cjs/components/Atoms/Button/Button.js

@@ -20,7 +20,7 @@ exports.Button = void 0;
 var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var providers_1 = require("../../../providers");
 var useA11y_1 = require("../../../hooks/useA11y");
 var CSS = {
@@ -51,7 +51,7 @@ var CSS = {
     },
     native: function () { return (0, react_1.css)({}); },
 };
-exports.Button = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Button = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var theme = __assign(__assign({}, globalTheme), properties.theme);

package/dist/cjs/components/Atoms/Dropdown/Dropdown.d.ts

@@ -2,9 +2,7 @@
 /** @jsx jsx */
 import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const Dropdown: ((properties: DropdownProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Dropdown: (properties: DropdownProps) => JSX.Element;
 export interface DropdownProps extends ComponentProps {
     button: string | JSX.Element;
     content?: string | JSX.Element;

package/dist/cjs/components/Atoms/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA+B5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAiGvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA+B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAiG5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/cjs/components/Atoms/Dropdown/Dropdown.js

@@ -18,7 +18,7 @@ exports.Dropdown = void 0;
 var hooks_1 = require("preact/hooks");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var providers_1 = require("../../../providers");
 var hooks_2 = require("../../../hooks");
 var utilities_1 = require("../../../utilities");
@@ -49,7 +49,7 @@ var CSS = {
         });
     },
 };
-exports.Dropdown = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Dropdown = (0, mobx_react_1.observer)(function (properties) {
     var _a;
     var _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();

package/dist/cjs/components/Atoms/Icon/Icon.d.ts

@@ -4,7 +4,7 @@ import { ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 import { IconType } from './paths';
 export declare function Icon(properties: IconProps): JSX.Element;
-export declare type SVGPathElement = {
+export type SVGPathElement = {
     type: string;
     attributes: {
         [attribute: string]: string;

package/dist/cjs/components/Atoms/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAa,QAAQ,EAAE,MAAM,SAAS,CAAC;AAa9C,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAkDvD;AAED,oBAAY,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE;QACX,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;KAC5B,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAa,QAAQ,EAAE,MAAM,SAAS,CAAC;AAa9C,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAkDvD;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE;QACX,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;KAC5B,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/cjs/components/Atoms/Icon/paths.d.ts

@@ -1,5 +1,5 @@
 import { SVGPathElement } from './Icon';
-export declare type IconType = keyof typeof iconPaths;
+export type IconType = keyof typeof iconPaths;
 export declare const iconPaths: {
     [name: string]: string | SVGPathElement[];
 };

package/dist/cjs/components/Atoms/Icon/paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/paths.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,oBAAY,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,EAAE,CAAA;CAyHlE,CAAC"}
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/paths.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,EAAE,CAAA;CA0HlE,CAAC"}

package/dist/cjs/components/Atoms/Icon/paths.js

@@ -6,6 +6,7 @@ exports.iconPaths = {
     'angle-down': 'M56 16.329c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.786-0.561 1.291-0.561 0.449 0 0.954 0.224 1.291 0.561l22.052 22.052 22.052-22.052c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.842 0.561 1.291z',
     'angle-left': 'M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z',
     'angle-right': 'M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z',
+    bag: 'M46.5435 18.6657C46.142 15.4166 43.9379 13.1711 40.4449 13.1711H37.3295C36.8838 5.75827 35.1521 0 28.4228 0C21.5677 0 19.8993 5.75827 19.4922 13.1711H16.1019C12.6083 13.1711 10.3416 15.5058 10.0027 18.6657L6.01336 49.5651L6 49.7409C6 53.1533 8.79407 56 12.1 56H44.4455C47.7521 56 50.5455 53.1407 50.5455 49.729L46.5435 18.6657ZM28.4228 3.29383C32.3475 3.29383 33.6011 6.58138 33.9913 13.1704H22.8164C23.1574 6.58138 24.3442 3.29383 28.4228 3.29383ZM44.4455 52.7055H12.1C10.6488 52.7055 9.372 51.4045 9.32279 49.8448L13.3226 18.7676C13.5301 17.0614 14.8195 16.4643 16.1019 16.4643H19.3833C19.3608 17.2881 19.3601 19.3249 19.3601 20.7598C19.3601 21.6694 20.1032 22.4311 21.02 22.4311C21.9369 22.4311 22.6807 21.6589 22.6807 20.7486C22.6807 19.2391 22.6871 17.2888 22.7096 16.4643H34.1242C34.1544 17.2881 34.1656 19.2635 34.1656 20.7598C34.1656 21.6694 34.9081 22.4311 35.8256 22.4311C36.7418 22.4311 37.4856 21.6589 37.4856 20.7486C37.4856 19.3465 37.4842 18.1119 37.4575 16.4643H40.4449C41.7266 16.4643 42.995 17.0397 43.2235 18.7787L47.2234 49.8218C47.1742 51.3808 45.8981 52.7055 44.4455 52.7055Z',
     ban: 'M47.769 27.982c0-3.961-1.163-7.631-3.162-10.72l-27.4 27.364c3.125 2.035 6.832 3.234 10.793 3.234 10.902 0 19.769-8.903 19.769-19.878zM11.465 38.848l27.437-27.4c-3.125-2.108-6.868-3.307-10.902-3.307-10.902 0-19.769 8.903-19.769 19.842 0 4.034 1.199 7.74 3.234 10.866zM55.909 27.982c0 15.481-12.501 28.018-27.909 28.018s-27.909-12.537-27.909-28.018c0-15.445 12.501-27.982 27.909-27.982s27.909 12.537 27.909 27.982z',
     check: 'M56 14.921c0 0.903-0.361 1.806-1.012 2.457l-31.071 31.071c-0.65 0.65-1.554 1.012-2.457 1.012s-1.806-0.361-2.457-1.012l-17.992-17.992c-0.65-0.65-1.012-1.554-1.012-2.457s0.361-1.806 1.012-2.457l4.914-4.914c0.65-0.65 1.554-1.012 2.457-1.012s1.806 0.361 2.457 1.012l10.622 10.658 23.701-23.737c0.65-0.65 1.554-1.012 2.457-1.012s1.806 0.361 2.457 1.012l4.914 4.914c0.65 0.65 1.012 1.554 1.012 2.457z',
     'check-thin': 'M17.771 40.395l33.749-33.749 4.48 4.48-38.229 38.229-17.771-17.771 4.48-4.48z',

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

@@ -42,7 +42,7 @@ function Price(properties) {
         // default props
         symbol: '$', decimalPlaces: 2, padDecimalPlaces: true, thousandsSeparator: ',', decimalSeparator: '.', symbolAfter: false, lineThrough: false }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.price), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.price);
     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, disableStyles = props.disableStyles, className = props.className, style = props.style;
-    var formattedPrice = snap_toolbox_1.filters.currency(value, {
+    var formattedPrice = snap_toolbox_1.filters.currency(+value, {
         symbol: symbol,
         decimalPlaces: decimalPlaces,
         padDecimalPlaces: padDecimalPlaces,

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { ComponentProps } from '../../../types';
-export declare const Skeleton: ((properties: SkeletonProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Skeleton: (properties: SkeletonProps) => JSX.Element;
 export interface SkeletonProps extends ComponentProps {
     width: string;
     height: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyC5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CA0BvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,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"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyC5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA0B5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,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"}

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

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var providers_1 = require("../../../providers");
 var CSS = {
     skeleton: function (_a) {
@@ -56,7 +56,7 @@ var CSS = {
         },
     }),
 };
-exports.Skeleton = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Skeleton = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import SwiperCore from 'swiper/core';
-import { SwiperOptions } from 'swiper';
+import type { Swiper as SwiperTypes } from 'swiper';
+import type { PaginationOptions } from 'swiper/types/modules/pagination';
+import type { NavigationOptions } from 'swiper/types/modules/navigation';
 import { ComponentProps, BreakpointsProps } from '../../../types';
 export declare const defaultCarouselBreakpoints: {
     0: {
@@ -36,22 +37,24 @@ export declare const defaultVerticalCarouselBreakpoints: {
         spaceBetween: number;
     };
 };
-export declare const Carousel: ((properties: CarouselProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Carousel: (properties: CarouselProps) => JSX.Element;
 export interface CarouselProps extends ComponentProps {
     breakpoints?: BreakpointsProps;
     prevButton?: JSX.Element | string;
     nextButton?: JSX.Element | string;
     hideButtons?: boolean;
     loop?: boolean;
+    spaceBetween?: number;
     vertical?: boolean;
-    pagination?: boolean | SwiperOptions['pagination'];
+    pagination?: boolean | PaginationOptions;
+    navigation?: boolean | NavigationOptions;
     autoAdjustSlides?: boolean;
-    onClick?: (swiper: SwiperCore, e: MouseEvent | TouchEvent | PointerEvent) => void;
+    onClick?: (swiper: SwiperTypes, e: MouseEvent | TouchEvent | PointerEvent) => void;
     onNextButtonClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onPrevButtonClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onInit?: (swiper: SwiperCore) => void;
+    onBeforeInit?: (swiper: SwiperTypes) => void;
+    onInit?: (swiper: SwiperTypes) => void;
+    onAfterInit?: (swiper: SwiperTypes) => void;
     modules?: any[];
     children: JSX.Element[];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAA4C,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAmI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CA6JvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,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,aAAa,CAAC,YAAY,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,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,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAuP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,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,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}

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

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -54,11 +31,11 @@ var preact_1 = require("preact");
 var hooks_1 = require("preact/hooks");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var deepmerge_1 = __importDefault(require("deepmerge"));
-var core_1 = __importStar(require("swiper/core"));
-var Icon_1 = require("../../Atoms/Icon/Icon");
 var react_2 = require("swiper/react");
+var modules_1 = require("swiper/modules");
+var Icon_1 = require("../../Atoms/Icon/Icon");
 var utilities_1 = require("../../../utilities");
 var providers_1 = require("../../../providers");
 var useDisplaySettings_1 = require("../../../hooks/useDisplaySettings");
@@ -119,7 +96,7 @@ var CSS = {
                     cursor: 'default',
                 },
             },
-            '.swiper-container': {
+            '.swiper': {
                 display: 'flex',
                 flexDirection: 'column',
                 marginLeft: 'auto',
@@ -129,11 +106,10 @@ var CSS = {
                 listStyle: 'none',
                 padding: 0,
                 zIndex: '1',
+                width: '100%',
             },
-            '.swiper-container-vertical': {
-                '.swiper-wrapper': {
-                    flexDirection: 'column',
-                },
+            '.swiper-vertical > .swiper-wrapper': {
+                flexDirection: 'column',
             },
             '.swiper-wrapper': {
                 order: 0,
@@ -174,15 +150,15 @@ var CSS = {
                     background: ((_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#000',
                 },
             },
-            '.swiper-container-pointer-events': {
-                touchAction: 'pan-y',
-                '&.swiper-container-vertical': {
-                    touchAction: 'pan-x',
-                },
-            },
             '.swiper-slide-invisible-blank': {
                 visibility: 'hidden',
             },
+            '.swiper-horizontal': {
+                touchAction: 'pan-y',
+            },
+            '.swiper-vertical': {
+                touchAction: 'pan-x',
+            },
         });
     },
 };
@@ -220,7 +196,7 @@ exports.defaultVerticalCarouselBreakpoints = {
         spaceBetween: 0,
     },
 };
-exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Carousel = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();
     var theme = __assign(__assign({}, globalTheme), properties.theme);
@@ -235,12 +211,12 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
         if (props.autoAdjustSlides && props.children.length < displaySettings.slidesPerView) {
             displaySettings.slidesPerView = props.children.length;
             displaySettings.slidesPerGroup = props.children.length;
-            displaySettings.loop = false;
         }
         props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme_1 });
     }
-    var children = props.children, loop = props.loop, nextButton = props.nextButton, prevButton = props.prevButton, hideButtons = props.hideButtons, vertical = props.vertical, onInit = props.onInit, onNextButtonClick = props.onNextButtonClick, onPrevButtonClick = props.onPrevButtonClick, onClick = props.onClick, disableStyles = props.disableStyles, style = props.style, modules = props.modules, className = props.className, additionalProps = __rest(props, ["children", "loop", "nextButton", "prevButton", "hideButtons", "vertical", "onInit", "onNextButtonClick", "onPrevButtonClick", "onClick", "disableStyles", "style", "modules", "className"]);
+    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, style = props.style, modules = props.modules, className = props.className, additionalProps = __rest(props, ["children", "loop", "nextButton", "prevButton", "hideButtons", "vertical", "onInit", "onBeforeInit", "onAfterInit", "onNextButtonClick", "onPrevButtonClick", "onClick", "disableStyles", "style", "modules", "className"]);
     var pagination = props.pagination;
+    var navigation = props.navigation;
     var subProps = {
         icon: __assign(__assign(__assign({ 
             // default props
@@ -250,10 +226,9 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
             // component theme overrides
             theme: props.theme }),
     };
-    var swiperModulesUnfiltered = modules ? [core_1.Navigation, core_1.Pagination, core_1.A11y].concat(modules) : [core_1.Navigation, core_1.Pagination, core_1.A11y];
+    var swiperModulesUnfiltered = Array.isArray(modules) ? [modules_1.Navigation, modules_1.Pagination, modules_1.A11y].concat(modules) : [modules_1.Navigation, modules_1.Pagination, modules_1.A11y];
     //remove any duplicates, in case user passes in Navigation or Pagination
     var swiperModules = swiperModulesUnfiltered.filter(function (module, pos) { return swiperModulesUnfiltered.indexOf(module) === pos; });
-    core_1.default.use(swiperModules);
     var navigationPrevRef = (0, hooks_1.useRef)(null);
     var navigationNextRef = (0, hooks_1.useRef)(null);
     var rootComponentRef = (0, hooks_1.useRef)(null);
@@ -264,6 +239,23 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
     else if (style) {
         styling.css = [style];
     }
+    (0, hooks_1.useEffect)(function () {
+        //backwards compatability for legacy styles
+        var swipers = document.querySelectorAll('.swiper');
+        swipers.forEach(function (elem) {
+            elem.classList.add('swiper-container', 'swiper-container-pointer-events');
+        });
+        var verticalSwipers = document.querySelectorAll('.swiper-vertical');
+        verticalSwipers.forEach(function (elem) {
+            elem.classList.add('swiper-container-vertical');
+        });
+        var horizontalSwipers = document.querySelectorAll('.swiper-horizontal');
+        horizontalSwipers.forEach(function (elem) {
+            elem.classList.add('swiper-container-horizontal');
+        });
+        //add usable class to last visible slide.
+        attachClasstoLastVisibleSlide();
+    }, []);
     if (pagination) {
         if (typeof pagination == 'object') {
             pagination = __assign({ clickable: true }, pagination);
@@ -274,21 +266,76 @@ 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',
+        };
+    }
+    var attachClasstoLastVisibleSlide = function () {
+        if (rootComponentRef.current) {
+            var swiperElem = rootComponentRef.current;
+            var slides_visible_1 = swiperElem === null || swiperElem === void 0 ? void 0 : swiperElem.querySelectorAll('.swiper-slide-visible');
+            slides_visible_1.forEach(function (element, idx) {
+                element.classList.remove('swiper-last-visible-slide');
+                if (idx == slides_visible_1.length - 1) {
+                    element.classList.add('swiper-last-visible-slide');
+                }
+            });
+        }
+    };
     return (children === null || children === void 0 ? void 0 : children.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className) }),
             (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }) },
                 (0, react_1.jsx)("div", { className: "ss__carousel__prev", ref: navigationPrevRef, onClick: onPrevButtonClick && (function (e) { return onPrevButtonClick(e); }) }, prevButton || (0, react_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-up' : 'angle-left' }, subProps.icon)))),
-            (0, react_1.jsx)(react_2.Swiper, __assign({ centerInsufficientSlides: true, onInit: function (swiper) {
+            (0, react_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;
+                    if (onBeforeInit) {
+                        onBeforeInit(swiper);
+                    }
+                }, onInit: function (swiper) {
                     if (onInit) {
                         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 (onAfterInit) {
+                        onAfterInit(swiper);
+                    }
                 }, onClick: function (swiper, e) {
                     onClick && onClick(swiper, e);
-                }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7 }, additionalProps, displaySettings, { pagination: pagination }), children.map(function (child) {
+                }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7, loopAddBlankSlides: false, modules: swiperModules }, additionalProps, displaySettings, { navigation: navigation, pagination: pagination, onResize: function () {
+                    if (additionalProps.onResize) {
+                        additionalProps.onResize();
+                    }
+                    attachClasstoLastVisibleSlide();
+                }, onTransitionEnd: function () {
+                    if (additionalProps.onTransitionEnd) {
+                        additionalProps.onTransitionEnd();
+                    }
+                    attachClasstoLastVisibleSlide();
+                } }), children.map(function (child) {
                 return (0, react_1.jsx)(react_2.SwiperSlide, null, child);
             })),
             (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }) },

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { ComponentProps } from '../../../types';
-export declare const Checkbox: ((properties: CheckboxProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const Checkbox: (properties: CheckboxProps) => JSX.Element;
 export interface CheckboxProps extends ComponentProps {
     checked?: boolean;
     color?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA2B5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CA+FvE,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA2B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA+F5D,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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"}

package/dist/cjs/components/Molecules/Checkbox/Checkbox.js

@@ -18,7 +18,7 @@ exports.Checkbox = void 0;
 var hooks_1 = require("preact/hooks");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var utilities_1 = require("../../../utilities");
 var providers_1 = require("../../../providers");
 var Icon_1 = require("../../Atoms/Icon");
@@ -46,7 +46,7 @@ var CSS = {
     },
     native: function () { return (0, react_1.css)({}); },
 };
-exports.Checkbox = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.Checkbox = (0, mobx_react_1.observer)(function (properties) {
     var _a;
     var _b, _c, _d, _e, _f;
     var globalTheme = (0, providers_1.useTheme)();

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.d.ts

@@ -2,9 +2,7 @@
 import { ComponentProps } from '../../../types';
 import { ErrorType } from '@searchspring/snap-store-mobx';
 import type { AbstractController } from '@searchspring/snap-controller';
-export declare const ErrorHandler: ((properties: ErrorHandlerProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const ErrorHandler: (properties: ErrorHandlerProps) => JSX.Element;
 export interface ErrorHandlerProps extends ComponentProps {
     controller?: AbstractController;
     error?: {

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAgExE,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAkG/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,KAAK,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACtE"}
+{"version":3,"file":"ErrorHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAgExE,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAkGpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,KAAK,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACtE"}

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.js

@@ -19,7 +19,7 @@ exports.ErrorHandler = void 0;
 var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
-var mobx_react_lite_1 = require("mobx-react-lite");
+var mobx_react_1 = require("mobx-react");
 var Icon_1 = require("../../Atoms/Icon/Icon");
 var Button_1 = require("../../Atoms/Button/Button");
 var utilities_1 = require("../../../utilities");
@@ -85,7 +85,7 @@ var CSS = {
         });
     },
 };
-exports.ErrorHandler = (0, mobx_react_lite_1.observer)(function (properties) {
+exports.ErrorHandler = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c, _d, _e, _f;
     var globalTheme = (0, providers_1.useTheme)();
     var theme = __assign(__assign({}, globalTheme), properties.theme);

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { ComponentProps } from '../../../types';
 import type { FacetValue, ValueFacet } from '@searchspring/snap-store-mobx';
-export declare const FacetGridOptions: ((properties: FacetGridOptionsProps) => JSX.Element) & {
-    displayName: string;
-};
+export declare const FacetGridOptions: (properties: FacetGridOptionsProps) => JSX.Element;
 export interface FacetGridOptionsProps extends ComponentProps {
     values?: FacetValue[];
     columns?: number;

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAiE5E,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CA6DvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAiE5E,eAAO,MAAM,gBAAgB,eAAyB,qBAAqB,KAAG,WA6D5E,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}