@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/Nav/index.js

@@ -1,106 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DefaultNav", {
-    enumerable: true,
-    get: function() {
-        return DefaultNav;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _link = /*#__PURE__*/ _interop_require_default(require("next/link"));
-const _utilities = require("payload/utilities");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Chevron = require("../../icons/Chevron");
-const _groupNavItems = require("../../utilities/groupNavItems");
-const _Logout = /*#__PURE__*/ _interop_require_default(require("../Logout"));
-const _NavGroup = /*#__PURE__*/ _interop_require_default(require("../NavGroup"));
-const _NavHamburger = require("./NavHamburger");
-const _NavWrapper = require("./NavWrapper");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { Logout } from '../Logout/index.js';
+import { NavHamburger } from './NavHamburger/index.js';
+import { NavWrapper } from './NavWrapper/index.js';
 const baseClass = 'nav';
-const DefaultNav = (props)=>{
-    const { config, i18n, permissions, user } = props;
-    const { admin: { components: { afterNavLinks, beforeNavLinks } }, collections, globals, routes: { admin } } = config;
-    const groups = (0, _groupNavItems.groupNavItems)([
-        ...collections.filter(({ admin: { hidden } })=>!(0, _utilities.isEntityHidden)({
-                hidden,
-                user
-            })).map((collection)=>{
-            const entityToGroup = {
-                type: _groupNavItems.EntityType.collection,
-                entity: collection
-            };
-            return entityToGroup;
-        }),
-        ...globals.filter(({ admin: { hidden } })=>!(0, _utilities.isEntityHidden)({
-                hidden,
-                user
-            })).map((global)=>{
-            const entityToGroup = {
-                type: _groupNavItems.EntityType.global,
-                entity: global
-            };
-            return entityToGroup;
-        })
-    ], permissions, i18n);
-    return /*#__PURE__*/ _react.default.createElement(_NavWrapper.NavWrapper, {
+import { DefaultNavClient } from './index.client.js';
+export const DefaultNav = (props)=>{
+    const { config } = props;
+    if (!config) {
+        return null;
+    }
+    const { admin: { components: { afterNavLinks, beforeNavLinks } } } = config;
+    return /*#__PURE__*/ React.createElement(NavWrapper, {
         baseClass: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("nav", {
+    }, /*#__PURE__*/ React.createElement("nav", {
         className: `${baseClass}__wrap`
-    }, Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i)=>/*#__PURE__*/ _react.default.createElement(Component, {
+    }, Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
             key: i
-        })), groups.map(({ entities, label }, key)=>{
-        return /*#__PURE__*/ _react.default.createElement(_NavGroup.default, {
-            key: key,
-            label: label
-        }, entities.map(({ type, entity }, i)=>{
-            let entityLabel;
-            let href;
-            let id;
-            if (type === _groupNavItems.EntityType.collection) {
-                href = `${admin}/collections/${entity.slug}`;
-                entityLabel = (0, _translations.getTranslation)(entity.labels.plural, i18n);
-                id = `nav-${entity.slug}`;
-            }
-            if (type === _groupNavItems.EntityType.global) {
-                href = `${admin}/globals/${entity.slug}`;
-                entityLabel = (0, _translations.getTranslation)(entity.label, i18n);
-                id = `nav-global-${entity.slug}`;
-            }
-            const LinkElement = _link.default || 'a';
-            return /*#__PURE__*/ _react.default.createElement(LinkElement, {
-                // activeClassName="active"
-                className: `${baseClass}__link`,
-                href: href,
-                id: id,
-                // tabIndex={!navOpen ? -1 : undefined}
-                key: i
-            }, /*#__PURE__*/ _react.default.createElement("span", {
-                className: `${baseClass}__link-icon`
-            }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
-                direction: "right"
-            })), /*#__PURE__*/ _react.default.createElement("span", {
-                className: `${baseClass}__link-label`
-            }, entityLabel));
-        }));
-    }), Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i)=>/*#__PURE__*/ _react.default.createElement(Component, {
+        })), /*#__PURE__*/ React.createElement(DefaultNavClient, null), Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
             key: i
-        })), /*#__PURE__*/ _react.default.createElement("div", {
+        })), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__controls`
-    }, /*#__PURE__*/ _react.default.createElement(_Logout.default, null))), /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(Logout, null))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__header`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__header-content`
-    }, /*#__PURE__*/ _react.default.createElement(_NavHamburger.NavHamburger, {
+    }, /*#__PURE__*/ React.createElement(NavHamburger, {
         baseClass: baseClass
     }))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXYvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSTE4biB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbmltcG9ydCB0eXBlIHsgUGVybWlzc2lvbnMsIFVzZXIgfSBmcm9tICdwYXlsb2FkL2F1dGgnXG5pbXBvcnQgdHlwZSB7IFNhbml0aXplZENvbmZpZyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IExpbmsgZnJvbSAnbmV4dC9saW5rJ1xuaW1wb3J0IHsgaXNFbnRpdHlIaWRkZW4gfSBmcm9tICdwYXlsb2FkL3V0aWxpdGllcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBFbnRpdHlUb0dyb3VwIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2dyb3VwTmF2SXRlbXMnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgRW50aXR5VHlwZSwgZ3JvdXBOYXZJdGVtcyB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9ncm91cE5hdkl0ZW1zJ1xuaW1wb3J0IExvZ291dCBmcm9tICcuLi9Mb2dvdXQnXG5pbXBvcnQgTmF2R3JvdXAgZnJvbSAnLi4vTmF2R3JvdXAnXG5pbXBvcnQgeyBOYXZIYW1idXJnZXIgfSBmcm9tICcuL05hdkhhbWJ1cmdlcidcbmltcG9ydCB7IE5hdldyYXBwZXIgfSBmcm9tICcuL05hdldyYXBwZXInXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ25hdidcblxuZXhwb3J0IGNvbnN0IERlZmF1bHROYXY6IFJlYWN0LkZDPHtcbiAgY29uZmlnOiBTYW5pdGl6ZWRDb25maWdcbiAgaTE4bjogSTE4blxuICBwZXJtaXNzaW9uczogUGVybWlzc2lvbnNcbiAgdXNlcjogVXNlclxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjb25maWcsIGkxOG4sIHBlcm1pc3Npb25zLCB1c2VyIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHtcbiAgICBhZG1pbjoge1xuICAgICAgY29tcG9uZW50czogeyBhZnRlck5hdkxpbmtzLCBiZWZvcmVOYXZMaW5rcyB9LFxuICAgIH0sXG4gICAgY29sbGVjdGlvbnMsXG4gICAgZ2xvYmFscyxcbiAgICByb3V0ZXM6IHsgYWRtaW4gfSxcbiAgfSA9IGNvbmZpZ1xuXG4gIGNvbnN0IGdyb3VwcyA9IGdyb3VwTmF2SXRlbXMoXG4gICAgW1xuICAgICAgLi4uY29sbGVjdGlvbnNcbiAgICAgICAgLmZpbHRlcigoeyBhZG1pbjogeyBoaWRkZW4gfSB9KSA9PiAhaXNFbnRpdHlIaWRkZW4oeyBoaWRkZW4sIHVzZXIgfSkpXG4gICAgICAgIC5tYXAoKGNvbGxlY3Rpb24pID0+IHtcbiAgICAgICAgICBjb25zdCBlbnRpdHlUb0dyb3VwOiBFbnRpdHlUb0dyb3VwID0ge1xuICAgICAgICAgICAgdHlwZTogRW50aXR5VHlwZS5jb2xsZWN0aW9uLFxuICAgICAgICAgICAgZW50aXR5OiBjb2xsZWN0aW9uLFxuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiBlbnRpdHlUb0dyb3VwXG4gICAgICAgIH0pLFxuICAgICAgLi4uZ2xvYmFsc1xuICAgICAgICAuZmlsdGVyKCh7IGFkbWluOiB7IGhpZGRlbiB9IH0pID0+ICFpc0VudGl0eUhpZGRlbih7IGhpZGRlbiwgdXNlciB9KSlcbiAgICAgICAgLm1hcCgoZ2xvYmFsKSA9PiB7XG4gICAgICAgICAgY29uc3QgZW50aXR5VG9Hcm91cDogRW50aXR5VG9Hcm91cCA9IHtcbiAgICAgICAgICAgIHR5cGU6IEVudGl0eVR5cGUuZ2xvYmFsLFxuICAgICAgICAgICAgZW50aXR5OiBnbG9iYWwsXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgcmV0dXJuIGVudGl0eVRvR3JvdXBcbiAgICAgICAgfSksXG4gICAgXSxcbiAgICBwZXJtaXNzaW9ucyxcbiAgICBpMThuLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8TmF2V3JhcHBlciBiYXNlQ2xhc3M9e2Jhc2VDbGFzc30+XG4gICAgICA8bmF2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcGB9PlxuICAgICAgICB7QXJyYXkuaXNBcnJheShiZWZvcmVOYXZMaW5rcykgJiZcbiAgICAgICAgICBiZWZvcmVOYXZMaW5rcy5tYXAoKENvbXBvbmVudCwgaSkgPT4gPENvbXBvbmVudCBrZXk9e2l9IC8+KX1cbiAgICAgICAge2dyb3Vwcy5tYXAoKHsgZW50aXRpZXMsIGxhYmVsIH0sIGtleSkgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TmF2R3JvdXAga2V5PXtrZXl9IGxhYmVsPXtsYWJlbH0+XG4gICAgICAgICAgICAgIHtlbnRpdGllcy5tYXAoKHsgdHlwZSwgZW50aXR5IH0sIGkpID0+IHtcbiAgICAgICAgICAgICAgICBsZXQgZW50aXR5TGFiZWw6IHN0cmluZ1xuICAgICAgICAgICAgICAgIGxldCBocmVmOiBzdHJpbmdcbiAgICAgICAgICAgICAgICBsZXQgaWQ6IHN0cmluZ1xuXG4gICAgICAgICAgICAgICAgaWYgKHR5cGUgPT09IEVudGl0eVR5cGUuY29sbGVjdGlvbikge1xuICAgICAgICAgICAgICAgICAgaHJlZiA9IGAke2FkbWlufS9jb2xsZWN0aW9ucy8ke2VudGl0eS5zbHVnfWBcbiAgICAgICAgICAgICAgICAgIGVudGl0eUxhYmVsID0gZ2V0VHJhbnNsYXRpb24oZW50aXR5LmxhYmVscy5wbHVyYWwsIGkxOG4pXG4gICAgICAgICAgICAgICAgICBpZCA9IGBuYXYtJHtlbnRpdHkuc2x1Z31gXG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKHR5cGUgPT09IEVudGl0eVR5cGUuZ2xvYmFsKSB7XG4gICAgICAgICAgICAgICAgICBocmVmID0gYCR7YWRtaW59L2dsb2JhbHMvJHtlbnRpdHkuc2x1Z31gXG4gICAgICAgICAgICAgICAgICBlbnRpdHlMYWJlbCA9IGdldFRyYW5zbGF0aW9uKGVudGl0eS5sYWJlbCwgaTE4bilcbiAgICAgICAgICAgICAgICAgIGlkID0gYG5hdi1nbG9iYWwtJHtlbnRpdHkuc2x1Z31gXG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgY29uc3QgTGlua0VsZW1lbnQgPSBMaW5rIHx8ICdhJ1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxMaW5rRWxlbWVudFxuICAgICAgICAgICAgICAgICAgICAvLyBhY3RpdmVDbGFzc05hbWU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmtgfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgIC8vIHRhYkluZGV4PXshbmF2T3BlbiA/IC0xIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluay1pY29uYH0+XG4gICAgICAgICAgICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPVwicmlnaHRcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluay1sYWJlbGB9PntlbnRpdHlMYWJlbH08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L0xpbmtFbGVtZW50PlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L05hdkdyb3VwPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICAgIHtBcnJheS5pc0FycmF5KGFmdGVyTmF2TGlua3MpICYmIGFmdGVyTmF2TGlua3MubWFwKChDb21wb25lbnQsIGkpID0+IDxDb21wb25lbnQga2V5PXtpfSAvPil9XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250cm9sc2B9PlxuICAgICAgICAgIDxMb2dvdXRcbiAgICAgICAgICAvLyB0YWJJbmRleD17IW5hdk9wZW4gPyAtMSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmF2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyLWNvbnRlbnRgfT5cbiAgICAgICAgICA8TmF2SGFtYnVyZ2VyIGJhc2VDbGFzcz17YmFzZUNsYXNzfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvTmF2V3JhcHBlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkRlZmF1bHROYXYiLCJiYXNlQ2xhc3MiLCJwcm9wcyIsImNvbmZpZyIsImkxOG4iLCJwZXJtaXNzaW9ucyIsInVzZXIiLCJhZG1pbiIsImNvbXBvbmVudHMiLCJhZnRlck5hdkxpbmtzIiwiYmVmb3JlTmF2TGlua3MiLCJjb2xsZWN0aW9ucyIsImdsb2JhbHMiLCJyb3V0ZXMiLCJncm91cHMiLCJncm91cE5hdkl0ZW1zIiwiZmlsdGVyIiwiaGlkZGVuIiwiaXNFbnRpdHlIaWRkZW4iLCJtYXAiLCJjb2xsZWN0aW9uIiwiZW50aXR5VG9Hcm91cCIsInR5cGUiLCJFbnRpdHlUeXBlIiwiZW50aXR5IiwiZ2xvYmFsIiwiTmF2V3JhcHBlciIsIm5hdiIsImNsYXNzTmFtZSIsIkFycmF5IiwiaXNBcnJheSIsIkNvbXBvbmVudCIsImkiLCJrZXkiLCJlbnRpdGllcyIsImxhYmVsIiwiTmF2R3JvdXAiLCJlbnRpdHlMYWJlbCIsImhyZWYiLCJpZCIsInNsdWciLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVscyIsInBsdXJhbCIsIkxpbmtFbGVtZW50IiwiTGluayIsInNwYW4iLCJDaGV2cm9uIiwiZGlyZWN0aW9uIiwiZGl2IiwiTG9nb3V0IiwiTmF2SGFtYnVyZ2VyIl0sIm1hcHBpbmdzIjoiOzs7OytCQXFCYUE7OztlQUFBQTs7OzhCQWpCa0I7NkRBQ2Q7MkJBQ2M7OERBQ2I7eUJBSU07K0JBQ2tCOytEQUN2QjtpRUFDRTs4QkFDUTs0QkFDRjtRQUNwQjs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELGFBS1IsQ0FBQ0U7SUFDSixNQUFNLEVBQUVDLE1BQU0sRUFBRUMsSUFBSSxFQUFFQyxXQUFXLEVBQUVDLElBQUksRUFBRSxHQUFHSjtJQUU1QyxNQUFNLEVBQ0pLLE9BQU8sRUFDTEMsWUFBWSxFQUFFQyxhQUFhLEVBQUVDLGNBQWMsRUFBRSxFQUM5QyxFQUNEQyxXQUFXLEVBQ1hDLE9BQU8sRUFDUEMsUUFBUSxFQUFFTixLQUFLLEVBQUUsRUFDbEIsR0FBR0o7SUFFSixNQUFNVyxTQUFTQyxJQUFBQSw0QkFBYSxFQUMxQjtXQUNLSixZQUNBSyxNQUFNLENBQUMsQ0FBQyxFQUFFVCxPQUFPLEVBQUVVLE1BQU0sRUFBRSxFQUFFLEdBQUssQ0FBQ0MsSUFBQUEseUJBQWMsRUFBQztnQkFBRUQ7Z0JBQVFYO1lBQUssSUFDakVhLEdBQUcsQ0FBQyxDQUFDQztZQUNKLE1BQU1DLGdCQUErQjtnQkFDbkNDLE1BQU1DLHlCQUFVLENBQUNILFVBQVU7Z0JBQzNCSSxRQUFRSjtZQUNWO1lBRUEsT0FBT0M7UUFDVDtXQUNDVCxRQUNBSSxNQUFNLENBQUMsQ0FBQyxFQUFFVCxPQUFPLEVBQUVVLE1BQU0sRUFBRSxFQUFFLEdBQUssQ0FBQ0MsSUFBQUEseUJBQWMsRUFBQztnQkFBRUQ7Z0JBQVFYO1lBQUssSUFDakVhLEdBQUcsQ0FBQyxDQUFDTTtZQUNKLE1BQU1KLGdCQUErQjtnQkFDbkNDLE1BQU1DLHlCQUFVLENBQUNFLE1BQU07Z0JBQ3ZCRCxRQUFRQztZQUNWO1lBRUEsT0FBT0o7UUFDVDtLQUNILEVBQ0RoQixhQUNBRDtJQUdGLHFCQUNFLDZCQUFDc0Isc0JBQVU7UUFBQ3pCLFdBQVdBO3FCQUNyQiw2QkFBQzBCO1FBQUlDLFdBQVcsQ0FBQyxFQUFFM0IsVUFBVSxNQUFNLENBQUM7T0FDakM0QixNQUFNQyxPQUFPLENBQUNwQixtQkFDYkEsZUFBZVMsR0FBRyxDQUFDLENBQUNZLFdBQVdDLGtCQUFNLDZCQUFDRDtZQUFVRSxLQUFLRDthQUN0RGxCLE9BQU9LLEdBQUcsQ0FBQyxDQUFDLEVBQUVlLFFBQVEsRUFBRUMsS0FBSyxFQUFFLEVBQUVGO1FBQ2hDLHFCQUNFLDZCQUFDRyxpQkFBUTtZQUFDSCxLQUFLQTtZQUFLRSxPQUFPQTtXQUN4QkQsU0FBU2YsR0FBRyxDQUFDLENBQUMsRUFBRUcsSUFBSSxFQUFFRSxNQUFNLEVBQUUsRUFBRVE7WUFDL0IsSUFBSUs7WUFDSixJQUFJQztZQUNKLElBQUlDO1lBRUosSUFBSWpCLFNBQVNDLHlCQUFVLENBQUNILFVBQVUsRUFBRTtnQkFDbENrQixPQUFPLENBQUMsRUFBRS9CLE1BQU0sYUFBYSxFQUFFaUIsT0FBT2dCLElBQUksQ0FBQyxDQUFDO2dCQUM1Q0gsY0FBY0ksSUFBQUEsNEJBQWMsRUFBQ2pCLE9BQU9rQixNQUFNLENBQUNDLE1BQU0sRUFBRXZDO2dCQUNuRG1DLEtBQUssQ0FBQyxJQUFJLEVBQUVmLE9BQU9nQixJQUFJLENBQUMsQ0FBQztZQUMzQjtZQUVBLElBQUlsQixTQUFTQyx5QkFBVSxDQUFDRSxNQUFNLEVBQUU7Z0JBQzlCYSxPQUFPLENBQUMsRUFBRS9CLE1BQU0sU0FBUyxFQUFFaUIsT0FBT2dCLElBQUksQ0FBQyxDQUFDO2dCQUN4Q0gsY0FBY0ksSUFBQUEsNEJBQWMsRUFBQ2pCLE9BQU9XLEtBQUssRUFBRS9CO2dCQUMzQ21DLEtBQUssQ0FBQyxXQUFXLEVBQUVmLE9BQU9nQixJQUFJLENBQUMsQ0FBQztZQUNsQztZQUVBLE1BQU1JLGNBQWNDLGFBQUksSUFBSTtZQUU1QixxQkFDRSw2QkFBQ0Q7Z0JBQ0MsMkJBQTJCO2dCQUMzQmhCLFdBQVcsQ0FBQyxFQUFFM0IsVUFBVSxNQUFNLENBQUM7Z0JBQy9CcUMsTUFBTUE7Z0JBQ05DLElBQUlBO2dCQUNKLHVDQUF1QztnQkFDdkNOLEtBQUtEOzZCQUVMLDZCQUFDYztnQkFBS2xCLFdBQVcsQ0FBQyxFQUFFM0IsVUFBVSxXQUFXLENBQUM7NkJBQ3hDLDZCQUFDOEMsZ0JBQU87Z0JBQUNDLFdBQVU7K0JBRXJCLDZCQUFDRjtnQkFBS2xCLFdBQVcsQ0FBQyxFQUFFM0IsVUFBVSxZQUFZLENBQUM7ZUFBR29DO1FBR3BEO0lBR04sSUFDQ1IsTUFBTUMsT0FBTyxDQUFDckIsa0JBQWtCQSxjQUFjVSxHQUFHLENBQUMsQ0FBQ1ksV0FBV0Msa0JBQU0sNkJBQUNEO1lBQVVFLEtBQUtEOzJCQUNyRiw2QkFBQ2lCO1FBQUlyQixXQUFXLENBQUMsRUFBRTNCLFVBQVUsVUFBVSxDQUFDO3FCQUN0Qyw2QkFBQ2lELGVBQU0seUJBS1gsNkJBQUNEO1FBQUlyQixXQUFXLENBQUMsRUFBRTNCLFVBQVUsUUFBUSxDQUFDO3FCQUNwQyw2QkFBQ2dEO1FBQUlyQixXQUFXLENBQUMsRUFBRTNCLFVBQVUsZ0JBQWdCLENBQUM7cUJBQzVDLDZCQUFDa0QsMEJBQVk7UUFBQ2xELFdBQVdBOztBQUtuQyJ9
+//# sourceMappingURL=index.js.map

package/dist/elements/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { SanitizedConfig } from 'payload/types'\n\nimport React from 'react'\n\nimport { Logout } from '../Logout/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n  config: SanitizedConfig\n}\n\nexport const DefaultNav: React.FC<NavProps> = (props) => {\n  const { config } = props\n\n  if (!config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n  } = config\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {Array.isArray(beforeNavLinks) &&\n          beforeNavLinks.map((Component, i) => <Component key={i} />)}\n        <DefaultNavClient />\n        {Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => <Component key={i} />)}\n        <div className={`${baseClass}__controls`}>\n          <Logout />\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["React","Logout","NavHamburger","NavWrapper","baseClass","DefaultNavClient","DefaultNav","props","config","admin","components","afterNavLinks","beforeNavLinks","nav","className","Array","isArray","map","Component","i","key","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,SAASC,gBAAgB,QAAQ,oBAAmB;AAMpD,OAAO,MAAMC,aAAiC,CAACC;IAC7C,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAI,CAACC,QAAQ;QACX,OAAO;IACT;IAEA,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAE,EAC9C,EACF,GAAGJ;IAEJ,qBACE,oBAACL;QAAWC,WAAWA;qBACrB,oBAACS;QAAIC,WAAW,CAAC,EAAEV,UAAU,MAAM,CAAC;OACjCW,MAAMC,OAAO,CAACJ,mBACbA,eAAeK,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;2BACvD,oBAACd,yBACAU,MAAMC,OAAO,CAACL,kBAAkBA,cAAcM,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;2BACrF,oBAACE;QAAIP,WAAW,CAAC,EAAEV,UAAU,UAAU,CAAC;qBACtC,oBAACH,+BAGL,oBAACoB;QAAIP,WAAW,CAAC,EAAEV,UAAU,QAAQ,CAAC;qBACpC,oBAACiB;QAAIP,WAAW,CAAC,EAAEV,UAAU,gBAAgB,CAAC;qBAC5C,oBAACF;QAAaE,WAAWA;;AAKnC,EAAC"}

package/dist/elements/NavGroup/index.d.ts

@@ -4,6 +4,6 @@ type Props = {
     children: React.ReactNode;
     label: string;
 };
-declare const NavGroup: React.FC<Props>;
-export default NavGroup;
+export declare const NavGroup: React.FC<Props>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/NavGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/NavGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiE7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/NavGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,cAAc,CAAA;AAOrB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiEpC,CAAA"}

package/dist/elements/NavGroup/index.js

@@ -1,80 +1,24 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
-const _Chevron = require("../../icons/Chevron");
-const _Preferences = require("../../providers/Preferences");
-const _context = require("../Nav/context");
-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;
-}
+import React, { useEffect, useState } from 'react';
+import AnimateHeightImport from 'react-animate-height';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
+import { useNav } from '../Nav/context.js';
+const AnimateHeight = AnimateHeightImport.default || AnimateHeightImport;
 const baseClass = 'nav-group';
-const NavGroup = ({ children, label })=>{
-    const [collapsed, setCollapsed] = (0, _react.useState)(true);
-    const [animate, setAnimate] = (0, _react.useState)(false);
-    const { getPreference, setPreference } = (0, _Preferences.usePreferences)();
-    const { navOpen } = (0, _context.useNav)();
+export const NavGroup = ({ children, label })=>{
+    const [collapsed, setCollapsed] = useState(true);
+    const [animate, setAnimate] = useState(false);
+    const { getPreference, setPreference } = usePreferences();
+    const { navOpen } = useNav();
     const preferencesKey = `collapsed-${label}-groups`;
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (label) {
             const setCollapsedFromPreferences = async ()=>{
                 const preferences = await getPreference(preferencesKey) || [];
                 setCollapsed(preferences.indexOf(label) !== -1);
             };
-            setCollapsedFromPreferences();
+            void setCollapsedFromPreferences();
         }
     }, [
         getPreference,
@@ -90,17 +34,17 @@ const NavGroup = ({ children, label })=>{
             } else {
                 preferences.push(label);
             }
-            setPreference(preferencesKey, preferences);
+            void setPreference(preferencesKey, preferences);
             setCollapsed(!collapsed);
         };
-        return /*#__PURE__*/ _react.default.createElement("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             className: [
                 `${baseClass}`,
                 `${label}`,
                 collapsed && `${baseClass}--collapsed`
             ].filter(Boolean).join(' '),
             id: `nav-group-${label}`
-        }, /*#__PURE__*/ _react.default.createElement("button", {
+        }, /*#__PURE__*/ React.createElement("button", {
             className: [
                 `${baseClass}__toggle`,
                 `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`
@@ -108,22 +52,21 @@ const NavGroup = ({ children, label })=>{
             onClick: toggleCollapsed,
             tabIndex: !navOpen ? -1 : 0,
             type: "button"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
+        }, /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__label`
-        }, label), /*#__PURE__*/ _react.default.createElement("div", {
+        }, label), /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__indicator`
-        }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+        }, /*#__PURE__*/ React.createElement(Chevron, {
             className: `${baseClass}__indicator`,
             direction: !collapsed ? 'up' : undefined
-        }))), /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        }))), /*#__PURE__*/ React.createElement(AnimateHeight, {
             duration: animate ? 200 : 0,
             height: collapsed ? 0 : 'auto'
-        }, /*#__PURE__*/ _react.default.createElement("div", {
+        }, /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__content`
         }, children)));
     }
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
 };
-const _default = NavGroup;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXZHcm91cC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlUHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvUHJlZmVyZW5jZXMnXG5pbXBvcnQgeyB1c2VOYXYgfSBmcm9tICcuLi9OYXYvY29udGV4dCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbmF2LWdyb3VwJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGxhYmVsOiBzdHJpbmdcbn1cblxuY29uc3QgTmF2R3JvdXA6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCBsYWJlbCB9KSA9PiB7XG4gIGNvbnN0IFtjb2xsYXBzZWQsIHNldENvbGxhcHNlZF0gPSB1c2VTdGF0ZSh0cnVlKVxuICBjb25zdCBbYW5pbWF0ZSwgc2V0QW5pbWF0ZV0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgeyBnZXRQcmVmZXJlbmNlLCBzZXRQcmVmZXJlbmNlIH0gPSB1c2VQcmVmZXJlbmNlcygpXG4gIGNvbnN0IHsgbmF2T3BlbiB9ID0gdXNlTmF2KClcblxuICBjb25zdCBwcmVmZXJlbmNlc0tleSA9IGBjb2xsYXBzZWQtJHtsYWJlbH0tZ3JvdXBzYFxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhYmVsKSB7XG4gICAgICBjb25zdCBzZXRDb2xsYXBzZWRGcm9tUHJlZmVyZW5jZXMgPSBhc3luYyAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHByZWZlcmVuY2VzID0gKGF3YWl0IGdldFByZWZlcmVuY2UocHJlZmVyZW5jZXNLZXkpKSB8fCBbXVxuICAgICAgICBzZXRDb2xsYXBzZWQocHJlZmVyZW5jZXMuaW5kZXhPZihsYWJlbCkgIT09IC0xKVxuICAgICAgfVxuICAgICAgc2V0Q29sbGFwc2VkRnJvbVByZWZlcmVuY2VzKClcbiAgICB9XG4gIH0sIFtnZXRQcmVmZXJlbmNlLCBsYWJlbCwgcHJlZmVyZW5jZXNLZXldKVxuXG4gIGlmIChsYWJlbCkge1xuICAgIGNvbnN0IHRvZ2dsZUNvbGxhcHNlZCA9IGFzeW5jICgpID0+IHtcbiAgICAgIHNldEFuaW1hdGUodHJ1ZSlcbiAgICAgIGxldCBwcmVmZXJlbmNlczogc3RyaW5nW10gPSAoYXdhaXQgZ2V0UHJlZmVyZW5jZShwcmVmZXJlbmNlc0tleSkpIHx8IFtdXG4gICAgICBpZiAoY29sbGFwc2VkKSB7XG4gICAgICAgIHByZWZlcmVuY2VzID0gcHJlZmVyZW5jZXMuZmlsdGVyKChwcmVmZXJlbmNlKSA9PiBsYWJlbCAhPT0gcHJlZmVyZW5jZSlcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHByZWZlcmVuY2VzLnB1c2gobGFiZWwpXG4gICAgICB9XG4gICAgICBzZXRQcmVmZXJlbmNlKHByZWZlcmVuY2VzS2V5LCBwcmVmZXJlbmNlcylcbiAgICAgIHNldENvbGxhcHNlZCghY29sbGFwc2VkKVxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17W2Ake2Jhc2VDbGFzc31gLCBgJHtsYWJlbH1gLCBjb2xsYXBzZWQgJiYgYCR7YmFzZUNsYXNzfS0tY29sbGFwc2VkYF1cbiAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgICAgaWQ9e2BuYXYtZ3JvdXAtJHtsYWJlbH1gfVxuICAgICAgPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X190b2dnbGVgLFxuICAgICAgICAgICAgYCR7YmFzZUNsYXNzfV9fdG9nZ2xlLS0ke2NvbGxhcHNlZCA/ICdjb2xsYXBzZWQnIDogJ29wZW4nfWAsXG4gICAgICAgICAgXVxuICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVDb2xsYXBzZWR9XG4gICAgICAgICAgdGFiSW5kZXg9eyFuYXZPcGVuID8gLTEgOiAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e2xhYmVsfTwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pbmRpY2F0b3JgfT5cbiAgICAgICAgICAgIDxDaGV2cm9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faW5kaWNhdG9yYH1cbiAgICAgICAgICAgICAgZGlyZWN0aW9uPXshY29sbGFwc2VkID8gJ3VwJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8QW5pbWF0ZUhlaWdodCBkdXJhdGlvbj17YW5pbWF0ZSA/IDIwMCA6IDB9IGhlaWdodD17Y29sbGFwc2VkID8gMCA6ICdhdXRvJ30+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnRgfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgIDwvQW5pbWF0ZUhlaWdodD5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8UmVhY3QuRnJhZ21lbnQ+e2NoaWxkcmVufTwvUmVhY3QuRnJhZ21lbnQ+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdkdyb3VwXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiTmF2R3JvdXAiLCJjaGlsZHJlbiIsImxhYmVsIiwiY29sbGFwc2VkIiwic2V0Q29sbGFwc2VkIiwidXNlU3RhdGUiLCJhbmltYXRlIiwic2V0QW5pbWF0ZSIsImdldFByZWZlcmVuY2UiLCJzZXRQcmVmZXJlbmNlIiwidXNlUHJlZmVyZW5jZXMiLCJuYXZPcGVuIiwidXNlTmF2IiwicHJlZmVyZW5jZXNLZXkiLCJ1c2VFZmZlY3QiLCJzZXRDb2xsYXBzZWRGcm9tUHJlZmVyZW5jZXMiLCJwcmVmZXJlbmNlcyIsImluZGV4T2YiLCJ0b2dnbGVDb2xsYXBzZWQiLCJmaWx0ZXIiLCJwcmVmZXJlbmNlIiwicHVzaCIsImRpdiIsImNsYXNzTmFtZSIsIkJvb2xlYW4iLCJqb2luIiwiaWQiLCJidXR0b24iLCJvbkNsaWNrIiwidGFiSW5kZXgiLCJ0eXBlIiwiQ2hldnJvbiIsImRpcmVjdGlvbiIsInVuZGVmaW5lZCIsIkFuaW1hdGVIZWlnaHQiLCJkdXJhdGlvbiIsImhlaWdodCIsIlJlYWN0IiwiRnJhZ21lbnQiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFtRkE7OztlQUFBOzs7K0RBbEYyQzsyRUFDakI7eUJBRUY7NkJBQ087eUJBQ1I7UUFDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQU9sQixNQUFNQyxXQUE0QixDQUFDLEVBQUVDLFFBQVEsRUFBRUMsS0FBSyxFQUFFO0lBQ3BELE1BQU0sQ0FBQ0MsV0FBV0MsYUFBYSxHQUFHQyxJQUFBQSxlQUFRLEVBQUM7SUFDM0MsTUFBTSxDQUFDQyxTQUFTQyxXQUFXLEdBQUdGLElBQUFBLGVBQVEsRUFBQztJQUN2QyxNQUFNLEVBQUVHLGFBQWEsRUFBRUMsYUFBYSxFQUFFLEdBQUdDLElBQUFBLDJCQUFjO0lBQ3ZELE1BQU0sRUFBRUMsT0FBTyxFQUFFLEdBQUdDLElBQUFBLGVBQU07SUFFMUIsTUFBTUMsaUJBQWlCLENBQUMsVUFBVSxFQUFFWCxNQUFNLE9BQU8sQ0FBQztJQUVsRFksSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUlaLE9BQU87WUFDVCxNQUFNYSw4QkFBOEI7Z0JBQ2xDLE1BQU1DLGNBQWMsQUFBQyxNQUFNUixjQUFjSyxtQkFBb0IsRUFBRTtnQkFDL0RULGFBQWFZLFlBQVlDLE9BQU8sQ0FBQ2YsV0FBVyxDQUFDO1lBQy9DO1lBQ0FhO1FBQ0Y7SUFDRixHQUFHO1FBQUNQO1FBQWVOO1FBQU9XO0tBQWU7SUFFekMsSUFBSVgsT0FBTztRQUNULE1BQU1nQixrQkFBa0I7WUFDdEJYLFdBQVc7WUFDWCxJQUFJUyxjQUF3QixBQUFDLE1BQU1SLGNBQWNLLG1CQUFvQixFQUFFO1lBQ3ZFLElBQUlWLFdBQVc7Z0JBQ2JhLGNBQWNBLFlBQVlHLE1BQU0sQ0FBQyxDQUFDQyxhQUFlbEIsVUFBVWtCO1lBQzdELE9BQU87Z0JBQ0xKLFlBQVlLLElBQUksQ0FBQ25CO1lBQ25CO1lBQ0FPLGNBQWNJLGdCQUFnQkc7WUFDOUJaLGFBQWEsQ0FBQ0Q7UUFDaEI7UUFFQSxxQkFDRSw2QkFBQ21CO1lBQ0NDLFdBQVc7Z0JBQUMsQ0FBQyxFQUFFeEIsVUFBVSxDQUFDO2dCQUFFLENBQUMsRUFBRUcsTUFBTSxDQUFDO2dCQUFFQyxhQUFhLENBQUMsRUFBRUosVUFBVSxXQUFXLENBQUM7YUFBQyxDQUM1RW9CLE1BQU0sQ0FBQ0ssU0FDUEMsSUFBSSxDQUFDO1lBQ1JDLElBQUksQ0FBQyxVQUFVLEVBQUV4QixNQUFNLENBQUM7eUJBRXhCLDZCQUFDeUI7WUFDQ0osV0FBVztnQkFDVCxDQUFDLEVBQUV4QixVQUFVLFFBQVEsQ0FBQztnQkFDdEIsQ0FBQyxFQUFFQSxVQUFVLFVBQVUsRUFBRUksWUFBWSxjQUFjLE9BQU8sQ0FBQzthQUM1RCxDQUNFZ0IsTUFBTSxDQUFDSyxTQUNQQyxJQUFJLENBQUM7WUFDUkcsU0FBU1Y7WUFDVFcsVUFBVSxDQUFDbEIsVUFBVSxDQUFDLElBQUk7WUFDMUJtQixNQUFLO3lCQUVMLDZCQUFDUjtZQUFJQyxXQUFXLENBQUMsRUFBRXhCLFVBQVUsT0FBTyxDQUFDO1dBQUdHLHNCQUN4Qyw2QkFBQ29CO1lBQUlDLFdBQVcsQ0FBQyxFQUFFeEIsVUFBVSxXQUFXLENBQUM7eUJBQ3ZDLDZCQUFDZ0MsZ0JBQU87WUFDTlIsV0FBVyxDQUFDLEVBQUV4QixVQUFVLFdBQVcsQ0FBQztZQUNwQ2lDLFdBQVcsQ0FBQzdCLFlBQVksT0FBTzhCOzRCQUlyQyw2QkFBQ0MsMkJBQWE7WUFBQ0MsVUFBVTdCLFVBQVUsTUFBTTtZQUFHOEIsUUFBUWpDLFlBQVksSUFBSTt5QkFDbEUsNkJBQUNtQjtZQUFJQyxXQUFXLENBQUMsRUFBRXhCLFVBQVUsU0FBUyxDQUFDO1dBQUdFO0lBSWxEO0lBRUEscUJBQU8sNkJBQUNvQyxjQUFLLENBQUNDLFFBQVEsUUFBRXJDO0FBQzFCO01BRUEsV0FBZUQifQ==
+//# sourceMappingURL=index.js.map

package/dist/elements/NavGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.scss'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, label }) => {\n  const [collapsed, setCollapsed] = useState(true)\n  const [animate, setAnimate] = useState(false)\n  const { getPreference, setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  const preferencesKey = `collapsed-${label}-groups`\n\n  useEffect(() => {\n    if (label) {\n      const setCollapsedFromPreferences = async () => {\n        const preferences = (await getPreference(preferencesKey)) || []\n        setCollapsed(preferences.indexOf(label) !== -1)\n      }\n      void setCollapsedFromPreferences()\n    }\n  }, [getPreference, label, preferencesKey])\n\n  if (label) {\n    const toggleCollapsed = async () => {\n      setAnimate(true)\n      let preferences: string[] = (await getPreference(preferencesKey)) || []\n      if (collapsed) {\n        preferences = preferences.filter((preference) => label !== preference)\n      } else {\n        preferences.push(label)\n      }\n      void setPreference(preferencesKey, preferences)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{label}</div>\n          <div className={`${baseClass}__indicator`}>\n            <Chevron\n              className={`${baseClass}__indicator`}\n              direction={!collapsed ? 'up' : undefined}\n            />\n          </div>\n        </button>\n        <AnimateHeight duration={animate ? 200 : 0} height={collapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"names":["React","useEffect","useState","AnimateHeightImport","Chevron","usePreferences","useNav","AnimateHeight","default","baseClass","NavGroup","children","label","collapsed","setCollapsed","animate","setAnimate","getPreference","setPreference","navOpen","preferencesKey","setCollapsedFromPreferences","preferences","indexOf","toggleCollapsed","filter","preference","push","div","className","Boolean","join","id","button","onClick","tabIndex","type","direction","undefined","duration","height","Fragment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAClD,OAAOC,yBAAyB,uBAAsB;AAEtD,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,oBAAmB;AAG1C,MAAMC,gBAAiBJ,oBAAoBK,OAAO,IAChDL;AAEF,MAAMM,YAAY;AAOlB,OAAO,MAAMC,WAA4B,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGZ,SAAS;IAC3C,MAAM,CAACa,SAASC,WAAW,GAAGd,SAAS;IACvC,MAAM,EAAEe,aAAa,EAAEC,aAAa,EAAE,GAAGb;IACzC,MAAM,EAAEc,OAAO,EAAE,GAAGb;IAEpB,MAAMc,iBAAiB,CAAC,UAAU,EAAER,MAAM,OAAO,CAAC;IAElDX,UAAU;QACR,IAAIW,OAAO;YACT,MAAMS,8BAA8B;gBAClC,MAAMC,cAAc,AAAC,MAAML,cAAcG,mBAAoB,EAAE;gBAC/DN,aAAaQ,YAAYC,OAAO,CAACX,WAAW,CAAC;YAC/C;YACA,KAAKS;QACP;IACF,GAAG;QAACJ;QAAeL;QAAOQ;KAAe;IAEzC,IAAIR,OAAO;QACT,MAAMY,kBAAkB;YACtBR,WAAW;YACX,IAAIM,cAAwB,AAAC,MAAML,cAAcG,mBAAoB,EAAE;YACvE,IAAIP,WAAW;gBACbS,cAAcA,YAAYG,MAAM,CAAC,CAACC,aAAed,UAAUc;YAC7D,OAAO;gBACLJ,YAAYK,IAAI,CAACf;YACnB;YACA,KAAKM,cAAcE,gBAAgBE;YACnCR,aAAa,CAACD;QAChB;QAEA,qBACE,oBAACe;YACCC,WAAW;gBAAC,CAAC,EAAEpB,UAAU,CAAC;gBAAE,CAAC,EAAEG,MAAM,CAAC;gBAAEC,aAAa,CAAC,EAAEJ,UAAU,WAAW,CAAC;aAAC,CAC5EgB,MAAM,CAACK,SACPC,IAAI,CAAC;YACRC,IAAI,CAAC,UAAU,EAAEpB,MAAM,CAAC;yBAExB,oBAACqB;YACCJ,WAAW;gBACT,CAAC,EAAEpB,UAAU,QAAQ,CAAC;gBACtB,CAAC,EAAEA,UAAU,UAAU,EAAEI,YAAY,cAAc,OAAO,CAAC;aAC5D,CACEY,MAAM,CAACK,SACPC,IAAI,CAAC;YACRG,SAASV;YACTW,UAAU,CAAChB,UAAU,CAAC,IAAI;YAC1BiB,MAAK;yBAEL,oBAACR;YAAIC,WAAW,CAAC,EAAEpB,UAAU,OAAO,CAAC;WAAGG,sBACxC,oBAACgB;YAAIC,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;yBACvC,oBAACL;YACCyB,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;YACpC4B,WAAW,CAACxB,YAAY,OAAOyB;4BAIrC,oBAAC/B;YAAcgC,UAAUxB,UAAU,MAAM;YAAGyB,QAAQ3B,YAAY,IAAI;yBAClE,oBAACe;YAAIC,WAAW,CAAC,EAAEpB,UAAU,SAAS,CAAC;WAAGE;IAIlD;IAEA,qBAAO,oBAACX,MAAMyC,QAAQ,QAAE9B;AAC1B,EAAC"}

package/dist/elements/Pagination/ClickableArrow/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const ClickableArrow: React.FC<Props>;
-export default ClickableArrow;
+export type ClickableArrowProps = {
+    direction?: 'left' | 'right';
+    isDisabled?: boolean;
+    updatePage?: () => void;
+};
+export declare const ClickableArrow: React.FC<ClickableArrowProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/ClickableArrow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBnC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAA"}

package/dist/elements/Pagination/ClickableArrow/index.js

@@ -1,36 +1,19 @@
-"use strict";
-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 _Chevron = require("../../../icons/Chevron");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { Chevron } from '../../../icons/Chevron/index.js';
 const baseClass = 'clickable-arrow';
-const ClickableArrow = (props)=>{
+export const ClickableArrow = (props)=>{
     const { direction = 'right', isDisabled = false, updatePage } = props;
     const classes = [
         baseClass,
         isDisabled && `${baseClass}--is-disabled`,
         direction && `${baseClass}--${direction}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement("button", {
         className: classes,
         disabled: isDisabled,
         onClick: !isDisabled ? updatePage : undefined,
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, null));
+    }, /*#__PURE__*/ React.createElement(Chevron, null));
 };
-const _default = ClickableArrow;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9QYWdpbmF0aW9uL0NsaWNrYWJsZUFycm93L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyBDaGV2cm9uIH0gZnJvbSAnLi4vLi4vLi4vaWNvbnMvQ2hldnJvbidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnY2xpY2thYmxlLWFycm93J1xuXG5jb25zdCBDbGlja2FibGVBcnJvdzogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZGlyZWN0aW9uID0gJ3JpZ2h0JywgaXNEaXNhYmxlZCA9IGZhbHNlLCB1cGRhdGVQYWdlIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGlzRGlzYWJsZWQgJiYgYCR7YmFzZUNsYXNzfS0taXMtZGlzYWJsZWRgLFxuICAgIGRpcmVjdGlvbiAmJiBgJHtiYXNlQ2xhc3N9LS0ke2RpcmVjdGlvbn1gLFxuICBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgb25DbGljaz17IWlzRGlzYWJsZWQgPyB1cGRhdGVQYWdlIDogdW5kZWZpbmVkfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgPlxuICAgICAgPENoZXZyb24gLz5cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDbGlja2FibGVBcnJvd1xuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkNsaWNrYWJsZUFycm93IiwicHJvcHMiLCJkaXJlY3Rpb24iLCJpc0Rpc2FibGVkIiwidXBkYXRlUGFnZSIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImJ1dHRvbiIsImNsYXNzTmFtZSIsImRpc2FibGVkIiwib25DbGljayIsInVuZGVmaW5lZCIsInR5cGUiLCJDaGV2cm9uIl0sIm1hcHBpbmdzIjoiOzs7OytCQWdDQTs7O2VBQUE7Ozs4REFoQ2tCO3lCQUlNO1FBQ2pCOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGlCQUFrQyxDQUFDQztJQUN2QyxNQUFNLEVBQUVDLFlBQVksT0FBTyxFQUFFQyxhQUFhLEtBQUssRUFBRUMsVUFBVSxFQUFFLEdBQUdIO0lBRWhFLE1BQU1JLFVBQVU7UUFDZE47UUFDQUksY0FBYyxDQUFDLEVBQUVKLFVBQVUsYUFBYSxDQUFDO1FBQ3pDRyxhQUFhLENBQUMsRUFBRUgsVUFBVSxFQUFFLEVBQUVHLFVBQVUsQ0FBQztLQUMxQyxDQUNFSSxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUVSLHFCQUNFLDZCQUFDQztRQUNDQyxXQUFXTDtRQUNYTSxVQUFVUjtRQUNWUyxTQUFTLENBQUNULGFBQWFDLGFBQWFTO1FBQ3BDQyxNQUFLO3FCQUVMLDZCQUFDQyxnQkFBTztBQUdkO01BRUEsV0FBZWYifQ==
+//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/ClickableArrow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <Chevron />\n    </button>\n  )\n}\n"],"names":["React","Chevron","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,kCAAiC;AAGzD,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,CAAC,EAAEJ,UAAU,aAAa,CAAC;QACzCG,aAAa,CAAC,EAAEH,UAAU,EAAE,EAAEG,UAAU,CAAC;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;qBAEL,oBAAChB;AAGP,EAAC"}

package/dist/elements/Pagination/Page/index.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
-import type { Props } from './types';
-declare const Page: React.FC<Props>;
-export default Page;
+export type PageProps = {
+    isCurrent?: boolean;
+    isFirstPage?: boolean;
+    isLastPage?: boolean;
+    page?: number;
+    updatePage?: (page: any) => void;
+};
+export declare const Page: React.FC<PageProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAA;CAC5B,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqBpC,CAAA"}

package/dist/elements/Pagination/Page/index.js

@@ -1,33 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
 const baseClass = 'paginator__page';
-const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
+export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
     const classes = [
         baseClass,
         isCurrent && `${baseClass}--is-current`,
         isFirstPage && `${baseClass}--is-first-page`,
         isLastPage && `${baseClass}--is-last-page`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement("button", {
         className: classes,
         onClick: ()=>updatePage(page),
         type: "button"
     }, page);
 };
-const _default = Page;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9QYWdpbmF0aW9uL1BhZ2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwYWdpbmF0b3JfX3BhZ2UnXG5cbmNvbnN0IFBhZ2U6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGlzQ3VycmVudCxcbiAgaXNGaXJzdFBhZ2UgPSBmYWxzZSxcbiAgaXNMYXN0UGFnZSA9IGZhbHNlLFxuICBwYWdlID0gMSxcbiAgdXBkYXRlUGFnZSxcbn0pID0+IHtcbiAgY29uc3QgY2xhc3NlcyA9IFtcbiAgICBiYXNlQ2xhc3MsXG4gICAgaXNDdXJyZW50ICYmIGAke2Jhc2VDbGFzc30tLWlzLWN1cnJlbnRgLFxuICAgIGlzRmlyc3RQYWdlICYmIGAke2Jhc2VDbGFzc30tLWlzLWZpcnN0LXBhZ2VgLFxuICAgIGlzTGFzdFBhZ2UgJiYgYCR7YmFzZUNsYXNzfS0taXMtbGFzdC1wYWdlYCxcbiAgXVxuICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAuam9pbignICcpXG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGNsYXNzTmFtZT17Y2xhc3Nlc30gb25DbGljaz17KCkgPT4gdXBkYXRlUGFnZShwYWdlKX0gdHlwZT1cImJ1dHRvblwiPlxuICAgICAge3BhZ2V9XG4gICAgPC9idXR0b24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnZVxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIlBhZ2UiLCJpc0N1cnJlbnQiLCJpc0ZpcnN0UGFnZSIsImlzTGFzdFBhZ2UiLCJwYWdlIiwidXBkYXRlUGFnZSIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImJ1dHRvbiIsImNsYXNzTmFtZSIsIm9uQ2xpY2siLCJ0eXBlIl0sIm1hcHBpbmdzIjoiOzs7OytCQTZCQTs7O2VBQUE7Ozs4REE3QmtCOzs7Ozs7QUFJbEIsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxPQUF3QixDQUFDLEVBQzdCQyxTQUFTLEVBQ1RDLGNBQWMsS0FBSyxFQUNuQkMsYUFBYSxLQUFLLEVBQ2xCQyxPQUFPLENBQUMsRUFDUkMsVUFBVSxFQUNYO0lBQ0MsTUFBTUMsVUFBVTtRQUNkUDtRQUNBRSxhQUFhLENBQUMsRUFBRUYsVUFBVSxZQUFZLENBQUM7UUFDdkNHLGVBQWUsQ0FBQyxFQUFFSCxVQUFVLGVBQWUsQ0FBQztRQUM1Q0ksY0FBYyxDQUFDLEVBQUVKLFVBQVUsY0FBYyxDQUFDO0tBQzNDLENBQ0VRLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIscUJBQ0UsNkJBQUNDO1FBQU9DLFdBQVdMO1FBQVNNLFNBQVMsSUFBTVAsV0FBV0Q7UUFBT1MsTUFBSztPQUMvRFQ7QUFHUDtNQUVBLFdBQWVKIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,CAAC,EAAEF,UAAU,YAAY,CAAC;QACvCG,eAAe,CAAC,EAAEH,UAAU,eAAe,CAAC;QAC5CI,cAAc,CAAC,EAAEJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;OAC/DT;AAGP,EAAC"}

package/dist/elements/Pagination/Separator/index.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-declare const Separator: React.FC;
-export default Separator;
+export declare const Separator: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAgE,CAAA;AAEvF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAgE,CAAA"}

package/dist/elements/Pagination/Separator/index.js

@@ -1,22 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Separator = ()=>/*#__PURE__*/ _react.default.createElement("span", {
+import React from 'react';
+export const Separator = ()=>/*#__PURE__*/ React.createElement("span", {
         className: "paginator__separator"
     }, "—");
-const _default = Separator;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9QYWdpbmF0aW9uL1NlcGFyYXRvci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTZXBhcmF0b3I6IFJlYWN0LkZDID0gKCkgPT4gPHNwYW4gY2xhc3NOYW1lPVwicGFnaW5hdG9yX19zZXBhcmF0b3JcIj4mbWRhc2g7PC9zcGFuPlxuXG5leHBvcnQgZGVmYXVsdCBTZXBhcmF0b3JcbiJdLCJuYW1lcyI6WyJTZXBhcmF0b3IiLCJzcGFuIiwiY2xhc3NOYW1lIl0sIm1hcHBpbmdzIjoiOzs7OytCQUlBOzs7ZUFBQTs7OzhEQUprQjs7Ozs7O0FBRWxCLE1BQU1BLFlBQXNCLGtCQUFNLDZCQUFDQztRQUFLQyxXQUFVO09BQXVCO01BRXpFLFdBQWVGIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"rangeMappings":";;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,oBAACC;QAAKC,WAAU;OAAuB,KAAc"}

package/dist/elements/Pagination/index.d.ts

@@ -1,5 +1,26 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-export declare const Pagination: React.FC<Props>;
+export type PaginationProps = {
+    hasNextPage?: boolean;
+    hasPrevPage?: boolean;
+    limit?: number;
+    nextPage?: number;
+    numberOfNeighbors?: number;
+    onChange?: (page: number) => void;
+    page?: number;
+    prevPage?: number;
+    totalPages?: number;
+};
+export type Node = {
+    props?: {
+        direction?: 'left' | 'right';
+        isDisabled?: boolean;
+        isFirstPage?: boolean;
+        isLastPage?: boolean;
+        page?: number;
+        updatePage: (page?: number) => void;
+    };
+    type: 'ClickableArrow' | 'Page' | 'Separator';
+} | number;
+export declare const Pagination: React.FC<PaginationProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAQ,KAAK,EAAE,MAAM,SAAS,CAAA;AAM1C,OAAO,cAAc,CAAA;AAUrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4GtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,IAAI,GACZ;IACE,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KACpC,CAAA;IACD,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,WAAW,CAAA;CAC9C,GACD,MAAM,CAAA;AAEV,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8FhD,CAAA"}