@salutejs/plasma-new-hope 0.343.0-canary.2375.19930914653.0 → 0.343.0-canary.2378.19987972214.0

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

@@ -0,0 +1,209 @@
+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 _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 _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);
+}
+import React, { forwardRef, useState, useRef } from "react";
+import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover } from "@floating-ui/react";
+import { mergeRefs } from "../../../utils";
+import { css } from "@emotion/react";
+import { tokens } from "./Popover.tokens";
+import { base, Target } from "./Popover.styles";
+export var viewCSS = /*#__PURE__*/ css("viewCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG59IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdCc7XG5pbXBvcnQgeyBtZXJnZVJlZnMgfSBmcm9tICdzcmMvdXRpbHMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1BvcG92ZXIudG9rZW5zJztcbmltcG9ydCB7IGJhc2UsIFRhcmdldCB9IGZyb20gJy4vUG9wb3Zlci5zdHlsZXMnO1xuaW1wb3J0IHR5cGUgeyBQb3BvdmVyUHJvcHMgfSBmcm9tICcuL1BvcG92ZXIudHlwZXMnO1xuXG5leHBvcnQgY29uc3Qgdmlld0NTUyA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IHNpemVDU1MgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgICAgICAgICAgdGFyZ2V0LFxuICAgICAgICAgICAgICAgIG9wZW5lZDogb3V0ZXJPcGVuZWQsXG4gICAgICAgICAgICAgICAgZGVmYXVsdE9wZW5lZCA9IGZhbHNlLFxuICAgICAgICAgICAgICAgIHRyaWdnZXIgPSAnY2xpY2snLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICAgICAgICAgICAgICAgIGZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSBbMCwgMF0sXG4gICAgICAgICAgICAgICAgaGFzQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGFuaW1hdGVkLFxuICAgICAgICAgICAgICAgIHpJbmRleCA9IDEwMDAsXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHN0eWxlLFxuICAgICAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvdXRlclJvb3RSZWYsXG4gICAgICAgICkgPT4ge1xuICAgICAgICAgICAgY29uc3QgW2lubmVyT3BlbmVkLCBzZXRJbm5lck9wZW5lZF0gPSB1c2VTdGF0ZShkZWZhdWx0T3BlbmVkKTtcblxuICAgICAgICAgICAgY29uc3Qgb3BlbmVkID0gb3V0ZXJPcGVuZWQgPz8gaW5uZXJPcGVuZWQ7XG5cbiAgICAgICAgICAgIGNvbnN0IGFycm93UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgICAgICAgICBjb25zdCBoYW5kbGVUb2dnbGUgPSAob3BlbmVkOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0SW5uZXJPcGVuZWQob3BlbmVkKTtcblxuICAgICAgICAgICAgICAgIGlmIChvblRvZ2dsZSkge1xuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZShvcGVuZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgb3Blbjogb3BlbmVkLFxuICAgICAgICAgICAgICAgIG9uT3BlbkNoYW5nZTogaGFuZGxlVG9nZ2xlLFxuICAgICAgICAgICAgICAgIG1pZGRsZXdhcmU6IFthcnJvdyh7IGVsZW1lbnQ6IGFycm93UmVmIH0pLCBvZmZzZXQoOCldLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNsaWNrID0gdXNlQ2xpY2soY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdjbGljaycsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbZGlzbWlzcywgcm9sZSwgY2xpY2ssIGhvdmVyXSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNvbW1vblJlZiA9IG1lcmdlUmVmcyhvdXRlclJvb3RSZWYsIHJlZnMuc2V0RmxvYXRpbmcpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxUYXJnZXQgcmVmPXtyZWZzLnNldFJlZmVyZW5jZX0gey4uLmdldFJlZmVyZW5jZVByb3BzKCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgPC9UYXJnZXQ+XG5cbiAgICAgICAgICAgICAgICAgICAge29wZW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0gbW9kYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0PXt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17MjB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9ezB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxsPXtgdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn0pYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgICk7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyQ29uZmlnID0ge1xuICAgIG5hbWU6ICdQb3BvdmVyJyxcbiAgICB0YWc6ICdkaXYnLFxuICAgIGxheW91dDogcG9wb3ZlclJvb3QsXG4gICAgYmFzZSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGNzczogdmlld0NTUyxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiJ9 */");
+export var sizeCSS = /*#__PURE__*/ css("sizeCSS", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci50c3giLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICdzcmMvZW5naW5lcy90eXBlcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG59IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdCc7XG5pbXBvcnQgeyBtZXJnZVJlZnMgfSBmcm9tICdzcmMvdXRpbHMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1BvcG92ZXIudG9rZW5zJztcbmltcG9ydCB7IGJhc2UsIFRhcmdldCB9IGZyb20gJy4vUG9wb3Zlci5zdHlsZXMnO1xuaW1wb3J0IHR5cGUgeyBQb3BvdmVyUHJvcHMgfSBmcm9tICcuL1BvcG92ZXIudHlwZXMnO1xuXG5leHBvcnQgY29uc3Qgdmlld0NTUyA9IGNzc2BgO1xuZXhwb3J0IGNvbnN0IHNpemVDU1MgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgICAgICAgICAgdGFyZ2V0LFxuICAgICAgICAgICAgICAgIG9wZW5lZDogb3V0ZXJPcGVuZWQsXG4gICAgICAgICAgICAgICAgZGVmYXVsdE9wZW5lZCA9IGZhbHNlLFxuICAgICAgICAgICAgICAgIHRyaWdnZXIgPSAnY2xpY2snLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICAgICAgICAgICAgICAgIGZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSBbMCwgMF0sXG4gICAgICAgICAgICAgICAgaGFzQXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2sgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICBvblJlc2l6ZVN0YXJ0LFxuICAgICAgICAgICAgICAgIG9uUmVzaXplRW5kLFxuICAgICAgICAgICAgICAgIG9uVG9nZ2xlLFxuICAgICAgICAgICAgICAgIGFuaW1hdGVkLFxuICAgICAgICAgICAgICAgIHpJbmRleCA9IDEwMDAsXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHN0eWxlLFxuICAgICAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvdXRlclJvb3RSZWYsXG4gICAgICAgICkgPT4ge1xuICAgICAgICAgICAgY29uc3QgW2lubmVyT3BlbmVkLCBzZXRJbm5lck9wZW5lZF0gPSB1c2VTdGF0ZShkZWZhdWx0T3BlbmVkKTtcblxuICAgICAgICAgICAgY29uc3Qgb3BlbmVkID0gb3V0ZXJPcGVuZWQgPz8gaW5uZXJPcGVuZWQ7XG5cbiAgICAgICAgICAgIGNvbnN0IGFycm93UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgICAgICAgICBjb25zdCBoYW5kbGVUb2dnbGUgPSAob3BlbmVkOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0SW5uZXJPcGVuZWQob3BlbmVkKTtcblxuICAgICAgICAgICAgICAgIGlmIChvblRvZ2dsZSkge1xuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZShvcGVuZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgb3Blbjogb3BlbmVkLFxuICAgICAgICAgICAgICAgIG9uT3BlbkNoYW5nZTogaGFuZGxlVG9nZ2xlLFxuICAgICAgICAgICAgICAgIG1pZGRsZXdhcmU6IFthcnJvdyh7IGVsZW1lbnQ6IGFycm93UmVmIH0pLCBvZmZzZXQoOCldLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNsaWNrID0gdXNlQ2xpY2soY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdjbGljaycsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCk7XG4gICAgICAgICAgICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cmlnZ2VyID09PSAnaG92ZXInLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbZGlzbWlzcywgcm9sZSwgY2xpY2ssIGhvdmVyXSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNvbW1vblJlZiA9IG1lcmdlUmVmcyhvdXRlclJvb3RSZWYsIHJlZnMuc2V0RmxvYXRpbmcpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxUYXJnZXQgcmVmPXtyZWZzLnNldFJlZmVyZW5jZX0gey4uLmdldFJlZmVyZW5jZVByb3BzKCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgPC9UYXJnZXQ+XG5cbiAgICAgICAgICAgICAgICAgICAge29wZW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdGb2N1c01hbmFnZXIgY29udGV4dD17Y29udGV4dH0gbW9kYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e2NvbW1vblJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0PXt0YXJnZXR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyAuLi5zdHlsZSwgLi4uZmxvYXRpbmdTdHlsZXMgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdBcnJvd1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXthcnJvd1JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17MjB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9ezB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxsPXtgdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn0pYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRmxvYXRpbmdGb2N1c01hbmFnZXI+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgICk7XG5cbmV4cG9ydCBjb25zdCBwb3BvdmVyQ29uZmlnID0ge1xuICAgIG5hbWU6ICdQb3BvdmVyJyxcbiAgICB0YWc6ICdkaXYnLFxuICAgIGxheW91dDogcG9wb3ZlclJvb3QsXG4gICAgYmFzZSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGNzczogdmlld0NTUyxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiJ9 */");
+export var popoverRoot = function(Root) {
+    return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
+        var 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, _param_flip = _param.flip, flip = _param_flip === void 0 ? true : _param_flip, tmp = _param.offset, outerOffset = tmp === void 0 ? [
+            0,
+            0
+        ] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
+            "children",
+            "target",
+            "opened",
+            "defaultOpened",
+            "trigger",
+            "placement",
+            "flip",
+            "offset",
+            "hasArrow",
+            "closeOnOverlayClick",
+            "resizable",
+            "onResizeStart",
+            "onResizeEnd",
+            "onToggle",
+            "animated",
+            "zIndex",
+            "className",
+            "style"
+        ]);
+        var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
+        var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+        var arrowRef = useRef(null);
+        var handleToggle = function(opened) {
+            setInnerOpened(opened);
+            if (onToggle) {
+                onToggle(opened);
+            }
+        };
+        var _useFloating = useFloating({
+            placement: placement,
+            open: opened,
+            onOpenChange: handleToggle,
+            middleware: [
+                arrow({
+                    element: arrowRef
+                }),
+                offset(8)
+            ]
+        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+        var click = useClick(context, {
+            enabled: trigger === 'click'
+        });
+        var dismiss = useDismiss(context, {
+            enabled: false
+        });
+        var role = useRole(context);
+        var hover = useHover(context, {
+            enabled: trigger === 'hover'
+        });
+        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, _object_spread({
+            ref: refs.setReference
+        }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingFocusManager, {
+            context: context,
+            modal: false
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread({
+            ref: commonRef,
+            target: target,
+            className: className,
+            style: _object_spread({}, style, floatingStyles)
+        }, getFloatingProps(), rest), /*#__PURE__*/ React.createElement(FloatingArrow, {
+            ref: arrowRef,
+            context: context,
+            width: 20,
+            height: 0,
+            fill: "var(".concat(tokens.backgroundColor, ")"),
+            d: "M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z"
+        }), children)));
+    });
+};
+export var popoverConfig = {
+    name: 'Popover',
+    tag: 'div',
+    layout: popoverRoot,
+    base: base,
+    variations: {
+        view: {
+            css: viewCSS
+        },
+        size: {
+            css: sizeCSS
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};

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

@@ -0,0 +1,8 @@
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { tokens } from "./Popover.tokens";
+export var base = /*#__PURE__*/ css("background:var(", tokens.backgroundColor, ");padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");box-shadow:var(", tokens.boxShadow, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFyZ2V0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+export var Target = /*#__PURE__*/ styled("div", {
+    target: "e91yqzl0",
+    label: "Target"
+})("display:inline-block;max-width:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFyZ2V0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZc0IifQ== */");

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

@@ -0,0 +1,7 @@
+export var classes = {};
+export var tokens = {
+    backgroundColor: '--plasma-popover-background-color',
+    borderRadius: '--plasma-popover-border-radius',
+    padding: '--plasma-popover-padding',
+    boxShadow: '--plasma-popover-box-shadow'
+};

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1,2 @@
+export { popoverRoot, popoverConfig } from "./Popover";
+export { classes as popoverClasses, tokens as popoverTokens } from "./Popover.tokens";

package/emotion/es/components/_experimental/index.js

@@ -0,0 +1 @@
+export * from "./Popover";

package/emotion/es/examples/components/_experimental/Popover/Popover.config.js

@@ -0,0 +1,18 @@
+import { css } from "@emotion/react";
+import { popoverTokens } from "../../../../components/_experimental/Popover";
+export var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: /*#__PURE__*/ css(popoverTokens.backgroundColor, ":var(--surface-solid-card);", popoverTokens.boxShadow, ":var(--shadow-down-soft-m);", "default", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtbSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNxQiJ9 */"),
+            accent: /*#__PURE__*/ css(popoverTokens.backgroundColor, ":var(--surface-accent);", popoverTokens.boxShadow, ":var(--shadow-down-soft-m);", "accent", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtbSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQiJ9 */")
+        },
+        size: {
+            l: /*#__PURE__*/ css(popoverTokens.borderRadius, ":1rem;", popoverTokens.padding, ":0.75rem;", "l", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtbSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZSJ9 */"),
+            m: /*#__PURE__*/ css(popoverTokens.borderRadius, ":0.875rem;", popoverTokens.padding, ":0.625rem;", "m", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtbSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCZSJ9 */"),
+            s: /*#__PURE__*/ css(popoverTokens.borderRadius, ":0.75rem;", popoverTokens.padding, ":0.5rem;", "s", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXIvUG9wb3Zlci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2V4cGVyaW1lbnRhbC9Qb3BvdmVyL1BvcG92ZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHBvcG92ZXJUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9fZXhwZXJpbWVudGFsL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7cG9wb3ZlclRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJveFNoYWRvd306IHZhcigtLXNoYWRvdy1kb3duLXNvZnQtbSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3BvcG92ZXJUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC44NzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtwb3BvdmVyVG9rZW5zLnBhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCZSJ9 */")
+        }
+    }
+};

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

@@ -0,0 +1,5 @@
+import { popoverConfig } from "../../../../components/_experimental/Popover";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./Popover.config";
+var mergedConfig = mergeConfig(popoverConfig, config);
+export var Popover = component(mergedConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.343.0-canary.2375.19930914653.0",
+  "version": "0.343.0-canary.2378.19987972214.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -78,8 +78,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.141.0-canary.2375.19930914653.0",
-    "@salutejs/plasma-sb-utils": "0.211.0-canary.2375.19930914653.0",
+    "@salutejs/plasma-cy-utils": "0.141.0-canary.2378.19987972214.0",
+    "@salutejs/plasma-sb-utils": "0.211.0-canary.2378.19987972214.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
@@ -108,7 +108,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.211.0-canary.2375.19930914653.0",
+    "@salutejs/plasma-core": "1.211.0-canary.2378.19987972214.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "5030ada089457bc4b5cf9ae4e69321ab671a0c58"
+  "gitHead": "896ff31b6bcc4f5698d0d999b98172e63beaac3f"
 }

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

@@ -0,0 +1,278 @@
+"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;
+    },
+    get sizeCSS () {
+        return sizeCSS;
+    },
+    get viewCSS () {
+        return viewCSS;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _react1 = require("@floating-ui/react");
+var _utils = require("../../../utils");
+var _styledcomponents = require("styled-components");
+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 _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 _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 viewCSS = (0, _styledcomponents.css)([
+    ""
+]);
+var sizeCSS = (0, _styledcomponents.css)([
+    ""
+]);
+var popoverRoot = function(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
+        var 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, _param_flip = _param.flip, flip = _param_flip === void 0 ? true : _param_flip, tmp = _param.offset, outerOffset = tmp === void 0 ? [
+            0,
+            0
+        ] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
+            "children",
+            "target",
+            "opened",
+            "defaultOpened",
+            "trigger",
+            "placement",
+            "flip",
+            "offset",
+            "hasArrow",
+            "closeOnOverlayClick",
+            "resizable",
+            "onResizeStart",
+            "onResizeEnd",
+            "onToggle",
+            "animated",
+            "zIndex",
+            "className",
+            "style"
+        ]);
+        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)({
+            placement: placement,
+            open: opened,
+            onOpenChange: handleToggle,
+            middleware: [
+                (0, _react1.arrow)({
+                    element: arrowRef
+                }),
+                (0, _react1.offset)(8)
+            ]
+        }), 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: false
+        });
+        var role = (0, _react1.useRole)(context);
+        var hover = (0, _react1.useHover)(context, {
+            enabled: trigger === 'hover'
+        });
+        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.FloatingFocusManager, {
+            context: context,
+            modal: false
+        }, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
+            ref: commonRef,
+            target: target,
+            className: className,
+            style: _object_spread({}, style, floatingStyles)
+        }, getFloatingProps(), rest), /*#__PURE__*/ _react.default.createElement(_react1.FloatingArrow, {
+            ref: arrowRef,
+            context: context,
+            width: 20,
+            height: 0,
+            fill: "var(".concat(_Popovertokens.tokens.backgroundColor, ")"),
+            d: "M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z"
+        }), children)));
+    });
+};
+var popoverConfig = {
+    name: 'Popover',
+    tag: 'div',
+    layout: popoverRoot,
+    base: _Popoverstyles.base,
+    variations: {
+        view: {
+            css: viewCSS
+        },
+        size: {
+            css: sizeCSS
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};