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

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 _navigation = require("next/navigation");
+const _config = require("payload/config");
+const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+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 router = (0, _navigation.useRouter)();
+    const pathname = (0, _navigation.usePathname)();
+    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) {
+                            const search = _qs.default.stringify({
+                                ...searchParams,
+                                limit: limitNumber,
+                                page: resetPage ? 1 : searchParams.page
+                            }, {
+                                addQueryPrefix: true
+                            });
+                            router.replace(`${pathname}${search}`);
+                        }
+                    }
+                }, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QZXJQYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbi8vIFRPRE86IGFic3RyYWN0IHRoZSBgbmV4dC9uYXZpZ2F0aW9uYCBkZXBlbmRlbmN5IG91dCBmcm9tIHRoaXMgY29tcG9uZW50XG5pbXBvcnQgeyB1c2VQYXRobmFtZSwgdXNlUm91dGVyIH0gZnJvbSAnbmV4dC9uYXZpZ2F0aW9uJ1xuaW1wb3J0IHsgY29sbGVjdGlvbkRlZmF1bHRzIH0gZnJvbSAncGF5bG9hZC9jb25maWcnXG5pbXBvcnQgcXMgZnJvbSAncXMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW1zIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1NlYXJjaFBhcmFtcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IFBvcHVwIGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0ICogYXMgUG9wdXBMaXN0IGZyb20gJy4uL1BvcHVwL1BvcHVwQnV0dG9uTGlzdCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGVyLXBhZ2UnXG5cbmNvbnN0IGRlZmF1bHRMaW1pdHMgPSBjb2xsZWN0aW9uRGVmYXVsdHMuYWRtaW4ucGFnaW5hdGlvbi5saW1pdHNcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGhhbmRsZUNoYW5nZT86IChsaW1pdDogbnVtYmVyKSA9PiB2b2lkXG4gIGxpbWl0OiBudW1iZXJcbiAgbGltaXRzOiBudW1iZXJbXVxuICBtb2RpZnlTZWFyY2hQYXJhbXM/OiBib29sZWFuXG4gIHJlc2V0UGFnZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFBlclBhZ2U6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGhhbmRsZUNoYW5nZSxcbiAgbGltaXQsXG4gIGxpbWl0cyA9IGRlZmF1bHRMaW1pdHMsXG4gIG1vZGlmeVNlYXJjaFBhcmFtcyA9IHRydWUsXG4gIHJlc2V0UGFnZSA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCB7IHNlYXJjaFBhcmFtcyB9ID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3Qgcm91dGVyID0gdXNlUm91dGVyKClcbiAgY29uc3QgcGF0aG5hbWUgPSB1c2VQYXRobmFtZSgpXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8UG9wdXBcbiAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmFzZS1idXR0b25gfT5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdnZW5lcmFsOnBlclBhZ2UnLCB7IGxpbWl0IH0pfTwvc3Bhbj5cbiAgICAgICAgICAgICZuYnNwO1xuICAgICAgICAgICAgPENoZXZyb24gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uYH0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBob3Jpem9udGFsQWxpZ249XCJyaWdodFwiXG4gICAgICAgIHJlbmRlcj17KHsgY2xvc2UgfSkgPT4gKFxuICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uR3JvdXA+XG4gICAgICAgICAgICB7bGltaXRzLm1hcCgobGltaXROdW1iZXIsIGkpID0+IChcbiAgICAgICAgICAgICAgPFBvcHVwTGlzdC5CdXR0b25cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX2J1dHRvbmAsXG4gICAgICAgICAgICAgICAgICBsaW1pdE51bWJlciA9PT0gTnVtYmVyKGxpbWl0KSAmJiBgJHtiYXNlQ2xhc3N9X19idXR0b24tYWN0aXZlYCxcbiAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICAgICAgICAgIGtleT17aX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICBpZiAoaGFuZGxlQ2hhbmdlKSBoYW5kbGVDaGFuZ2UobGltaXROdW1iZXIpXG4gICAgICAgICAgICAgICAgICBpZiAobW9kaWZ5U2VhcmNoUGFyYW1zKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHNlYXJjaCA9IHFzLnN0cmluZ2lmeShcbiAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICAgICAgICAgICAgICBsaW1pdDogbGltaXROdW1iZXIsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWdlOiByZXNldFBhZ2UgPyAxIDogc2VhcmNoUGFyYW1zLnBhZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICAgICAgICAgICAgICAgICAgIClcblxuICAgICAgICAgICAgICAgICAgICByb3V0ZXIucmVwbGFjZShgJHtwYXRobmFtZX0ke3NlYXJjaH1gKVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bGltaXROdW1iZXIgPT09IE51bWJlcihsaW1pdCkgJiYgKFxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZXZyb25gfT5cbiAgICAgICAgICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPVwicmlnaHRcIiAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAmbmJzcDtcbiAgICAgICAgICAgICAgICA8c3Bhbj57bGltaXROdW1iZXJ9PC9zcGFuPlxuICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b25Hcm91cD5cbiAgICAgICAgKX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJQZXJQYWdlIiwiYmFzZUNsYXNzIiwiZGVmYXVsdExpbWl0cyIsImNvbGxlY3Rpb25EZWZhdWx0cyIsImFkbWluIiwicGFnaW5hdGlvbiIsImxpbWl0cyIsImhhbmRsZUNoYW5nZSIsImxpbWl0IiwibW9kaWZ5U2VhcmNoUGFyYW1zIiwicmVzZXRQYWdlIiwic2VhcmNoUGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwicm91dGVyIiwidXNlUm91dGVyIiwicGF0aG5hbWUiLCJ1c2VQYXRobmFtZSIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImRpdiIsImNsYXNzTmFtZSIsIlBvcHVwIiwiYnV0dG9uIiwic3BhbiIsIkNoZXZyb24iLCJob3Jpem9udGFsQWxpZ24iLCJyZW5kZXIiLCJjbG9zZSIsIlBvcHVwTGlzdCIsIkJ1dHRvbkdyb3VwIiwibWFwIiwibGltaXROdW1iZXIiLCJpIiwiQnV0dG9uIiwiTnVtYmVyIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJrZXkiLCJvbkNsaWNrIiwic2VhcmNoIiwicXMiLCJzdHJpbmdpZnkiLCJwYWdlIiwiYWRkUXVlcnlQcmVmaXgiLCJyZXBsYWNlIiwiZGlyZWN0aW9uIiwic2l6ZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQTBCYUE7OztlQUFBQTs7OzRCQXhCMEI7d0JBQ0o7MkRBQ3BCOzhEQUNHO3lCQUVNOzhCQUNROzZCQUNEOzhEQUNiO3lFQUNTO1FBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWdCQywwQkFBa0IsQ0FBQ0MsS0FBSyxDQUFDQyxVQUFVLENBQUNDLE1BQU07QUFVekQsTUFBTU4sVUFBMkIsQ0FBQyxFQUN2Q08sWUFBWSxFQUNaQyxLQUFLLEVBQ0xGLFNBQVNKLGFBQWEsRUFDdEJPLHFCQUFxQixJQUFJLEVBQ3pCQyxZQUFZLEtBQUssRUFDbEI7SUFDQyxNQUFNLEVBQUVDLFlBQVksRUFBRSxHQUFHQyxJQUFBQSw2QkFBZTtJQUN4QyxNQUFNQyxTQUFTQyxJQUFBQSxxQkFBUztJQUN4QixNQUFNQyxXQUFXQyxJQUFBQSx1QkFBVztJQUM1QixNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUU1QixxQkFDRSw2QkFBQ0M7UUFBSUMsV0FBV25CO3FCQUNkLDZCQUFDb0IsY0FBSztRQUNKQyxzQkFDRSw2QkFBQ0g7WUFBSUMsV0FBVyxDQUFDLEVBQUVuQixVQUFVLGFBQWEsQ0FBQzt5QkFDekMsNkJBQUNzQixjQUFNTixFQUFFLG1CQUFtQjtZQUFFVDtRQUFNLEtBQVUsbUJBRTlDLDZCQUFDZ0IsZ0JBQU87WUFBQ0osV0FBVyxDQUFDLEVBQUVuQixVQUFVLE1BQU0sQ0FBQzs7UUFHNUN3QixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLDZCQUFDQyxpQkFBVUMsV0FBVyxRQUNuQnZCLE9BQU93QixHQUFHLENBQUMsQ0FBQ0MsYUFBYUMsa0JBQ3hCLDZCQUFDSixpQkFBVUssTUFBTTtvQkFDZmIsV0FBVzt3QkFDVCxDQUFDLEVBQUVuQixVQUFVLFFBQVEsQ0FBQzt3QkFDdEI4QixnQkFBZ0JHLE9BQU8xQixVQUFVLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7cUJBQy9ELENBQ0VrQyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztvQkFDUkMsS0FBS047b0JBQ0xPLFNBQVM7d0JBQ1BaO3dCQUNBLElBQUlwQixjQUFjQSxhQUFhd0I7d0JBQy9CLElBQUl0QixvQkFBb0I7NEJBQ3RCLE1BQU0rQixTQUFTQyxXQUFFLENBQUNDLFNBQVMsQ0FDekI7Z0NBQ0UsR0FBRy9CLFlBQVk7Z0NBQ2ZILE9BQU91QjtnQ0FDUFksTUFBTWpDLFlBQVksSUFBSUMsYUFBYWdDLElBQUk7NEJBQ3pDLEdBQ0E7Z0NBQUVDLGdCQUFnQjs0QkFBSzs0QkFHekIvQixPQUFPZ0MsT0FBTyxDQUFDLENBQUMsRUFBRTlCLFNBQVMsRUFBRXlCLE9BQU8sQ0FBQzt3QkFDdkM7b0JBQ0Y7bUJBRUNULGdCQUFnQkcsT0FBTzFCLHdCQUN0Qiw2QkFBQ1c7b0JBQUlDLFdBQVcsQ0FBQyxFQUFFbkIsVUFBVSxTQUFTLENBQUM7aUNBQ3JDLDZCQUFDdUIsZ0JBQU87b0JBQUNzQixXQUFVO3FCQUVyQixtQkFFRiw2QkFBQ3ZCLGNBQU1RO1FBS2ZnQixNQUFLOztBQUliIn0=

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.d.ts

@@ -1,4 +1,4 @@
-import type { LinkProps } from 'react-router-dom';
+import type { LinkProps } from 'next/link';
 import * as React from 'react';
 import './index.scss';
 export declare const ButtonGroup: React.FC<{
@@ -11,9 +11,9 @@ type MenuButtonProps = {
     active?: boolean;
     children: React.ReactNode;
     className?: string;
+    href?: LinkProps['href'];
     id?: string;
     onClick?: () => void;
-    to?: LinkProps['to'];
 };
 export declare const Button: React.FC<MenuButtonProps>;
 export {};

package/dist/elements/Popup/PopupButtonList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACxC,CAUA,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmD5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACxC,CAUA,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmD5C,CAAA"}

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, href, onClick })=>{
+    const classes = [
+        `${baseClass}__button`,
+        active && `${baseClass}__button--selected`,
+        className
+    ].filter(Boolean).join(' ');
+    if (href) {
+        return /*#__PURE__*/ _react.createElement(_link.default, {
+            className: classes,
+            href: href,
+            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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9Qb3B1cC9Qb3B1cEJ1dHRvbkxpc3QvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuLy8gVE9ETzogYWJzdHJhY3QgdGhlIGBuZXh0L2xpbmtgIGRlcGVuZGVuY3kgb3V0IGZyb20gdGhpcyBjb21wb25lbnRcbmltcG9ydCB0eXBlIHsgTGlua1Byb3BzIH0gZnJvbSAnbmV4dC9saW5rJ1xuXG5pbXBvcnQgTGluayBmcm9tICduZXh0L2xpbmsnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCcgLy8gVE9ETzogYWJzdHJhY3QgdGhpcyBvdXQgdG8gc3VwcG9ydCBhbGwgcm91dGVyc1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3BvcHVwLWJ1dHRvbi1saXN0J1xuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXA6IFJlYWN0LkZDPHtcbiAgYnV0dG9uU2l6ZT86ICdkZWZhdWx0JyB8ICdzbWFsbCdcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgdGV4dEFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG59PiA9ICh7IGJ1dHRvblNpemUgPSAnZGVmYXVsdCcsIGNoaWxkcmVuLCBjbGFzc05hbWUsIHRleHRBbGlnbiA9ICdsZWZ0JyB9KSA9PiB7XG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGNsYXNzTmFtZSxcbiAgICBgJHtiYXNlQ2xhc3N9X190ZXh0LWFsaWduLS0ke3RleHRBbGlnbn1gLFxuICAgIGAke2Jhc2VDbGFzc31fX2J1dHRvbi1zaXplLS0ke2J1dHRvblNpemV9YCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG4gIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlc30+e2NoaWxkcmVufTwvZGl2PlxufVxuXG50eXBlIE1lbnVCdXR0b25Qcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBocmVmPzogTGlua1Byb3BzWydocmVmJ11cbiAgaWQ/OiBzdHJpbmdcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IEJ1dHRvbjogUmVhY3QuRkM8TWVudUJ1dHRvblByb3BzPiA9ICh7XG4gIGlkLFxuICBhY3RpdmUsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGhyZWYsXG4gIG9uQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IGNsYXNzZXMgPSBbYCR7YmFzZUNsYXNzfV9fYnV0dG9uYCwgYWN0aXZlICYmIGAke2Jhc2VDbGFzc31fX2J1dHRvbi0tc2VsZWN0ZWRgLCBjbGFzc05hbWVdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBpZiAoaHJlZikge1xuICAgIHJldHVybiAoXG4gICAgICA8TGlua1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKClcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGluaz5cbiAgICApXG4gIH1cblxuICBpZiAob25DbGljaykge1xuICAgIHJldHVybiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvYnV0dG9uPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9IGlkPXtpZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJCdXR0b24iLCJCdXR0b25Hcm91cCIsImJhc2VDbGFzcyIsImJ1dHRvblNpemUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInRleHRBbGlnbiIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpdiIsImlkIiwiYWN0aXZlIiwiaHJlZiIsIm9uQ2xpY2siLCJMaW5rIiwiYnV0dG9uIiwidHlwZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7OztJQXFDYUEsTUFBTTtlQUFOQTs7SUExQkFDLFdBQVc7ZUFBWEE7Ozs2REFQSTsrREFDTSxRQUFRLGlEQUFpRDs7UUFFekU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELGNBS1IsQ0FBQyxFQUFFRSxhQUFhLFNBQVMsRUFBRUMsUUFBUSxFQUFFQyxTQUFTLEVBQUVDLFlBQVksTUFBTSxFQUFFO0lBQ3ZFLE1BQU1DLFVBQVU7UUFDZEw7UUFDQUc7UUFDQSxDQUFDLEVBQUVILFVBQVUsY0FBYyxFQUFFSSxVQUFVLENBQUM7UUFDeEMsQ0FBQyxFQUFFSixVQUFVLGVBQWUsRUFBRUMsV0FBVyxDQUFDO0tBQzNDLENBQ0VLLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBQ1IscUJBQU8scUJBQUNDO1FBQUlOLFdBQVdFO09BQVVIO0FBQ25DO0FBV08sTUFBTUosU0FBb0MsQ0FBQyxFQUNoRFksRUFBRSxFQUNGQyxNQUFNLEVBQ05ULFFBQVEsRUFDUkMsU0FBUyxFQUNUUyxJQUFJLEVBQ0pDLE9BQU8sRUFDUjtJQUNDLE1BQU1SLFVBQVU7UUFBQyxDQUFDLEVBQUVMLFVBQVUsUUFBUSxDQUFDO1FBQUVXLFVBQVUsQ0FBQyxFQUFFWCxVQUFVLGtCQUFrQixDQUFDO1FBQUVHO0tBQVUsQ0FDNUZHLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSUksTUFBTTtRQUNSLHFCQUNFLHFCQUFDRSxhQUFJO1lBQ0hYLFdBQVdFO1lBQ1hPLE1BQU1BO1lBQ05GLElBQUlBO1lBQ0pHLFNBQVM7Z0JBQ1AsSUFBSUEsU0FBUztvQkFDWEE7Z0JBQ0Y7WUFDRjtXQUVDWDtJQUdQO0lBRUEsSUFBSVcsU0FBUztRQUNYLHFCQUNFLHFCQUFDRTtZQUNDWixXQUFXRTtZQUNYSyxJQUFJQTtZQUNKRyxTQUFTO2dCQUNQLElBQUlBLFNBQVM7b0JBQ1hBO2dCQUNGO1lBQ0Y7WUFDQUcsTUFBSztXQUVKZDtJQUdQO0lBRUEscUJBQ0UscUJBQUNPO1FBQUlOLFdBQVdFO1FBQVNLLElBQUlBO09BQzFCUjtBQUdQIn0=

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