@trionesdev/antd-mobile-base-react 0.0.2-beta.0

package/dist/Ellipsis/useMeasure.js

@@ -0,0 +1,123 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEvent } from 'rc-util';
+import React from 'react';
+import runes from 'runes2';
+var ELLIPSIS_TEXT = '...';
+var measureStyle = {
+  visibility: 'hidden',
+  whiteSpace: 'inherit',
+  lineHeight: 'inherit',
+  fontSize: 'inherit'
+};
+export default function useMeasure(containerRef, content, rows, direction, expanded, expandNode, collapseNode) {
+  var contentChars = React.useMemo(function () {
+    return runes(content);
+  }, [content]);
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    maxHeight = _React$useState2[0],
+    setMaxHeight = _React$useState2[1];
+  var _React$useState3 = React.useState([0, 0]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    walkingIndexes = _React$useState4[0],
+    setWalkingIndexes = _React$useState4[1];
+  var midIndex = Math.ceil((walkingIndexes[0] + walkingIndexes[1]) / 2);
+  var _React$useState5 = React.useState(100),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    status = _React$useState6[0],
+    setStatus = _React$useState6[1];
+
+  // ============================ Refs ============================
+  var singleRowMeasureRef = React.useRef(null);
+  var fullMeasureRef = React.useRef(null);
+  var midMeasureRef = React.useRef(null);
+  var startMeasure = useEvent(function () {
+    setStatus(1);
+    setWalkingIndexes([0, direction === 'middle' ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+  });
+
+  // Initialize
+  React.useLayoutEffect(function () {
+    startMeasure();
+  }, [contentChars, rows]);
+
+  // Measure element height
+  React.useLayoutEffect(function () {
+    if (status === 1) {
+      var _fullMeasureRef$curre, _singleRowMeasureRef$;
+      var fullMeasureHeight = ((_fullMeasureRef$curre = fullMeasureRef.current) === null || _fullMeasureRef$curre === void 0 ? void 0 : _fullMeasureRef$curre.offsetHeight) || 0;
+      var singleRowMeasureHeight = ((_singleRowMeasureRef$ = singleRowMeasureRef.current) === null || _singleRowMeasureRef$ === void 0 ? void 0 : _singleRowMeasureRef$.offsetHeight) || 0;
+      var rowMeasureHeight = singleRowMeasureHeight * rows;
+      if (fullMeasureHeight <= rowMeasureHeight) {
+        setStatus(100);
+      } else {
+        setMaxHeight(rowMeasureHeight);
+        setStatus(2);
+      }
+    }
+  }, [status]);
+
+  // Walking measure
+  React.useLayoutEffect(function () {
+    if (status === 2) {
+      var _midMeasureRef$curren;
+      var diff = walkingIndexes[1] - walkingIndexes[0];
+      var midHeight = ((_midMeasureRef$curren = midMeasureRef.current) === null || _midMeasureRef$curren === void 0 ? void 0 : _midMeasureRef$curren.offsetHeight) || 0;
+      if (diff > 1) {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], midIndex]);
+        } else {
+          setWalkingIndexes([midIndex, walkingIndexes[1]]);
+        }
+      } else {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], walkingIndexes[0]]);
+        } else {
+          setWalkingIndexes([walkingIndexes[1], walkingIndexes[1]]);
+        }
+        setStatus(99);
+      }
+    }
+  }, [status, walkingIndexes]);
+
+  // =========================== Render ===========================
+  /** Render by cut index */
+  var renderContent = function renderContent(index) {
+    var prefixContent = contentChars.slice(0, index);
+    var suffixContent = contentChars.slice(contentChars.length - index);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, direction === 'start' && /*#__PURE__*/React.createElement(React.Fragment, null, expandNode, ELLIPSIS_TEXT), direction !== 'start' && prefixContent.join(''), direction === 'middle' && /*#__PURE__*/React.createElement(React.Fragment, null, ELLIPSIS_TEXT, expandNode, ELLIPSIS_TEXT), direction !== 'end' && suffixContent.join(''), direction === 'end' && /*#__PURE__*/React.createElement(React.Fragment, null, ELLIPSIS_TEXT, expandNode));
+  };
+  var finalContent = React.useMemo(function () {
+    if (expanded || status === 100) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: "display"
+      }, content, status === 99 && collapseNode);
+    }
+    if (status === 99) {
+      return renderContent(midIndex);
+    }
+    return null;
+  }, [expanded, status, content, collapseNode, midIndex]);
+  var allNodes = /*#__PURE__*/React.createElement(React.Fragment, null, status === 1 && /*#__PURE__*/React.createElement("div", {
+    key: "full",
+    "aria-hidden": true,
+    ref: fullMeasureRef,
+    style: measureStyle
+  }, content, expandNode), status === 1 && /*#__PURE__*/React.createElement("div", {
+    key: "stable",
+    "aria-hidden": true,
+    ref: singleRowMeasureRef,
+    style: measureStyle
+  }, "\xA0"), status === 2 && /*#__PURE__*/React.createElement("div", {
+    key: "walking-mid",
+    "aria-hidden": true,
+    ref: midMeasureRef,
+    style: measureStyle
+  }, renderContent(midIndex)), finalContent);
+  return [allNodes, startMeasure];
+}

package/dist/Empty/empty-icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const EmptyIcon: React.FC;
+export default EmptyIcon;

package/dist/Empty/empty-icon.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+var EmptyIcon = function EmptyIcon() {
+  var defaultImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAApCAYAAACFki9MAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABVNJREFUaIHtmk9sFFUcx7+/Nzu7s7PbTUst2IQ2bdk/DQnV0INeIFWJxkTg4EFDkGBAAc8m6EUiCRfUs2lsQD150lAOxIQbiRfFhJo0ndk/ICStf6hs9s/sn868nwdbsNplpzszLRo+p8nue9/5vu+8efPevCFmhl8sLCzopVLpdQB9vomu5vdEIvFVf3+/5Zcg+RXAzMxMTNO0bwHcJaI5X0T/ATOPAniiXq+/NDY2VvVD05cArl+/rnZ1dU0DuJNOp08A8K9brYZM05wEMFAulw+Mj48veRUUfpiKx+OTAOT8/Pw7CK7xAMDpdPoUgHoikbgIgLwKeg7ANM0zRLTLtu3XJiYmbK96LnB0XT8kpRwxTfOMVzFPARiGcQzAG6qqvrJz586KVzNu2b59e42IDhDRIcMwTnnR6ngMME3zZQAXmHkik8kYXkx0Si6X2yGlvMbMJzOZzHQnGh31gFwutxvAF1LKVzer8QCQTCbzAA4S0VQ2m32mE411BzA3NzckpZwmopOjo6PfdXJSP0mn098LIY4x8zf5fD653vrrCmB2dnaLEOIKEZ1PpVJfr/dkQZFMJi8T0YeO41zJ5XLrmoS5HgNmZ2fDoVDoChH9kEqlTnfkNGAMwzhPRM+Gw+EXh4aG6m7quO0BpKrqBQB3U6nU+51bDJZMJnMawK2lpaUv4bJtrgqZpvkJMw8IIY4AkB48Bg3btn2cmbeYpvmRmwptbwHDMM4S0Qkp5adEVGsnKIS4FwqFLg0PD//q0rQrbt68uc227YNSyp52ZZk5KoQ4xcyTmUzmg4eVDbk4915N07ZqmuZq1mXbds2yrHOFQmF8ZGTktps67SgUCoO2bf8Yj8f1UCgUdVOnXq+jVqvtbVfOTQCIRqPo7u52UxQAosViMVQsFs8COOq20sOQUp7r6elJdHd3q27rFItF1GptO6wvi6F/oeu6SkQTfukR0R5d1103fj0EEoCqqmDmfp/0FSllv6oG0v5gAiAiqKraMAzjkFetbDZ7RFXVBpHnle+auBoDOqGvr69rYWFhMp/Pvw2g3ImGlDIhhNjd19en+2zvPoEFEA6HMTAwoNfr9T2drjiJCJqmQYhAOiqAAAMAACEEdD2wi+cLwUX7H6FtAETky2RmM3Dj3U0PKPjgZbNo6/3xLbDZBjabxwFstoHNptU8QFiW9TQzvxCLxQ5vqCMficVih6vVapWIruq6fgNrvMxZ9UKk0WjskFK+xcxHAWwDgFKpBEVR1rMcfiQoFotwHAeJRGLlp1+I6HMhxGeRSOT+00EAQKPRSFuWddlxHJOZT2O58f8znmTm9xzHyVqWNd1oNFIAEKpUKs8LIS4BiK9Vi4jgOM6GOvUDx3HQYgUpAOyXUk5UKpWDQggxhRaNB/5a2zebzaB8Bkaz2UQ4HG75PzN3CSGmBNpsZ0ciEdi2Dcvy7aOMwLEsC47jPDSAZZjK5fJziqJcYuauVqWazSYWFxeh6zpCoUAXkJ5ZuVi9vb3tAigJIQ4QM6PRaCQdx/kYwH60mBs4joNarfbIjweKoiAajUJRlFZFJIBpRVHejUQi+VWPwXq9PiylPA7gTQD9wdvdUOYBXBRCTGmadmvlx1YbI1StVscA7COifQD2AIhtiE3/qAK4xsxXAVyNxWIzWGO8c7s5qixPkp5i5jEAu4holJkHAbjaqAiQGhH9zMwGgBki+kkIcSMSieQBtL1fPX8lVqlUtgohBoloEMAAM/cC6CGiLczcs3zcw8wqgDAe9CQND8KrAVjZza0CaBLREjPfA3CPiP742/EigDvMfFtKeTsej//mxf+fNBMadGdF07wAAAAASUVORK5CYII=";
+  return /*#__PURE__*/React.createElement("img", {
+    src: defaultImage,
+    style: {
+      width: 128,
+      height: 82
+    }
+  });
+};
+export default EmptyIcon;

package/dist/Empty/empty.d.ts

@@ -0,0 +1,12 @@
+import './style.scss';
+import * as React from 'react';
+export interface EmptyProps {
+    style?: React.CSSProperties;
+    imageStyle?: React.CSSProperties;
+    image?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+}
+type CompoundedComponent = React.FC<EmptyProps>;
+export declare const Empty: CompoundedComponent;
+export {};

package/dist/Empty/empty.js

@@ -0,0 +1,48 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["image", "description", "children", "imageStyle", "style"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import "./style.scss";
+import * as React from 'react';
+import DefaultEmptyImg from "./empty-icon";
+var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
+export var Empty = function Empty(_ref) {
+  var _ref$image = _ref.image,
+    image = _ref$image === void 0 ? defaultEmptyImg : _ref$image,
+    description = _ref.description,
+    children = _ref.children,
+    imageStyle = _ref.imageStyle,
+    style = _ref.style,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var prefixCls = 'triones-antm-empty';
+  var des = typeof description !== 'undefined' ? description : '暂无数据';
+  var alt = typeof des === 'string' ? des : 'empty';
+  var imageNode = null;
+  if (typeof image === 'string') {
+    imageNode = /*#__PURE__*/React.createElement("img", {
+      alt: alt,
+      src: image
+    });
+  } else {
+    imageNode = image;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-wrapper")
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: prefixCls,
+    style: _objectSpread({}, style)
+  }, restProps), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-image"),
+    style: imageStyle
+  }, imageNode), des && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-description")
+  }, des), children && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer")
+  }, children)));
+};

package/dist/Empty/index.d.ts

@@ -0,0 +1,3 @@
+import { Empty, EmptyProps } from "./empty";
+export type { EmptyProps };
+export default Empty;

package/dist/Empty/index.js

@@ -0,0 +1,2 @@
+import { Empty } from "./empty";
+export default Empty;

package/dist/Empty/style.scss

@@ -0,0 +1,29 @@
+.triones-antm-empty {
+  text-align: center;
+
+  &-wrapper {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+
+  &-image {
+    //margin-bottom: 8Px;
+    :global {
+      img,
+      image {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+
+  &-description {
+    color: rgba(0, 0, 0, 45%);
+    font-size: 14Px;
+    padding: 8Px;
+  }
+}

package/dist/ErrorBlock/create-error-block.d.ts

@@ -0,0 +1,13 @@
+import type { FC, ReactNode } from 'react';
+import type { ErrorBlockStatus, ImageRecord } from '.';
+import './style.scss';
+import { NativeProps } from '../utils/native-props';
+export type ErrorBlockProps = {
+    status?: ErrorBlockStatus;
+    title?: ReactNode;
+    image?: string;
+    description?: ReactNode;
+    fullPage?: boolean;
+    children?: ReactNode;
+} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
+export declare function createErrorBlock(imageRecord: ImageRecord): FC<ErrorBlockProps>;

package/dist/ErrorBlock/create-error-block.js

@@ -0,0 +1,44 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import classNames from 'classnames';
+import "./style.scss";
+import { withNativeProps } from "../utils/native-props";
+import { mergeProps } from "../utils/with-default-props";
+import ConfigProvider from "../ConfigProvider";
+var classPrefix = "triones-antm-error-block";
+var defaultProps = {
+  status: 'default'
+};
+export function createErrorBlock(imageRecord) {
+  var ErrorBlock = function ErrorBlock(p) {
+    var _props$image;
+    var props = mergeProps(defaultProps, p);
+    var _ConfigProvider$useCo = ConfigProvider.useConfig(),
+      locale = _ConfigProvider$useCo.locale;
+    var contentPack = locale.ErrorBlock[props.status];
+    var desc = 'description' in props ? props.description : contentPack.description;
+    var title = 'title' in props ? props.title : contentPack.title;
+    var image = (_props$image = props.image) !== null && _props$image !== void 0 ? _props$image : imageRecord[props.status];
+    var imageNode = typeof image === 'string' ? /*#__PURE__*/React.createElement("img", {
+      src: image,
+      alt: "error block image"
+    }) : image;
+    return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+      className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), props.fullPage))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-image")
+    }, imageNode), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description")
+    }, ![undefined, null].includes(title) && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description-title")
+    }, title), ![undefined, null].includes(desc) && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description-subtitle")
+    }, desc)), props.children && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-content")
+    }, props.children)));
+  };
+  return ErrorBlock;
+}

package/dist/ErrorBlock/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/ErrorBlock/demo/base.js

@@ -0,0 +1,23 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Space from "../../Space";
+import ErrorBlock from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u56DB\u79CD\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Space, {
+    block: true,
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "default"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "disconnected"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "empty"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "busy"
+  }))));
+});

package/dist/ErrorBlock/error-block.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorBlock: import("react").FC<import("./create-error-block").ErrorBlockProps>;

package/dist/ErrorBlock/error-block.js

@@ -0,0 +1,9 @@
+import { createErrorBlock } from "./create-error-block";
+import { busyImage, defaultImage, disconnectedImage, emptyImage } from "./images";
+var imageRecord = {
+  'default': defaultImage,
+  'disconnected': disconnectedImage,
+  'empty': emptyImage,
+  'busy': busyImage
+};
+export var ErrorBlock = createErrorBlock(imageRecord);

package/dist/ErrorBlock/images/busy.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const busyImage: React.JSX.Element;

package/dist/ErrorBlock/images/busy.js

@@ -0,0 +1,90 @@
+import React from 'react';
+export var busyImage = /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 400 400",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  x1: "50%",
+  y1: "-116.862%",
+  x2: "50%",
+  y2: "90.764%",
+  id: "error-block-image-busy-a"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0.207,
+  offset: "0%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0.115,
+  offset: "80.072%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0,
+  offset: "100%"
+})), /*#__PURE__*/React.createElement("circle", {
+  id: "error-block-image-busy-b",
+  cx: 34.857,
+  cy: 34.857,
+  r: 34.857
+})), /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M157.964 243.667H0L3.806 99.134a4.572 4.572 0 0 1 4.353-4.446l.217-.005h45.588V67.205a4.572 4.572 0 0 1 4.356-4.566l.216-.005 65.498-.001 2.554-58.688a4.571 4.571 0 0 1 4.779-4.368l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.213 3.146 69.652 74.976-17.906a4.571 4.571 0 0 1 5.628 4.23l.005.216v43.955h56.162v130.265l-56.163-.001v.002h-82.383v-.004h-66.919v1.098Zm-68.461-84.631h-9.968v8.435h9.968v-8.435Zm0-14.508h-9.968v8.436h9.968v-8.436Zm197.985-5.149h-9.967v8.432h9.967v-8.432Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.435h9.967v-8.435Zm-84.643-3.29h-30.8v8.435h30.8v-8.435Zm0-15.912h-30.8v8.436h30.8v-8.436Z",
+  transform: "translate(18.286 51.286)",
+  fill: "url(#error-block-image-busy-a)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l.958-.01c-.376 7.363 3.679 59.93 34.894 62.659 4.203.367 7.432.39 7.475 4.609.042 4.218-3.176 4.307-7.37 4.76-34.593 3.737-34.136 56.004-33.61 63.357l-.957.01c-5.276.053-9.51 4.373-9.455 9.649.053 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.054 9.508-4.374 9.455-9.648-.055-5.276-4.374-9.51-9.65-9.455l-.958.01c.377-7.363-.729-59.672-34.894-62.66-4.202-.367-7.432-.39-7.474-4.608-.043-4.219 3.175-4.308 7.369-4.76 31.276-3.377 34.136-56.004 33.61-63.357l.958-.01c5.276-.053 9.508-4.373 9.455-9.649-.055-5.276-4.374-9.509-9.65-9.454Z",
+  fill: "#377EFF"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M233.524 314.422c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.894-5.644c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.149 17.865c.108.684.773 1.147 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm-2.144-8.182c.109.684.773 1.148 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-1.586-4.694c.108.684.772 1.148 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.013-5.88c.109.685.773 1.148 1.484 1.036.71-.113 1.2-.759 1.09-1.443-.107-.684-.772-1.148-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm.236 15.575c.108.685.772 1.148 1.483 1.035.71-.112 1.2-.758 1.09-1.442-.107-.685-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.442Zm-.4 4.494c.108.684.772 1.147 1.483 1.035.71-.113 1.2-.759 1.091-1.443-.108-.684-.773-1.148-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-3.88-8.601c.108.684.772 1.147 1.483 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-.524-7.186c.065.41.463.688.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-2.265-4.102c.109.684.773 1.148 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.147-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm-.545-6.518c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm2.098 23.629c.109.684.773 1.147 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.443Zm-.756-9.65c.043.274.309.46.593.414a.512.512 0 0 0 .437-.577.512.512 0 0 0-.594-.414.512.512 0 0 0-.436.577Zm-.808 20.96c.109.684.773 1.147 1.484 1.034.71-.112 1.2-.758 1.09-1.442-.108-.685-.772-1.148-1.483-1.036-.71.113-1.199.759-1.09 1.443Zm-4.691-31.966c.065.41.463.689.89.621.426-.068.72-.455.654-.866-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm2.098 23.628c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.967-12.416c.109.684.773 1.147 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm1.073 6.772c.108.685.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.036-.711.113-1.2.759-1.091 1.443Zm-.009-3.131c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.43-9.03c.065.41.463.688.89.62.426-.067.72-.454.655-.865-.065-.41-.464-.689-.89-.62-.427.067-.72.454-.655.865ZM214.5 333.38c.108.685.772 1.148 1.483 1.036.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.711.112-1.2.758-1.091 1.442Zm-.156-7.178c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm-1.871-4.72c.108.684.773 1.147 1.483 1.034.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.035-.71.112-1.2.758-1.091 1.442Zm-1.614-6.857c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-.894-5.644c.065.41.464.689.89.621.427-.067.72-.455.655-.866-.065-.41-.463-.688-.89-.62-.427.067-.72.455-.655.865Zm-1.43-9.03c.065.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.958 14.225c.065.41.463.689.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-.703 12.81c.065.41.464.688.89.62.427-.067.72-.455.655-.865-.065-.41-.463-.689-.89-.621-.427.067-.72.455-.655.866Zm-4.543-22.536c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm2.806 30.138c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm-5.694-17.996c.065.41.463.688.89.62.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.866Zm-2.935-13.343c.066.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.463-.689-.89-.621-.426.068-.72.455-.655.866Z",
+  fill: "#003CFF",
+  fillRule: "nonzero"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l101.963-1.04c5.276-.052 9.508-4.372 9.455-9.648-.055-5.276-4.374-9.509-9.65-9.454ZM252.64 331.241l-101.964 1.038c-5.275.054-9.508 4.374-9.454 9.65.054 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.053 9.507-4.373 9.454-9.649-.054-5.275-4.374-9.508-9.649-9.454Z",
+  fill: "#7EACFF"
+}), /*#__PURE__*/React.createElement("path", {
+  stroke: "#003CFF",
+  strokeWidth: 0.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  d: "m196.824 197.298 52.216-.506M193.329 330.5h52.215"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M167.367 228.041c-4.091-10.787-6.086-20.934-5.985-30.44",
+  stroke: "#FFF",
+  strokeWidth: 0.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}), /*#__PURE__*/React.createElement("circle", {
+  cx: 14.857,
+  cy: 14.857,
+  r: 14.857,
+  transform: "translate(106.857 248.571)",
+  fill: "#FFCD6B",
+  fillRule: "nonzero"
+}), /*#__PURE__*/React.createElement("g", {
+  transform: "translate(236.571 284.571)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "error-block-image-busy-c",
+  fill: "#fff"
+}, /*#__PURE__*/React.createElement("use", {
+  xlinkHref: "#error-block-image-busy-b"
+})), /*#__PURE__*/React.createElement("use", {
+  fill: "#FBBE47",
+  fillRule: "nonzero",
+  xlinkHref: "#error-block-image-busy-b"
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFCD6B",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-busy-c)",
+  cx: 25.714,
+  cy: 28,
+  r: 34.857
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFF",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-busy-c)",
+  cx: 22.286,
+  cy: 18.857,
+  r: 3.429
+}))));

package/dist/ErrorBlock/images/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const defaultImage: React.JSX.Element;

package/dist/ErrorBlock/images/default.js

@@ -0,0 +1,166 @@
+import React from 'react';
+export var defaultImage = /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 200 200",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  x1: "50%",
+  y1: "-116.862%",
+  x2: "50%",
+  y2: "90.764%",
+  id: "error-block-image-default-a"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0.207,
+  offset: "0%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0.115,
+  offset: "80.072%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#72A7FD",
+  stopOpacity: 0,
+  offset: "100%"
+})), /*#__PURE__*/React.createElement("circle", {
+  id: "error-block-image-default-d",
+  cx: 18.823,
+  cy: 18.823,
+  r: 18.823
+}), /*#__PURE__*/React.createElement("rect", {
+  id: "error-block-image-default-b",
+  x: 3.5,
+  y: 9,
+  width: 51.429,
+  height: 88,
+  rx: 4.571
+})), /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M73.557.004c19.435-.311 38.696 17.016 51.523 35.287 8.708-10.822 17.127-16.233 25.255-16.233 13.333 0 28.35 14.274 45.053 42.822 1.769 3.024-3.582 7.435-16.054 13.231l-41.322 1.37c-7.343 5.872-31.225.626-69.152 1.234-27.79.445-45.759-1.234-53.908-5.037C3.2 71.143-1.625 68.686.48 65.308 27.371 22.12 51.73.353 73.557.003Zm93.098 49.53a1.125 1.125 0 0 0-.401.072l-.058.023-.07.03-.028.014-.02.01c-.03.015-.059.032-.088.049a2.543 2.543 0 0 0-.568.477l-.067.074c-1.686 1.931-2.904 7.062-2.904 8.985 0 2.283 1.719 4.153 3.898 4.314l.026.001v3.805c0 .39.25.705.56.705.31 0 .56-.316.56-.705l.001-3.88c1.92-.402 3.363-2.148 3.363-4.24 0-2.39-1.882-9.734-4.204-9.734Zm-100-5a1.125 1.125 0 0 0-.331.05l-.035.01-.035.012-.058.023-.07.03-.028.014-.02.01c-.03.015-.059.032-.088.049a2.543 2.543 0 0 0-.568.477l-.067.074c-1.686 1.931-2.904 7.062-2.904 8.985 0 2.212 1.613 4.036 3.695 4.294l.203.02.026.001v3.805c0 .39.25.705.56.705.282 0 .515-.26.555-.6l.006-.105v-3.88c1.92-.402 3.363-2.148 3.363-4.24 0-2.39-1.882-9.734-4.204-9.734ZM52.64 38.348l-.15.008-.149.023-.032.007-.032.008-.078.022-.045.015-.045.016-.06.023-.038.017-.038.017-.058.028-.022.011a2.201 2.201 0 0 0-.323.204l-.05.038-.05.04-.025.02-.025.021a3.742 3.742 0 0 0-.31.294l-.036.04c-.035.037-.07.076-.105.116-.01.012-.02.025-.031.036a3.275 3.275 0 0 0-.081.098l-.063.078c-2.031 2.583-3.48 8.692-3.48 11.027 0 2.636 1.846 4.832 4.292 5.323l.224.04-.064-.012.105.018.103.014v4.618c0 .47.299.85.667.85.337 0 .615-.32.659-.735l.006-.115v-4.618c.18-.023.355-.054.527-.094l.256-.067.196-.06c2.136-.706 3.68-2.75 3.68-5.162 0-2.996-2.383-12.207-5.325-12.207Z",
+  transform: "translate(2.286 22.286)",
+  fill: "url(#error-block-image-default-a)"
+}), /*#__PURE__*/React.createElement("g", {
+  transform: "rotate(-90 102.429 55.357)"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M6.857 0H52a6.857 6.857 0 0 1 6.857 6.857v92A6.857 6.857 0 0 1 52 105.714H6.857A6.857 6.857 0 0 1 0 98.857v-92A6.857 6.857 0 0 1 6.857 0Z",
+  fill: "#7EACFF"
+}), /*#__PURE__*/React.createElement("mask", {
+  id: "error-block-image-default-c",
+  fill: "#fff"
+}, /*#__PURE__*/React.createElement("use", {
+  xlinkHref: "#error-block-image-default-b"
+})), /*#__PURE__*/React.createElement("use", {
+  fill: "#377EFF",
+  xlinkHref: "#error-block-image-default-b"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.838 91.8a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.651.628-.651Zm-2.858 0a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.651.627-.651Zm2.16-2.305a.64.64 0 0 1 .628.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm-2.982-.04a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.651.627-.651Zm5.268-.531a.64.64 0 0 1 .628.651.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.651.627-.651Zm2.858-1.143a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.651.628-.651Zm-6.37-.917c.209 0 .377.175.377.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm3.512-.798.093.007a.644.644 0 0 1 .535.645.64.64 0 0 1-.628.652.64.64 0 0 1-.627-.652c0-.36.281-.652.627-.652Zm5.715 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-11.429 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-3.261.241c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm11.833-.812a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.628-.651c0-.36.281-.652.628-.652Zm-4.851.399c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm10.313-2.056a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-2.354-.128a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.628-.652c0-.36.281-.652.628-.652Zm-13.798.311c.207 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.377-.39c0-.217.169-.392.377-.392Zm11.832-.812a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-6.285 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm3.428 0a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.651.64.64 0 0 1-.627-.651c0-.36.28-.652.627-.652Zm-6.118.24c.208 0 .376.176.376.392a.384.384 0 0 1-.376.39.384.384 0 0 1-.377-.39c0-.216.169-.391.377-.391Zm11.261-2.525a.64.64 0 0 1 .627.651.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.651.627-.651Zm-3.557.484c.208 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-2.478-.555a.64.64 0 0 1 .627.652.64.64 0 0 1-.627.652.64.64 0 0 1-.627-.652c0-.36.28-.652.627-.652Zm-3.512-.26c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-2.857 0c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-4.571 0c.207 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.377-.391c0-.216.169-.391.377-.391Zm14.898-1.835a.64.64 0 0 1 .628.652.64.64 0 0 1-.628.651.64.64 0 0 1-.627-.651c0-.36.281-.652.627-.652Zm-8.027-.245c.208 0 .377.175.377.39a.384.384 0 0 1-.377.392.384.384 0 0 1-.376-.391c0-.216.169-.391.376-.391Zm6.271-1.349c.208 0 .377.175.377.391a.384.384 0 0 1-.377.391.384.384 0 0 1-.376-.39c0-.217.169-.392.376-.392Zm-11.484-.481c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm15.103-.972c.208 0 .376.175.376.391a.384.384 0 0 1-.376.391.384.384 0 0 1-.376-.39c0-.217.168-.392.376-.392Zm-9.333-1.404c.208 0 .376.175.376.39a.384.384 0 0 1-.376.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Zm-6.819-.405c.208 0 .377.175.377.39a.384.384 0 0 1-.377.392.384.384 0 0 1-.376-.391c0-.216.168-.391.376-.391Z",
+  fill: "#003CFF",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-c)",
+  transform: "rotate(116 12.367 83.503)"
+}), /*#__PURE__*/React.createElement("path", {
+  stroke: "#FFF",
+  strokeWidth: 0.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  d: "M36.774 5.474H21.523"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m67.818 94.025-4.996 3.913m4.996 11.91-4.996-3.912m-1.142 9.145-1.143-6.288m10.71-6.768h-7.262",
+  stroke: "#4486FE",
+  strokeWidth: 0.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+})), /*#__PURE__*/React.createElement("circle", {
+  cx: 8.571,
+  cy: 8.571,
+  r: 8.571,
+  transform: "translate(22.857 142)",
+  fill: "#FFCD6B",
+  fillRule: "nonzero"
+}), /*#__PURE__*/React.createElement("g", {
+  transform: "translate(132.857 124)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "error-block-image-default-e",
+  fill: "#fff"
+}, /*#__PURE__*/React.createElement("use", {
+  xlinkHref: "#error-block-image-default-d"
+})), /*#__PURE__*/React.createElement("use", {
+  fill: "#FBBE47",
+  fillRule: "nonzero",
+  xlinkHref: "#error-block-image-default-d"
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFCD6B",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 13.886,
+  cy: 15.12,
+  r: 18.823
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 23.4,
+  cy: 29.057,
+  r: 1
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 30.343,
+  cy: 29.829,
+  r: 1
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 18.771,
+  cy: 32.657,
+  r: 1.286
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 29.571,
+  cy: 25.971,
+  r: 1.286
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 19.286,
+  cy: 7.971,
+  r: 1.286
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 26.486,
+  cy: 5.914,
+  r: 1.286
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 11.057,
+  cy: 6.943,
+  r: 1
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 30.086,
+  cy: 15.686,
+  r: 1.286
+}), /*#__PURE__*/React.createElement("circle", {
+  fill: "#FFB400",
+  fillRule: "nonzero",
+  mask: "url(#error-block-image-default-e)",
+  cx: 22.886,
+  cy: 14.657,
+  r: 1
+})), /*#__PURE__*/React.createElement("path", {
+  d: "m87.429 135.123 6.591-9.378v-.08h-5.99v-2.559h10.038v1.787l-6.44 9.254v.082h6.56v2.557h-10.76v-1.663Zm12.185-5.889 4.948-7.047v-.056h-4.498v-1.917h7.536v1.34l-4.849 6.942v.059h4.923v1.92h-8.06v-1.24Zm10.345.702 3.708-5.274v-.045h-3.372v-1.437h5.648v1.003l-3.628 5.206v.045H116v1.438h-6.041v-.936Z",
+  fill: "#FFF",
+  fillRule: "nonzero"
+})));

package/dist/ErrorBlock/images/disconnected.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const disconnectedImage: React.JSX.Element;