@mirai/core 0.3.171 → 0.3.172

package/build/components/Chat/components/Avatar/Avatar.module.css

@@ -0,0 +1,81 @@
+.face {
+  width: 64px;
+  height: 64px;
+  background-color: var(--mirai-chat-avatar-background);
+  border-radius: var(--mirai-chat-avatar-border-radius);
+  position: relative;
+}
+
+.face.small {
+  min-height: 36px;
+  height: 36px;
+  min-width: 36px;
+  width: 36px;
+}
+
+.eyes {
+  position: absolute;
+  bottom: 27.5%;
+  left: 0;
+  right: 0;
+  height: 17.5%;
+  transition: transform 40ms;
+}
+
+.eye {
+  animation: blink 8s infinite;
+  background-color: var(--mirai-chat-avatar-background);
+  border-radius: 50%;
+  height: 100%;
+  position: absolute;
+  width: 17.5%;
+}
+
+.face:not(.small) .eye {
+  box-shadow: 0 0 0 6px var(--mirai-chat-avatar-color);
+}
+
+.face.small .eye {
+  box-shadow: 0 0 0 3px var(--mirai-chat-avatar-color);
+}
+
+.eye.left {
+  left: 27.5%;
+}
+
+.eye.right {
+  right: 27.5%;
+}
+
+@keyframes blink {
+  0%,
+  100% {
+    transform: scaleY(100%);
+  }
+  /* double-blink */
+  31% {
+    transform: scaleY(100%);
+  }
+  32% {
+    transform: scaleY(15%);
+  }
+  33% {
+    transform: scaleY(100%);
+  }
+  34% {
+    transform: scaleY(15%);
+  }
+  35% {
+    transform: scaleY(100%);
+  }
+  /* single-blink  */
+  61% {
+    transform: scaleY(100%);
+  }
+  62% {
+    transform: scaleY(15%);
+  }
+  63% {
+    transform: scaleY(100%);
+  }
+}

package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap

@@ -0,0 +1,97 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Avatar> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> prop:small 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> testId 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Chat/components/Avatar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Avatar = require("./Avatar");
+Object.keys(_Avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Avatar[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Chat/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/Avatar/index.js"],"sourcesContent":["export * from './Avatar';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Chat/components/Input/Input.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Input = require("./Input.l10n");
+var style = _interopRequireWildcard(require("./Input.module.css"));
+var _helpers = require("../../../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const Input = _ref => {
+  let {
+    disabled = false,
+    onValue = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [value, setValue] = (0, _react.useState)();
+  const handleChange = value => {
+    setValue(value);
+  };
+  const handleKeyPress = function () {
+    let {
+      key
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (key === 'Enter') handlePress();
+  };
+  const handlePress = () => {
+    if (isEmpty) return;
+    onValue(value);
+    setValue();
+  };
+  const isEmpty = !value || value.trim().length === 0;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    row: true,
+    className: style.container
+  }), /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    autoResize: true,
+    multiLine: true,
+    name: "input",
+    placeholder: translate(_Input.L10N.LABEL_SEND_MESSAGE),
+    value: value,
+    onChange: handleChange,
+    onKeyPress: handleKeyPress,
+    className: style.input
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: disabled,
+    small: true,
+    squared: true,
+    tooltip: translate(_Input.L10N.ACTION_SEND),
+    transparent: true,
+    onPress: handlePress
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    lighten: isEmpty,
+    value: _helpers.ICON.SEND
+  })));
+};
+exports.Input = Input;
+Input.propTypes = {
+  disabled: _propTypes.default.bool,
+  onValue: _propTypes.default.func
+};
+//# sourceMappingURL=Input.js.map

package/build/components/Chat/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Input","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Input","_ref","disabled","onValue","others","translate","useLocale","value","setValue","useState","handleChange","handleKeyPress","undefined","handlePress","isEmpty","trim","createElement","View","row","className","container","autoResize","multiLine","name","placeholder","L10N","LABEL_SEND_MESSAGE","onChange","onKeyPress","input","Button","small","squared","tooltip","ACTION_SEND","transparent","onPress","Icon","lighten","ICON","SEND","exports","propTypes","PropTypes","bool","func"],"sources":["../../../../../src/components/Chat/components/Input/Input.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input as InputBase, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './Input.l10n';\nimport * as style from './Input.module.css';\nimport { ICON } from '../../../helpers';\n\nconst Input = ({ disabled = false, onValue = () => {}, ...others }) => {\n  const { translate } = useLocale();\n\n  const [value, setValue] = useState();\n\n  const handleChange = (value) => {\n    setValue(value);\n  };\n\n  const handleKeyPress = ({ key } = {}) => {\n    if (key === 'Enter') handlePress();\n  };\n\n  const handlePress = () => {\n    if (isEmpty) return;\n\n    onValue(value);\n    setValue();\n  };\n\n  const isEmpty = !value || value.trim().length === 0;\n\n  return (\n    <View {...others} row className={style.container}>\n      <InputBase\n        autoResize\n        multiLine\n        name=\"input\"\n        placeholder={translate(L10N.LABEL_SEND_MESSAGE)}\n        value={value}\n        onChange={handleChange}\n        onKeyPress={handleKeyPress}\n        className={style.input}\n      />\n\n      <Button disabled={disabled} small squared tooltip={translate(L10N.ACTION_SEND)} transparent onPress={handlePress}>\n        <Icon lighten={isEmpty} value={ICON.SEND} />\n      </Button>\n    </View>\n  );\n};\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  onValue: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}

package/build/components/Chat/components/Input/Input.l10n.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_SEND: {
+    id: 'common.action.send'
+  },
+  LABEL_SEND_MESSAGE: {
+    id: 'lisa.label.send_message'
+  }
+};
+//# sourceMappingURL=Input.l10n.js.map

package/build/components/Chat/components/Input/Input.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.l10n.js","names":["L10N","exports","ACTION_SEND","id","LABEL_SEND_MESSAGE"],"sources":["../../../../../src/components/Chat/components/Input/Input.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_SEND: { id: 'common.action.send' },\n  LABEL_SEND_MESSAGE: { id: 'lisa.label.send_message' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAqB,CAAC;EACzCC,kBAAkB,EAAE;IAAED,EAAE,EAAE;EAA0B;AACtD,CAAC"}

package/build/components/Chat/components/Input/Input.module.css

@@ -0,0 +1,19 @@
+.container {
+  background-color: var(--mirai-chat-input-background);
+  border-radius: calc(var(--mirai-chat-border-radius) / 2);
+  box-shadow: 0 0 0 var(--mirai-chat-border-size) var(--mirai-chat-input-border-color);
+  justify-content: center;
+  margin: calc(var(--mirai-chat-space) * -1) var(--mirai-chat-space) var(--mirai-chat-space) var(--mirai-chat-space);
+  padding-right: calc(var(--mirai-chat-space) / 2);
+  z-index: 0;
+}
+
+.input {
+  background-color: transparent;
+  color: var(--mirai-chat-text-color);
+  font-size: var(--mirai-chat-text-font-size);
+  font-weight: var(--mirai-chat-text-font-weight);
+  height: calc(var(--mirai-chat-text-line-height) + calc(var(--mirai-ui-space-S) * 2));
+  line-height: var(--mirai-chat-text-line-height);
+  padding: var(--mirai-ui-space-S);
+}

package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap

@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Input> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable disabled dispatcher button small squared transparent disabled"
+        disabled=""
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> testId 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+    data-testid="mirai"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Chat/components/Input/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Input[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Chat/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/Input/index.js"],"sourcesContent":["export * from './Input';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Chat/components/InputRich/InputRich.List.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.List = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./InputRich.module.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const List = _ref => {
+  let {
+    options = [],
+    value,
+    onChange = () => {},
+    onValid = () => {},
+    ...others
+  } = _ref;
+  const handlePress = id => {
+    onChange(id);
+    onValid(true);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.ScrollView, _extends({}, others, {
+    height: 128,
+    className: (0, _ui.styles)(style.list, others.className)
+  }), options.map(function () {
+    let {
+      id,
+      label
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      key: id,
+      onPress: () => handlePress(id),
+      className: (0, _ui.styles)(style.item, value === id && style.selected)
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, null, label));
+  }));
+};
+exports.List = List;
+List.propTypes = {
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.label
+  })),
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onValid: _propTypes.default.func
+};
+//# sourceMappingURL=InputRich.List.js.map

package/build/components/Chat/components/InputRich/InputRich.List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRich.List.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","List","_ref","options","value","onChange","onValid","others","handlePress","id","createElement","ScrollView","height","className","styles","list","map","label","undefined","Pressable","onPress","item","selected","Text","exports","propTypes","PropTypes","arrayOf","shape","string","func"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.List.jsx"],"sourcesContent":["import { Pressable, ScrollView, styles, Text } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputRich.module.css';\n\nconst List = ({ options = [], value, onChange = () => {}, onValid = () => {}, ...others }) => {\n  const handlePress = (id) => {\n    onChange(id);\n    onValid(true);\n  };\n\n  return (\n    <ScrollView {...others} height={128} className={styles(style.list, others.className)}>\n      {options.map(({ id, label } = {}) => (\n        <Pressable\n          key={id}\n          onPress={() => handlePress(id)}\n          className={styles(style.item, value === id && style.selected)}\n        >\n          <Text>{label}</Text>\n        </Pressable>\n      ))}\n    </ScrollView>\n  );\n};\n\nList.propTypes = {\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.label,\n    }),\n  ),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { List };\n"],"mappings":"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"}