@payloadcms/ui 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/elements/PerPage/index.js

@@ -0,0 +1,115 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PerPage", {
+    enumerable: true,
+    get: function() {
+        return PerPage;
+    }
+});
+const _config = require("payload/config");
+const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactrouterdom = require("react-router-dom");
+const _Chevron = require("../../icons/Chevron");
+const _SearchParams = require("../../providers/SearchParams");
+const _Translation = require("../../providers/Translation");
+const _Popup = /*#__PURE__*/ _interop_require_default(require("../Popup"));
+const _PopupButtonList = /*#__PURE__*/ _interop_require_wildcard(require("../Popup/PopupButtonList"));
+require("./index.scss");
+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;
+}
+const baseClass = 'per-page';
+const defaultLimits = _config.collectionDefaults.admin.pagination.limits;
+const PerPage = ({ handleChange, limit, limits = defaultLimits, modifySearchParams = true, resetPage = false })=>{
+    const { searchParams } = (0, _SearchParams.useSearchParams)();
+    const history = (0, _reactrouterdom.useHistory)();
+    const { t } = (0, _Translation.useTranslation)();
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_Popup.default, {
+        button: /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__base-button`
+        }, /*#__PURE__*/ _react.default.createElement("span", null, t('general:perPage', {
+            limit
+        })), " ", /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+            className: `${baseClass}__icon`
+        })),
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.ButtonGroup, null, limits.map((limitNumber, i)=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.Button, {
+                    className: [
+                        `${baseClass}__button`,
+                        limitNumber === Number(limit) && `${baseClass}__button-active`
+                    ].filter(Boolean).join(' '),
+                    key: i,
+                    onClick: ()=>{
+                        close();
+                        if (handleChange) handleChange(limitNumber);
+                        if (modifySearchParams) {
+                            history.replace({
+                                search: _qs.default.stringify({
+                                    ...searchParams,
+                                    limit: limitNumber,
+                                    page: resetPage ? 1 : searchParams.page
+                                }, {
+                                    addQueryPrefix: true
+                                })
+                            });
+                        }
+                    }
+                }, limitNumber === Number(limit) && /*#__PURE__*/ _react.default.createElement("div", {
+                    className: `${baseClass}__chevron`
+                }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+                    direction: "right"
+                })), " ", /*#__PURE__*/ _react.default.createElement("span", null, limitNumber)))),
+        size: "small"
+    }));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QZXJQYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IGNvbGxlY3Rpb25EZWZhdWx0cyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuaW1wb3J0IHFzIGZyb20gJ3FzJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlSGlzdG9yeSB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW1zIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1NlYXJjaFBhcmFtcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IFBvcHVwIGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0ICogYXMgUG9wdXBMaXN0IGZyb20gJy4uL1BvcHVwL1BvcHVwQnV0dG9uTGlzdCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGVyLXBhZ2UnXG5cbmNvbnN0IGRlZmF1bHRMaW1pdHMgPSBjb2xsZWN0aW9uRGVmYXVsdHMuYWRtaW4ucGFnaW5hdGlvbi5saW1pdHNcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGhhbmRsZUNoYW5nZT86IChsaW1pdDogbnVtYmVyKSA9PiB2b2lkXG4gIGxpbWl0OiBudW1iZXJcbiAgbGltaXRzOiBudW1iZXJbXVxuICBtb2RpZnlTZWFyY2hQYXJhbXM/OiBib29sZWFuXG4gIHJlc2V0UGFnZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFBlclBhZ2U6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGhhbmRsZUNoYW5nZSxcbiAgbGltaXQsXG4gIGxpbWl0cyA9IGRlZmF1bHRMaW1pdHMsXG4gIG1vZGlmeVNlYXJjaFBhcmFtcyA9IHRydWUsXG4gIHJlc2V0UGFnZSA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCB7IHNlYXJjaFBhcmFtcyB9ID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPFBvcHVwXG4gICAgICAgIGJ1dHRvbj17XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2Jhc2UtYnV0dG9uYH0+XG4gICAgICAgICAgICA8c3Bhbj57dCgnZ2VuZXJhbDpwZXJQYWdlJywgeyBsaW1pdCB9KX08L3NwYW4+XG4gICAgICAgICAgICAmbmJzcDtcbiAgICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faWNvbmB9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgaG9yaXpvbnRhbEFsaWduPVwicmlnaHRcIlxuICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICAge2xpbWl0cy5tYXAoKGxpbWl0TnVtYmVyLCBpKSA9PiAoXG4gICAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X19idXR0b25gLFxuICAgICAgICAgICAgICAgICAgbGltaXROdW1iZXIgPT09IE51bWJlcihsaW1pdCkgJiYgYCR7YmFzZUNsYXNzfV9fYnV0dG9uLWFjdGl2ZWAsXG4gICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgY2xvc2UoKVxuICAgICAgICAgICAgICAgICAgaWYgKGhhbmRsZUNoYW5nZSkgaGFuZGxlQ2hhbmdlKGxpbWl0TnVtYmVyKVxuICAgICAgICAgICAgICAgICAgaWYgKG1vZGlmeVNlYXJjaFBhcmFtcykge1xuICAgICAgICAgICAgICAgICAgICBoaXN0b3J5LnJlcGxhY2Uoe1xuICAgICAgICAgICAgICAgICAgICAgIHNlYXJjaDogcXMuc3RyaW5naWZ5KFxuICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGxpbWl0OiBsaW1pdE51bWJlcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgcGFnZTogcmVzZXRQYWdlID8gMSA6IHNlYXJjaFBhcmFtcy5wYWdlLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgYWRkUXVlcnlQcmVmaXg6IHRydWUgfSxcbiAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bGltaXROdW1iZXIgPT09IE51bWJlcihsaW1pdCkgJiYgKFxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZXZyb25gfT5cbiAgICAgICAgICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPVwicmlnaHRcIiAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAmbmJzcDtcbiAgICAgICAgICAgICAgICA8c3Bhbj57bGltaXROdW1iZXJ9PC9zcGFuPlxuICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b25Hcm91cD5cbiAgICAgICAgKX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJQZXJQYWdlIiwiYmFzZUNsYXNzIiwiZGVmYXVsdExpbWl0cyIsImNvbGxlY3Rpb25EZWZhdWx0cyIsImFkbWluIiwicGFnaW5hdGlvbiIsImxpbWl0cyIsImhhbmRsZUNoYW5nZSIsImxpbWl0IiwibW9kaWZ5U2VhcmNoUGFyYW1zIiwicmVzZXRQYWdlIiwic2VhcmNoUGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwiaGlzdG9yeSIsInVzZUhpc3RvcnkiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJkaXYiLCJjbGFzc05hbWUiLCJQb3B1cCIsImJ1dHRvbiIsInNwYW4iLCJDaGV2cm9uIiwiaG9yaXpvbnRhbEFsaWduIiwicmVuZGVyIiwiY2xvc2UiLCJQb3B1cExpc3QiLCJCdXR0b25Hcm91cCIsIm1hcCIsImxpbWl0TnVtYmVyIiwiaSIsIkJ1dHRvbiIsIk51bWJlciIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwia2V5Iiwib25DbGljayIsInJlcGxhY2UiLCJzZWFyY2giLCJxcyIsInN0cmluZ2lmeSIsInBhZ2UiLCJhZGRRdWVyeVByZWZpeCIsImRpcmVjdGlvbiIsInNpemUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkF5QmFBOzs7ZUFBQUE7Ozt3QkF4QnNCOzJEQUNwQjs4REFDRztnQ0FDUzt5QkFFSDs4QkFDUTs2QkFDRDs4REFDYjt5RUFDUztRQUNwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLGdCQUFnQkMsMEJBQWtCLENBQUNDLEtBQUssQ0FBQ0MsVUFBVSxDQUFDQyxNQUFNO0FBVXpELE1BQU1OLFVBQTJCLENBQUMsRUFDdkNPLFlBQVksRUFDWkMsS0FBSyxFQUNMRixTQUFTSixhQUFhLEVBQ3RCTyxxQkFBcUIsSUFBSSxFQUN6QkMsWUFBWSxLQUFLLEVBQ2xCO0lBQ0MsTUFBTSxFQUFFQyxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFDeEMsTUFBTUMsVUFBVUMsSUFBQUEsMEJBQVU7SUFDMUIsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFFNUIscUJBQ0UsNkJBQUNDO1FBQUlDLFdBQVdqQjtxQkFDZCw2QkFBQ2tCLGNBQUs7UUFDSkMsc0JBQ0UsNkJBQUNIO1lBQUlDLFdBQVcsQ0FBQyxFQUFFakIsVUFBVSxhQUFhLENBQUM7eUJBQ3pDLDZCQUFDb0IsY0FBTU4sRUFBRSxtQkFBbUI7WUFBRVA7UUFBTSxLQUFVLG1CQUU5Qyw2QkFBQ2MsZ0JBQU87WUFBQ0osV0FBVyxDQUFDLEVBQUVqQixVQUFVLE1BQU0sQ0FBQzs7UUFHNUNzQixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLDZCQUFDQyxpQkFBVUMsV0FBVyxRQUNuQnJCLE9BQU9zQixHQUFHLENBQUMsQ0FBQ0MsYUFBYUMsa0JBQ3hCLDZCQUFDSixpQkFBVUssTUFBTTtvQkFDZmIsV0FBVzt3QkFDVCxDQUFDLEVBQUVqQixVQUFVLFFBQVEsQ0FBQzt3QkFDdEI0QixnQkFBZ0JHLE9BQU94QixVQUFVLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7cUJBQy9ELENBQ0VnQyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztvQkFDUkMsS0FBS047b0JBQ0xPLFNBQVM7d0JBQ1BaO3dCQUNBLElBQUlsQixjQUFjQSxhQUFhc0I7d0JBQy9CLElBQUlwQixvQkFBb0I7NEJBQ3RCSSxRQUFReUIsT0FBTyxDQUFDO2dDQUNkQyxRQUFRQyxXQUFFLENBQUNDLFNBQVMsQ0FDbEI7b0NBQ0UsR0FBRzlCLFlBQVk7b0NBQ2ZILE9BQU9xQjtvQ0FDUGEsTUFBTWhDLFlBQVksSUFBSUMsYUFBYStCLElBQUk7Z0NBQ3pDLEdBQ0E7b0NBQUVDLGdCQUFnQjtnQ0FBSzs0QkFFM0I7d0JBQ0Y7b0JBQ0Y7bUJBRUNkLGdCQUFnQkcsT0FBT3hCLHdCQUN0Qiw2QkFBQ1M7b0JBQUlDLFdBQVcsQ0FBQyxFQUFFakIsVUFBVSxTQUFTLENBQUM7aUNBQ3JDLDZCQUFDcUIsZ0JBQU87b0JBQUNzQixXQUFVO3FCQUVyQixtQkFFRiw2QkFBQ3ZCLGNBQU1RO1FBS2ZnQixNQUFLOztBQUliIn0=

package/dist/elements/Pill/index.js

@@ -0,0 +1,93 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Pill: function() {
+        return Pill;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _link = /*#__PURE__*/ _interop_require_default(require("next/link"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react" // TODO: abstract this out to support all routers
+));
+const _useDraggableSortable = require("../DraggableSortable/useDraggableSortable");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'pill';
+const DraggablePill = (props)=>{
+    const { id, className } = props;
+    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _useDraggableSortable.useDraggableSortable)({
+        id
+    });
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, {
+        ...props,
+        className: [
+            isDragging && `${baseClass}--is-dragging`,
+            className
+        ].filter(Boolean).join(' '),
+        elementProps: {
+            ...listeners,
+            ...attributes,
+            ref: setNodeRef,
+            style: {
+                transform
+            }
+        }
+    });
+};
+const StaticPill = (props)=>{
+    const { alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, to } = props;
+    const classes = [
+        baseClass,
+        `${baseClass}--style-${pillStyle}`,
+        className && className,
+        to && `${baseClass}--has-link`,
+        (to || onClick) && `${baseClass}--has-action`,
+        icon && `${baseClass}--has-icon`,
+        icon && `${baseClass}--align-icon-${alignIcon}`,
+        draggable && `${baseClass}--draggable`,
+        rounded && `${baseClass}--rounded`
+    ].filter(Boolean).join(' ');
+    let Element = 'div';
+    if (onClick && !to) Element = 'button';
+    if (to) Element = _link.default;
+    return /*#__PURE__*/ _react.default.createElement(Element, {
+        ...elementProps,
+        "aria-checked": ariaChecked,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-label": ariaLabel,
+        className: classes,
+        href: to || '',
+        onClick: onClick,
+        type: Element === 'button' ? 'button' : undefined
+    }, icon && alignIcon === 'left' && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__icon`
+    }, icon), /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__label`
+    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__icon`
+    }, icon));
+};
+const Pill = (props)=>{
+    const { draggable } = props;
+    if (draggable) return /*#__PURE__*/ _react.default.createElement(DraggablePill, props);
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, props);
+};
+const _default = Pill;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QaWxsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IExpbmsgZnJvbSAnbmV4dC9saW5rJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JyAvLyBUT0RPOiBhYnN0cmFjdCB0aGlzIG91dCB0byBzdXBwb3J0IGFsbCByb3V0ZXJzXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFJlbmRlcmVkVHlwZVByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlRHJhZ2dhYmxlU29ydGFibGUgfSBmcm9tICcuLi9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGlsbCdcblxuY29uc3QgRHJhZ2dhYmxlUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNsYXNzTmFtZSB9ID0gcHJvcHNcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGlzRHJhZ2dpbmcsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGVTb3J0YWJsZSh7XG4gICAgaWQsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhdGljUGlsbFxuICAgICAgey4uLnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtbaXNEcmFnZ2luZyAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1kcmFnZ2luZ2AsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGVsZW1lbnRQcm9wcz17e1xuICAgICAgICAuLi5saXN0ZW5lcnMsXG4gICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgIHJlZjogc2V0Tm9kZVJlZixcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICB0cmFuc2Zvcm0sXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgU3RhdGljUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkljb24gPSAncmlnaHQnLFxuICAgICdhcmlhLWNoZWNrZWQnOiBhcmlhQ2hlY2tlZCxcbiAgICAnYXJpYS1jb250cm9scyc6IGFyaWFDb250cm9scyxcbiAgICAnYXJpYS1leHBhbmRlZCc6IGFyaWFFeHBhbmRlZCxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZHJhZ2dhYmxlLFxuICAgIGVsZW1lbnRQcm9wcyxcbiAgICBpY29uLFxuICAgIG9uQ2xpY2ssXG4gICAgcGlsbFN0eWxlID0gJ2xpZ2h0JyxcbiAgICByb3VuZGVkLFxuICAgIHRvLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBgJHtiYXNlQ2xhc3N9LS1zdHlsZS0ke3BpbGxTdHlsZX1gLFxuICAgIGNsYXNzTmFtZSAmJiBjbGFzc05hbWUsXG4gICAgdG8gJiYgYCR7YmFzZUNsYXNzfS0taGFzLWxpbmtgLFxuICAgICh0byB8fCBvbkNsaWNrKSAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYWN0aW9uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWhhcy1pY29uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWFsaWduLWljb24tJHthbGlnbkljb259YCxcbiAgICBkcmFnZ2FibGUgJiYgYCR7YmFzZUNsYXNzfS0tZHJhZ2dhYmxlYCxcbiAgICByb3VuZGVkICYmIGAke2Jhc2VDbGFzc30tLXJvdW5kZWRgLFxuICBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBsZXQgRWxlbWVudDogRWxlbWVudFR5cGUgfCBSZWFjdC5GQzxSZW5kZXJlZFR5cGVQcm9wcz4gPSAnZGl2J1xuXG4gIGlmIChvbkNsaWNrICYmICF0bykgRWxlbWVudCA9ICdidXR0b24nXG4gIGlmICh0bykgRWxlbWVudCA9IExpbmtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICB7Li4uZWxlbWVudFByb3BzfVxuICAgICAgYXJpYS1jaGVja2VkPXthcmlhQ2hlY2tlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgIGhyZWY9e3RvIHx8ICcnfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHR5cGU9e0VsZW1lbnQgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgYWxpZ25JY29uID09PSAnbGVmdCcgJiYgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uYH0+e2ljb259PC9zcGFuPn1cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAge2ljb24gJiYgYWxpZ25JY29uID09PSAncmlnaHQnICYmIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faWNvbmB9PntpY29ufTwvc3Bhbj59XG4gICAgPC9FbGVtZW50PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQaWxsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBkcmFnZ2FibGUgfSA9IHByb3BzXG5cbiAgaWYgKGRyYWdnYWJsZSkgcmV0dXJuIDxEcmFnZ2FibGVQaWxsIHsuLi5wcm9wc30gLz5cbiAgcmV0dXJuIDxTdGF0aWNQaWxsIHsuLi5wcm9wc30gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgUGlsbFxuIl0sIm5hbWVzIjpbIlBpbGwiLCJiYXNlQ2xhc3MiLCJEcmFnZ2FibGVQaWxsIiwicHJvcHMiLCJpZCIsImNsYXNzTmFtZSIsImF0dHJpYnV0ZXMiLCJpc0RyYWdnaW5nIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsInRyYW5zZm9ybSIsInVzZURyYWdnYWJsZVNvcnRhYmxlIiwiU3RhdGljUGlsbCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZWxlbWVudFByb3BzIiwicmVmIiwic3R5bGUiLCJhbGlnbkljb24iLCJhcmlhQ2hlY2tlZCIsImFyaWFDb250cm9scyIsImFyaWFFeHBhbmRlZCIsImFyaWFMYWJlbCIsImNoaWxkcmVuIiwiZHJhZ2dhYmxlIiwiaWNvbiIsIm9uQ2xpY2siLCJwaWxsU3R5bGUiLCJyb3VuZGVkIiwidG8iLCJjbGFzc2VzIiwiRWxlbWVudCIsIkxpbmsiLCJhcmlhLWNoZWNrZWQiLCJhcmlhLWNvbnRyb2xzIiwiYXJpYS1leHBhbmRlZCIsImFyaWEtbGFiZWwiLCJocmVmIiwidHlwZSIsInVuZGVmaW5lZCIsInNwYW4iXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUE0RmFBLElBQUk7ZUFBSkE7O0lBT2IsT0FBbUI7ZUFBbkI7Ozs2REFoR2lCOzhEQUNDLFFBQVEsaURBQWlEOztzQ0FJdEM7UUFDOUI7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWlDLENBQUNDO0lBQ3RDLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxTQUFTLEVBQUUsR0FBR0Y7SUFFMUIsTUFBTSxFQUFFRyxVQUFVLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSwwQ0FBb0IsRUFBQztRQUN4RlA7SUFDRjtJQUVBLHFCQUNFLDZCQUFDUTtRQUNFLEdBQUdULEtBQUs7UUFDVEUsV0FBVztZQUFDRSxjQUFjLENBQUMsRUFBRU4sVUFBVSxhQUFhLENBQUM7WUFBRUk7U0FBVSxDQUFDUSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN2RkMsY0FBYztZQUNaLEdBQUdSLFNBQVM7WUFDWixHQUFHRixVQUFVO1lBQ2JXLEtBQUtSO1lBQ0xTLE9BQU87Z0JBQ0xSO1lBQ0Y7UUFDRjs7QUFHTjtBQUVBLE1BQU1FLGFBQThCLENBQUNUO0lBQ25DLE1BQU0sRUFDSmdCLFlBQVksT0FBTyxFQUNuQixnQkFBZ0JDLFdBQVcsRUFDM0IsaUJBQWlCQyxZQUFZLEVBQzdCLGlCQUFpQkMsWUFBWSxFQUM3QixjQUFjQyxTQUFTLEVBQ3ZCQyxRQUFRLEVBQ1JuQixTQUFTLEVBQ1RvQixTQUFTLEVBQ1RULFlBQVksRUFDWlUsSUFBSSxFQUNKQyxPQUFPLEVBQ1BDLFlBQVksT0FBTyxFQUNuQkMsT0FBTyxFQUNQQyxFQUFFLEVBQ0gsR0FBRzNCO0lBRUosTUFBTTRCLFVBQVU7UUFDZDlCO1FBQ0EsQ0FBQyxFQUFFQSxVQUFVLFFBQVEsRUFBRTJCLFVBQVUsQ0FBQztRQUNsQ3ZCLGFBQWFBO1FBQ2J5QixNQUFNLENBQUMsRUFBRTdCLFVBQVUsVUFBVSxDQUFDO1FBQzdCNkIsQ0FBQUEsTUFBTUgsT0FBTSxLQUFNLENBQUMsRUFBRTFCLFVBQVUsWUFBWSxDQUFDO1FBQzdDeUIsUUFBUSxDQUFDLEVBQUV6QixVQUFVLFVBQVUsQ0FBQztRQUNoQ3lCLFFBQVEsQ0FBQyxFQUFFekIsVUFBVSxhQUFhLEVBQUVrQixVQUFVLENBQUM7UUFDL0NNLGFBQWEsQ0FBQyxFQUFFeEIsVUFBVSxXQUFXLENBQUM7UUFDdEM0QixXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO0tBQ25DLENBQ0VZLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSWlCLFVBQXFEO0lBRXpELElBQUlMLFdBQVcsQ0FBQ0csSUFBSUUsVUFBVTtJQUM5QixJQUFJRixJQUFJRSxVQUFVQyxhQUFJO0lBRXRCLHFCQUNFLDZCQUFDRDtRQUNFLEdBQUdoQixZQUFZO1FBQ2hCa0IsZ0JBQWNkO1FBQ2RlLGlCQUFlZDtRQUNmZSxpQkFBZWQ7UUFDZmUsY0FBWWQ7UUFDWmxCLFdBQVcwQjtRQUNYTyxNQUFNUixNQUFNO1FBQ1pILFNBQVNBO1FBQ1RZLE1BQU1QLFlBQVksV0FBVyxXQUFXUTtPQUV2Q2QsUUFBUVAsY0FBYyx3QkFBVSw2QkFBQ3NCO1FBQUtwQyxXQUFXLENBQUMsRUFBRUosVUFBVSxNQUFNLENBQUM7T0FBR3lCLHFCQUN6RSw2QkFBQ2U7UUFBS3BDLFdBQVcsQ0FBQyxFQUFFSixVQUFVLE9BQU8sQ0FBQztPQUFHdUIsV0FDeENFLFFBQVFQLGNBQWMseUJBQVcsNkJBQUNzQjtRQUFLcEMsV0FBVyxDQUFDLEVBQUVKLFVBQVUsTUFBTSxDQUFDO09BQUd5QjtBQUdoRjtBQUVPLE1BQU0xQixPQUF3QixDQUFDRztJQUNwQyxNQUFNLEVBQUVzQixTQUFTLEVBQUUsR0FBR3RCO0lBRXRCLElBQUlzQixXQUFXLHFCQUFPLDZCQUFDdkIsZUFBa0JDO0lBQ3pDLHFCQUFPLDZCQUFDUyxZQUFlVDtBQUN6QjtNQUVBLFdBQWVIIn0=

package/dist/elements/Pill/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/Popup/PopupButtonList/index.js

@@ -0,0 +1,118 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Button: function() {
+        return Button;
+    },
+    ButtonGroup: function() {
+        return ButtonGroup;
+    }
+});
+const _link = /*#__PURE__*/ _interop_require_default(require("next/link"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react" // TODO: abstract this out to support all routers
+));
+require("./index.scss");
+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;
+}
+const baseClass = 'popup-button-list';
+const ButtonGroup = ({ buttonSize = 'default', children, className, textAlign = 'left' })=>{
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}__text-align--${textAlign}`,
+        `${baseClass}__button-size--${buttonSize}`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classes
+    }, children);
+};
+const Button = ({ id, active, children, className, onClick, to })=>{
+    const classes = [
+        `${baseClass}__button`,
+        active && `${baseClass}__button--selected`,
+        className
+    ].filter(Boolean).join(' ');
+    if (to) {
+        return /*#__PURE__*/ _react.createElement(_link.default, {
+            className: classes,
+            href: to,
+            id: id,
+            onClick: ()=>{
+                if (onClick) {
+                    onClick();
+                }
+            }
+        }, children);
+    }
+    if (onClick) {
+        return /*#__PURE__*/ _react.createElement("button", {
+            className: classes,
+            id: id,
+            onClick: ()=>{
+                if (onClick) {
+                    onClick();
+                }
+            },
+            type: "button"
+        }, children);
+    }
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classes,
+        id: id
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9Qb3B1cC9Qb3B1cEJ1dHRvbkxpc3QvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBMaW5rUHJvcHMgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgTGluayBmcm9tICduZXh0L2xpbmsnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCcgLy8gVE9ETzogYWJzdHJhY3QgdGhpcyBvdXQgdG8gc3VwcG9ydCBhbGwgcm91dGVyc1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3BvcHVwLWJ1dHRvbi1saXN0J1xuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXA6IFJlYWN0LkZDPHtcbiAgYnV0dG9uU2l6ZT86ICdkZWZhdWx0JyB8ICdzbWFsbCdcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgdGV4dEFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG59PiA9ICh7IGJ1dHRvblNpemUgPSAnZGVmYXVsdCcsIGNoaWxkcmVuLCBjbGFzc05hbWUsIHRleHRBbGlnbiA9ICdsZWZ0JyB9KSA9PiB7XG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGNsYXNzTmFtZSxcbiAgICBgJHtiYXNlQ2xhc3N9X190ZXh0LWFsaWduLS0ke3RleHRBbGlnbn1gLFxuICAgIGAke2Jhc2VDbGFzc31fX2J1dHRvbi1zaXplLS0ke2J1dHRvblNpemV9YCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG4gIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlc30+e2NoaWxkcmVufTwvZGl2PlxufVxuXG50eXBlIE1lbnVCdXR0b25Qcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICB0bz86IExpbmtQcm9wc1sndG8nXVxufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBSZWFjdC5GQzxNZW51QnV0dG9uUHJvcHM+ID0gKHtcbiAgaWQsXG4gIGFjdGl2ZSxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgdG8sXG59KSA9PiB7XG4gIGNvbnN0IGNsYXNzZXMgPSBbYCR7YmFzZUNsYXNzfV9fYnV0dG9uYCwgYWN0aXZlICYmIGAke2Jhc2VDbGFzc31fX2J1dHRvbi0tc2VsZWN0ZWRgLCBjbGFzc05hbWVdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBpZiAodG8pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPExpbmtcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBocmVmPXt0b31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaW5rPlxuICAgIClcbiAgfVxuXG4gIGlmIChvbkNsaWNrKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljaygpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9idXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlc30gaWQ9e2lkfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkJ1dHRvbiIsIkJ1dHRvbkdyb3VwIiwiYmFzZUNsYXNzIiwiYnV0dG9uU2l6ZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwidGV4dEFsaWduIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2IiwiaWQiLCJhY3RpdmUiLCJvbkNsaWNrIiwidG8iLCJMaW5rIiwiaHJlZiIsImJ1dHRvbiIsInR5cGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFvQ2FBLE1BQU07ZUFBTkE7O0lBMUJBQyxXQUFXO2VBQVhBOzs7NkRBUEk7K0RBQ00sUUFBUSxpREFBaUQ7O1FBRXpFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxjQUtSLENBQUMsRUFBRUUsYUFBYSxTQUFTLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFQyxZQUFZLE1BQU0sRUFBRTtJQUN2RSxNQUFNQyxVQUFVO1FBQ2RMO1FBQ0FHO1FBQ0EsQ0FBQyxFQUFFSCxVQUFVLGNBQWMsRUFBRUksVUFBVSxDQUFDO1FBQ3hDLENBQUMsRUFBRUosVUFBVSxlQUFlLEVBQUVDLFdBQVcsQ0FBQztLQUMzQyxDQUNFSyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUNSLHFCQUFPLHFCQUFDQztRQUFJTixXQUFXRTtPQUFVSDtBQUNuQztBQVdPLE1BQU1KLFNBQW9DLENBQUMsRUFDaERZLEVBQUUsRUFDRkMsTUFBTSxFQUNOVCxRQUFRLEVBQ1JDLFNBQVMsRUFDVFMsT0FBTyxFQUNQQyxFQUFFLEVBQ0g7SUFDQyxNQUFNUixVQUFVO1FBQUMsQ0FBQyxFQUFFTCxVQUFVLFFBQVEsQ0FBQztRQUFFVyxVQUFVLENBQUMsRUFBRVgsVUFBVSxrQkFBa0IsQ0FBQztRQUFFRztLQUFVLENBQzVGRyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUVSLElBQUlLLElBQUk7UUFDTixxQkFDRSxxQkFBQ0MsYUFBSTtZQUNIWCxXQUFXRTtZQUNYVSxNQUFNRjtZQUNOSCxJQUFJQTtZQUNKRSxTQUFTO2dCQUNQLElBQUlBLFNBQVM7b0JBQ1hBO2dCQUNGO1lBQ0Y7V0FFQ1Y7SUFHUDtJQUVBLElBQUlVLFNBQVM7UUFDWCxxQkFDRSxxQkFBQ0k7WUFDQ2IsV0FBV0U7WUFDWEssSUFBSUE7WUFDSkUsU0FBUztnQkFDUCxJQUFJQSxTQUFTO29CQUNYQTtnQkFDRjtZQUNGO1lBQ0FLLE1BQUs7V0FFSmY7SUFHUDtJQUVBLHFCQUNFLHFCQUFDTztRQUFJTixXQUFXRTtRQUFTSyxJQUFJQTtPQUMxQlI7QUFHUCJ9

package/dist/elements/Popup/PopupTrigger/index.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PopupTrigger", {
+    enumerable: true,
+    get: function() {
+        return PopupTrigger;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'popup-button';
+const PopupTrigger = (props)=>{
+    const { active, button, buttonType, className, setActive } = props;
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--${buttonType}`
+    ].filter(Boolean).join(' ');
+    const handleClick = ()=>{
+        setActive(!active);
+    };
+    if (buttonType === 'none') {
+        return null;
+    }
+    if (buttonType === 'custom') {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: classes,
+            onClick: handleClick,
+            onKeyDown: (e)=>{
+                if (e.key === 'Enter') handleClick();
+            },
+            role: "button",
+            tabIndex: 0
+        }, button);
+    }
+    return /*#__PURE__*/ _react.default.createElement("button", {
+        className: classes,
+        onClick: ()=>setActive(!active),
+        tabIndex: 0,
+        type: "button"
+    }, button);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9Qb3B1cC9Qb3B1cFRyaWdnZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncG9wdXAtYnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgUG9wdXBUcmlnZ2VyOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBhY3RpdmUsIGJ1dHRvbiwgYnV0dG9uVHlwZSwgY2xhc3NOYW1lLCBzZXRBY3RpdmUgfSA9IHByb3BzXG5cbiAgY29uc3QgY2xhc3NlcyA9IFtiYXNlQ2xhc3MsIGNsYXNzTmFtZSwgYCR7YmFzZUNsYXNzfS0tJHtidXR0b25UeXBlfWBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJylcblxuICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICBzZXRBY3RpdmUoIWFjdGl2ZSlcbiAgfVxuXG4gIGlmIChidXR0b25UeXBlID09PSAnbm9uZScpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKGJ1dHRvblR5cGUgPT09ICdjdXN0b20nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25LZXlEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykgaGFuZGxlQ2xpY2soKVxuICAgICAgICB9fVxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICA+XG4gICAgICAgIHtidXR0b259XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b24gY2xhc3NOYW1lPXtjbGFzc2VzfSBvbkNsaWNrPXsoKSA9PiBzZXRBY3RpdmUoIWFjdGl2ZSl9IHRhYkluZGV4PXswfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICB7YnV0dG9ufVxuICAgIDwvYnV0dG9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiUG9wdXBUcmlnZ2VyIiwiYmFzZUNsYXNzIiwicHJvcHMiLCJhY3RpdmUiLCJidXR0b24iLCJidXR0b25UeXBlIiwiY2xhc3NOYW1lIiwic2V0QWN0aXZlIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiaGFuZGxlQ2xpY2siLCJkaXYiLCJvbkNsaWNrIiwib25LZXlEb3duIiwiZSIsImtleSIsInJvbGUiLCJ0YWJJbmRleCIsInR5cGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBUWFBOzs7ZUFBQUE7Ozs4REFSSztRQUlYOzs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsZUFBZ0MsQ0FBQ0U7SUFDNUMsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxTQUFTLEVBQUVDLFNBQVMsRUFBRSxHQUFHTDtJQUU3RCxNQUFNTSxVQUFVO1FBQUNQO1FBQVdLO1FBQVcsQ0FBQyxFQUFFTCxVQUFVLEVBQUUsRUFBRUksV0FBVyxDQUFDO0tBQUMsQ0FBQ0ksTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7SUFFM0YsTUFBTUMsY0FBYztRQUNsQkwsVUFBVSxDQUFDSjtJQUNiO0lBRUEsSUFBSUUsZUFBZSxRQUFRO1FBQ3pCLE9BQU87SUFDVDtJQUVBLElBQUlBLGVBQWUsVUFBVTtRQUMzQixxQkFDRSw2QkFBQ1E7WUFDQ1AsV0FBV0U7WUFDWE0sU0FBU0Y7WUFDVEcsV0FBVyxDQUFDQztnQkFDVixJQUFJQSxFQUFFQyxHQUFHLEtBQUssU0FBU0w7WUFDekI7WUFDQU0sTUFBSztZQUNMQyxVQUFVO1dBRVRmO0lBR1A7SUFFQSxxQkFDRSw2QkFBQ0E7UUFBT0UsV0FBV0U7UUFBU00sU0FBUyxJQUFNUCxVQUFVLENBQUNKO1FBQVNnQixVQUFVO1FBQUdDLE1BQUs7T0FDOUVoQjtBQUdQIn0=

package/dist/elements/Popup/PopupTrigger/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/Popup/index.js

@@ -0,0 +1,193 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _windowinfo = require("@faceless-ui/window-info");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useIntersect = require("../../hooks/useIntersect");
+const _PopupTrigger = require("./PopupTrigger");
+require("./index.scss");
+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;
+}
+const baseClass = 'popup';
+const Popup = (props)=>{
+    const { boundingRef, button, buttonClassName, buttonType = 'default', caret = true, children, className, forceOpen, horizontalAlign: horizontalAlignFromProps = 'left', initActive = false, onToggleOpen, render, showOnHover = false, showScrollbar = false, size = 'medium', verticalAlign: verticalAlignFromProps = 'top' } = props;
+    const { height: windowHeight, width: windowWidth } = (0, _windowinfo.useWindowInfo)();
+    const [intersectionRef, intersectionEntry] = (0, _useIntersect.useIntersect)({
+        root: boundingRef?.current || null,
+        rootMargin: '-100px 0px 0px 0px',
+        threshold: 1
+    });
+    const contentRef = (0, _react.useRef)(null);
+    const [active, setActive] = (0, _react.useState)(initActive);
+    const [verticalAlign, setVerticalAlign] = (0, _react.useState)(verticalAlignFromProps);
+    const [horizontalAlign, setHorizontalAlign] = (0, _react.useState)(horizontalAlignFromProps);
+    const setPosition = (0, _react.useCallback)(({ horizontal = false, vertical = false })=>{
+        if (contentRef.current) {
+            const bounds = contentRef.current.getBoundingClientRect();
+            const { bottom: contentBottomPos, left: contentLeftPos, right: contentRightPos, top: contentTopPos } = bounds;
+            let boundingTopPos = 100;
+            let boundingRightPos = document.documentElement.clientWidth;
+            let boundingBottomPos = document.documentElement.clientHeight;
+            let boundingLeftPos = 0;
+            if (boundingRef?.current) {
+                ({ bottom: boundingBottomPos, left: boundingLeftPos, right: boundingRightPos, top: boundingTopPos } = boundingRef.current.getBoundingClientRect());
+            }
+            if (horizontal) {
+                if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {
+                    setHorizontalAlign('right');
+                } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {
+                    setHorizontalAlign('left');
+                }
+            }
+            if (vertical) {
+                if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {
+                    setVerticalAlign('bottom');
+                } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {
+                    setVerticalAlign('top');
+                }
+            }
+        }
+    }, [
+        boundingRef
+    ]);
+    const handleClickOutside = (0, _react.useCallback)((e)=>{
+        if (contentRef.current.contains(e.target)) {
+            return;
+        }
+        setActive(false);
+    }, [
+        contentRef
+    ]);
+    (0, _react.useEffect)(()=>{
+        setPosition({
+            horizontal: true
+        });
+    }, [
+        intersectionEntry,
+        setPosition,
+        windowWidth
+    ]);
+    (0, _react.useEffect)(()=>{
+        setPosition({
+            vertical: true
+        });
+    }, [
+        intersectionEntry,
+        setPosition,
+        windowHeight
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (typeof onToggleOpen === 'function') onToggleOpen(active);
+        if (active) {
+            document.addEventListener('mousedown', handleClickOutside);
+        } else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        active,
+        handleClickOutside,
+        onToggleOpen
+    ]);
+    (0, _react.useEffect)(()=>{
+        setActive(forceOpen);
+    }, [
+        forceOpen
+    ]);
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--size-${size}`,
+        `${baseClass}--v-align-${verticalAlign}`,
+        `${baseClass}--h-align-${horizontalAlign}`,
+        active && `${baseClass}--active`,
+        showScrollbar && `${baseClass}--show-scrollbar`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: classes
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__trigger-wrap`
+    }, showOnHover ? /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__on-hover-watch`,
+        onMouseEnter: ()=>setActive(true),
+        onMouseLeave: ()=>setActive(false)
+    }, /*#__PURE__*/ _react.default.createElement(_PopupTrigger.PopupTrigger, {
+        active,
+        button,
+        buttonType,
+        className: buttonClassName,
+        setActive
+    })) : /*#__PURE__*/ _react.default.createElement(_PopupTrigger.PopupTrigger, {
+        active,
+        button,
+        buttonType,
+        className: buttonClassName,
+        setActive
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__content`,
+        ref: contentRef
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__hide-scrollbar`,
+        ref: intersectionRef
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__scroll-container`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__scroll-content`
+    }, render && render({
+        close: ()=>setActive(false)
+    }), children && children))), caret && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__caret`
+    })));
+};
+const _default = Popup;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Qb3B1cC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VXaW5kb3dJbmZvIH0gZnJvbSAnQGZhY2VsZXNzLXVpL3dpbmRvdy1pbmZvJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZUludGVyc2VjdCB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUludGVyc2VjdCdcbmltcG9ydCB7IFBvcHVwVHJpZ2dlciB9IGZyb20gJy4vUG9wdXBUcmlnZ2VyJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwb3B1cCdcblxuY29uc3QgUG9wdXA6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYm91bmRpbmdSZWYsXG4gICAgYnV0dG9uLFxuICAgIGJ1dHRvbkNsYXNzTmFtZSxcbiAgICBidXR0b25UeXBlID0gJ2RlZmF1bHQnLFxuICAgIGNhcmV0ID0gdHJ1ZSxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZm9yY2VPcGVuLFxuICAgIGhvcml6b250YWxBbGlnbjogaG9yaXpvbnRhbEFsaWduRnJvbVByb3BzID0gJ2xlZnQnLFxuICAgIGluaXRBY3RpdmUgPSBmYWxzZSxcbiAgICBvblRvZ2dsZU9wZW4sXG4gICAgcmVuZGVyLFxuICAgIHNob3dPbkhvdmVyID0gZmFsc2UsXG4gICAgc2hvd1Njcm9sbGJhciA9IGZhbHNlLFxuICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICB2ZXJ0aWNhbEFsaWduOiB2ZXJ0aWNhbEFsaWduRnJvbVByb3BzID0gJ3RvcCcsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaGVpZ2h0OiB3aW5kb3dIZWlnaHQsIHdpZHRoOiB3aW5kb3dXaWR0aCB9ID0gdXNlV2luZG93SW5mbygpXG4gIGNvbnN0IFtpbnRlcnNlY3Rpb25SZWYsIGludGVyc2VjdGlvbkVudHJ5XSA9IHVzZUludGVyc2VjdCh7XG4gICAgcm9vdDogYm91bmRpbmdSZWY/LmN1cnJlbnQgfHwgbnVsbCxcbiAgICByb290TWFyZ2luOiAnLTEwMHB4IDBweCAwcHggMHB4JyxcbiAgICB0aHJlc2hvbGQ6IDEsXG4gIH0pXG5cbiAgY29uc3QgY29udGVudFJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbYWN0aXZlLCBzZXRBY3RpdmVdID0gdXNlU3RhdGUoaW5pdEFjdGl2ZSlcbiAgY29uc3QgW3ZlcnRpY2FsQWxpZ24sIHNldFZlcnRpY2FsQWxpZ25dID0gdXNlU3RhdGUodmVydGljYWxBbGlnbkZyb21Qcm9wcylcbiAgY29uc3QgW2hvcml6b250YWxBbGlnbiwgc2V0SG9yaXpvbnRhbEFsaWduXSA9IHVzZVN0YXRlKGhvcml6b250YWxBbGlnbkZyb21Qcm9wcylcblxuICBjb25zdCBzZXRQb3NpdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgICh7IGhvcml6b250YWwgPSBmYWxzZSwgdmVydGljYWwgPSBmYWxzZSB9KSA9PiB7XG4gICAgICBpZiAoY29udGVudFJlZi5jdXJyZW50KSB7XG4gICAgICAgIGNvbnN0IGJvdW5kcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICBib3R0b206IGNvbnRlbnRCb3R0b21Qb3MsXG4gICAgICAgICAgbGVmdDogY29udGVudExlZnRQb3MsXG4gICAgICAgICAgcmlnaHQ6IGNvbnRlbnRSaWdodFBvcyxcbiAgICAgICAgICB0b3A6IGNvbnRlbnRUb3BQb3MsXG4gICAgICAgIH0gPSBib3VuZHNcblxuICAgICAgICBsZXQgYm91bmRpbmdUb3BQb3MgPSAxMDBcbiAgICAgICAgbGV0IGJvdW5kaW5nUmlnaHRQb3MgPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGhcbiAgICAgICAgbGV0IGJvdW5kaW5nQm90dG9tUG9zID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodFxuICAgICAgICBsZXQgYm91bmRpbmdMZWZ0UG9zID0gMFxuXG4gICAgICAgIGlmIChib3VuZGluZ1JlZj8uY3VycmVudCkge1xuICAgICAgICAgIDsoe1xuICAgICAgICAgICAgYm90dG9tOiBib3VuZGluZ0JvdHRvbVBvcyxcbiAgICAgICAgICAgIGxlZnQ6IGJvdW5kaW5nTGVmdFBvcyxcbiAgICAgICAgICAgIHJpZ2h0OiBib3VuZGluZ1JpZ2h0UG9zLFxuICAgICAgICAgICAgdG9wOiBib3VuZGluZ1RvcFBvcyxcbiAgICAgICAgICB9ID0gYm91bmRpbmdSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSlcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChob3Jpem9udGFsKSB7XG4gICAgICAgICAgaWYgKGNvbnRlbnRSaWdodFBvcyA+IGJvdW5kaW5nUmlnaHRQb3MgJiYgY29udGVudExlZnRQb3MgPiBib3VuZGluZ0xlZnRQb3MpIHtcbiAgICAgICAgICAgIHNldEhvcml6b250YWxBbGlnbigncmlnaHQnKVxuICAgICAgICAgIH0gZWxzZSBpZiAoY29udGVudExlZnRQb3MgPCBib3VuZGluZ0xlZnRQb3MgJiYgY29udGVudFJpZ2h0UG9zIDwgYm91bmRpbmdSaWdodFBvcykge1xuICAgICAgICAgICAgc2V0SG9yaXpvbnRhbEFsaWduKCdsZWZ0JylcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodmVydGljYWwpIHtcbiAgICAgICAgICBpZiAoY29udGVudFRvcFBvcyA8IGJvdW5kaW5nVG9wUG9zICYmIGNvbnRlbnRCb3R0b21Qb3MgPCBib3VuZGluZ0JvdHRvbVBvcykge1xuICAgICAgICAgICAgc2V0VmVydGljYWxBbGlnbignYm90dG9tJylcbiAgICAgICAgICB9IGVsc2UgaWYgKGNvbnRlbnRCb3R0b21Qb3MgPiBib3VuZGluZ0JvdHRvbVBvcyAmJiBjb250ZW50VG9wUG9zID4gYm91bmRpbmdUb3BQb3MpIHtcbiAgICAgICAgICAgIHNldFZlcnRpY2FsQWxpZ24oJ3RvcCcpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcbiAgICBbYm91bmRpbmdSZWZdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpKSB7XG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBzZXRBY3RpdmUoZmFsc2UpXG4gICAgfSxcbiAgICBbY29udGVudFJlZl0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFBvc2l0aW9uKHsgaG9yaXpvbnRhbDogdHJ1ZSB9KVxuICB9LCBbaW50ZXJzZWN0aW9uRW50cnksIHNldFBvc2l0aW9uLCB3aW5kb3dXaWR0aF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRQb3NpdGlvbih7IHZlcnRpY2FsOiB0cnVlIH0pXG4gIH0sIFtpbnRlcnNlY3Rpb25FbnRyeSwgc2V0UG9zaXRpb24sIHdpbmRvd0hlaWdodF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIG9uVG9nZ2xlT3BlbiA9PT0gJ2Z1bmN0aW9uJykgb25Ub2dnbGVPcGVuKGFjdGl2ZSlcblxuICAgIGlmIChhY3RpdmUpIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbYWN0aXZlLCBoYW5kbGVDbGlja091dHNpZGUsIG9uVG9nZ2xlT3Blbl0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRBY3RpdmUoZm9yY2VPcGVuKVxuICB9LCBbZm9yY2VPcGVuXSlcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBjbGFzc05hbWUsXG4gICAgYCR7YmFzZUNsYXNzfS0tc2l6ZS0ke3NpemV9YCxcbiAgICBgJHtiYXNlQ2xhc3N9LS12LWFsaWduLSR7dmVydGljYWxBbGlnbn1gLFxuICAgIGAke2Jhc2VDbGFzc30tLWgtYWxpZ24tJHtob3Jpem9udGFsQWxpZ259YCxcbiAgICBhY3RpdmUgJiYgYCR7YmFzZUNsYXNzfS0tYWN0aXZlYCxcbiAgICBzaG93U2Nyb2xsYmFyICYmIGAke2Jhc2VDbGFzc30tLXNob3ctc2Nyb2xsYmFyYCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlc30+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdHJpZ2dlci13cmFwYH0+XG4gICAgICAgIHtzaG93T25Ib3ZlciA/IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX29uLWhvdmVyLXdhdGNoYH1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4gc2V0QWN0aXZlKHRydWUpfVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRBY3RpdmUoZmFsc2UpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQb3B1cFRyaWdnZXJcbiAgICAgICAgICAgICAgey4uLnsgYWN0aXZlLCBidXR0b24sIGJ1dHRvblR5cGUsIGNsYXNzTmFtZTogYnV0dG9uQ2xhc3NOYW1lLCBzZXRBY3RpdmUgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFBvcHVwVHJpZ2dlclxuICAgICAgICAgICAgey4uLnsgYWN0aXZlLCBidXR0b24sIGJ1dHRvblR5cGUsIGNsYXNzTmFtZTogYnV0dG9uQ2xhc3NOYW1lLCBzZXRBY3RpdmUgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0gcmVmPXtjb250ZW50UmVmfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hpZGUtc2Nyb2xsYmFyYH0gcmVmPXtpbnRlcnNlY3Rpb25SZWZ9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zY3JvbGwtY29udGFpbmVyYH0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fc2Nyb2xsLWNvbnRlbnRgfT5cbiAgICAgICAgICAgICAge3JlbmRlciAmJiByZW5kZXIoeyBjbG9zZTogKCkgPT4gc2V0QWN0aXZlKGZhbHNlKSB9KX1cbiAgICAgICAgICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIHtjYXJldCAmJiA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2FyZXRgfSAvPn1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBvcHVwXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiUG9wdXAiLCJwcm9wcyIsImJvdW5kaW5nUmVmIiwiYnV0dG9uIiwiYnV0dG9uQ2xhc3NOYW1lIiwiYnV0dG9uVHlwZSIsImNhcmV0IiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJmb3JjZU9wZW4iLCJob3Jpem9udGFsQWxpZ24iLCJob3Jpem9udGFsQWxpZ25Gcm9tUHJvcHMiLCJpbml0QWN0aXZlIiwib25Ub2dnbGVPcGVuIiwicmVuZGVyIiwic2hvd09uSG92ZXIiLCJzaG93U2Nyb2xsYmFyIiwic2l6ZSIsInZlcnRpY2FsQWxpZ24iLCJ2ZXJ0aWNhbEFsaWduRnJvbVByb3BzIiwiaGVpZ2h0Iiwid2luZG93SGVpZ2h0Iiwid2lkdGgiLCJ3aW5kb3dXaWR0aCIsInVzZVdpbmRvd0luZm8iLCJpbnRlcnNlY3Rpb25SZWYiLCJpbnRlcnNlY3Rpb25FbnRyeSIsInVzZUludGVyc2VjdCIsInJvb3QiLCJjdXJyZW50Iiwicm9vdE1hcmdpbiIsInRocmVzaG9sZCIsImNvbnRlbnRSZWYiLCJ1c2VSZWYiLCJhY3RpdmUiLCJzZXRBY3RpdmUiLCJ1c2VTdGF0ZSIsInNldFZlcnRpY2FsQWxpZ24iLCJzZXRIb3Jpem9udGFsQWxpZ24iLCJzZXRQb3NpdGlvbiIsInVzZUNhbGxiYWNrIiwiaG9yaXpvbnRhbCIsInZlcnRpY2FsIiwiYm91bmRzIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwiYm90dG9tIiwiY29udGVudEJvdHRvbVBvcyIsImxlZnQiLCJjb250ZW50TGVmdFBvcyIsInJpZ2h0IiwiY29udGVudFJpZ2h0UG9zIiwidG9wIiwiY29udGVudFRvcFBvcyIsImJvdW5kaW5nVG9wUG9zIiwiYm91bmRpbmdSaWdodFBvcyIsImRvY3VtZW50IiwiZG9jdW1lbnRFbGVtZW50IiwiY2xpZW50V2lkdGgiLCJib3VuZGluZ0JvdHRvbVBvcyIsImNsaWVudEhlaWdodCIsImJvdW5kaW5nTGVmdFBvcyIsImhhbmRsZUNsaWNrT3V0c2lkZSIsImUiLCJjb250YWlucyIsInRhcmdldCIsInVzZUVmZmVjdCIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2Iiwib25Nb3VzZUVudGVyIiwib25Nb3VzZUxlYXZlIiwiUG9wdXBUcmlnZ2VyIiwicmVmIiwiY2xvc2UiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkErS0E7OztlQUFBOzs7NEJBOUs4QjsrREFDa0M7OEJBSW5DOzhCQUNBO1FBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFFBQXlCLENBQUNDO0lBQzlCLE1BQU0sRUFDSkMsV0FBVyxFQUNYQyxNQUFNLEVBQ05DLGVBQWUsRUFDZkMsYUFBYSxTQUFTLEVBQ3RCQyxRQUFRLElBQUksRUFDWkMsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLFNBQVMsRUFDVEMsaUJBQWlCQywyQkFBMkIsTUFBTSxFQUNsREMsYUFBYSxLQUFLLEVBQ2xCQyxZQUFZLEVBQ1pDLE1BQU0sRUFDTkMsY0FBYyxLQUFLLEVBQ25CQyxnQkFBZ0IsS0FBSyxFQUNyQkMsT0FBTyxRQUFRLEVBQ2ZDLGVBQWVDLHlCQUF5QixLQUFLLEVBQzlDLEdBQUdsQjtJQUVKLE1BQU0sRUFBRW1CLFFBQVFDLFlBQVksRUFBRUMsT0FBT0MsV0FBVyxFQUFFLEdBQUdDLElBQUFBLHlCQUFhO0lBQ2xFLE1BQU0sQ0FBQ0MsaUJBQWlCQyxrQkFBa0IsR0FBR0MsSUFBQUEsMEJBQVksRUFBQztRQUN4REMsTUFBTTFCLGFBQWEyQixXQUFXO1FBQzlCQyxZQUFZO1FBQ1pDLFdBQVc7SUFDYjtJQUVBLE1BQU1DLGFBQWFDLElBQUFBLGFBQU0sRUFBQztJQUMxQixNQUFNLENBQUNDLFFBQVFDLFVBQVUsR0FBR0MsSUFBQUEsZUFBUSxFQUFDeEI7SUFDckMsTUFBTSxDQUFDTSxlQUFlbUIsaUJBQWlCLEdBQUdELElBQUFBLGVBQVEsRUFBQ2pCO0lBQ25ELE1BQU0sQ0FBQ1QsaUJBQWlCNEIsbUJBQW1CLEdBQUdGLElBQUFBLGVBQVEsRUFBQ3pCO0lBRXZELE1BQU00QixjQUFjQyxJQUFBQSxrQkFB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

package/dist/elements/Popup/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9