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

package/dist/elements/Logout/index.js

@@ -1,49 +1,31 @@
 '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_default(require("react"));
-const _RenderCustomComponent = require("../../elements/RenderCustomComponent");
-const _LogOut = require("../../icons/LogOut");
-const _Config = require("../../providers/Config");
-const _Translation = require("../../providers/Translation");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React, { Fragment } from 'react';
+import { LogOut } from '../../icons/LogOut/index.js';
+import { useComponentMap } from '../../providers/ComponentMap/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'nav';
 const DefaultLogout = ({ Link, tabIndex })=>{
-    const { t } = (0, _Translation.useTranslation)();
-    const config = (0, _Config.useConfig)();
+    const { t } = useTranslation();
+    const config = useConfig();
     const { admin: { logoutRoute }, routes: { admin } } = config;
     const LinkElement = Link || 'a';
-    return /*#__PURE__*/ _react.default.createElement(LinkElement, {
+    return /*#__PURE__*/ React.createElement(LinkElement, {
         "aria-label": t('authentication:logOut'),
         className: `${baseClass}__log-out`,
         href: `${admin}${logoutRoute}`,
         tabIndex: tabIndex
-    }, /*#__PURE__*/ _react.default.createElement(_LogOut.LogOut, null));
+    }, /*#__PURE__*/ React.createElement(LogOut, null));
 };
-const Logout = ({ tabIndex = 0 })=>{
-    const { admin: { components: { logout: { Button: CustomLogout } = {
-        Button: undefined
-    } } = {} } = {} } = (0, _Config.useConfig)();
-    return /*#__PURE__*/ _react.default.createElement(_RenderCustomComponent.RenderCustomComponent, {
-        CustomComponent: CustomLogout,
-        DefaultComponent: DefaultLogout,
-        componentProps: {
-            tabIndex
-        }
+export const Logout = ({ Link, tabIndex = 0 })=>{
+    const { componentMap: { LogoutButton: CustomLogout } } = useComponentMap();
+    if (CustomLogout) {
+        return /*#__PURE__*/ React.createElement(Fragment, null, CustomLogout);
+    }
+    return /*#__PURE__*/ React.createElement(DefaultLogout, {
+        Link: Link,
+        tabIndex: tabIndex
     });
 };
-const _default = Logout;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Mb2dvdXQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBSZW5kZXJDdXN0b21Db21wb25lbnQgfSBmcm9tICcuLi8uLi9lbGVtZW50cy9SZW5kZXJDdXN0b21Db21wb25lbnQnXG5pbXBvcnQgeyBMb2dPdXQgfSBmcm9tICcuLi8uLi9pY29ucy9Mb2dPdXQnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29uZmlnJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICduYXYnXG5cbmNvbnN0IERlZmF1bHRMb2dvdXQ6IFJlYWN0LkZDPHtcbiAgTGluazogUmVhY3QuQ29tcG9uZW50VHlwZVxuICB0YWJJbmRleD86IG51bWJlclxufT4gPSAoeyBMaW5rLCB0YWJJbmRleCB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBjb25maWcgPSB1c2VDb25maWcoKVxuXG4gIGNvbnN0IHtcbiAgICBhZG1pbjogeyBsb2dvdXRSb3V0ZSB9LFxuICAgIHJvdXRlczogeyBhZG1pbiB9LFxuICB9ID0gY29uZmlnXG5cbiAgY29uc3QgTGlua0VsZW1lbnQgPSBMaW5rIHx8ICdhJ1xuXG4gIHJldHVybiAoXG4gICAgPExpbmtFbGVtZW50XG4gICAgICBhcmlhLWxhYmVsPXt0KCdhdXRoZW50aWNhdGlvbjpsb2dPdXQnKX1cbiAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbG9nLW91dGB9XG4gICAgICBocmVmPXtgJHthZG1pbn0ke2xvZ291dFJvdXRlfWB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgPlxuICAgICAgPExvZ091dCAvPlxuICAgIDwvTGlua0VsZW1lbnQ+XG4gIClcbn1cblxuY29uc3QgTG9nb3V0OiBSZWFjdC5GQzx7XG4gIHRhYkluZGV4PzogbnVtYmVyXG59PiA9ICh7IHRhYkluZGV4ID0gMCB9KSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhZG1pbjoge1xuICAgICAgY29tcG9uZW50czoge1xuICAgICAgICBsb2dvdXQ6IHsgQnV0dG9uOiBDdXN0b21Mb2dvdXQgfSA9IHtcbiAgICAgICAgICBCdXR0b246IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgIH0gPSB7fSxcbiAgICB9ID0ge30sXG4gIH0gPSB1c2VDb25maWcoKVxuXG4gIHJldHVybiAoXG4gICAgPFJlbmRlckN1c3RvbUNvbXBvbmVudFxuICAgICAgQ3VzdG9tQ29tcG9uZW50PXtDdXN0b21Mb2dvdXR9XG4gICAgICBEZWZhdWx0Q29tcG9uZW50PXtEZWZhdWx0TG9nb3V0fVxuICAgICAgY29tcG9uZW50UHJvcHM9e3tcbiAgICAgICAgdGFiSW5kZXgsXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTG9nb3V0XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRGVmYXVsdExvZ291dCIsIkxpbmsiLCJ0YWJJbmRleCIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImNvbmZpZyIsInVzZUNvbmZpZyIsImFkbWluIiwibG9nb3V0Um91dGUiLCJyb3V0ZXMiLCJMaW5rRWxlbWVudCIsImFyaWEtbGFiZWwiLCJjbGFzc05hbWUiLCJocmVmIiwiTG9nT3V0IiwiTG9nb3V0IiwiY29tcG9uZW50cyIsImxvZ291dCIsIkJ1dHRvbiIsIkN1c3RvbUxvZ291dCIsInVuZGVmaW5lZCIsIlJlbmRlckN1c3RvbUNvbXBvbmVudCIsIkN1c3RvbUNvbXBvbmVudCIsIkRlZmF1bHRDb21wb25lbnQiLCJjb21wb25lbnRQcm9wcyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQTREQTs7O2VBQUE7Ozs4REEzRGtCO3VDQUVvQjt3QkFDZjt3QkFDRzs2QkFDSzs7Ozs7O0FBRS9CLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsZ0JBR0QsQ0FBQyxFQUFFQyxJQUFJLEVBQUVDLFFBQVEsRUFBRTtJQUN0QixNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUM1QixNQUFNQyxTQUFTQyxJQUFBQSxpQkFBUztJQUV4QixNQUFNLEVBQ0pDLE9BQU8sRUFBRUMsV0FBVyxFQUFFLEVBQ3RCQyxRQUFRLEVBQUVGLEtBQUssRUFBRSxFQUNsQixHQUFHRjtJQUVKLE1BQU1LLGNBQWNULFFBQVE7SUFFNUIscUJBQ0UsNkJBQUNTO1FBQ0NDLGNBQVlSLEVBQUU7UUFDZFMsV0FBVyxDQUFDLEVBQUViLFVBQVUsU0FBUyxDQUFDO1FBQ2xDYyxNQUFNLENBQUMsRUFBRU4sTUFBTSxFQUFFQyxZQUFZLENBQUM7UUFDOUJOLFVBQVVBO3FCQUVWLDZCQUFDWSxjQUFNO0FBR2I7QUFFQSxNQUFNQyxTQUVELENBQUMsRUFBRWIsV0FBVyxDQUFDLEVBQUU7SUFDcEIsTUFBTSxFQUNKSyxPQUFPLEVBQ0xTLFlBQVksRUFDVkMsUUFBUSxFQUFFQyxRQUFRQyxZQUFZLEVBQUUsR0FBRztRQUNqQ0QsUUFBUUU7SUFDVixDQUFDLEVBQ0YsR0FBRyxDQUFDLENBQUMsRUFDUCxHQUFHLENBQUMsQ0FBQyxFQUNQLEdBQUdkLElBQUFBLGlCQUFTO0lBRWIscUJBQ0UsNkJBQUNlLDRDQUFxQjtRQUNwQkMsaUJBQWlCSDtRQUNqQkksa0JBQWtCdkI7UUFDbEJ3QixnQkFBZ0I7WUFDZHRCO1FBQ0Y7O0FBR047TUFFQSxXQUFlYSJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { LogOut } from '../../icons/LogOut/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'nav'\n\nconst DefaultLogout: React.FC<{\n  Link: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex }) => {\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const {\n    admin: { logoutRoute },\n    routes: { admin },\n  } = config\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <LinkElement\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={`${admin}${logoutRoute}`}\n      tabIndex={tabIndex}\n    >\n      <LogOut />\n    </LinkElement>\n  )\n}\n\nexport const Logout: React.FC<{\n  Link?: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex = 0 }) => {\n  const {\n    componentMap: { LogoutButton: CustomLogout },\n  } = useComponentMap()\n\n  if (CustomLogout) {\n    return <Fragment>{CustomLogout}</Fragment>\n  }\n\n  return <DefaultLogout Link={Link} tabIndex={tabIndex} />\n}\n"],"names":["React","Fragment","LogOut","useComponentMap","useConfig","useTranslation","baseClass","DefaultLogout","Link","tabIndex","t","config","admin","logoutRoute","routes","LinkElement","aria-label","className","href","Logout","componentMap","LogoutButton","CustomLogout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,MAAM,QAAQ,8BAA6B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,gBAGD,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAE;IACtB,MAAM,EAAEC,CAAC,EAAE,GAAGL;IACd,MAAMM,SAASP;IAEf,MAAM,EACJQ,OAAO,EAAEC,WAAW,EAAE,EACtBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGD;IAEJ,MAAMI,cAAcP,QAAQ;IAE5B,qBACE,oBAACO;QACCC,cAAYN,EAAE;QACdO,WAAW,CAAC,EAAEX,UAAU,SAAS,CAAC;QAClCY,MAAM,CAAC,EAAEN,MAAM,EAAEC,YAAY,CAAC;QAC9BJ,UAAUA;qBAEV,oBAACP;AAGP;AAEA,OAAO,MAAMiB,SAGR,CAAC,EAAEX,IAAI,EAAEC,WAAW,CAAC,EAAE;IAC1B,MAAM,EACJW,cAAc,EAAEC,cAAcC,YAAY,EAAE,EAC7C,GAAGnB;IAEJ,IAAImB,cAAc;QAChB,qBAAO,oBAACrB,gBAAUqB;IACpB;IAEA,qBAAO,oBAACf;QAAcC,MAAMA;QAAMC,UAAUA;;AAC9C,EAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" resolution-mode="require"/>
+declare const Modal: import("react").FC<import("@faceless-ui/modal/dist/Modal/index.js").ModalProps & {
+    modal?: import("@faceless-ui/modal/dist/ModalProvider/context.js").IModalContext;
+} & {
+    children?: import("react").ReactNode | import("@faceless-ui/modal/dist/Modal/index.js").ChildFunction;
+}>;
+declare const useModal: () => import("@faceless-ui/modal/dist/ModalProvider/context.js").IModalContext;
+export { Modal, useModal };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.tsx"],"names":[],"mappings":";AACA,QAAA,MAAQ,KAAK;;;;EAC8E,CAAA;AAC3F,QAAA,MAAQ,QAAQ,gFACiF,CAAA;AACjG,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA"}

package/dist/elements/Modal/index.js

@@ -0,0 +1,10 @@
+import * as facelessUIImport from '@faceless-ui/modal';
+const { Modal } = facelessUIImport && 'Modal' in facelessUIImport ? facelessUIImport : {
+    Modal: undefined
+};
+const { useModal } = facelessUIImport && 'useModal' in facelessUIImport ? facelessUIImport : {
+    useModal: undefined
+};
+export { Modal, useModal };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Modal/index.tsx"],"sourcesContent":["import * as facelessUIImport from '@faceless-ui/modal'\nconst { Modal } =\n  facelessUIImport && 'Modal' in facelessUIImport ? facelessUIImport : { Modal: undefined }\nconst { useModal } =\n  facelessUIImport && 'useModal' in facelessUIImport ? facelessUIImport : { useModal: undefined }\nexport { Modal, useModal }\n"],"names":["facelessUIImport","Modal","undefined","useModal"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,sBAAsB,qBAAoB;AACtD,MAAM,EAAEC,KAAK,EAAE,GACbD,oBAAoB,WAAWA,mBAAmBA,mBAAmB;IAAEC,OAAOC;AAAU;AAC1F,MAAM,EAAEC,QAAQ,EAAE,GAChBH,oBAAoB,cAAcA,mBAAmBA,mBAAmB;IAAEG,UAAUD;AAAU;AAChG,SAASD,KAAK,EAAEE,QAAQ,GAAE"}

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

@@ -1,34 +1,19 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NavHamburger", {
-    enumerable: true,
-    get: function() {
-        return NavHamburger;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Hamburger = require("../../Hamburger");
-const _context = require("../context");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const NavHamburger = ({ baseClass })=>{
-    const { navOpen, setNavOpen } = (0, _context.useNav)();
-    return /*#__PURE__*/ _react.default.createElement("button", {
+import React from 'react';
+import { Hamburger } from '../../Hamburger/index.js';
+import { useNav } from '../context.js';
+export const NavHamburger = ({ baseClass })=>{
+    const { navOpen, setNavOpen } = useNav();
+    return /*#__PURE__*/ React.createElement("button", {
         className: `${baseClass}__mobile-close`,
         onClick: ()=>{
             setNavOpen(false);
         },
         tabIndex: !navOpen ? -1 : undefined,
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement(_Hamburger.Hamburger, {
+    }, /*#__PURE__*/ React.createElement(Hamburger, {
         isActive: true
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXYvTmF2SGFtYnVyZ2VyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgSGFtYnVyZ2VyIH0gZnJvbSAnLi4vLi4vSGFtYnVyZ2VyJ1xuaW1wb3J0IHsgdXNlTmF2IH0gZnJvbSAnLi4vY29udGV4dCdcblxuZXhwb3J0IGNvbnN0IE5hdkhhbWJ1cmdlcjogUmVhY3QuRkM8e1xuICBiYXNlQ2xhc3M/OiBzdHJpbmdcbn0+ID0gKHsgYmFzZUNsYXNzIH0pID0+IHtcbiAgY29uc3QgeyBuYXZPcGVuLCBzZXROYXZPcGVuIH0gPSB1c2VOYXYoKVxuXG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19tb2JpbGUtY2xvc2VgfVxuICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICBzZXROYXZPcGVuKGZhbHNlKVxuICAgICAgfX1cbiAgICAgIHRhYkluZGV4PXshbmF2T3BlbiA/IC0xIDogdW5kZWZpbmVkfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgPlxuICAgICAgPEhhbWJ1cmdlciBpc0FjdGl2ZSAvPlxuICAgIDwvYnV0dG9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiTmF2SGFtYnVyZ2VyIiwiYmFzZUNsYXNzIiwibmF2T3BlbiIsInNldE5hdk9wZW4iLCJ1c2VOYXYiLCJidXR0b24iLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwidGFiSW5kZXgiLCJ1bmRlZmluZWQiLCJ0eXBlIiwiSGFtYnVyZ2VyIiwiaXNBY3RpdmUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFNYUE7OztlQUFBQTs7OzhEQUxLOzJCQUVRO3lCQUNIOzs7Ozs7QUFFaEIsTUFBTUEsZUFFUixDQUFDLEVBQUVDLFNBQVMsRUFBRTtJQUNqQixNQUFNLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFLEdBQUdDLElBQUFBLGVBQU07SUFFdEMscUJBQ0UsNkJBQUNDO1FBQ0NDLFdBQVcsQ0FBQyxFQUFFTCxVQUFVLGNBQWMsQ0FBQztRQUN2Q00sU0FBUztZQUNQSixXQUFXO1FBQ2I7UUFDQUssVUFBVSxDQUFDTixVQUFVLENBQUMsSUFBSU87UUFDMUJDLE1BQUs7cUJBRUwsNkJBQUNDLG9CQUFTO1FBQUNDLFVBQUFBOztBQUdqQiJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Hamburger } from '../../Hamburger/index.js'\nimport { useNav } from '../context.js'\n\nexport const NavHamburger: React.FC<{\n  baseClass?: string\n}> = ({ baseClass }) => {\n  const { navOpen, setNavOpen } = useNav()\n\n  return (\n    <button\n      className={`${baseClass}__mobile-close`}\n      onClick={() => {\n        setNavOpen(false)\n      }}\n      tabIndex={!navOpen ? -1 : undefined}\n      type=\"button\"\n    >\n      <Hamburger isActive />\n    </button>\n  )\n}\n"],"names":["React","Hamburger","useNav","NavHamburger","baseClass","navOpen","setNavOpen","button","className","onClick","tabIndex","undefined","type","isActive"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,MAAM,QAAQ,gBAAe;AAEtC,OAAO,MAAMC,eAER,CAAC,EAAEC,SAAS,EAAE;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ;IAEhC,qBACE,oBAACK;QACCC,WAAW,CAAC,EAAEJ,UAAU,cAAc,CAAC;QACvCK,SAAS;YACPH,WAAW;QACb;QACAI,UAAU,CAACL,UAAU,CAAC,IAAIM;QAC1BC,MAAK;qBAEL,oBAACX;QAAUY,UAAAA;;AAGjB,EAAC"}

package/dist/elements/Nav/NavToggler/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAqCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAsCA,CAAA"}

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

@@ -1,33 +1,18 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NavToggler", {
-    enumerable: true,
-    get: function() {
-        return NavToggler;
-    }
-});
-const _windowinfo = require("@faceless-ui/window-info");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Preferences = require("../../../providers/Preferences");
-const _Translation = require("../../../providers/Translation");
-const _context = require("../context");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import * as facelessUIImport from '@faceless-ui/window-info';
+import React from 'react';
+import { usePreferences } from '../../../providers/Preferences/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useNav } from '../context.js';
 const baseClass = 'nav-toggler';
-const NavToggler = (props)=>{
+export const NavToggler = (props)=>{
     const { id, children, className, tabIndex = 0 } = props;
-    const { t } = (0, _Translation.useTranslation)();
-    const { setPreference } = (0, _Preferences.usePreferences)();
-    const { navOpen, setNavOpen } = (0, _context.useNav)();
-    const { breakpoints: { l: largeBreak } } = (0, _windowinfo.useWindowInfo)();
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    const { useWindowInfo } = facelessUIImport;
+    const { t } = useTranslation();
+    const { setPreference } = usePreferences();
+    const { navOpen, setNavOpen } = useNav();
+    const { breakpoints: { l: largeBreak } } = useWindowInfo();
+    return /*#__PURE__*/ React.createElement("button", {
         "aria-label": `${navOpen ? t('general:close') : t('general:open')} ${t('general:menu')}`,
         className: [
             baseClass,
@@ -50,4 +35,4 @@ const NavToggler = (props)=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXYvTmF2VG9nZ2xlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VXaW5kb3dJbmZvIH0gZnJvbSAnQGZhY2VsZXNzLXVpL3dpbmRvdy1pbmZvJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VQcmVmZXJlbmNlcyB9IGZyb20gJy4uLy4uLy4uL3Byb3ZpZGVycy9QcmVmZXJlbmNlcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgdXNlTmF2IH0gZnJvbSAnLi4vY29udGV4dCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbmF2LXRvZ2dsZXInXG5cbmV4cG9ydCBjb25zdCBOYXZUb2dnbGVyOiBSZWFjdC5GQzx7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICB0YWJJbmRleD86IG51bWJlclxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBpZCwgY2hpbGRyZW4sIGNsYXNzTmFtZSwgdGFiSW5kZXggPSAwIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIGNvbnN0IHsgc2V0UHJlZmVyZW5jZSB9ID0gdXNlUHJlZmVyZW5jZXMoKVxuXG4gIGNvbnN0IHsgbmF2T3Blbiwgc2V0TmF2T3BlbiB9ID0gdXNlTmF2KClcblxuICBjb25zdCB7XG4gICAgYnJlYWtwb2ludHM6IHsgbDogbGFyZ2VCcmVhayB9LFxuICB9ID0gdXNlV2luZG93SW5mbygpXG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBhcmlhLWxhYmVsPXtgJHtuYXZPcGVuID8gdCgnZ2VuZXJhbDpjbG9zZScpIDogdCgnZ2VuZXJhbDpvcGVuJyl9ICR7dCgnZ2VuZXJhbDptZW51Jyl9YH1cbiAgICAgIGNsYXNzTmFtZT17W2Jhc2VDbGFzcywgbmF2T3BlbiAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1vcGVuYCwgY2xhc3NOYW1lXVxuICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgIC5qb2luKCcgJyl9XG4gICAgICBpZD17aWR9XG4gICAgICBvbkNsaWNrPXthc3luYyAoKSA9PiB7XG4gICAgICAgIHNldE5hdk9wZW4oIW5hdk9wZW4pXG5cbiAgICAgICAgLy8gb25seSB3aGVuIHRoZSB1c2VyIGV4cGxpY2l0bHkgdG9nZ2xlcyB0aGUgbmF2IG9uIGRlc2t0b3AgZG8gd2Ugd2FudCB0byBzZXQgdGhlIHByZWZlcmVuY2VcbiAgICAgICAgLy8gdGhpcyBpcyBiZWNhdXNlIHRoZSBqcyBtYXkgb3BlbiBvciBjbG9zZSB0aGUgbmF2IGJhc2VkIG9uIHRoZSB3aW5kb3cgc2l6ZSwgcm91dGluZywgZXRjXG4gICAgICAgIGlmICghbGFyZ2VCcmVhaykge1xuICAgICAgICAgIGF3YWl0IHNldFByZWZlcmVuY2UoJ25hdicsIHtcbiAgICAgICAgICAgIG9wZW46ICFuYXZPcGVuLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9idXR0b24+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJOYXZUb2dnbGVyIiwiYmFzZUNsYXNzIiwicHJvcHMiLCJpZCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwidGFiSW5kZXgiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJzZXRQcmVmZXJlbmNlIiwidXNlUHJlZmVyZW5jZXMiLCJuYXZPcGVuIiwic2V0TmF2T3BlbiIsInVzZU5hdiIsImJyZWFrcG9pbnRzIiwibCIsImxhcmdlQnJlYWsiLCJ1c2VXaW5kb3dJbmZvIiwiYnV0dG9uIiwiYXJpYS1sYWJlbCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwib25DbGljayIsIm9wZW4iLCJ0eXBlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBV2FBOzs7ZUFBQUE7Ozs0QkFWaUI7OERBQ1o7NkJBRWE7NkJBQ0E7eUJBQ1I7UUFDaEI7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxhQUtSLENBQUNFO0lBQ0osTUFBTSxFQUFFQyxFQUFFLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFQyxXQUFXLENBQUMsRUFBRSxHQUFHSjtJQUVsRCxNQUFNLEVBQUVLLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUU1QixNQUFNLEVBQUVDLGFBQWEsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUV4QyxNQUFNLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFLEdBQUdDLElBQUFBLGVBQU07SUFFdEMsTUFBTSxFQUNKQyxhQUFhLEVBQUVDLEdBQUdDLFVBQVUsRUFBRSxFQUMvQixHQUFHQyxJQUFBQSx5QkFBYTtJQUVqQixxQkFDRSw2QkFBQ0M7UUFDQ0MsY0FBWSxDQUFDLEVBQUVSLFVBQVVKLEVBQUUsbUJBQW1CQSxFQUFFLGdCQUFnQixDQUFDLEVBQUVBLEVBQUUsZ0JBQWdCLENBQUM7UUFDdEZGLFdBQVc7WUFBQ0o7WUFBV1UsV0FBVyxDQUFDLEVBQUVWLFVBQVUsU0FBUyxDQUFDO1lBQUVJO1NBQVUsQ0FDbEVlLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO1FBQ1JuQixJQUFJQTtRQUNKb0IsU0FBUztZQUNQWCxXQUFXLENBQUNEO1lBRVosNEZBQTRGO1lBQzVGLDBGQUEwRjtZQUMxRixJQUFJLENBQUNLLFlBQVk7Z0JBQ2YsTUFBTVAsY0FBYyxPQUFPO29CQUN6QmUsTUFBTSxDQUFDYjtnQkFDVDtZQUNGO1FBQ0Y7UUFDQUwsVUFBVUE7UUFDVm1CLE1BQUs7T0FFSnJCO0FBR1AifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/window-info'\nimport React from 'react'\n\nimport { usePreferences } from '../../../providers/Preferences/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useNav } from '../context.js'\nimport './index.scss'\n\nconst baseClass = 'nav-toggler'\n\nexport const NavToggler: React.FC<{\n  children?: React.ReactNode\n  className?: string\n  id?: string\n  tabIndex?: number\n}> = (props) => {\n  const { id, children, className, tabIndex = 0 } = props\n  const { useWindowInfo } = facelessUIImport\n\n  const { t } = useTranslation()\n\n  const { setPreference } = usePreferences()\n\n  const { navOpen, setNavOpen } = useNav()\n\n  const {\n    breakpoints: { l: largeBreak },\n  } = useWindowInfo()\n\n  return (\n    <button\n      aria-label={`${navOpen ? t('general:close') : t('general:open')} ${t('general:menu')}`}\n      className={[baseClass, navOpen && `${baseClass}--is-open`, className]\n        .filter(Boolean)\n        .join(' ')}\n      id={id}\n      onClick={async () => {\n        setNavOpen(!navOpen)\n\n        // only when the user explicitly toggles the nav on desktop do we want to set the preference\n        // this is because the js may open or close the nav based on the window size, routing, etc\n        if (!largeBreak) {\n          await setPreference('nav', {\n            open: !navOpen,\n          })\n        }\n      }}\n      tabIndex={tabIndex}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["facelessUIImport","React","usePreferences","useTranslation","useNav","baseClass","NavToggler","props","id","children","className","tabIndex","useWindowInfo","t","setPreference","navOpen","setNavOpen","breakpoints","l","largeBreak","button","aria-label","filter","Boolean","join","onClick","open","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,YAAYA,sBAAsB,2BAA0B;AAC5D,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,gBAAe;AAGtC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAKR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,CAAC,EAAE,GAAGJ;IAClD,MAAM,EAAEK,aAAa,EAAE,GAAGZ;IAE1B,MAAM,EAAEa,CAAC,EAAE,GAAGV;IAEd,MAAM,EAAEW,aAAa,EAAE,GAAGZ;IAE1B,MAAM,EAAEa,OAAO,EAAEC,UAAU,EAAE,GAAGZ;IAEhC,MAAM,EACJa,aAAa,EAAEC,GAAGC,UAAU,EAAE,EAC/B,GAAGP;IAEJ,qBACE,oBAACQ;QACCC,cAAY,CAAC,EAAEN,UAAUF,EAAE,mBAAmBA,EAAE,gBAAgB,CAAC,EAAEA,EAAE,gBAAgB,CAAC;QACtFH,WAAW;YAACL;YAAWU,WAAW,CAAC,EAAEV,UAAU,SAAS,CAAC;YAAEK;SAAU,CAClEY,MAAM,CAACC,SACPC,IAAI,CAAC;QACRhB,IAAIA;QACJiB,SAAS;YACPT,WAAW,CAACD;YAEZ,4FAA4F;YAC5F,0FAA0F;YAC1F,IAAI,CAACI,YAAY;gBACf,MAAML,cAAc,OAAO;oBACzBY,MAAM,CAACX;gBACT;YACF;QACF;QACAJ,UAAUA;QACVgB,MAAK;OAEJlB;AAGP,EAAC"}

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

@@ -1,34 +1,18 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NavWrapper", {
-    enumerable: true,
-    get: function() {
-        return NavWrapper;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _context = require("../context");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const NavWrapper = (props)=>{
+import React from 'react';
+import { useNav } from '../context.js';
+export const NavWrapper = (props)=>{
     const { baseClass, children } = props;
-    const { navOpen, navRef } = (0, _context.useNav)();
-    return /*#__PURE__*/ _react.default.createElement("aside", {
+    const { navOpen, navRef } = useNav();
+    return /*#__PURE__*/ React.createElement("aside", {
         className: [
             baseClass,
             navOpen && `${baseClass}--nav-open`
         ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__scroll`,
         ref: navRef
     }, children));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXYvTmF2V3JhcHBlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IHVzZU5hdiB9IGZyb20gJy4uL2NvbnRleHQnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuZXhwb3J0IGNvbnN0IE5hdldyYXBwZXI6IFJlYWN0LkZDPHtcbiAgYmFzZUNsYXNzPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYmFzZUNsYXNzLCBjaGlsZHJlbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IG5hdk9wZW4sIG5hdlJlZiB9ID0gdXNlTmF2KClcblxuICByZXR1cm4gKFxuICAgIDxhc2lkZSBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIG5hdk9wZW4gJiYgYCR7YmFzZUNsYXNzfS0tbmF2LW9wZW5gXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zY3JvbGxgfSByZWY9e25hdlJlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvYXNpZGU+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJOYXZXcmFwcGVyIiwicHJvcHMiLCJiYXNlQ2xhc3MiLCJjaGlsZHJlbiIsIm5hdk9wZW4iLCJuYXZSZWYiLCJ1c2VOYXYiLCJhc2lkZSIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2IiwicmVmIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBTWFBOzs7ZUFBQUE7Ozs4REFMSzt5QkFFSztRQUNoQjs7Ozs7O0FBRUEsTUFBTUEsYUFHUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsU0FBUyxFQUFFQyxRQUFRLEVBQUUsR0FBR0Y7SUFFaEMsTUFBTSxFQUFFRyxPQUFPLEVBQUVDLE1BQU0sRUFBRSxHQUFHQyxJQUFBQSxlQUFNO0lBRWxDLHFCQUNFLDZCQUFDQztRQUFNQyxXQUFXO1lBQUNOO1lBQVdFLFdBQVcsQ0FBQyxFQUFFRixVQUFVLFVBQVUsQ0FBQztTQUFDLENBQUNPLE1BQU0sQ0FBQ0MsU0FBU0MsSUFBSSxDQUFDO3FCQUN0Riw2QkFBQ0M7UUFBSUosV0FBVyxDQUFDLEVBQUVOLFVBQVUsUUFBUSxDQUFDO1FBQUVXLEtBQUtSO09BQzFDRjtBQUlUIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useNav } from '../context.js'\nimport './index.scss'\n\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { navOpen, navRef } = useNav()\n\n  return (\n    <aside className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["React","useNav","NavWrapper","props","baseClass","children","navOpen","navRef","aside","className","filter","Boolean","join","div","ref"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,gBAAe;AAGtC,OAAO,MAAMC,aAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,MAAM,EAAEG,OAAO,EAAEC,MAAM,EAAE,GAAGN;IAE5B,qBACE,oBAACO;QAAMC,WAAW;YAACL;YAAWE,WAAW,CAAC,EAAEF,UAAU,UAAU,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;qBACtF,oBAACC;QAAIJ,WAAW,CAAC,EAAEL,UAAU,QAAQ,CAAC;QAAEU,KAAKP;OAC1CF;AAIT,EAAC"}

package/dist/elements/Nav/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,UAAU,+BAIrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAAqC,CAAA;AAYxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA4DA,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,UAAU,+BAIrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAAqC,CAAA;AAYxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CA8DA,CAAA"}

package/dist/elements/Nav/context.js

@@ -1,76 +1,14 @@
 '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, {
-    NavContext: function() {
-        return NavContext;
-    },
-    NavProvider: function() {
-        return NavProvider;
-    },
-    useNav: function() {
-        return useNav;
-    }
-});
-const _windowinfo = require("@faceless-ui/window-info");
-const _bodyscrolllock = require("body-scroll-lock");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Preferences = require("../../providers/Preferences");
-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 NavContext = /*#__PURE__*/ _react.default.createContext({
+import * as facelessUIImport from '@faceless-ui/window-info';
+import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
+import React, { useEffect, useRef } from 'react';
+import { usePreferences } from '../../providers/Preferences/index.js';
+export const NavContext = /*#__PURE__*/ React.createContext({
     navOpen: true,
     navRef: null,
     setNavOpen: ()=>{}
 });
-const useNav = ()=>_react.default.useContext(NavContext);
+export const useNav = ()=>React.useContext(NavContext);
 const getNavPreference = async (getPreference)=>{
     const navPrefs = await getPreference('nav');
     const preferredState = navPrefs?.open;
@@ -80,17 +18,18 @@ const getNavPreference = async (getPreference)=>{
         return true;
     }
 };
-const NavProvider = ({ children })=>{
-    const { breakpoints: { l: largeBreak, m: midBreak, s: smallBreak } } = (0, _windowinfo.useWindowInfo)();
-    const { getPreference } = (0, _Preferences.usePreferences)();
-    const navRef = (0, _react.useRef)(null);
+export const NavProvider = ({ children })=>{
+    const { useWindowInfo } = facelessUIImport;
+    const { breakpoints: { l: largeBreak, m: midBreak, s: smallBreak } } = useWindowInfo();
+    const { getPreference } = usePreferences();
+    const navRef = useRef(null);
     // initialize the nav to be closed
     // this is because getting the preference is async
     // so instead of closing it after the preference is loaded
     // we will open it after the preference is loaded
-    const [navOpen, setNavOpen] = _react.default.useState(false);
+    const [navOpen, setNavOpen] = React.useState(false);
     // on load check the user's preference and set "initial" state
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (largeBreak === false) {
             const setNavFromPreferences = async ()=>{
                 const preferredState = await getNavPreference(getPreference);
@@ -108,12 +47,12 @@ const NavProvider = ({ children })=>{
     // close the nav when the user navigates away
     // on open and close, lock the body scroll
     // do not do this on desktop, the sidebar is not a modal
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (navRef.current) {
             if (navOpen && midBreak) {
-                (0, _bodyscrolllock.disableBodyScroll)(navRef.current);
+                disableBodyScroll(navRef.current);
             } else {
-                (0, _bodyscrolllock.enableBodyScroll)(navRef.current);
+                enableBodyScroll(navRef.current);
             }
         }
     }, [
@@ -123,7 +62,7 @@ const NavProvider = ({ children })=>{
     // on smaller screens where the nav is a modal
     // close the nav when the user resizes down to mobile
     // the sidebar is a modal on mobile
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (largeBreak === false || midBreak === false || smallBreak === false) {
             setNavOpen(false);
         }
@@ -133,12 +72,12 @@ const NavProvider = ({ children })=>{
         smallBreak
     ]);
     // when the component unmounts, clear all body scroll locks
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         return ()=>{
-            (0, _bodyscrolllock.clearAllBodyScrollLocks)();
+            clearAllBodyScrollLocks();
         };
     }, []);
-    return /*#__PURE__*/ _react.default.createElement(NavContext.Provider, {
+    return /*#__PURE__*/ React.createElement(NavContext.Provider, {
         value: {
             navOpen,
             navRef,
@@ -147,4 +86,4 @@ const NavProvider = ({ children })=>{
     }, children);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9OYXYvY29udGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VXaW5kb3dJbmZvIH0gZnJvbSAnQGZhY2VsZXNzLXVpL3dpbmRvdy1pbmZvJ1xuaW1wb3J0IHsgY2xlYXJBbGxCb2R5U2Nyb2xsTG9ja3MsIGRpc2FibGVCb2R5U2Nyb2xsLCBlbmFibGVCb2R5U2Nyb2xsIH0gZnJvbSAnYm9keS1zY3JvbGwtbG9jaydcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VQcmVmZXJlbmNlcyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9QcmVmZXJlbmNlcydcblxudHlwZSBOYXZDb250ZXh0VHlwZSA9IHtcbiAgbmF2T3BlbjogYm9vbGVhblxuICBuYXZSZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD5cbiAgc2V0TmF2T3BlbjogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBOYXZDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dDxOYXZDb250ZXh0VHlwZT4oe1xuICBuYXZPcGVuOiB0cnVlLFxuICBuYXZSZWY6IG51bGwsXG4gIHNldE5hdk9wZW46ICgpID0+IHt9LFxufSlcblxuZXhwb3J0IGNvbnN0IHVzZU5hdiA9ICgpID0+IFJlYWN0LnVzZUNvbnRleHQoTmF2Q29udGV4dClcblxuY29uc3QgZ2V0TmF2UHJlZmVyZW5jZSA9IGFzeW5jIChnZXRQcmVmZXJlbmNlKTogUHJvbWlzZTxib29sZWFuPiA9PiB7XG4gIGNvbnN0IG5hdlByZWZzID0gYXdhaXQgZ2V0UHJlZmVyZW5jZSgnbmF2JylcbiAgY29uc3QgcHJlZmVycmVkU3RhdGUgPSBuYXZQcmVmcz8ub3BlblxuICBpZiAodHlwZW9mIHByZWZlcnJlZFN0YXRlID09PSAnYm9vbGVhbicpIHtcbiAgICByZXR1cm4gcHJlZmVycmVkU3RhdGVcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gdHJ1ZVxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBOYXZQcm92aWRlcjogUmVhY3QuRkM8e1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59PiA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3Qge1xuICAgIGJyZWFrcG9pbnRzOiB7IGw6IGxhcmdlQnJlYWssIG06IG1pZEJyZWFrLCBzOiBzbWFsbEJyZWFrIH0sXG4gIH0gPSB1c2VXaW5kb3dJbmZvKClcblxuICBjb25zdCB7IGdldFByZWZlcmVuY2UgfSA9IHVzZVByZWZlcmVuY2VzKClcbiAgY29uc3QgbmF2UmVmID0gdXNlUmVmKG51bGwpXG5cbiAgLy8gaW5pdGlhbGl6ZSB0aGUgbmF2IHRvIGJlIGNsb3NlZFxuICAvLyB0aGlzIGlzIGJlY2F1c2UgZ2V0dGluZyB0aGUgcHJlZmVyZW5jZSBpcyBhc3luY1xuICAvLyBzbyBpbnN0ZWFkIG9mIGNsb3NpbmcgaXQgYWZ0ZXIgdGhlIHByZWZlcmVuY2UgaXMgbG9hZGVkXG4gIC8vIHdlIHdpbGwgb3BlbiBpdCBhZnRlciB0aGUgcHJlZmVyZW5jZSBpcyBsb2FkZWRcbiAgY29uc3QgW25hdk9wZW4sIHNldE5hdk9wZW5dID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG5cbiAgLy8gb24gbG9hZCBjaGVjayB0aGUgdXNlcidzIHByZWZlcmVuY2UgYW5kIHNldCBcImluaXRpYWxcIiBzdGF0ZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXJnZUJyZWFrID09PSBmYWxzZSkge1xuICAgICAgY29uc3Qgc2V0TmF2RnJvbVByZWZlcmVuY2VzID0gYXN5bmMgKCkgPT4ge1xuICAgICAgICBjb25zdCBwcmVmZXJyZWRTdGF0ZSA9IGF3YWl0IGdldE5hdlByZWZlcmVuY2UoZ2V0UHJlZmVyZW5jZSlcbiAgICAgICAgc2V0TmF2T3BlbihwcmVmZXJyZWRTdGF0ZSlcbiAgICAgIH1cblxuICAgICAgc2V0TmF2RnJvbVByZWZlcmVuY2VzKCkgLy8gZXNsaW50LWRpc2FibGUtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZmxvYXRpbmctcHJvbWlzZXNcbiAgICB9XG4gIH0sIFtsYXJnZUJyZWFrLCBnZXRQcmVmZXJlbmNlLCBzZXROYXZPcGVuXSlcblxuICAvLyBUT0RPOiBvbiBzbWFsbGVyIHNjcmVlbnMgd2hlcmUgdGhlIG5hdiBpcyBhIG1vZGFsXG4gIC8vIGNsb3NlIHRoZSBuYXYgd2hlbiB0aGUgdXNlciBuYXZpZ2F0ZXMgYXdheVxuXG4gIC8vIG9uIG9wZW4gYW5kIGNsb3NlLCBsb2NrIHRoZSBib2R5IHNjcm9sbFxuICAvLyBkbyBub3QgZG8gdGhpcyBvbiBkZXNrdG9wLCB0aGUgc2lkZWJhciBpcyBub3QgYSBtb2RhbFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChuYXZSZWYuY3VycmVudCkge1xuICAgICAgaWYgKG5hdk9wZW4gJiYgbWlkQnJlYWspIHtcbiAgICAgICAgZGlzYWJsZUJvZHlTY3JvbGwobmF2UmVmLmN1cnJlbnQpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBlbmFibGVCb2R5U2Nyb2xsKG5hdlJlZi5jdXJyZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW25hdk9wZW4sIG1pZEJyZWFrXSlcblxuICAvLyBvbiBzbWFsbGVyIHNjcmVlbnMgd2hlcmUgdGhlIG5hdiBpcyBhIG1vZGFsXG4gIC8vIGNsb3NlIHRoZSBuYXYgd2hlbiB0aGUgdXNlciByZXNpemVzIGRvd24gdG8gbW9iaWxlXG4gIC8vIHRoZSBzaWRlYmFyIGlzIGEgbW9kYWwgb24gbW9iaWxlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGxhcmdlQnJlYWsgPT09IGZhbHNlIHx8IG1pZEJyZWFrID09PSBmYWxzZSB8fCBzbWFsbEJyZWFrID09PSBmYWxzZSkge1xuICAgICAgc2V0TmF2T3BlbihmYWxzZSlcbiAgICB9XG4gIH0sIFtsYXJnZUJyZWFrLCBtaWRCcmVhaywgc21hbGxCcmVha10pXG5cbiAgLy8gd2hlbiB0aGUgY29tcG9uZW50IHVubW91bnRzLCBjbGVhciBhbGwgYm9keSBzY3JvbGwgbG9ja3NcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJBbGxCb2R5U2Nyb2xsTG9ja3MoKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8TmF2Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBuYXZPcGVuLCBuYXZSZWYsIHNldE5hdk9wZW4gfX0+e2NoaWxkcmVufTwvTmF2Q29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIk5hdkNvbnRleHQiLCJOYXZQcm92aWRlciIsInVzZU5hdiIsIlJlYWN0IiwiY3JlYXRlQ29udGV4dCIsIm5hdk9wZW4iLCJuYXZSZWYiLCJzZXROYXZPcGVuIiwidXNlQ29udGV4dCIsImdldE5hdlByZWZlcmVuY2UiLCJnZXRQcmVmZXJlbmNlIiwibmF2UHJlZnMiLCJwcmVmZXJyZWRTdGF0ZSIsIm9wZW4iLCJjaGlsZHJlbiIsImJyZWFrcG9pbnRzIiwibCIsImxhcmdlQnJlYWsiLCJtIiwibWlkQnJlYWsiLCJzIiwic21hbGxCcmVhayIsInVzZVdpbmRvd0luZm8iLCJ1c2VQcmVmZXJlbmNlcyIsInVzZVJlZiIsInVzZVN0YXRlIiwidXNlRWZmZWN0Iiwic2V0TmF2RnJvbVByZWZlcmVuY2VzIiwiY3VycmVudCIsImRpc2FibGVCb2R5U2Nyb2xsIiwiZW5hYmxlQm9keVNjcm9sbCIsImNsZWFyQWxsQm9keVNjcm9sbExvY2tzIiwiUHJvdmlkZXIiLCJ2YWx1ZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7OztJQWFhQSxVQUFVO2VBQVZBOztJQWtCQUMsV0FBVztlQUFYQTs7SUFaQUMsTUFBTTtlQUFOQTs7OzRCQWxCaUI7Z0NBQytDOytEQUNwQzs2QkFFVjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBUXhCLE1BQU1GLDJCQUFhRyxjQUFLLENBQUNDLGFBQWEsQ0FBaUI7SUFDNURDLFNBQVM7SUFDVEMsUUFBUTtJQUNSQyxZQUFZLEtBQU87QUFDckI7QUFFTyxNQUFNTCxTQUFTLElBQU1DLGNBQUssQ0FBQ0ssVUFBVSxDQUFDUjtBQUU3QyxNQUFNUyxtQkFBbUIsT0FBT0M7SUFDOUIsTUFBTUMsV0FBVyxNQUFNRCxjQUFjO0lBQ3JDLE1BQU1FLGlCQUFpQkQsVUFBVUU7SUFDakMsSUFBSSxPQUFPRCxtQkFBbUIsV0FBVztRQUN2QyxPQUFPQTtJQUNULE9BQU87UUFDTCxPQUFPO0lBQ1Q7QUFDRjtBQUVPLE1BQU1YLGNBRVIsQ0FBQyxFQUFFYSxRQUFRLEVBQUU7SUFDaEIsTUFBTSxFQUNKQyxhQUFhLEVBQUVDLEdBQUdDLFVBQVUsRUFBRUMsR0FBR0MsUUFBUSxFQUFFQyxHQUFHQyxVQUFVLEVBQUUsRUFDM0QsR0FBR0MsSUFBQUEseUJBQWE7SUFFakIsTUFBTSxFQUFFWixhQUFhLEVBQUUsR0FBR2EsSUFBQUEsMkJBQWM7SUFDeEMsTUFBTWpCLFNBQVNrQixJQUFBQSxhQUFNLEVBQUM7SUFFdEIsa0NBQWtDO0lBQ2xDLGtEQUFrRDtJQUNsRCwwREFBMEQ7SUFDMUQsaURBQWlEO0lBQ2pELE1BQU0sQ0FBQ25CLFNBQVNFLFdBQVcsR0FBR0osY0FBSyxDQUFDc0IsUUFBUSxDQUFDO0lBRTdDLDhEQUE4RDtJQUM5REMsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUlULGVBQWUsT0FBTztZQUN4QixNQUFNVSx3QkFBd0I7Z0JBQzVCLE1BQU1mLGlCQUFpQixNQUFNSCxpQkFBaUJDO2dCQUM5Q0gsV0FBV0s7WUFDYjtZQUVBZSx3QkFBd0IsOERBQThEOztRQUN4RjtJQUNGLEdBQUc7UUFBQ1Y7UUFBWVA7UUFBZUg7S0FBVztJQUUxQyxvREFBb0Q7SUFDcEQsNkNBQTZDO0lBRTdDLDBDQUEwQztJQUMxQyx3REFBd0Q7SUFDeERtQixJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSXBCLE9BQU9zQixPQUFPLEVBQUU7WUFDbEIsSUFBSXZCLFdBQVdjLFVBQVU7Z0JBQ3ZCVSxJQUFBQSxpQ0FBaUIsRUFBQ3ZCLE9BQU9zQixPQUFPO1lBQ2xDLE9BQU87Z0JBQ0xFLElBQUFBLGdDQUFnQixFQUFDeEIsT0FBT3NCLE9BQU87WUFDakM7UUFDRjtJQUNGLEdBQUc7UUFBQ3ZCO1FBQVNjO0tBQVM7SUFFdEIsOENBQThDO0lBQzlDLHFEQUFxRDtJQUNyRCxtQ0FBbUM7SUFDbkNPLElBQUFBLGdCQUFTLEVBQUM7UUFDUixJQUFJVCxlQUFlLFNBQVNFLGFBQWEsU0FBU0UsZUFBZSxPQUFPO1lBQ3RFZCxXQUFXO1FBQ2I7SUFDRixHQUFHO1FBQUNVO1FBQVlFO1FBQVVFO0tBQVc7SUFFckMsMkRBQTJEO0lBQzNESyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsT0FBTztZQUNMSyxJQUFBQSx1Q0FBdUI7UUFDekI7SUFDRixHQUFHLEVBQUU7SUFFTCxxQkFDRSw2QkFBQy9CLFdBQVdnQyxRQUFRO1FBQUNDLE9BQU87WUFBRTVCO1lBQVNDO1lBQVFDO1FBQVc7T0FBSU87QUFFbEUifQ==
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Nav/context.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/window-info'\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\n\ntype NavContextType = {\n  navOpen: boolean\n  navRef: React.RefObject<HTMLDivElement>\n  setNavOpen: (value: boolean) => void\n}\n\nexport const NavContext = React.createContext<NavContextType>({\n  navOpen: true,\n  navRef: null,\n  setNavOpen: () => {},\n})\n\nexport const useNav = () => React.useContext(NavContext)\n\nconst getNavPreference = async (getPreference): Promise<boolean> => {\n  const navPrefs = await getPreference('nav')\n  const preferredState = navPrefs?.open\n  if (typeof preferredState === 'boolean') {\n    return preferredState\n  } else {\n    return true\n  }\n}\n\nexport const NavProvider: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { useWindowInfo } = facelessUIImport\n\n  const {\n    breakpoints: { l: largeBreak, m: midBreak, s: smallBreak },\n  } = useWindowInfo()\n\n  const { getPreference } = usePreferences()\n  const navRef = useRef(null)\n\n  // initialize the nav to be closed\n  // this is because getting the preference is async\n  // so instead of closing it after the preference is loaded\n  // we will open it after the preference is loaded\n  const [navOpen, setNavOpen] = React.useState(false)\n\n  // on load check the user's preference and set \"initial\" state\n  useEffect(() => {\n    if (largeBreak === false) {\n      const setNavFromPreferences = async () => {\n        const preferredState = await getNavPreference(getPreference)\n        setNavOpen(preferredState)\n      }\n\n      setNavFromPreferences() // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }, [largeBreak, getPreference, setNavOpen])\n\n  // TODO: on smaller screens where the nav is a modal\n  // close the nav when the user navigates away\n\n  // on open and close, lock the body scroll\n  // do not do this on desktop, the sidebar is not a modal\n  useEffect(() => {\n    if (navRef.current) {\n      if (navOpen && midBreak) {\n        disableBodyScroll(navRef.current)\n      } else {\n        enableBodyScroll(navRef.current)\n      }\n    }\n  }, [navOpen, midBreak])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user resizes down to mobile\n  // the sidebar is a modal on mobile\n  useEffect(() => {\n    if (largeBreak === false || midBreak === false || smallBreak === false) {\n      setNavOpen(false)\n    }\n  }, [largeBreak, midBreak, smallBreak])\n\n  // when the component unmounts, clear all body scroll locks\n  useEffect(() => {\n    return () => {\n      clearAllBodyScrollLocks()\n    }\n  }, [])\n\n  return (\n    <NavContext.Provider value={{ navOpen, navRef, setNavOpen }}>{children}</NavContext.Provider>\n  )\n}\n"],"names":["facelessUIImport","clearAllBodyScrollLocks","disableBodyScroll","enableBodyScroll","React","useEffect","useRef","usePreferences","NavContext","createContext","navOpen","navRef","setNavOpen","useNav","useContext","getNavPreference","getPreference","navPrefs","preferredState","open","NavProvider","children","useWindowInfo","breakpoints","l","largeBreak","m","midBreak","s","smallBreak","useState","setNavFromPreferences","current","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,YAAYA,sBAAsB,2BAA0B;AAC5D,SAASC,uBAAuB,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,mBAAkB;AAC/F,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,cAAc,QAAQ,uCAAsC;AAQrE,OAAO,MAAMC,2BAAaJ,MAAMK,aAAa,CAAiB;IAC5DC,SAAS;IACTC,QAAQ;IACRC,YAAY,KAAO;AACrB,GAAE;AAEF,OAAO,MAAMC,SAAS,IAAMT,MAAMU,UAAU,CAACN,YAAW;AAExD,MAAMO,mBAAmB,OAAOC;IAC9B,MAAMC,WAAW,MAAMD,cAAc;IACrC,MAAME,iBAAiBD,UAAUE;IACjC,IAAI,OAAOD,mBAAmB,WAAW;QACvC,OAAOA;IACT,OAAO;QACL,OAAO;IACT;AACF;AAEA,OAAO,MAAME,cAER,CAAC,EAAEC,QAAQ,EAAE;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGtB;IAE1B,MAAM,EACJuB,aAAa,EAAEC,GAAGC,UAAU,EAAEC,GAAGC,QAAQ,EAAEC,GAAGC,UAAU,EAAE,EAC3D,GAAGP;IAEJ,MAAM,EAAEN,aAAa,EAAE,GAAGT;IAC1B,MAAMI,SAASL,OAAO;IAEtB,kCAAkC;IAClC,kDAAkD;IAClD,0DAA0D;IAC1D,iDAAiD;IACjD,MAAM,CAACI,SAASE,WAAW,GAAGR,MAAM0B,QAAQ,CAAC;IAE7C,8DAA8D;IAC9DzB,UAAU;QACR,IAAIoB,eAAe,OAAO;YACxB,MAAMM,wBAAwB;gBAC5B,MAAMb,iBAAiB,MAAMH,iBAAiBC;gBAC9CJ,WAAWM;YACb;YAEAa,wBAAwB,8DAA8D;;QACxF;IACF,GAAG;QAACN;QAAYT;QAAeJ;KAAW;IAE1C,oDAAoD;IACpD,6CAA6C;IAE7C,0CAA0C;IAC1C,wDAAwD;IACxDP,UAAU;QACR,IAAIM,OAAOqB,OAAO,EAAE;YAClB,IAAItB,WAAWiB,UAAU;gBACvBzB,kBAAkBS,OAAOqB,OAAO;YAClC,OAAO;gBACL7B,iBAAiBQ,OAAOqB,OAAO;YACjC;QACF;IACF,GAAG;QAACtB;QAASiB;KAAS;IAEtB,8CAA8C;IAC9C,qDAAqD;IACrD,mCAAmC;IACnCtB,UAAU;QACR,IAAIoB,eAAe,SAASE,aAAa,SAASE,eAAe,OAAO;YACtEjB,WAAW;QACb;IACF,GAAG;QAACa;QAAYE;QAAUE;KAAW;IAErC,2DAA2D;IAC3DxB,UAAU;QACR,OAAO;YACLJ;QACF;IACF,GAAG,EAAE;IAEL,qBACE,oBAACO,WAAWyB,QAAQ;QAACC,OAAO;YAAExB;YAASC;YAAQC;QAAW;OAAIS;AAElE,EAAC"}

package/dist/elements/Nav/index.client.d.ts

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

package/dist/elements/Nav/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAcvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuFpC,CAAA"}

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

@@ -0,0 +1,77 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility';
+import LinkWithDefault from 'next/link.js';
+import React, { Fragment } from 'react';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { EntityType, groupNavItems } from '../../utilities/groupNavItems.js';
+import { NavGroup } from '../NavGroup/index.js';
+import { useNav } from './context.js';
+const baseClass = 'nav';
+export const DefaultNavClient = ()=>{
+    const { permissions } = useAuth();
+    const { isEntityVisible } = useEntityVisibility();
+    const { collections, globals, routes: { admin } } = useConfig();
+    const { i18n } = useTranslation();
+    const { navOpen } = useNav();
+    const groups = groupNavItems([
+        ...collections.filter(({ slug })=>isEntityVisible({
+                collectionSlug: slug
+            })).map((collection)=>{
+            const entityToGroup = {
+                type: EntityType.collection,
+                entity: collection
+            };
+            return entityToGroup;
+        }),
+        ...globals.filter(({ slug })=>isEntityVisible({
+                globalSlug: slug
+            })).map((global)=>{
+            const entityToGroup = {
+                type: EntityType.global,
+                entity: global
+            };
+            return entityToGroup;
+        })
+    ], permissions, i18n);
+    return /*#__PURE__*/ React.createElement(Fragment, null, groups.map(({ entities, label }, key)=>{
+        return /*#__PURE__*/ React.createElement(NavGroup, {
+            key: key,
+            label: label
+        }, entities.map(({ type, entity }, i)=>{
+            let entityLabel;
+            let href;
+            let id;
+            if (type === EntityType.collection) {
+                href = `${admin}/collections/${entity.slug}`;
+                entityLabel = getTranslation(entity.labels.plural, i18n);
+                id = `nav-${entity.slug}`;
+            }
+            if (type === EntityType.global) {
+                href = `${admin}/globals/${entity.slug}`;
+                entityLabel = getTranslation(entity.label, i18n);
+                id = `nav-global-${entity.slug}`;
+            }
+            const Link = LinkWithDefault.default || LinkWithDefault;
+            const LinkElement = Link || 'a';
+            return /*#__PURE__*/ React.createElement(LinkElement, {
+                className: `${baseClass}__link`,
+                href: href,
+                id: id,
+                key: i,
+                tabIndex: !navOpen ? -1 : undefined
+            }, /*#__PURE__*/ React.createElement("span", {
+                className: `${baseClass}__link-icon`
+            }, /*#__PURE__*/ React.createElement(Chevron, {
+                direction: "right"
+            })), /*#__PURE__*/ React.createElement("span", {
+                className: `${baseClass}__link-label`
+            }, entityLabel));
+        }));
+    }));
+};
+
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility'\nimport LinkWithDefault from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport type { EntityToGroup } from '../../utilities/groupNavItems.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { EntityType, groupNavItems } from '../../utilities/groupNavItems.js'\nimport { NavGroup } from '../NavGroup/index.js'\nimport { useNav } from './context.js'\n\nconst baseClass = 'nav'\n\nexport const DefaultNavClient: React.FC = () => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n\n  const {\n    collections,\n    globals,\n    routes: { admin },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { navOpen } = useNav()\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => isEntityVisible({ collectionSlug: slug }))\n        .map((collection) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.collection,\n            entity: collection,\n          }\n\n          return entityToGroup\n        }),\n      ...globals\n        .filter(({ slug }) => isEntityVisible({ globalSlug: slug }))\n        .map((global) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.global,\n            entity: global,\n          }\n\n          return entityToGroup\n        }),\n    ],\n    permissions,\n    i18n,\n  )\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup key={key} label={label}>\n            {entities.map(({ type, entity }, i) => {\n              let entityLabel: string\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = `${admin}/collections/${entity.slug}`\n                entityLabel = getTranslation(entity.labels.plural, i18n)\n                id = `nav-${entity.slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = `${admin}/globals/${entity.slug}`\n                entityLabel = getTranslation(entity.label, i18n)\n                id = `nav-global-${entity.slug}`\n              }\n\n              const Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n\n              return (\n                <LinkElement\n                  className={`${baseClass}__link`}\n                  href={href}\n                  id={id}\n                  key={i}\n                  tabIndex={!navOpen ? -1 : undefined}\n                >\n                  <span className={`${baseClass}__link-icon`}>\n                    <Chevron direction=\"right\" />\n                  </span>\n                  <span className={`${baseClass}__link-label`}>{entityLabel}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","useEntityVisibility","LinkWithDefault","React","Fragment","Chevron","useAuth","useConfig","useTranslation","EntityType","groupNavItems","NavGroup","useNav","baseClass","DefaultNavClient","permissions","isEntityVisible","collections","globals","routes","admin","i18n","navOpen","groups","filter","slug","collectionSlug","map","collection","entityToGroup","type","entity","globalSlug","global","entities","label","key","i","entityLabel","href","id","labels","plural","Link","default","LinkElement","className","tabIndex","undefined","span","direction"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,OAAOC,qBAAqB,eAAc;AAC1C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,EAAEC,aAAa,QAAQ,mCAAkC;AAC5E,SAASC,QAAQ,QAAQ,uBAAsB;AAC/C,SAASC,MAAM,QAAQ,eAAc;AAErC,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAE,GAAGT;IACxB,MAAM,EAAEU,eAAe,EAAE,GAAGf;IAE5B,MAAM,EACJgB,WAAW,EACXC,OAAO,EACPC,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGb;IAEJ,MAAM,EAAEc,IAAI,EAAE,GAAGb;IACjB,MAAM,EAAEc,OAAO,EAAE,GAAGV;IAEpB,MAAMW,SAASb,cACb;WACKO,YACAO,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKT,gBAAgB;gBAAEU,gBAAgBD;YAAK,IAC5DE,GAAG,CAAC,CAACC;YACJ,MAAMC,gBAA+B;gBACnCC,MAAMrB,WAAWmB,UAAU;gBAC3BG,QAAQH;YACV;YAEA,OAAOC;QACT;WACCX,QACAM,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKT,gBAAgB;gBAAEgB,YAAYP;YAAK,IACxDE,GAAG,CAAC,CAACM;YACJ,MAAMJ,gBAA+B;gBACnCC,MAAMrB,WAAWwB,MAAM;gBACvBF,QAAQE;YACV;YAEA,OAAOJ;QACT;KACH,EACDd,aACAM;IAGF,qBACE,oBAACjB,gBACEmB,OAAOI,GAAG,CAAC,CAAC,EAAEO,QAAQ,EAAEC,KAAK,EAAE,EAAEC;QAChC,qBACE,oBAACzB;YAASyB,KAAKA;YAAKD,OAAOA;WACxBD,SAASP,GAAG,CAAC,CAAC,EAAEG,IAAI,EAAEC,MAAM,EAAE,EAAEM;YAC/B,IAAIC;YACJ,IAAIC;YACJ,IAAIC;YAEJ,IAAIV,SAASrB,WAAWmB,UAAU,EAAE;gBAClCW,OAAO,CAAC,EAAEnB,MAAM,aAAa,EAAEW,OAAON,IAAI,CAAC,CAAC;gBAC5Ca,cAActC,eAAe+B,OAAOU,MAAM,CAACC,MAAM,EAAErB;gBACnDmB,KAAK,CAAC,IAAI,EAAET,OAAON,IAAI,CAAC,CAAC;YAC3B;YAEA,IAAIK,SAASrB,WAAWwB,MAAM,EAAE;gBAC9BM,OAAO,CAAC,EAAEnB,MAAM,SAAS,EAAEW,OAAON,IAAI,CAAC,CAAC;gBACxCa,cAActC,eAAe+B,OAAOI,KAAK,EAAEd;gBAC3CmB,KAAK,CAAC,WAAW,EAAET,OAAON,IAAI,CAAC,CAAC;YAClC;YAEA,MAAMkB,OAAQzC,gBAAgB0C,OAAO,IACnC1C;YAEF,MAAM2C,cAAcF,QAAQ;YAE5B,qBACE,oBAACE;gBACCC,WAAW,CAAC,EAAEjC,UAAU,MAAM,CAAC;gBAC/B0B,MAAMA;gBACNC,IAAIA;gBACJJ,KAAKC;gBACLU,UAAU,CAACzB,UAAU,CAAC,IAAI0B;6BAE1B,oBAACC;gBAAKH,WAAW,CAAC,EAAEjC,UAAU,WAAW,CAAC;6BACxC,oBAACR;gBAAQ6C,WAAU;+BAErB,oBAACD;gBAAKH,WAAW,CAAC,EAAEjC,UAAU,YAAY,CAAC;eAAGyB;QAGpD;IAGN;AAGN,EAAC"}

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

@@ -1,12 +1,8 @@
-import type { I18n } from '@payloadcms/translations';
-import type { Permissions, User } from 'payload/auth';
 import type { SanitizedConfig } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export declare const DefaultNav: React.FC<{
+export type NavProps = {
     config: SanitizedConfig;
-    i18n: I18n;
-    permissions: Permissions;
-    user: User;
-}>;
+};
+export declare const DefaultNav: React.FC<NavProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,IAAI,CAAA;CACX,CAmGA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,QAAQ,GAAG;IACrB,MAAM,EAAE,eAAe,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA+BzC,CAAA"}