@salutejs/plasma-new-hope 0.150.0-canary.1437.10958689171.0 → 0.150.0-canary.1439.10959387755.0

package/cjs/components/_Icon/Icon.assets/Plus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Plus.js","sources":["../../../../src/components/_Icon/Icon.assets/Plus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const Plus: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8 2C8.27614 2 8.5 2.22386 8.5 2.5V7.5H13.5C13.7761 7.5 14 7.72386 14 8C14 8.27614 13.7761 8.5 13.5 8.5H8.5V13.5C8.5 13.7761 8.27614 14 8 14C7.72386 14 7.5 13.7761 7.5 13.5V8.5H2.5C2.22386 8.5 2 8.27614 2 8C2 7.72386 2.22386 7.5 2.5 7.5H7.5V2.5C7.5 2.22386 7.72386 2 8 2Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["Plus","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;;;;;IAIaA,IAAyB,GAAG,SAA5BA,IAAyBA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC3CC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,iRAAiR;AACnRL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankCsvOutline = require('../Icon.assets/BlankCsvOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankCsvOutline = function IconBlankCsvOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankCsvOutline.BlankCsvOutline
-  });
-};
-
-exports.IconBlankCsvOutline = IconBlankCsvOutline;
-//# sourceMappingURL=IconBlankCsvOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankCsvOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankCsvOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankCsvOutline } from '../Icon.assets/BlankCsvOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankCsvOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankCsvOutline} />;\n};\n"],"names":["IconBlankCsvOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankCsvOutline"],"mappings":";;;;;;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,+BAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/cjs/components/_Icon/Icons/IconBlankDocOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankDocOutline = require('../Icon.assets/BlankDocOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankDocOutline = function IconBlankDocOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankDocOutline.BlankDocOutline
-  });
-};
-
-exports.IconBlankDocOutline = IconBlankDocOutline;
-//# sourceMappingURL=IconBlankDocOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankDocOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankDocOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankDocOutline } from '../Icon.assets/BlankDocOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankDocOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankDocOutline} />;\n};\n"],"names":["IconBlankDocOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankDocOutline"],"mappings":";;;;;;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,+BAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/cjs/components/_Icon/Icons/IconBlankOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankOutline = require('../Icon.assets/BlankOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankOutline = function IconBlankOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankOutline.BlankOutline
-  });
-};
-
-exports.IconBlankOutline = IconBlankOutline;
-//# sourceMappingURL=IconBlankOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankOutline } from '../Icon.assets/BlankOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankOutline} />;\n};\n"],"names":["IconBlankOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankOutline"],"mappings":";;;;;;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACjF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,yBAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}

package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankPdfOutline = require('../Icon.assets/BlankPdfOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankPdfOutline = function IconBlankPdfOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankPdfOutline.BlankPdfOutline
-  });
-};
-
-exports.IconBlankPdfOutline = IconBlankPdfOutline;
-//# sourceMappingURL=IconBlankPdfOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankPdfOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankPdfOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankPdfOutline } from '../Icon.assets/BlankPdfOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankPdfOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankPdfOutline} />;\n};\n"],"names":["IconBlankPdfOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankPdfOutline"],"mappings":";;;;;;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,+BAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankTxtOutline = require('../Icon.assets/BlankTxtOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankTxtOutline = function IconBlankTxtOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankTxtOutline.BlankTxtOutline
-  });
-};
-
-exports.IconBlankTxtOutline = IconBlankTxtOutline;
-//# sourceMappingURL=IconBlankTxtOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankTxtOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankTxtOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankTxtOutline } from '../Icon.assets/BlankTxtOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankTxtOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankTxtOutline} />;\n};\n"],"names":["IconBlankTxtOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankTxtOutline"],"mappings":";;;;;;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,+BAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var BlankXlsOutline = require('../Icon.assets/BlankXlsOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconBlankXlsOutline = function IconBlankXlsOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: BlankXlsOutline.BlankXlsOutline
-  });
-};
-
-exports.IconBlankXlsOutline = IconBlankXlsOutline;
-//# sourceMappingURL=IconBlankXlsOutline.js.map

package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBlankXlsOutline.js","sources":["../../../../src/components/_Icon/Icons/IconBlankXlsOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BlankXlsOutline } from '../Icon.assets/BlankXlsOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconBlankXlsOutline: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={BlankXlsOutline} />;\n};\n"],"names":["IconBlankXlsOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","BlankXlsOutline"],"mappings":";;;;;;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACpF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,+BAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}

package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var CloseCircleOutline = require('../Icon.assets/CloseCircleOutline.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconCloseCircleOutline = function IconCloseCircleOutline(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 's' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: CloseCircleOutline.CloseCircleOutline
-  });
-};
-
-exports.IconCloseCircleOutline = IconCloseCircleOutline;
-//# sourceMappingURL=IconCloseCircleOutline.js.map

package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconCloseCircleOutline.js","sources":["../../../../src/components/_Icon/Icons/IconCloseCircleOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CloseCircleOutline } from '../Icon.assets/CloseCircleOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconCloseCircleOutline: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={CloseCircleOutline} />;\n};\n"],"names":["IconCloseCircleOutline","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","CloseCircleOutline"],"mappings":";;;;;;;;IAKaA,sBAA2C,GAAG,SAA9CA,sBAA2CA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACtF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,qCAAAA;AAAmB,GAAE,CAAC,CAAA;AACjG;;;;"}

package/cjs/components/_Icon/Icons/IconPlus.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var Plus = require('../Icon.assets/Plus.js');
-var IconRoot = require('../IconRoot.js');
-
-var IconPlus = function IconPlus(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 's' : _ref$size,
-    color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: Plus.Plus
-  });
-};
-
-exports.IconPlus = IconPlus;
-//# sourceMappingURL=IconPlus.js.map

package/cjs/components/_Icon/Icons/IconPlus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPlus.js","sources":["../../../../src/components/_Icon/Icons/IconPlus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Plus } from '../Icon.assets/Plus';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconPlus: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={Plus} />;\n};\n"],"names":["IconPlus","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","Plus"],"mappings":";;;;;;;;IAKaA,QAA6B,GAAG,SAAhCA,QAA6BA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACxE,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,SAAAA;AAAK,GAAE,CAAC,CAAA;AACnF;;;;"}

package/emotion/cjs/components/Attach/Attach.js

@@ -1,186 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.attachRoot = exports.attachConfig = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _utils = /*#__PURE__*/require("../../utils");
-var _Icon = /*#__PURE__*/require("../_Icon");
-var _base = /*#__PURE__*/require("./variations/_size/base");
-var _base2 = /*#__PURE__*/require("./variations/_view/base");
-var _Attach = /*#__PURE__*/require("./Attach.styles");
-var _Cell = /*#__PURE__*/require("./ui/Cell/Cell");
-var _utils2 = /*#__PURE__*/require("./utils");
-var _Attach2 = /*#__PURE__*/require("./Attach.tokens");
-var _AttachButton = /*#__PURE__*/require("./components/AttachButton");
-var _IconButton = /*#__PURE__*/require("./ui/IconButton/IconButton.styles");
-var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && {}.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 _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 _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; }
-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; }
-var attachRoot = exports.attachRoot = function attachRoot(Root) {
-  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
-    var _props$flow = props.flow,
-      flow = _props$flow === void 0 ? 'auto' : _props$flow,
-      _props$buttonType = props.buttonType,
-      buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
-      _props$hasAttachment = props.hasAttachment,
-      hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
-      acceptedFileFormats = props.acceptedFileFormats,
-      size = props.size,
-      view = props.view,
-      className = props.className,
-      style = props.style,
-      isLoading = props.isLoading,
-      disabled = props.disabled,
-      rest = _objectWithoutProperties(props, _excluded);
-    var innerRef = (0, _react.useRef)(null);
-    var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
-    var inputRef = (0, _react.useRef)(null);
-    var inputHelperRef = (0, _react.useRef)(null);
-    var cellRef = (0, _react.useRef)(null);
-    var buttonRef = (0, _react.useRef)(null);
-    var emptyTextCellWidth = (0, _react.useRef)(null);
-    var _useState = (0, _react.useState)(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      filename = _useState2[0],
-      setFilename = _useState2[1];
-    var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      truncatedFilename = _useState4[0],
-      setTruncatedFilename = _useState4[1];
-    var horizontalClass = flow === 'horizontal' ? _Attach2.classes.horizontal : undefined;
-    var verticalClass = flow === 'vertical' ? _Attach2.classes.vertical : undefined;
-    var autoClass = flow === 'auto' ? _Attach2.classes.auto : undefined;
-    var cellHiddenClass = truncatedFilename.length === 0 ? _Attach2.classes.cellHidden : undefined;
-    var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
-    var extension = (0, _utils2.extractExtension)(filename);
-    var cellContentLeft = (0, _utils2.getFileicon)(extension, size);
-    (0, _react.useEffect)(function () {
-      var _cellRef$current;
-      emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
-    }, []);
-    (0, _plasmaCore.useIsomorphicLayoutEffect)(function () {
-      if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
-        return;
-      }
-      var textWidth = inputHelperRef.current.offsetWidth;
-      var buttonWidth = buttonRef.current.offsetWidth;
-      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
-        parentWidth = _cellRef$current$pare.width,
-        parentLeft = _cellRef$current$pare.left;
-      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
-        cellLeft = _cellRef$current$getB.left;
-      var leftDiff = cellLeft - parentLeft;
-      var currentTextWidth = textWidth;
-      var currFilename = filename;
-      for (var i = filename.length - 1; i > 0; i -= 1) {
-        if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
-          break;
-        }
-        var newFilename = (0, _utils2.truncateFilename)({
-          filename: inputHelperRef.current.textContent,
-          startNameTruncationIndex: i
-        });
-        inputHelperRef.current.textContent = newFilename;
-        currentTextWidth = inputHelperRef.current.offsetWidth;
-        if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
-          break;
-        }
-        currFilename = newFilename;
-      }
-      inputHelperRef.current.textContent = filename;
-      setTruncatedFilename(currFilename);
-    });
-    var handleClick = function handleClick() {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.click();
-    };
-    var handleChange = function handleChange() {
-      if (!inputRef.current || !inputRef.current.files) {
-        return;
-      }
-      setFilename(inputRef.current.files[0].name);
-    };
-    var handleClear = function handleClear() {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.value = '';
-      setFilename('');
-      setTruncatedFilename('');
-    };
-    return /*#__PURE__*/_react["default"].createElement(Root, {
-      className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass, className),
-      style: style,
-      size: size,
-      view: view,
-      ref: ref
-    }, /*#__PURE__*/_react["default"].createElement(_Attach.StyledHiddenInput, {
-      ref: inputRef,
-      accept: accept,
-      type: "file",
-      id: "attachHiddenInput",
-      name: "attachHiddenInput",
-      onChange: handleChange
-    }), /*#__PURE__*/_react["default"].createElement(_Attach.StyledHiddenInputHelper, {
-      ref: inputHelperRef,
-      id: "attachHiddenInputHelper"
-    }, filename), /*#__PURE__*/_react["default"].createElement(_AttachButton.AttachButton, _extends({
-      buttonType: buttonType,
-      view: view,
-      size: size,
-      onClick: handleClick,
-      isLoading: isLoading,
-      disabled: disabled,
-      ref: buttonRef
-    }, rest)), hasAttachment && /*#__PURE__*/_react["default"].createElement(_Cell.StyledCell, {
-      stretching: "fixed",
-      className: cellHiddenClass,
-      ref: cellRef,
-      size: size,
-      title: truncatedFilename,
-      contentLeft: cellContentLeft,
-      contentRight: /*#__PURE__*/_react["default"].createElement(_IconButton.StyledIconButtonCancel, {
-        view: view,
-        size: size,
-        onClick: handleClear
-      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/_react["default"].createElement(_Icon.IconCloseCircleOutline, {
-        size: "xs",
-        color: "inherit"
-      })))
-    }));
-  });
-};
-var attachConfig = exports.attachConfig = {
-  name: 'Attach',
-  tag: 'div',
-  layout: attachRoot,
-  base: _Attach.base,
-  variations: {
-    view: {
-      css: _base2.base
-    },
-    size: {
-      css: _base.base
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

package/emotion/cjs/components/Attach/Attach.styles.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = exports.StyledHiddenInputHelper = exports.StyledHiddenInput = void 0;
-var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
-var _react = /*#__PURE__*/require("@emotion/react");
-var _Attach = /*#__PURE__*/require("./Attach.tokens");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var base = exports.base = process.env.NODE_ENV === "production" ? {
-  name: "1yur341-plasma-new-hope__base",
-  styles: "position:relative;display:flex;label:plasma-new-hope__base;"
-} : {
-  name: "1yur341-plasma-new-hope__base",
-  styles: "position:relative;display:flex;label:plasma-new-hope__base;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var StyledHiddenInput = exports.StyledHiddenInput = /*#__PURE__*/(0, _base["default"])("input", {
-  target: "e3npccl1",
-  label: "plasma-new-hope__StyledHiddenInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "eivff4",
-  styles: "display:none"
-} : {
-  name: "eivff4",
-  styles: "display:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledHiddenInputHelper = exports.StyledHiddenInputHelper = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e3npccl0",
-  label: "plasma-new-hope__StyledHiddenInputHelper"
-})("position:absolute;visibility:hidden;font-family:var(", _Attach.tokens.cellTitleFontFamily, ");font-size:var(", _Attach.tokens.cellTitleFontSize, ");font-style:var(", _Attach.tokens.cellTitleFontStyle, ");font-weight:var(", _Attach.tokens.cellTitleFontWeight, ");letter-spacing:var(", _Attach.tokens.cellTitleLetterSpacing, ");line-height:var(", _Attach.tokens.cellTitleLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));

package/emotion/cjs/components/Attach/Attach.template-doc.mdx

@@ -1,63 +0,0 @@
----
-id: attach
-title: Attach
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Attach
-<Description name="Attach" />
-<PropsTable name="Attach" />
-
-## Примеры
-
-### Вид кнопки
-С помощью свойства `buttonType` можно менять вид кнопки: обычный или с иконкой.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
-            <Attach view="accent" buttonType={'button'} />
-            <Attach view="secondary" buttonType={'iconButton'} />
-        </div>
-    );
-}
-```
-
-### Расположение элементов
-C помощью свойства `flow` можно регулировать расположение элементов в зависимости от ширины контейнера.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
-            <Attach style=\{{ width: "400px" }} flow="auto" />
-            <Attach style=\{{ width: "400px" }} flow="horizontal" />
-            <Attach style=\{{ width: "400px" }} flow="vertical" />
-        </div>
-    );
-}
-```
-
-### Фильтр форматов файлов
-Свойство `acceptedFileFormats` устанавливает доступные форматы файлов.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div>
-            <Attach acceptedFileFormats={['.pdf', '.doc']} />
-        </div>
-    );
-}
-```