@salutejs/plasma-new-hope 0.343.0-canary.2378.20022803938.0 → 0.343.0-canary.2381.20024628262.0

package/es/components/_experimental/Popover/Popover.js

@@ -1,153 +0,0 @@
-import './Popover_1ed9tky.css';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef } from 'react';
-import cls from 'classnames';
-import { useFloating, autoUpdate, shift, flip, arrow, offset, useClick, useDismiss, useRole, useHover, safePolygon, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from '@floating-ui/react';
-import { classes, tokens } from './Popover.tokens.js';
-import { Target, CloseButton, base } from './Popover.styles.js';
-import { mergeRefs } from '../../../utils/setRefList.js';
-import { IconClose } from '../../_Icon/Icons/IconClose.js';
-import { sizeToIconSize } from './utils/sizeToIconSize.js';
-
-var _excluded = ["appearance", "children", "target", "opened", "defaultOpened", "trigger", "placement", "arrow", "flip", "shift", "offset", "outsideClick", "resizable", "onResizeStart", "onResizeEnd", "onToggle", "delayOpen", "delayClose", "zIndex", "className", "style", "size"];
-/* Ширина хвостика */
-var ARROW_WIDTH = 20;
-/* Высота хвостика */
-var ARROW_HEIGHT = 8;
-/* SVG хвостика */
-var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
-/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
-var ARROW_PADDING = 16;
-var popoverRoot = function popoverRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var appearance = _ref.appearance,
-      children = _ref.children,
-      target = _ref.target,
-      outerOpened = _ref.opened,
-      _ref$defaultOpened = _ref.defaultOpened,
-      defaultOpened = _ref$defaultOpened === void 0 ? false : _ref$defaultOpened,
-      _ref$trigger = _ref.trigger,
-      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      _ref$arrow = _ref.arrow,
-      outerArrow = _ref$arrow === void 0 ? true : _ref$arrow,
-      _ref$flip = _ref.flip,
-      outsideFlip = _ref$flip === void 0 ? true : _ref$flip,
-      _ref$shift = _ref.shift,
-      outsideShift = _ref$shift === void 0 ? true : _ref$shift,
-      _ref$offset = _ref.offset,
-      outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
-      _ref$outsideClick = _ref.outsideClick,
-      outsideClick = _ref$outsideClick === void 0 ? true : _ref$outsideClick,
-      onToggle = _ref.onToggle,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(defaultOpened),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerOpened = _useState2[0],
-      setInnerOpened = _useState2[1];
-    var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
-    var arrowRef = useRef(null);
-    var handleToggle = function handleToggle(opened) {
-      setInnerOpened(opened);
-      if (onToggle) {
-        onToggle(opened);
-      }
-    };
-    var _useFloating = useFloating({
-        whileElementsMounted: autoUpdate,
-        placement: placement,
-        open: opened,
-        onOpenChange: handleToggle,
-        middleware: [outsideShift && shift(), outsideFlip && flip(), outerArrow && arrow({
-          element: arrowRef,
-          padding: ARROW_PADDING
-        }), offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)]
-      }),
-      refs = _useFloating.refs,
-      floatingStyles = _useFloating.floatingStyles,
-      context = _useFloating.context;
-    var click = useClick(context, {
-      enabled: trigger === 'click'
-    });
-    var dismiss = useDismiss(context, {
-      enabled: true,
-      outsidePress: outsideClick
-    });
-    var role = useRole(context);
-    var hover = useHover(context, {
-      enabled: trigger === 'hover',
-      handleClose: safePolygon({
-        requireIntent: false
-      }),
-      delay: {
-        open: delayOpen,
-        close: delayClose
-      }
-    });
-    var _useInteractions = useInteractions([dismiss, role, click, hover]),
-      getReferenceProps = _useInteractions.getReferenceProps,
-      getFloatingProps = _useInteractions.getFloatingProps;
-    var commonRef = mergeRefs(outerRootRef, refs.setFloating);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Target, _extends({
-      ref: refs.setReference
-    }, getReferenceProps()), target), opened && /*#__PURE__*/React.createElement(FloatingPortal, null, /*#__PURE__*/React.createElement(FloatingFocusManager, {
-      context: context
-    }, /*#__PURE__*/React.createElement(Root, _extends({
-      ref: commonRef,
-      target: target,
-      className: cls(className, classes.popoverContainer),
-      style: _objectSpread2(_objectSpread2({
-        zIndex: zIndex
-      }, style), floatingStyles),
-      size: size
-    }, getFloatingProps(), rest, {
-      "data-popover-open": opened
-    }), appearance === 'closeInner' && /*#__PURE__*/React.createElement(CloseButton, {
-      className: classes.popoverCloseIconButton,
-      onClick: function onClick() {
-        return handleToggle(false);
-      }
-    }, /*#__PURE__*/React.createElement(IconClose, {
-      size: sizeToIconSize(size),
-      color: "inherit"
-    })), outerArrow && /*#__PURE__*/React.createElement(FloatingArrow, {
-      ref: arrowRef,
-      context: context,
-      width: ARROW_WIDTH,
-      height: ARROW_HEIGHT,
-      fill: "var(".concat(tokens.backgroundColor, ")"),
-      d: ARROW_POLYGON
-    }), children))));
-  });
-};
-var popoverConfig = {
-  name: 'Popover',
-  tag: 'div',
-  layout: popoverRoot,
-  base: base,
-  variations: {
-    view: {
-      css: "c1249igs"
-    },
-    size: {
-      css: "c1n5h7tb"
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};
-
-export { popoverConfig, popoverRoot };
-//# sourceMappingURL=Popover.js.map

package/es/components/_experimental/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useDismiss,\n    useRole,\n    FloatingFocusManager,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    shift,\n    flip,\n    FloatingPortal,\n    autoUpdate,\n} from '@floating-ui/react';\nimport { mergeRefs } from 'src/utils';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\n\nimport { sizeToIconSize } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, Target, CloseButton } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                appearance,\n                children,\n                target,\n                opened: outerOpened,\n                defaultOpened = false,\n                trigger = 'click',\n                placement = 'bottom',\n                arrow: outerArrow = true,\n                flip: outsideFlip = true,\n                shift: outsideShift = true,\n                offset: outerOffset = 0,\n                outsideClick = true,\n                resizable,\n                onResizeStart,\n                onResizeEnd,\n                onToggle,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n            const opened = outerOpened ?? innerOpened;\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setInnerOpened(opened);\n\n                if (onToggle) {\n                    onToggle(opened);\n                }\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    outsideShift && shift(),\n                    outsideFlip && flip(),\n                    outerArrow && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click',\n            });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: outsideClick,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover]);\n\n            const commonRef = mergeRefs(outerRootRef, refs.setFloating);\n\n            return (\n                <>\n                    <Target ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Target>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <FloatingFocusManager context={context}>\n                                <Root\n                                    ref={commonRef}\n                                    target={target}\n                                    className={cls(className, classes.popoverContainer)}\n                                    style={{ zIndex, ...style, ...floatingStyles }}\n                                    size={size}\n                                    {...getFloatingProps()}\n                                    {...rest}\n                                    data-popover-open={opened}\n                                >\n                                    {appearance === 'closeInner' && (\n                                        <CloseButton\n                                            className={classes.popoverCloseIconButton}\n                                            onClick={() => handleToggle(false)}\n                                        >\n                                            <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n                                        </CloseButton>\n                                    )}\n\n                                    {outerArrow && (\n                                        <FloatingArrow\n                                            ref={arrowRef}\n                                            context={context}\n                                            width={ARROW_WIDTH}\n                                            height={ARROW_HEIGHT}\n                                            fill={`var(${tokens.backgroundColor})`}\n                                            d={ARROW_POLYGON}\n                                        />\n                                    )}\n\n                                    {children}\n                                </Root>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$arrow","arrow","outerArrow","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","element","padding","refs","floatingStyles","context","click","useClick","enabled","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","commonRef","mergeRefs","setFloating","React","createElement","Fragment","Target","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","cls","classes","popoverContainer","_objectSpread","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","popoverConfig","name","tag","layout","base","variations","view","css","defaults"],"mappings":"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"}

package/es/components/_experimental/Popover/Popover.styles.js

@@ -1,17 +0,0 @@
-import './Popover.styles_16k97a4.css';
-import { styled } from '@linaria/react';
-
-var base = "bjqq97m";
-var Target = /*#__PURE__*/styled('div')({
-  name: "Target",
-  "class": "trsso1p",
-  propsAsIs: false
-});
-var CloseButton = /*#__PURE__*/styled('button')({
-  name: "CloseButton",
-  "class": "cwikyji",
-  propsAsIs: false
-});
-
-export { CloseButton, Target, base };
-//# sourceMappingURL=Popover.styles.js.map

package/es/components/_experimental/Popover/Popover.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.styles.js","sources":["../../../../src/components/_experimental/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Popover.tokens';\n\nexport const base = css`\n    position: relative;\n    background: var(${tokens.backgroundColor});\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    box-shadow: var(${tokens.boxShadow});\n`;\n\nexport const Target = styled.div`\n    display: inline-block;\n    max-width: 100%;\n`;\n\nexport const CloseButton = styled.button`\n    position: absolute;\n    top: var(${tokens.iconOffset});\n    right: var(${tokens.iconOffset});\n    padding: 0;\n    margin: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    line-height: 0;\n    color: var(${tokens.iconColor});\n\n    &:hover {\n        color: var(${tokens.iconColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.iconColorActive});\n    }\n`;\n"],"names":["base","Target","styled","name","class","propsAsIs","CloseButton"],"mappings":";;AAKO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,MAAM,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG3B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;"}

package/es/components/_experimental/Popover/Popover.styles_16k97a4.css

@@ -1,3 +0,0 @@
-.bjqq97m{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
-.trsso1p{display:inline-block;max-width:100%;}
-.cwikyji{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.cwikyji:hover{color:var(--plasma-popover-icon-color-hover);}.cwikyji:active{color:var(--plasma-popover-icon-color-active);}

package/es/components/_experimental/Popover/Popover.tokens.js

@@ -1,17 +0,0 @@
-var classes = {
-  popoverContainer: 'popover-container',
-  popoverCloseIconButton: 'popover-close-icon-button'
-};
-var tokens = {
-  backgroundColor: '--plasma-popover-background-color',
-  borderRadius: '--plasma-popover-border-radius',
-  padding: '--plasma-popover-padding',
-  boxShadow: '--plasma-popover-box-shadow',
-  iconColor: '--plasma-popover-icon-color',
-  iconColorHover: '--plasma-popover-icon-color-hover',
-  iconColorActive: '--plasma-popover-icon-color-active',
-  iconOffset: '--plasma-popover-icon-offset'
-};
-
-export { classes, tokens };
-//# sourceMappingURL=Popover.tokens.js.map

package/es/components/_experimental/Popover/Popover.tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.tokens.js","sources":["../../../../src/components/_experimental/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n    popoverContainer: 'popover-container',\n    popoverCloseIconButton: 'popover-close-icon-button',\n};\n\nexport const tokens = {\n    backgroundColor: '--plasma-popover-background-color',\n    borderRadius: '--plasma-popover-border-radius',\n    padding: '--plasma-popover-padding',\n    boxShadow: '--plasma-popover-box-shadow',\n    iconColor: '--plasma-popover-icon-color',\n    iconColorHover: '--plasma-popover-icon-color-hover',\n    iconColorActive: '--plasma-popover-icon-color-active',\n    iconOffset: '--plasma-popover-icon-offset',\n};\n"],"names":["classes","popoverContainer","popoverCloseIconButton","tokens","backgroundColor","borderRadius","padding","boxShadow","iconColor","iconColorHover","iconColorActive","iconOffset"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,sBAAsB,EAAE,2BAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,8BAAA;AAChB;;;;"}

package/es/components/_experimental/Popover/Popover_1ed9tky.css

@@ -1,2 +0,0 @@
-
-

package/es/components/_experimental/Popover/utils/sizeToIconSize.js

@@ -1,6 +0,0 @@
-var sizeToIconSize = function sizeToIconSize(size) {
-  return size === 's' ? 'xs' : 's';
-};
-
-export { sizeToIconSize };
-//# sourceMappingURL=sizeToIconSize.js.map

package/es/components/_experimental/Popover/utils/sizeToIconSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizeToIconSize.js","sources":["../../../../../src/components/_experimental/Popover/utils/sizeToIconSize.ts"],"sourcesContent":["export const sizeToIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n"],"names":["sizeToIconSize","size"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AAC7C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC;;;;"}

package/styled-components/cjs/components/_experimental/Popover/Popover.js

@@ -1,331 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get popoverConfig () {
-        return popoverConfig;
-    },
-    get popoverRoot () {
-        return popoverRoot;
-    }
-});
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-var _react1 = require("@floating-ui/react");
-var _utils = require("../../../utils");
-var _styledcomponents = require("styled-components");
-var _Icon = require("../../_Icon");
-var _utils1 = require("./utils");
-var _Popovertokens = require("./Popover.tokens");
-var _Popoverstyles = require("./Popover.styles");
-function _array_like_to_array(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 _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(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 _object_without_properties_loose(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;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-/* Ширина хвостика */ var ARROW_WIDTH = 20;
-/* Высота хвостика */ var ARROW_HEIGHT = 8;
-/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
-/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
-var popoverRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
-        var appearance = _param.appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, rest = _object_without_properties(_param, [
-            "appearance",
-            "children",
-            "target",
-            "opened",
-            "defaultOpened",
-            "trigger",
-            "placement",
-            "arrow",
-            "flip",
-            "shift",
-            "offset",
-            "outsideClick",
-            "resizable",
-            "onResizeStart",
-            "onResizeEnd",
-            "onToggle",
-            "delayOpen",
-            "delayClose",
-            "zIndex",
-            "className",
-            "style",
-            "size"
-        ]);
-        var _useState = _sliced_to_array((0, _react.useState)(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
-        var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
-        var arrowRef = (0, _react.useRef)(null);
-        var handleToggle = function(opened) {
-            setInnerOpened(opened);
-            if (onToggle) {
-                onToggle(opened);
-            }
-        };
-        var _useFloating = (0, _react1.useFloating)({
-            whileElementsMounted: _react1.autoUpdate,
-            placement: placement,
-            open: opened,
-            onOpenChange: handleToggle,
-            middleware: [
-                outsideShift && (0, _react1.shift)(),
-                outsideFlip && (0, _react1.flip)(),
-                outerArrow && (0, _react1.arrow)({
-                    element: arrowRef,
-                    padding: ARROW_PADDING
-                }),
-                (0, _react1.offset)((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
-            ]
-        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-        var click = (0, _react1.useClick)(context, {
-            enabled: trigger === 'click'
-        });
-        var dismiss = (0, _react1.useDismiss)(context, {
-            enabled: true,
-            outsidePress: outsideClick
-        });
-        var role = (0, _react1.useRole)(context);
-        var hover = (0, _react1.useHover)(context, {
-            enabled: trigger === 'hover',
-            handleClose: (0, _react1.safePolygon)({
-                requireIntent: false
-            }),
-            delay: {
-                open: delayOpen,
-                close: delayClose
-            }
-        });
-        var _useInteractions = (0, _react1.useInteractions)([
-            dismiss,
-            role,
-            click,
-            hover
-        ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
-        var commonRef = (0, _utils.mergeRefs)(outerRootRef, refs.setFloating);
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Popoverstyles.Target, _object_spread({
-            ref: refs.setReference
-        }, getReferenceProps()), target), opened && /*#__PURE__*/ _react.default.createElement(_react1.FloatingPortal, null, /*#__PURE__*/ _react.default.createElement(_react1.FloatingFocusManager, {
-            context: context
-        }, /*#__PURE__*/ _react.default.createElement(Root, _object_spread_props(_object_spread({
-            ref: commonRef,
-            target: target,
-            className: (0, _classnames.default)(className, _Popovertokens.classes.popoverContainer),
-            style: _object_spread({
-                zIndex: zIndex
-            }, style, floatingStyles),
-            size: size
-        }, getFloatingProps(), rest), {
-            "data-popover-open": opened
-        }), appearance === 'closeInner' && /*#__PURE__*/ _react.default.createElement(_Popoverstyles.CloseButton, {
-            className: _Popovertokens.classes.popoverCloseIconButton,
-            onClick: function() {
-                return handleToggle(false);
-            }
-        }, /*#__PURE__*/ _react.default.createElement(_Icon.IconClose, {
-            size: (0, _utils1.sizeToIconSize)(size),
-            color: "inherit"
-        })), outerArrow && /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
-            ref: arrowRef,
-            context: context,
-            width: ARROW_WIDTH,
-            height: ARROW_HEIGHT,
-            fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
-            d: ARROW_POLYGON
-        }), children))));
-    });
-};
-var popoverConfig = {
-    name: 'Popover',
-    tag: 'div',
-    layout: popoverRoot,
-    base: _Popoverstyles.base,
-    variations: {
-        view: {
-            css: (0, _styledcomponents.css)([
-                ""
-            ])
-        },
-        size: {
-            css: (0, _styledcomponents.css)([
-                ""
-            ])
-        }
-    },
-    defaults: {
-        view: 'default',
-        size: 'm'
-    }
-};