payload 1.15.6 → 2.0.0-beta.1

package/dist/admin/components/elements/PerPage/index.scss

@@ -5,12 +5,15 @@
     list-style: none;
     padding: 0;
     margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 4);
   }
 
-  .popup-button--default {
-    @extend %btn-reset;
-    position: relative;
-    cursor: pointer;
+  &__base-button {
+    display: flex;
+    align-items: center;
+    font-weight: bold;
   }
 
   &__button {
@@ -18,20 +21,26 @@
     cursor: pointer;
     text-align: left;
     width: 100%;
+    display: flex;
+    align-items: center;
+    color: var(--theme-elevation-500);
 
-    &:hover, &:focus-visible {
+    &:hover,
+    &:focus-visible {
       text-decoration: underline;
     }
+
+    svg .stroke {
+      stroke: currentColor;
+    }
+  }
+
+  &__chevron {
+    padding-left: calc(var(--base) / 4);
   }
 
   &__button-active {
     font-weight: bold;
-
-    svg {
-      @include color-svg(var(--theme-elevation-1000));
-      margin-left: base(-.25);
-      margin-right: base(-.125);
-      transform: rotate(-90deg);
-    }
+    color: var(--theme-text);
   }
 }

package/dist/admin/components/elements/Pill/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const Pill: React.FC<Props>;
 export default Pill;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/Pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Pill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,SAAS,CAAA;AAGvD,OAAO,cAAc,CAAA;AAmFrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/admin/components/elements/Pill/index.js

@@ -1,32 +1,46 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const useDraggableSortable_1 = require("../DraggableSortable/useDraggableSortable");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactrouterdom = require("react-router-dom");
+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 { className, id } = props;
-    const { attributes, listeners, transform, setNodeRef, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
-        id,
+const DraggablePill = (props)=>{
+    const { id, className } = props;
+    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _useDraggableSortable.useDraggableSortable)({
+        id
     });
-    return (react_1.default.createElement(StaticPill, { ...props, className: [
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, {
+        ...props,
+        className: [
             isDragging && `${baseClass}--is-dragging`,
-            className,
-        ].filter(Boolean).join(' '), elementProps: {
+            className
+        ].filter(Boolean).join(' '),
+        elementProps: {
             ...listeners,
             ...attributes,
-            style: {
-                transform,
-            },
             ref: setNodeRef,
-        } }));
+            style: {
+                transform
+            }
+        }
+    });
 };
-const StaticPill = (props) => {
-    const { className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', draggable, children, elementProps, rounded, 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls, 'aria-checked': ariaChecked, } = props;
+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}`,
@@ -36,23 +50,34 @@ const StaticPill = (props) => {
         icon && `${baseClass}--has-icon`,
         icon && `${baseClass}--align-icon-${alignIcon}`,
         draggable && `${baseClass}--draggable`,
-        rounded && `${baseClass}--rounded`,
+        rounded && `${baseClass}--rounded`
     ].filter(Boolean).join(' ');
     let Element = 'div';
-    if (onClick && !to)
-        Element = 'button';
-    if (to)
-        Element = react_router_dom_1.Link;
-    return (react_1.default.createElement(Element, { ...elementProps, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-checked": ariaChecked, className: classes, type: Element === 'button' ? 'button' : undefined, to: to || undefined, onClick: onClick },
-        (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
-        children,
-        (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));
+    if (onClick && !to) Element = 'button';
+    if (to) Element = _reactrouterdom.Link;
+    return /*#__PURE__*/ _react.default.createElement(Element, {
+        ...elementProps,
+        "aria-checked": ariaChecked,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-label": ariaLabel,
+        className: classes,
+        onClick: onClick,
+        to: to || undefined,
+        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 Pill = (props)=>{
     const { draggable } = props;
-    if (draggable)
-        return react_1.default.createElement(DraggablePill, { ...props });
-    return react_1.default.createElement(StaticPill, { ...props });
+    if (draggable) return /*#__PURE__*/ _react.default.createElement(DraggablePill, props);
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, props);
 };
-exports.default = Pill;
-//# sourceMappingURL=index.js.map
+const _default = Pill;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BpbGwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFJlbmRlcmVkVHlwZVByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlRHJhZ2dhYmxlU29ydGFibGUgfSBmcm9tICcuLi9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGlsbCdcblxuY29uc3QgRHJhZ2dhYmxlUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNsYXNzTmFtZSB9ID0gcHJvcHNcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGlzRHJhZ2dpbmcsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGVTb3J0YWJsZSh7XG4gICAgaWQsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhdGljUGlsbFxuICAgICAgey4uLnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtbaXNEcmFnZ2luZyAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1kcmFnZ2luZ2AsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGVsZW1lbnRQcm9wcz17e1xuICAgICAgICAuLi5saXN0ZW5lcnMsXG4gICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgIHJlZjogc2V0Tm9kZVJlZixcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICB0cmFuc2Zvcm0sXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgU3RhdGljUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkljb24gPSAncmlnaHQnLFxuICAgICdhcmlhLWNoZWNrZWQnOiBhcmlhQ2hlY2tlZCxcbiAgICAnYXJpYS1jb250cm9scyc6IGFyaWFDb250cm9scyxcbiAgICAnYXJpYS1leHBhbmRlZCc6IGFyaWFFeHBhbmRlZCxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZHJhZ2dhYmxlLFxuICAgIGVsZW1lbnRQcm9wcyxcbiAgICBpY29uLFxuICAgIG9uQ2xpY2ssXG4gICAgcGlsbFN0eWxlID0gJ2xpZ2h0JyxcbiAgICByb3VuZGVkLFxuICAgIHRvLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBgJHtiYXNlQ2xhc3N9LS1zdHlsZS0ke3BpbGxTdHlsZX1gLFxuICAgIGNsYXNzTmFtZSAmJiBjbGFzc05hbWUsXG4gICAgdG8gJiYgYCR7YmFzZUNsYXNzfS0taGFzLWxpbmtgLFxuICAgICh0byB8fCBvbkNsaWNrKSAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYWN0aW9uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWhhcy1pY29uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWFsaWduLWljb24tJHthbGlnbkljb259YCxcbiAgICBkcmFnZ2FibGUgJiYgYCR7YmFzZUNsYXNzfS0tZHJhZ2dhYmxlYCxcbiAgICByb3VuZGVkICYmIGAke2Jhc2VDbGFzc30tLXJvdW5kZWRgLFxuICBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBsZXQgRWxlbWVudDogRWxlbWVudFR5cGUgfCBSZWFjdC5GQzxSZW5kZXJlZFR5cGVQcm9wcz4gPSAnZGl2J1xuXG4gIGlmIChvbkNsaWNrICYmICF0bykgRWxlbWVudCA9ICdidXR0b24nXG4gIGlmICh0bykgRWxlbWVudCA9IExpbmtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICB7Li4uZWxlbWVudFByb3BzfVxuICAgICAgYXJpYS1jaGVja2VkPXthcmlhQ2hlY2tlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB0bz17dG8gfHwgdW5kZWZpbmVkfVxuICAgICAgdHlwZT17RWxlbWVudCA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICB7aWNvbiAmJiBhbGlnbkljb24gPT09ICdsZWZ0JyAmJiA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ljb25gfT57aWNvbn08L3NwYW4+fVxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sYWJlbGB9PntjaGlsZHJlbn08L3NwYW4+XG4gICAgICB7aWNvbiAmJiBhbGlnbkljb24gPT09ICdyaWdodCcgJiYgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uYH0+e2ljb259PC9zcGFuPn1cbiAgICA8L0VsZW1lbnQ+XG4gIClcbn1cblxuY29uc3QgUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZHJhZ2dhYmxlIH0gPSBwcm9wc1xuXG4gIGlmIChkcmFnZ2FibGUpIHJldHVybiA8RHJhZ2dhYmxlUGlsbCB7Li4ucHJvcHN9IC8+XG4gIHJldHVybiA8U3RhdGljUGlsbCB7Li4ucHJvcHN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBpbGxcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJEcmFnZ2FibGVQaWxsIiwicHJvcHMiLCJpZCIsImNsYXNzTmFtZSIsImF0dHJpYnV0ZXMiLCJpc0RyYWdnaW5nIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsInRyYW5zZm9ybSIsInVzZURyYWdnYWJsZVNvcnRhYmxlIiwiU3RhdGljUGlsbCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZWxlbWVudFByb3BzIiwicmVmIiwic3R5bGUiLCJhbGlnbkljb24iLCJhcmlhQ2hlY2tlZCIsImFyaWFDb250cm9scyIsImFyaWFFeHBhbmRlZCIsImFyaWFMYWJlbCIsImNoaWxkcmVuIiwiZHJhZ2dhYmxlIiwiaWNvbiIsIm9uQ2xpY2siLCJwaWxsU3R5bGUiLCJyb3VuZGVkIiwidG8iLCJjbGFzc2VzIiwiRWxlbWVudCIsIkxpbmsiLCJhcmlhLWNoZWNrZWQiLCJhcmlhLWNvbnRyb2xzIiwiYXJpYS1leHBhbmRlZCIsImFyaWEtbGFiZWwiLCJ1bmRlZmluZWQiLCJ0eXBlIiwic3BhbiIsIlBpbGwiXSwibWFwcGluZ3MiOiI7Ozs7K0JBa0dBOzs7ZUFBQTs7OzhEQWhHa0I7Z0NBQ0c7c0NBSWdCO1FBQzlCOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGdCQUFpQyxDQUFDQztJQUN0QyxNQUFNLEVBQUVDLEVBQUUsRUFBRUMsU0FBUyxFQUFFLEdBQUdGO0lBRTFCLE1BQU0sRUFBRUcsVUFBVSxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRUMsVUFBVSxFQUFFQyxTQUFTLEVBQUUsR0FBR0MsSUFBQUEsMENBQW9CLEVBQUM7UUFDeEZQO0lBQ0Y7SUFFQSxxQkFDRSw2QkFBQ1E7UUFDRSxHQUFHVCxLQUFLO1FBQ1RFLFdBQVc7WUFBQ0UsY0FBYyxDQUFDLEVBQUVOLFVBQVUsYUFBYSxDQUFDO1lBQUVJO1NBQVUsQ0FBQ1EsTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7UUFDdkZDLGNBQWM7WUFDWixHQUFHUixTQUFTO1lBQ1osR0FBR0YsVUFBVTtZQUNiVyxLQUFLUjtZQUNMUyxPQUFPO2dCQUNMUjtZQUNGO1FBQ0Y7O0FBR047QUFFQSxNQUFNRSxhQUE4QixDQUFDVDtJQUNuQyxNQUFNLEVBQ0pnQixZQUFZLE9BQU8sRUFDbkIsZ0JBQWdCQyxXQUFXLEVBQzNCLGlCQUFpQkMsWUFBWSxFQUM3QixpQkFBaUJDLFlBQVksRUFDN0IsY0FBY0MsU0FBUyxFQUN2QkMsUUFBUSxFQUNSbkIsU0FBUyxFQUNUb0IsU0FBUyxFQUNUVCxZQUFZLEVBQ1pVLElBQUksRUFDSkMsT0FBTyxFQUNQQyxZQUFZLE9BQU8sRUFDbkJDLE9BQU8sRUFDUEMsRUFBRSxFQUNILEdBQUczQjtJQUVKLE1BQU00QixVQUFVO1FBQ2Q5QjtRQUNBLENBQUMsRUFBRUEsVUFBVSxRQUFRLEVBQUUyQixVQUFVLENBQUM7UUFDbEN2QixhQUFhQTtRQUNieUIsTUFBTSxDQUFDLEVBQUU3QixVQUFVLFVBQVUsQ0FBQztRQUM3QjZCLENBQUFBLE1BQU1ILE9BQU0sS0FBTSxDQUFDLEVBQUUxQixVQUFVLFlBQVksQ0FBQztRQUM3Q3lCLFFBQVEsQ0FBQyxFQUFFekIsVUFBVSxVQUFVLENBQUM7UUFDaEN5QixRQUFRLENBQUMsRUFBRXpCLFVBQVUsYUFBYSxFQUFFa0IsVUFBVSxDQUFDO1FBQy9DTSxhQUFhLENBQUMsRUFBRXhCLFVBQVUsV0FBVyxDQUFDO1FBQ3RDNEIsV0FBVyxDQUFDLEVBQUU1QixVQUFVLFNBQVMsQ0FBQztLQUNuQyxDQUNFWSxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUVSLElBQUlpQixVQUFxRDtJQUV6RCxJQUFJTCxXQUFXLENBQUNHLElBQUlFLFVBQVU7SUFDOUIsSUFBSUYsSUFBSUUsVUFBVUMsb0JBQUk7SUFFdEIscUJBQ0UsNkJBQUNEO1FBQ0UsR0FBR2hCLFlBQVk7UUFDaEJrQixnQkFBY2Q7UUFDZGUsaUJBQWVkO1FBQ2ZlLGlCQUFlZDtRQUNmZSxjQUFZZDtRQUNabEIsV0FBVzBCO1FBQ1hKLFNBQVNBO1FBQ1RHLElBQUlBLE1BQU1RO1FBQ1ZDLE1BQU1QLFlBQVksV0FBVyxXQUFXTTtPQUV2Q1osUUFBUVAsY0FBYyx3QkFBVSw2QkFBQ3FCO1FBQUtuQyxXQUFXLENBQUMsRUFBRUosVUFBVSxNQUFNLENBQUM7T0FBR3lCLHFCQUN6RSw2QkFBQ2M7UUFBS25DLFdBQVcsQ0FBQyxFQUFFSixVQUFVLE9BQU8sQ0FBQztPQUFHdUIsV0FDeENFLFFBQVFQLGNBQWMseUJBQVcsNkJBQUNxQjtRQUFLbkMsV0FBVyxDQUFDLEVBQUVKLFVBQVUsTUFBTSxDQUFDO09BQUd5QjtBQUdoRjtBQUVBLE1BQU1lLE9BQXdCLENBQUN0QztJQUM3QixNQUFNLEVBQUVzQixTQUFTLEVBQUUsR0FBR3RCO0lBRXRCLElBQUlzQixXQUFXLHFCQUFPLDZCQUFDdkIsZUFBa0JDO0lBQ3pDLHFCQUFPLDZCQUFDUyxZQUFlVDtBQUN6QjtNQUVBLFdBQWVzQyJ9

package/dist/admin/components/elements/Pill/index.scss

@@ -12,7 +12,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   border: 0;
-  padding: 0 base(.25);
+  padding: 0 base(0.25);
   align-items: center;
   flex-shrink: 0;
 
@@ -32,6 +32,20 @@
     outline-offset: var(--accessibility-outline-offset);
   }
 
+  .icon {
+    flex-shrink: 0;
+  }
+
+  &__label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__icon {
+    padding: calc(var(--base) / 4);
+  }
+
   &--has-action {
     cursor: pointer;
     text-decoration: none;
@@ -47,6 +61,16 @@
     }
   }
 
+  [dir='rtl'] &--align-icon-left {
+    padding-right: 0;
+    padding-left: 10px;
+  }
+
+  [dir='rtl'] &--align-icon-right {
+    padding-right: 10px;
+    padding-left: 0;
+  }
+
   &--align-icon-left {
     padding-left: 0;
   }
@@ -115,21 +139,20 @@
   }
 }
 
-
-html[data-theme=dark] {
+html[data-theme='dark'] {
   .pill {
     &--style-error {
       background: var(--theme-error-500);
-      color: var(--color-base-1000)
+      color: var(--color-base-1000);
     }
   }
 }
 
-html[data-theme=light] {
+html[data-theme='light'] {
   .pill {
     &--style-error {
       background: var(--theme-error-250);
-      color: var(--theme-error-750)
+      color: var(--theme-error-750);
     }
   }
 }

package/dist/admin/components/elements/Pill/types.d.ts

@@ -1,27 +1,28 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
 export type Props = {
+    alignIcon?: 'left' | 'right';
+    'aria-checked'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-label'?: string;
     children?: React.ReactNode;
     className?: string;
-    to?: string;
-    icon?: React.ReactNode;
-    alignIcon?: 'left' | 'right';
-    onClick?: () => void;
-    pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success' | 'error';
     draggable?: boolean;
-    rounded?: boolean;
-    id?: string;
-    'aria-label'?: string;
-    'aria-expanded'?: boolean;
-    'aria-controls'?: string;
-    'aria-checked'?: boolean;
     elementProps?: HTMLAttributes<HTMLElement> & {
         ref: React.RefCallback<HTMLElement>;
     };
+    icon?: React.ReactNode;
+    id?: string;
+    onClick?: () => void;
+    pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white';
+    rounded?: boolean;
+    to?: string;
 };
 export type RenderedTypeProps = {
     children: React.ReactNode;
     className?: string;
-    to: string;
     onClick?: () => void;
+    to: string;
     type?: 'button';
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/elements/Pill/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Pill/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;QAC3C,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;KACpC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA"}

package/dist/admin/components/elements/Pill/types.js

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

package/dist/admin/components/elements/Popup/PopupButtonList/index.d.ts

@@ -0,0 +1,19 @@
+import type { LinkProps } from 'react-router-dom';
+import * as React from 'react';
+import './index.scss';
+export declare const ButtonGroup: React.FC<{
+    buttonSize?: 'default' | 'small';
+    children: React.ReactNode;
+    className?: string;
+    textAlign?: 'center' | 'left' | 'right';
+}>;
+type MenuButtonProps = {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    onClick?: () => void;
+    to?: LinkProps['to'];
+};
+export declare const Button: React.FC<MenuButtonProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAGrB,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,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;AACD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0C5C,CAAA"}

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

@@ -0,0 +1,108 @@
+"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, {
+    ButtonGroup: function() {
+        return ButtonGroup;
+    },
+    Button: function() {
+        return Button;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactrouterdom = require("react-router-dom");
+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 = {};
+    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, children, className, onClick, to })=>{
+    const classes = [
+        `${baseClass}__button`,
+        className
+    ].filter(Boolean).join(' ');
+    if (to) {
+        return /*#__PURE__*/ _react.createElement(_reactrouterdom.Link, {
+            className: classes,
+            id: id,
+            onClick: ()=>{
+                if (onClick) {
+                    onClick();
+                }
+            },
+            to: to
+        }, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BvcHVwL1BvcHVwQnV0dG9uTGlzdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMaW5rUHJvcHMgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3BvcHVwLWJ1dHRvbi1saXN0J1xuZXhwb3J0IGNvbnN0IEJ1dHRvbkdyb3VwOiBSZWFjdC5GQzx7XG4gIGJ1dHRvblNpemU/OiAnZGVmYXVsdCcgfCAnc21hbGwnXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHRleHRBbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xufT4gPSAoeyBidXR0b25TaXplID0gJ2RlZmF1bHQnLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCB0ZXh0QWxpZ24gPSAnbGVmdCcgfSkgPT4ge1xuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBjbGFzc05hbWUsXG4gICAgYCR7YmFzZUNsYXNzfV9fdGV4dC1hbGlnbi0tJHt0ZXh0QWxpZ259YCxcbiAgICBgJHtiYXNlQ2xhc3N9X19idXR0b24tc2l6ZS0tJHtidXR0b25TaXplfWAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9PntjaGlsZHJlbn08L2Rpdj5cbn1cblxudHlwZSBNZW51QnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIHRvPzogTGlua1Byb3BzWyd0byddXG59XG5leHBvcnQgY29uc3QgQnV0dG9uOiBSZWFjdC5GQzxNZW51QnV0dG9uUHJvcHM+ID0gKHsgaWQsIGNoaWxkcmVuLCBjbGFzc05hbWUsIG9uQ2xpY2ssIHRvIH0pID0+IHtcbiAgY29uc3QgY2xhc3NlcyA9IFtgJHtiYXNlQ2xhc3N9X19idXR0b25gLCBjbGFzc05hbWVdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJylcblxuICBpZiAodG8pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPExpbmtcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljaygpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICB0bz17dG99XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGluaz5cbiAgICApXG4gIH1cblxuICBpZiAob25DbGljaykge1xuICAgIHJldHVybiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvYnV0dG9uPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9IGlkPXtpZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJCdXR0b25Hcm91cCIsIkJ1dHRvbiIsImJhc2VDbGFzcyIsImJ1dHRvblNpemUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInRleHRBbGlnbiIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpdiIsImlkIiwib25DbGljayIsInRvIiwiTGluayIsImJ1dHRvbiIsInR5cGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0lBUWFBLFdBQVc7ZUFBWEE7O0lBd0JBQyxNQUFNO2VBQU5BOzs7K0RBOUJVO2dDQUNGO1FBRWQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBQ1gsTUFBTUYsY0FLUixDQUFDLEVBQUVHLGFBQWEsU0FBUyxFQUFFQyxRQUFRLEVBQUVDLFNBQVMsRUFBRUMsWUFBWSxNQUFNLEVBQUU7SUFDdkUsTUFBTUMsVUFBVTtRQUNkTDtRQUNBRztRQUNBLENBQUMsRUFBRUgsVUFBVSxjQUFjLEVBQUVJLFVBQVUsQ0FBQztRQUN4QyxDQUFDLEVBQUVKLFVBQVUsZUFBZSxFQUFFQyxXQUFXLENBQUM7S0FDM0MsQ0FDRUssTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7SUFDUixxQkFBTyxxQkFBQ0M7UUFBSU4sV0FBV0U7T0FBVUg7QUFDbkM7QUFTTyxNQUFNSCxTQUFvQyxDQUFDLEVBQUVXLEVBQUUsRUFBRVIsUUFBUSxFQUFFQyxTQUFTLEVBQUVRLE9BQU8sRUFBRUMsRUFBRSxFQUFFO0lBQ3hGLE1BQU1QLFVBQVU7UUFBQyxDQUFDLEVBQUVMLFVBQVUsUUFBUSxDQUFDO1FBQUVHO0tBQVUsQ0FBQ0csTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7SUFFekUsSUFBSUksSUFBSTtRQUNOLHFCQUNFLHFCQUFDQyxvQkFBSTtZQUNIVixXQUFXRTtZQUNYSyxJQUFJQTtZQUNKQyxTQUFTO2dCQUNQLElBQUlBLFNBQVM7b0JBQ1hBO2dCQUNGO1lBQ0Y7WUFDQUMsSUFBSUE7V0FFSFY7SUFHUDtJQUVBLElBQUlTLFNBQVM7UUFDWCxxQkFDRSxxQkFBQ0c7WUFDQ1gsV0FBV0U7WUFDWEssSUFBSUE7WUFDSkMsU0FBUztnQkFDUCxJQUFJQSxTQUFTO29CQUNYQTtnQkFDRjtZQUNGO1lBQ0FJLE1BQUs7V0FFSmI7SUFHUDtJQUVBLHFCQUNFLHFCQUFDTztRQUFJTixXQUFXRTtRQUFTSyxJQUFJQTtPQUMxQlI7QUFHUCJ9

package/dist/admin/components/elements/Popup/PopupButtonList/index.scss

@@ -0,0 +1,47 @@
+@import '../../../../scss/styles.scss';
+
+.popup-button-list {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  --list-button-padding: calc(var(--base) * 0.5);
+
+  &__text-align--left {
+    text-align: left;
+  }
+
+  &__text-align--center {
+    text-align: center;
+  }
+
+  &__text-align--right {
+    text-align: right;
+  }
+
+  &__button {
+    @extend %btn-reset;
+    padding-left: var(--list-button-padding);
+    padding-right: var(--list-button-padding);
+    padding-top: 2px;
+    padding-bottom: 2px;
+    cursor: pointer;
+    text-align: inherit;
+    line-height: var(--base);
+    text-decoration: none;
+    border-radius: 3px;
+
+    button {
+      @extend %btn-reset;
+
+      &:focus-visible {
+        outline: none;
+      }
+    }
+
+    &:hover,
+    &:focus-visible,
+    &:focus-within {
+      background-color: var(--popup-button-highlight);
+    }
+  }
+}

package/dist/admin/components/elements/Popup/PopupTrigger/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+export declare const PopupTrigger: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/Popup/PopupTrigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/Popup/PopupTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCxC,CAAA"}

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

@@ -0,0 +1,50 @@
+"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),
+        type: "button"
+    }, button);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BvcHVwL1BvcHVwVHJpZ2dlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwb3B1cC1idXR0b24nXG5cbmV4cG9ydCBjb25zdCBQb3B1cFRyaWdnZXI6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZSwgYnV0dG9uLCBidXR0b25UeXBlLCBjbGFzc05hbWUsIHNldEFjdGl2ZSB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgY2xhc3NOYW1lLCBgJHtiYXNlQ2xhc3N9LS0ke2J1dHRvblR5cGV9YF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKVxuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgIHNldEFjdGl2ZSghYWN0aXZlKVxuICB9XG5cbiAgaWYgKGJ1dHRvblR5cGUgPT09ICdub25lJykge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAoYnV0dG9uVHlwZSA9PT0gJ2N1c3RvbScpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSBoYW5kbGVDbGljaygpXG4gICAgICAgIH19XG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgID5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGJ1dHRvbiBjbGFzc05hbWU9e2NsYXNzZXN9IG9uQ2xpY2s9eygpID0+IHNldEFjdGl2ZSghYWN0aXZlKX0gdHlwZT1cImJ1dHRvblwiPlxuICAgICAge2J1dHRvbn1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlBvcHVwVHJpZ2dlciIsImJhc2VDbGFzcyIsInByb3BzIiwiYWN0aXZlIiwiYnV0dG9uIiwiYnV0dG9uVHlwZSIsImNsYXNzTmFtZSIsInNldEFjdGl2ZSIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImhhbmRsZUNsaWNrIiwiZGl2Iiwib25DbGljayIsIm9uS2V5RG93biIsImUiLCJrZXkiLCJyb2xlIiwidGFiSW5kZXgiLCJ0eXBlIl0sIm1hcHBpbmdzIjoiOzs7OytCQVFhQTs7O2VBQUFBOzs7OERBUks7UUFJWDs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELGVBQWdDLENBQUNFO0lBQzVDLE1BQU0sRUFBRUMsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxTQUFTLEVBQUUsR0FBR0w7SUFFN0QsTUFBTU0sVUFBVTtRQUFDUDtRQUFXSztRQUFXLENBQUMsRUFBRUwsVUFBVSxFQUFFLEVBQUVJLFdBQVcsQ0FBQztLQUFDLENBQUNJLE1BQU0sQ0FBQ0MsU0FBU0MsSUFBSSxDQUFDO0lBRTNGLE1BQU1DLGNBQWM7UUFDbEJMLFVBQVUsQ0FBQ0o7SUFDYjtJQUVBLElBQUlFLGVBQWUsUUFBUTtRQUN6QixPQUFPO0lBQ1Q7SUFFQSxJQUFJQSxlQUFlLFVBQVU7UUFDM0IscUJBQ0UsNkJBQUNRO1lBQ0NQLFdBQVdFO1lBQ1hNLFNBQVNGO1lBQ1RHLFdBQVcsQ0FBQ0M7Z0JBQ1YsSUFBSUEsRUFBRUMsR0FBRyxLQUFLLFNBQVNMO1lBQ3pCO1lBQ0FNLE1BQUs7WUFDTEMsVUFBVTtXQUVUZjtJQUdQO0lBRUEscUJBQ0UsNkJBQUNBO1FBQU9FLFdBQVdFO1FBQVNNLFNBQVMsSUFBTVAsVUFBVSxDQUFDSjtRQUFTaUIsTUFBSztPQUNqRWhCO0FBR1AifQ==

package/dist/admin/components/elements/Popup/PopupTrigger/index.scss

@@ -0,0 +1,14 @@
+@import '../../../../scss/styles.scss';
+
+.popup-button {
+  height: 100%;
+  color: currentColor;
+  padding: 0;
+  font-size: inherit;
+  line-height: inherit;
+  font-family: inherit;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  display: inline-flex;
+}

package/dist/admin/components/elements/Popup/PopupTrigger/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type Props = {
+    active: boolean;
+    button: React.ReactNode;
+    buttonType: 'custom' | 'default' | 'none';
+    className?: string;
+    setActive: (active: boolean) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/elements/Popup/PopupTrigger/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA"}

package/dist/admin/components/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/admin/components/elements/Popup/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const Popup: React.FC<Props>;
 export default Popup;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/Popup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Popup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiK1B,CAAA;AAED,eAAe,KAAK,CAAA"}