@searchspring/snap-preact-components 0.20.0

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

@@ -0,0 +1,182 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icons = exports.Colors = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var Carousel_1 = require("./Carousel");
+var Icon_1 = require("../../Atoms/Icon");
+var utilities_1 = require("../../../utilities");
+var readme_md_1 = __importDefault(require("./readme.md"));
+exports.default = {
+    title: "Molecules/Carousel",
+    component: Carousel_1.Carousel,
+    parameters: {
+        docs: {
+            page: function () { return ((0, preact_1.h)("div", null,
+                (0, preact_1.h)(readme_md_1.default, null),
+                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
+        },
+    },
+    decorators: [
+        function (Story) { return ((0, preact_1.h)("div", { style: {
+                maxWidth: '900px',
+                height: '300px',
+            } },
+            (0, preact_1.h)(Story, null))); },
+    ],
+    argTypes: __assign({ loop: {
+            defaultValue: true,
+            description: 'Carousel slides loop',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: true },
+            },
+            control: { type: 'boolean' },
+        }, pagination: {
+            defaultValue: false,
+            description: 'Display pagination dots',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, vertical: {
+            defaultValue: false,
+            description: 'Carousel vertical slide direction',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, hideButtons: {
+            defaultValue: false,
+            description: 'Hide prev/next buttons',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, prevButton: {
+            description: 'Previous button',
+            table: {
+                type: {
+                    summary: 'string | JSX Element',
+                },
+            },
+            control: { type: 'text' },
+        }, nextButton: {
+            description: 'Next button',
+            table: {
+                type: {
+                    summary: 'string | JSX Element',
+                },
+            },
+            control: { type: 'text' },
+        }, breakpoints: {
+            defaultValue: undefined,
+            description: 'Carousel breakpoints',
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                defaultValue: { summary: 'Breakpoint object' },
+            },
+            control: { type: 'object' },
+        }, onNextButtonClick: {
+            description: 'Carousel next button click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onNextButtonClick',
+        }, onPrevButtonClick: {
+            description: 'Carousel prev button click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onPrevButtonClick',
+        }, onClick: {
+            description: 'Carousel onClick event handler (Swiper)',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onClick',
+        }, onInit: {
+            description: 'Carousel onInit event handler (Swiper)',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onInit',
+        } }, utilities_1.componentArgs),
+};
+var colors = Array.from(Array(9).keys());
+var Colors = function (props) {
+    return ((0, preact_1.h)(Carousel_1.Carousel, __assign({}, props), colors.map(function (number, index) { return ((0, preact_1.h)("div", { style: { height: '100px', width: '100px', background: shiftColor('#3a23ad', (index + "111").padStart(6, '0')), margin: '0 auto' } })); })));
+};
+exports.Colors = Colors;
+exports.Colors.args = {
+    pagination: true,
+    hideButtons: true,
+    loop: false,
+};
+var Icons = function (props) {
+    return ((0, preact_1.h)(Carousel_1.Carousel, __assign({}, props), Object.keys(Icon_1.iconPaths).map(function (icon, index) {
+        return ((0, preact_1.h)("div", { style: { margin: '0 auto', textAlign: 'center' } },
+            (0, preact_1.h)(Icon_1.Icon, { icon: icon, color: shiftColor('#3a23ad', (index + '111').padStart(6, '1')), size: "80px", style: { padding: '20px' } }),
+            (0, preact_1.h)("div", { style: "text-align: center" }, icon)));
+    })));
+};
+exports.Icons = Icons;
+function shiftColor(base, change) {
+    var colorRegEx = /^\#?[A-Fa-f0-9]{6}$/;
+    if (!base || !change) {
+        return '#000000';
+    }
+    if (!base.match(colorRegEx) || !change.match(colorRegEx)) {
+        return '#000000';
+    }
+    // remove '#'s
+    base = base.replace(/\#/g, '');
+    change = change.replace(/\#/g, '');
+    var newColor = '';
+    for (var i = 0; i < 3; i++) {
+        var basePiece = parseInt(base.substring(i * 2, i * 2 + 2), 16);
+        var changePiece = parseInt(change.substring(i * 2, i * 2 + 2), 16);
+        var newPiece = void 0;
+        newPiece = basePiece + changePiece;
+        newPiece = newPiece > 255 ? 255 : newPiece;
+        newPiece = newPiece.toString(16);
+        newPiece = newPiece.length < 2 ? '0' + newPiece : newPiece;
+        newColor += newPiece;
+    }
+    return "#".concat(newColor);
+}

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

@@ -0,0 +1,2 @@
+export * from './Carousel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Carousel"), exports);

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from '../../../types';
+export declare const Checkbox: ((properties: CheckboxProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface CheckboxProps extends ComponentProps {
+    checked?: boolean;
+    color?: string;
+    disabled?: boolean;
+    icon?: string;
+    iconColor?: string;
+    onClick?: (e: Event) => void;
+    size?: string;
+    startChecked?: boolean;
+    native?: boolean;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA0BhD,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAqFvE,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,KAAK,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}

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

@@ -0,0 +1,100 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var 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 utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+var Icon_1 = require("../../Atoms/Icon");
+var CSS = {
+    checkbox: function (_a) {
+        var _b;
+        var size = _a.size, color = _a.color, theme = _a.theme;
+        return (0, react_1.css)({
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: size,
+            width: size,
+            border: "1px solid ".concat(color || ((_b = theme.colors) === null || _b === void 0 ? void 0 : _b.primary) || '#333'),
+            '&.ss__checkbox--disabled': {
+                opacity: 0.7,
+            },
+            '& .ss__checkbox__empty': {
+                display: 'inline-block',
+                width: "calc(".concat(size, " - 30%)"),
+                height: "calc(".concat(size, " - 30%)"),
+            },
+        });
+    },
+    native: function () { return (0, react_1.css)({}); },
+};
+exports.Checkbox = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
+    var _b, _c, _d, _e, _f;
+    var globalTheme = (0, providers_1.useTheme)();
+    var theme = __assign(__assign({}, globalTheme), properties.theme);
+    var props = __assign(__assign(__assign({ 
+        // default props
+        size: '12px', startChecked: false }, (_b = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _b === void 0 ? void 0 : _b.checkbox), properties), (_d = (_c = properties.theme) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.checkbox);
+    var checked = props.checked, color = props.color, disabled = props.disabled, icon = props.icon, iconColor = props.iconColor, onClick = props.onClick, size = props.size, startChecked = props.startChecked, native = props.native, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var subProps = {
+        icon: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__checkbox__icon', icon: 'check-thin' }, (_e = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _e === void 0 ? void 0 : _e.icon), (0, utilities_1.defined)({
+            color: iconColor || color || ((_f = theme.colors) === null || _f === void 0 ? void 0 : _f.primary),
+            disableStyles: disableStyles,
+            icon: icon,
+            size: size && "calc(".concat(size, " - 30%)"),
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+    };
+    var checkedState, setCheckedState;
+    var stateful = checked === undefined;
+    if (stateful) {
+        _a = (0, hooks_1.useState)(startChecked), checkedState = _a[0], setCheckedState = _a[1];
+    }
+    else {
+        checkedState = checked;
+    }
+    var clickFunc = function (e) {
+        if (!disabled) {
+            if (stateful) {
+                setCheckedState(function (prev) {
+                    return !prev;
+                });
+            }
+            onClick && onClick(e);
+        }
+    };
+    var styling = {};
+    if (!disableStyles) {
+        if (native) {
+            styling.css = [CSS.native(), style];
+        }
+        else {
+            styling.css = [CSS.checkbox({ size: size, color: color, theme: theme }), style];
+        }
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return ((0, react_1.jsx)(providers_1.CacheProvider, null, native ? ((0, react_1.jsx)("input", __assign({}, styling, { className: (0, classnames_1.default)('ss__checkbox', { 'ss__checkbox--disabled': disabled }, className), type: "checkbox", onClick: function (e) { return clickFunc(e); }, disabled: disabled, checked: checkedState }))) : ((0, react_1.jsx)("span", __assign({}, styling, { className: (0, classnames_1.default)('ss__checkbox', { 'ss__checkbox--disabled': disabled }, className), onClick: function (e) { return clickFunc(e); } }), checkedState ? (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon)) : (0, react_1.jsx)("span", { className: "ss__checkbox__empty" })))));
+});

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

@@ -0,0 +1,182 @@
+/// <reference types="react" />
+import { h } from 'preact';
+import { CheckboxProps } from './Checkbox';
+declare const _default: {
+    title: string;
+    component: ((properties: CheckboxProps) => JSX.Element) & {
+        displayName: string;
+    };
+    parameters: {
+        docs: {
+            page: () => h.JSX.Element;
+        };
+    };
+    argTypes: {
+        className: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        disableStyles: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        style: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        theme: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        checked: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        icon: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        color: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        iconColor: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        native: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        onClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const Disabled: any;
+export declare const Native: any;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrD,wBAoGE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAEzC,eAAO,MAAM,QAAQ,KAAoB,CAAC;AAM1C,eAAO,MAAM,MAAM,KAAoB,CAAC"}

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

@@ -0,0 +1,131 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Native = exports.Disabled = exports.Default = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var Checkbox_1 = require("./Checkbox");
+var Icon_1 = require("../../Atoms/Icon");
+var utilities_1 = require("../../../utilities");
+var readme_md_1 = __importDefault(require("../Checkbox/readme.md"));
+exports.default = {
+    title: "Molecules/Checkbox",
+    component: Checkbox_1.Checkbox,
+    parameters: {
+        docs: {
+            page: function () { return ((0, preact_1.h)("div", null,
+                (0, preact_1.h)(readme_md_1.default, null),
+                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
+        },
+    },
+    argTypes: __assign({ checked: {
+            description: 'Checkbox is checked (managed state)',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, disabled: {
+            description: 'Checkbox is disabled',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, size: {
+            defaultValue: '12px',
+            description: 'Checkbox size',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '12px' },
+            },
+            control: { type: 'text' },
+        }, icon: {
+            defaultValue: 'check-thin',
+            description: 'Icon name',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'check-thin' },
+            },
+            control: {
+                type: 'select',
+                options: __spreadArray([], Object.keys(Icon_1.iconPaths), true),
+            },
+        }, color: {
+            description: 'Checkbox color',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'theme.colors.primary' },
+            },
+            control: { type: 'color' },
+        }, iconColor: {
+            description: 'Checkbox icon color. Overwrites color.',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'theme.colors.primary' },
+            },
+            control: { type: 'color' },
+        }, native: {
+            description: 'Render as unstyled native checkbox',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, onClick: {
+            description: 'Checkbox click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onClick',
+        } }, utilities_1.componentArgs),
+};
+var Template = function (args) { return (0, preact_1.h)(Checkbox_1.Checkbox, __assign({}, args)); };
+exports.Default = Template.bind({});
+exports.Disabled = Template.bind({});
+exports.Disabled.args = {
+    checked: true,
+    disabled: true,
+};
+exports.Native = Template.bind({});
+exports.Native.args = {
+    native: true,
+};

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

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Checkbox"), exports);

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

@@ -0,0 +1,16 @@
+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 interface ErrorHandlerProps extends ComponentProps {
+    controller?: AbstractController;
+    error?: {
+        code?: number;
+        type: ErrorType;
+        message: string;
+    };
+    onRetryClick?: (e: Event) => void;
+}
+//# sourceMappingURL=ErrorHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,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;;CAmG/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,KAAK,IAAI,CAAC;CAClC"}