antd-mobile 0.0.0-dev-626cbf51f

package/2x/cjs/components/ellipsis/ellipsis.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Ellipsis = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _useResizeEffect = require("../../utils/use-resize-effect");
+
+var _ahooks = require("ahooks");
+
+var _withStopPropagation = require("../../utils/with-stop-propagation");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const classPrefix = `adm-ellipsis`;
+const defaultProps = {
+  direction: 'end',
+  rows: 1,
+  expandText: '',
+  collapseText: '',
+  stopPropagationForActionButtons: [],
+  onContentClick: () => {}
+};
+
+const Ellipsis = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const rootRef = (0, _react.useRef)(null);
+  const [ellipsised, setEllipsised] = (0, _react.useState)({});
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [exceeded, setExceeded] = (0, _react.useState)(false);
+
+  function calcEllipsised() {
+    const root = rootRef.current;
+    if (!root) return;
+    const originStyle = window.getComputedStyle(root);
+    const container = document.createElement('div');
+    const styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach(name => {
+      container.style.setProperty(name, originStyle.getPropertyValue(name));
+    });
+    container.style.position = 'fixed';
+    container.style.left = '999999px';
+    container.style.top = '999999px';
+    container.style.zIndex = '-1000';
+    container.style.height = 'auto';
+    container.style.minHeight = 'auto';
+    container.style.maxHeight = 'auto';
+    container.style.textOverflow = 'clip';
+    container.style.whiteSpace = 'normal';
+    container.style.webkitLineClamp = 'unset';
+    container.style.webkitBoxOrient = 'unset';
+    container.style.display = 'block';
+    const lineHeight = pxToNumber(originStyle.lineHeight);
+    const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+    container.innerText = props.content;
+    document.body.appendChild(container);
+
+    if (container.offsetHeight <= maxHeight) {
+      setExceeded(false);
+    } else {
+      setExceeded(true);
+      const end = props.content.length;
+      const actionText = expanded ? props.collapseText : props.expandText;
+
+      function check(left, right) {
+        if (right - left <= 1) {
+          if (props.direction === 'end') {
+            return {
+              leading: props.content.slice(0, left) + '...'
+            };
+          } else {
+            return {
+              tailing: '...' + props.content.slice(right, end)
+            };
+          }
+        }
+
+        const middle = Math.round((left + right) / 2);
+
+        if (props.direction === 'end') {
+          container.innerText = props.content.slice(0, middle) + '...' + actionText;
+        } else {
+          container.innerText = actionText + '...' + props.content.slice(middle, end);
+        }
+
+        if (container.offsetHeight <= maxHeight) {
+          if (props.direction === 'end') {
+            return check(middle, right);
+          } else {
+            return check(left, middle);
+          }
+        } else {
+          if (props.direction === 'end') {
+            return check(left, middle);
+          } else {
+            return check(middle, right);
+          }
+        }
+      }
+
+      function checkMiddle(leftPart, rightPart) {
+        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+          return {
+            leading: props.content.slice(0, leftPart[0]) + '...',
+            tailing: '...' + props.content.slice(rightPart[1], end)
+          };
+        }
+
+        const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+        const rightPartMiddle = Math.floor((rightPart[0] + rightPart[1]) / 2);
+        container.innerText = props.content.slice(0, leftPartMiddle) + '...' + actionText + '...' + props.content.slice(rightPartMiddle, end);
+
+        if (container.offsetHeight <= maxHeight) {
+          return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+        } else {
+          return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+        }
+      }
+
+      const middle = Math.floor((0 + end) / 2);
+      const ellipsised = props.direction === 'middle' ? checkMiddle([0, middle], [middle, end]) : check(0, end);
+      setEllipsised(ellipsised);
+    }
+
+    document.body.removeChild(container);
+  }
+
+  (0, _useResizeEffect.useResizeEffect)(calcEllipsised, rootRef);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    calcEllipsised();
+  }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
+  const expandActionElement = exceeded && props.expandText ? (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
+    onClick: () => {
+      setExpanded(true);
+    }
+  }, props.expandText)) : null;
+  const collapseActionElement = exceeded && props.expandText ? (0, _withStopPropagation.withStopPropagation)(props.stopPropagationForActionButtons, _react.default.createElement("a", {
+    onClick: () => {
+      setExpanded(false);
+    }
+  }, props.collapseText)) : null;
+
+  const renderContent = () => {
+    if (!exceeded) {
+      return props.content;
+    }
+
+    if (expanded) {
+      return _react.default.createElement(_react.default.Fragment, null, props.content, collapseActionElement);
+    } else {
+      return _react.default.createElement(_react.default.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
+    }
+  };
+
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    ref: rootRef,
+    className: classPrefix,
+    onClick: e => {
+      if (e.target === e.currentTarget) {
+        props.onContentClick(e);
+      }
+    }
+  }, renderContent()));
+};
+
+exports.Ellipsis = Ellipsis;
+
+function pxToNumber(value) {
+  if (!value) return 0;
+  const match = value.match(/^\d*(\.\d*)?/);
+  return match ? Number(match[0]) : 0;
+}

package/2x/cjs/components/ellipsis/index.d.ts

@@ -0,0 +1,4 @@
+import './ellipsis.less';
+import { Ellipsis } from './ellipsis';
+export type { EllipsisProps } from './ellipsis';
+export default Ellipsis;

package/2x/cjs/components/ellipsis/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./ellipsis.css");
+
+var _ellipsis2 = require("./ellipsis");
+
+var _default = _ellipsis2.Ellipsis;
+exports.default = _default;

package/2x/cjs/components/empty/empty-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const EmptyIcon: FC<NativeProps>;

package/2x/cjs/components/empty/empty-icon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const EmptyIcon = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 64 41'
+  }, _react.default.createElement("g", {
+    transform: 'translate(0 1)',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("ellipse", {
+    fill: '#f5f5f5',
+    cx: '32',
+    cy: '33',
+    rx: '32',
+    ry: '7'
+  }), _react.default.createElement("g", {
+    stroke: '#d9d9d9'
+  }, _react.default.createElement("path", {
+    d: 'M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z'
+  }), _react.default.createElement("path", {
+    d: 'M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z',
+    fill: '#fafafa'
+  })))));
+};
+
+exports.EmptyIcon = EmptyIcon;

package/2x/cjs/components/empty/empty.css

@@ -0,0 +1,22 @@
+.adm-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 0;
+}
+
+.adm-empty-image-container {
+  display: flex;
+  justify-content: center;
+}
+
+.adm-empty-image-container .adm-empty-image {
+  width: 128px;
+}
+
+.adm-empty-description {
+  margin-top: 16px;
+  font-size: 28px;
+  color: var(--adm-color-light);
+}

package/2x/cjs/components/empty/empty.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type EmptyProps = {
+    image?: ReactNode;
+    imageStyle?: React.CSSProperties;
+    description?: ReactNode;
+} & NativeProps;
+export declare const Empty: React.FC<EmptyProps>;

package/2x/cjs/components/empty/empty.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Empty = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _emptyIcon = require("./empty-icon");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-empty`;
+
+const Empty = props => {
+  function renderImageNode() {
+    const {
+      image
+    } = props;
+
+    if (image === undefined) {
+      return _react.default.createElement(_emptyIcon.EmptyIcon, {
+        className: `${classPrefix}-image`,
+        style: props.imageStyle
+      });
+    }
+
+    if (typeof image === 'string') {
+      return _react.default.createElement("img", {
+        className: `${classPrefix}-image`,
+        style: props.imageStyle,
+        src: image,
+        alt: 'empty'
+      });
+    }
+
+    return image;
+  }
+
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-image-container`
+  }, renderImageNode()), props.description && _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-description`)
+  }, props.description)));
+};
+
+exports.Empty = Empty;

package/2x/cjs/components/empty/index.d.ts

@@ -0,0 +1,4 @@
+import './empty.less';
+import { Empty } from './empty';
+export type { EmptyProps } from './empty';
+export default Empty;

package/2x/cjs/components/empty/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./empty.css");
+
+var _empty2 = require("./empty");
+
+var _default = _empty2.Empty;
+exports.default = _default;

package/2x/cjs/components/error-block/error-block.css

@@ -0,0 +1,58 @@
+.adm-error-block {
+  --color: var(--adm-color-text);
+  --image-height: var(--adm-error-block-image-height, 200px);
+  --image-height-full-page: var(--adm-error-block-image-height-full-page, 400px);
+  --image-width: var(--adm-error-block-image-width, auto);
+  --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.adm-error-block-image {
+  height: var(--image-height);
+  width: var(--image-width);
+  max-width: 100%;
+}
+
+.adm-error-block-image svg,
+.adm-error-block-image img {
+  height: 100%;
+}
+
+.adm-error-block-description {
+  font-size: 24px;
+  color: #999;
+  line-height: 1.4;
+  margin-top: 24px;
+}
+
+.adm-error-block-description-title {
+  font-size: 30px;
+}
+
+.adm-error-block-description-subtitle {
+  margin-top: 16px;
+}
+
+.adm-error-block-content {
+  margin-top: 24px;
+}
+
+.adm-error-block-full-page {
+  padding-top: calc(50vh - var(--image-height-full-page));
+}
+
+.adm-error-block-full-page .adm-error-block-image {
+  height: var(--image-height-full-page);
+  width: var(--image-width-full-page);
+}
+
+.adm-error-block-full-page .adm-error-block-description {
+  margin-top: 40px;
+  font-size: 26px;
+}
+
+.adm-error-block-full-page .adm-error-block-description-title {
+  font-size: 40px;
+  color: #333;
+}

package/2x/cjs/components/error-block/error-block.d.ts

@@ -0,0 +1,11 @@
+import React, { FC, ReactElement, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type ErrorBlockProps = {
+    status?: 'default' | 'disconnected' | 'empty' | 'busy';
+    title?: ReactNode;
+    image?: string | ReactElement;
+    description?: ReactNode;
+    fullPage?: boolean;
+    children?: React.ReactNode;
+} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
+export declare const ErrorBlock: FC<ErrorBlockProps>;

package/2x/cjs/components/error-block/error-block.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBlock = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _configProvider = require("../config-provider");
+
+var _images = require("./images");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-error-block`;
+const defaultProps = {
+  status: 'default'
+};
+
+const ErrorBlock = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const contentPack = locale.ErrorBlock[props.status];
+  const des = 'description' in props ? props.description : contentPack.description;
+  const title = 'title' in props ? props.title : contentPack.title;
+  let imageNode = _images.imageRecord[props.status];
+
+  if (props.image) {
+    if (typeof props.image === 'string') {
+      imageNode = _react.default.createElement("img", {
+        src: props.image,
+        alt: 'error block image'
+      });
+    } else {
+      imageNode = props.image;
+    }
+  }
+
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-full-page`]: props.fullPage
+    })
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-image`
+  }, imageNode), _react.default.createElement("div", {
+    className: `${classPrefix}-description`
+  }, title && _react.default.createElement("div", {
+    className: `${classPrefix}-description-title`
+  }, title), des && _react.default.createElement("div", {
+    className: `${classPrefix}-description-subtitle`
+  }, des)), props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
+  }, props.children)));
+};
+
+exports.ErrorBlock = ErrorBlock;

package/2x/cjs/components/error-block/images/busy.d.ts

@@ -0,0 +1 @@
+export declare const busyImage: JSX.Element;

package/2x/cjs/components/error-block/images/busy.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.busyImage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const busyImage = _react.default.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-busy-a'
+}, _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), _react.default.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), _react.default.createElement("circle", {
+  id: 'error-block-image-busy-b',
+  cx: 34.857,
+  cy: 34.857,
+  r: 34.857
+})), _react.default.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, _react.default.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)'
+}), _react.default.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'
+}), _react.default.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'
+}), _react.default.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'
+}), _react.default.createElement("path", {
+  stroke: '#003CFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
+}), _react.default.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'
+}), _react.default.createElement("circle", {
+  cx: 14.857,
+  cy: 14.857,
+  r: 14.857,
+  transform: 'translate(106.857 248.571)',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), _react.default.createElement("g", {
+  transform: 'translate(236.571 284.571)'
+}, _react.default.createElement("mask", {
+  id: 'error-block-image-busy-c',
+  fill: '#fff'
+}, _react.default.createElement("use", {
+  xlinkHref: '#error-block-image-busy-b'
+})), _react.default.createElement("use", {
+  fill: '#FBBE47',
+  fillRule: 'nonzero',
+  xlinkHref: '#error-block-image-busy-b'
+}), _react.default.createElement("circle", {
+  fill: '#FFCD6B',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 25.714,
+  cy: 28,
+  r: 34.857
+}), _react.default.createElement("circle", {
+  fill: '#FFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-busy-c)',
+  cx: 22.286,
+  cy: 18.857,
+  r: 3.429
+}))));
+
+exports.busyImage = busyImage;

package/2x/cjs/components/error-block/images/default.d.ts

@@ -0,0 +1 @@
+export declare const defaultImage: JSX.Element;