@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","useRouter","qs","Fragment","useConfig","useLocale","useLocaleLoading","useRouteTransition","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","className","config","localization","router","startRouteTransition","setLocaleIsLoading","i18n","locale","locales","div","filter","Boolean","join","button","horizontalAlign","render","close","ButtonGroup","map","localeOption","localeOptionLabel","label","Button","active","code","disabled","key","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","span","data-locale","showScrollbar","size"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,YAAYC,QAAQ,SAAQ;AAC5B,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,kCAAiC;AAC7E,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,4BAA2B;AAE1D,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAM,EACJE,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAGb;IAEJ,MAAMc,SAASjB;IACf,MAAM,EAAEkB,oBAAoB,EAAE,GAAGZ;IAEjC,MAAM,EAAEa,kBAAkB,EAAE,GAAGd;IAE/B,MAAM,EAAEe,IAAI,EAAE,GAAGb;IACjB,MAAMc,SAASjB;IAEf,IAAIY,cAAc;QAChB,MAAM,EAAEM,OAAO,EAAE,GAAGN;QAEpB,QACGO,IAAIT,WAAW;YAACH;YAAWG;SAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;QAChE,CAAClB,MACCmB,SAASjB,kBACTkB,gBAAgB,QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,IACfrB,UAAUsB,YAAY;cACrB,CAACT,QAAQU,GAAG,CAAC,CAACC;gBACZ,MAAMC,oBAAoBnC,eAAekC,aAAaE,KAAK,EAAEf;gBAE7D,QACGX,UAAU2B,OACTC,QAAQhB,OAAOiB,IAAI,KAAKL,aAAaK,IAAI,EACzCC,UAAUlB,OAAOiB,IAAI,KAAKL,aAAaK,IAAI,EAC3CE,KAAKP,aAAaK,IAAI,EACtBG,SAAS;oBACPtB,mBAAmB;oBACnBW;oBAEA,gHAAgH;oBAChH,MAAMY,eAAe,IAAIC,gBAAgBC,OAAOC,QAAQ,CAACC,MAAM;oBAE/D,MAAMC,MAAM9C,GAAG+C,SAAS,CACtB;wBACE,GAAG/C,GAAGgD,KAAK,CAACP,aAAaQ,QAAQ,IAAI;4BACnCC,OAAO;4BACPC,mBAAmB;wBACrB,EAAE;wBACF/B,QAAQY,aAAaK,IAAI;oBAC3B,GACA;wBAAEe,gBAAgB;oBAAK;oBAGzBnC,qBAAqB;wBACnBD,OAAOqC,IAAI,CAACP;oBACd;gBACF,GACD;oBACC,CAACb,sBAAsBD,aAAaK,IAAI,IACrCpC,SAAS;wBACR,CAACgC,kBAAkB;;wBAEnB,CAACqB,KACCzC,WAAW,GAAGH,UAAU,aAAa,CAAC,EACtC6C,aAAavB,aAAaK,IAAI,EAC/B;0BACC,CAAC,CAAC,CAAC,EAAEL,aAAaK,IAAI,CAAC,CAAC,CAAC,CAAC;wBAC5B,EAAEiB,KAAK;sBACT,EAAErD,aAEDqD,KAAKzC,WAAW,GAAGH,UAAU,aAAa,CAAC,EAAE6C,aAAavB,aAAaK,IAAI,EAAE;wBAC5E,CAACJ,kBAAkB;sBACrB,EAAEqB,MACF;kBACJ,EAAE9C,UAAU2B;YAEhB,GAAG;YACL,EAAE3B,UAAUsB,cAEd0B,cACAC,KAAK,SACL;MACJ,EAAEnC;IAEN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","qs","React","Fragment","useConfig","useLocale","useLocaleLoading","useRouteTransition","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","locale","locales","t1","filter","Boolean","t2","join","t3","t4","t5","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","Button","active","code","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Locked/index.js

@@ -1,22 +1,69 @@
 'use client';
-import { useState } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
 import { LockIcon } from '../../icons/Lock/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 const baseClass = 'locked';
-export const Locked = ({ className, user })=>{
-    const [hovered, setHovered] = useState(false);
-    const { t } = useTranslation();
-    const userToUse = isClientUserObject(user) ? user.email ?? user.id : t('general:anotherUser');
-    return <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} onMouseEnter={()=>setHovered(true)} onMouseLeave={()=>setHovered(false)} role="button" tabIndex={0}>
-      <Tooltip alignCaret="left" className={`${baseClass}__tooltip`} position="top" show={hovered}>{`${userToUse} ${t('general:isEditing')}`}</Tooltip>
-      <LockIcon/>
-    </div>;
+export const Locked = t0 => {
+  const $ = _c(8);
+  const {
+    className,
+    user
+  } = t0;
+  const [hovered, setHovered] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+  let t1;
+  if ($[0] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setHovered(true);
+    t4 = () => setHovered(false);
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  const t5 = `${userToUse} ${t("general:isEditing")}`;
+  let t6;
+  if ($[4] !== hovered || $[5] !== t2 || $[6] !== t5) {
+    t6 = _jsxs("div", {
+      className: t2,
+      onMouseEnter: t3,
+      onMouseLeave: t4,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx(Tooltip, {
+        alignCaret: "left",
+        className: `${baseClass}__tooltip`,
+        position: "top",
+        show: hovered,
+        children: t5
+      }), _jsx(LockIcon, {})]
+    });
+    $[4] = hovered;
+    $[5] = t2;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: ClientUser\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n\n  return (\n    <div\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <Tooltip\n        alignCaret=\"left\"\n        className={`${baseClass}__tooltip`}\n        position=\"top\"\n        show={hovered}\n      >{`${userToUse} ${t('general:isEditing')}`}</Tooltip>\n      <LockIcon />\n    </div>\n  )\n}\n"],"names":["useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","className","user","hovered","setHovered","t","userToUse","email","id","div","filter","Boolean","join","onMouseEnter","onMouseLeave","role","tabIndex","alignCaret","position","show"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,QAAQ,QAAO;AAEvC,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,SAGR,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAE;IACvB,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAS;IACvC,MAAM,EAAEW,CAAC,EAAE,GAAGT;IAEd,MAAMU,YAAYT,mBAAmBK,QAASA,KAAKK,KAAK,IAAIL,KAAKM,EAAE,GAAIH,EAAE;IAEzE,QACGI,IACCR,WAAW;QAACF;QAAWE;KAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,cAAc,IAAMT,WAAW,OAC/BU,cAAc,IAAMV,WAAW,QAC/BW,KAAK,SACLC,UAAU,GACX;MACC,CAAClB,QACCmB,WAAW,OACXhB,WAAW,GAAGF,UAAU,SAAS,CAAC,EAClCmB,SAAS,MACTC,MAAMhB,UACN,GAAGG,UAAU,CAAC,EAAED,EAAE,sBAAsB,GAAGP,QAAQ;MACrD,CAACH,UAAW;IACd,EAAEc;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","userToUse","email","id","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","_jsxs","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: ClientUser\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n\n  return (\n    <div\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <Tooltip\n        alignCaret=\"left\"\n        className={`${baseClass}__tooltip`}\n        position=\"top\"\n        show={hovered}\n      >{`${userToUse} ${t('general:isEditing')}`}</Tooltip>\n      <LockIcon />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,SAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB,OAAAI,OAAA,EAAAC,UAAA,IAA8BZ,QAAA,MAAS;EACvC;IAAAa;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkBX,kBAAA,CAAmBO,IAAA,IAASA,IAAA,CAAAK,KAAA,IAAcL,IAAA,CAAAM,EAAO,GAAIH,CAAA,CAAE;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,SAAA;IAI1DQ,EAAA,IAAAZ,SAAA,EAAYI,SAAA,EAAAS,MAAA,CAAAC,OAAkB;IAAAX,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAA9B,MAAAY,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IACzCH,EAAA,GAAAA,CAAA,KAAMV,UAAA,KAAW;IACjBW,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAAAJ,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAS7B,MAAAkB,EAAA,MAAGZ,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAkB,EAAA;IAZ5CC,EAAA,GAAAC,KAAA,CAAC;MAAAnB,SAAA,EACYW,EAA4C;MAAAS,YAAA,EACzCP,EAAiB;MAAAQ,YAAA,EACjBP,EAAiB;MAAAQ,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAA9B,OAAA;QAAA+B,UAAA,EACa;QAAA1B,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAA+B,QAAA,EACzB;QAAAC,IAAA,EACH1B,OAAA;QAAAsB,QAAA,EACNP;MAAwC,C,GAC1CQ,IAAA,CAAAjC,QAAA,IAAC;IAAA,C;;;;;;;;SAbH0B,E;CAgBJ","ignoreList":[]}

package/dist/elements/Logout/index.js

@@ -1,24 +1,61 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
+import React from 'react';
 import { LogOutIcon } from '../../icons/LogOut/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Link } from '../Link/index.js';
 const baseClass = 'nav';
-export const Logout = /**
-   * @deprecated
-   * This prop is deprecated and will be removed in the next major version.
-   * Components now import their own `Link` directly from `next/link`.
-   */ ({ tabIndex = 0 })=>{
-    const { t } = useTranslation();
-    const { config } = useConfig();
-    const { admin: { routes: { logout: logoutRoute } }, routes: { admin: adminRoute } } = config;
-    return <Link aria-label={t('authentication:logOut')} className={`${baseClass}__log-out`} href={formatAdminURL({
+export const Logout = t0 => {
+  const $ = _c(5);
+  const {
+    tabIndex: t1
+  } = t0;
+  const tabIndex = t1 === undefined ? 0 : t1;
+  const {
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t2,
+    routes: t3
+  } = config;
+  const {
+    routes: t4
+  } = t2;
+  const {
+    logout: logoutRoute
+  } = t4;
+  const {
+    admin: adminRoute
+  } = t3;
+  let t5;
+  if ($[0] !== adminRoute || $[1] !== logoutRoute || $[2] !== t || $[3] !== tabIndex) {
+    t5 = _jsx(Link, {
+      "aria-label": t("authentication:logOut"),
+      className: `${baseClass}__log-out`,
+      href: formatAdminURL({
         adminRoute,
         path: logoutRoute
-    })} prefetch={false} tabIndex={tabIndex} title={t('authentication:logOut')}>
-      <LogOutIcon/>
-    </Link>;
+      }),
+      prefetch: false,
+      tabIndex,
+      title: t("authentication:logOut"),
+      children: _jsx(LogOutIcon, {})
+    });
+    $[0] = adminRoute;
+    $[1] = logoutRoute;
+    $[2] = t;
+    $[3] = tabIndex;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ComponentType\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"names":["formatAdminURL","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","tabIndex","t","config","admin","routes","logout","logoutRoute","adminRoute","aria-label","className","href","path","prefetch","title"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AAEvC,MAAMC,YAAY;AAElB,OAAO,MAAMC,SACX;;;;GAIC,GAGE,CAAC,EAAEC,WAAW,CAAC,EAAE;IACpB,MAAM,EAAEC,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGP;IAEnB,MAAM,EACJQ,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,QACGL,KACCW,YAAYP,EAAE,0BACdQ,WAAW,GAAGX,UAAU,SAAS,CAAC,EAClCY,MAAMjB,eAAe;QACnBc;QACAI,MAAML;IACR,IACAM,UAAU,OACVZ,UAAUA,UACVa,OAAOZ,EAAE,0BACV;MACC,CAACP,YAAa;IAChB,EAAEG;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ComponentType\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAQRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAAAnB,IAAA;MAAA,cACcQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAAnB,SAAA,WAAuB;MAAAoB,IAAA,EAC5B1B,cAAA;QAAAsB,UAAA;QAAAK,IAAA,EAEEN;MAAA,CACR;MAAAO,QAAA;MAAAlB,QAAA;MAAAmB,KAAA,EAGOhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAAAtB,UAAA,IAAC;IAAA,C;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}

package/dist/elements/Modal/index.js

@@ -1,5 +1,5 @@
 'use client';
+
 import { Modal, useModal } from '@faceless-ui/modal';
 export { Modal, useModal };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Modal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nexport { Modal, useModal }\n"],"names":["Modal","useModal"],"mappings":"AAAA;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,SAASD,KAAK,EAAEC,QAAQ,GAAE"}
+{"version":3,"file":"index.js","names":["Modal","useModal"],"sources":["../../../src/elements/Modal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nexport { Modal, useModal }\n"],"mappings":"AAAA;;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ;AAChC,SAASD,KAAK,EAAEC,QAAQ","ignoreList":[]}

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

@@ -1,32 +1,90 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useWindowInfo } 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';
 import './index.scss';
 const baseClass = 'nav-toggler';
-export const NavToggler = (props)=>{
-    const { id, children, className, tabIndex = 0 } = props;
-    const { t } = useTranslation();
-    const { setPreference } = usePreferences();
-    const { navOpen, setNavOpen } = useNav();
-    const { breakpoints: { l: largeBreak } } = useWindowInfo();
-    return <button aria-label={`${navOpen ? t('general:close') : t('general:open')} ${t('general:menu')}`} className={[
-        baseClass,
-        navOpen && `${baseClass}--is-open`,
-        className
-    ].filter(Boolean).join(' ')} id={id} onClick={async ()=>{
-        setNavOpen(!navOpen);
-        // only when the user explicitly toggles the nav on desktop do we want to set the preference
-        // this is because the js may open or close the nav based on the window size, routing, etc
-        if (!largeBreak) {
-            await setPreference('nav', {
-                open: !navOpen
-            }, true);
-        }
-    }} tabIndex={tabIndex} type="button">
-      {children}
-    </button>;
+export const NavToggler = props => {
+  const $ = _c(15);
+  const {
+    id,
+    children,
+    className,
+    tabIndex: t0
+  } = props;
+  const tabIndex = t0 === undefined ? 0 : t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    setPreference
+  } = usePreferences();
+  const {
+    navOpen,
+    setNavOpen
+  } = useNav();
+  const {
+    breakpoints: t1
+  } = useWindowInfo();
+  const {
+    l: largeBreak
+  } = t1;
+  const t2 = `${navOpen ? t("general:close") : t("general:open")} ${t("general:menu")}`;
+  const t3 = navOpen && `${baseClass}--is-open`;
+  let t4;
+  if ($[0] !== className || $[1] !== t3) {
+    t4 = [baseClass, t3, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t3;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const t5 = t4.join(" ");
+  let t6;
+  if ($[3] !== largeBreak || $[4] !== navOpen || $[5] !== setNavOpen || $[6] !== setPreference) {
+    t6 = async () => {
+      setNavOpen(!navOpen);
+      if (!largeBreak) {
+        await setPreference("nav", {
+          open: !navOpen
+        }, true);
+      }
+    };
+    $[3] = largeBreak;
+    $[4] = navOpen;
+    $[5] = setNavOpen;
+    $[6] = setPreference;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== children || $[9] !== id || $[10] !== t2 || $[11] !== t5 || $[12] !== t6 || $[13] !== tabIndex) {
+    t7 = _jsx("button", {
+      "aria-label": t2,
+      className: t5,
+      id,
+      onClick: t6,
+      tabIndex,
+      type: "button",
+      children
+    });
+    $[8] = children;
+    $[9] = id;
+    $[10] = t2;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = tabIndex;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  return t7;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } 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\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(\n            'nav',\n            {\n              open: !navOpen,\n            },\n            true,\n          )\n        }\n      }}\n      tabIndex={tabIndex}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["useWindowInfo","usePreferences","useTranslation","useNav","baseClass","NavToggler","props","id","children","className","tabIndex","t","setPreference","navOpen","setNavOpen","breakpoints","l","largeBreak","button","aria-label","filter","Boolean","join","onClick","open","type"],"mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,2BAA0B;AAGxD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,gBAAe;AACtC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAKR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,CAAC,EAAE,GAAGJ;IAElD,MAAM,EAAEK,CAAC,EAAE,GAAGT;IAEd,MAAM,EAAEU,aAAa,EAAE,GAAGX;IAE1B,MAAM,EAAEY,OAAO,EAAEC,UAAU,EAAE,GAAGX;IAEhC,MAAM,EACJY,aAAa,EAAEC,GAAGC,UAAU,EAAE,EAC/B,GAAGjB;IAEJ,QACGkB,OACCC,YAAY,GAAGN,UAAUF,EAAE,mBAAmBA,EAAE,gBAAgB,CAAC,EAAEA,EAAE,iBAAiB,EACtFF,WAAW;QAACL;QAAWS,WAAW,GAAGT,UAAU,SAAS,CAAC;QAAEK;KAAU,CAClEW,MAAM,CAACC,SACPC,IAAI,CAAC,MACRf,IAAIA,IACJgB,SAAS;QACPT,WAAW,CAACD;QAEZ,4FAA4F;QAC5F,0FAA0F;QAC1F,IAAI,CAACI,YAAY;YACf,MAAML,cACJ,OACA;gBACEY,MAAM,CAACX;YACT,GACA;QAEJ;IACF,GACAH,UAAUA,UACVe,KAAK,SACN;MACC,CAACjB,SAAS;IACZ,EAAEU;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","React","usePreferences","useTranslation","useNav","baseClass","NavToggler","props","$","id","children","className","tabIndex","t0","undefined","t","setPreference","navOpen","setNavOpen","breakpoints","t1","l","largeBreak","t2","t3","t4","filter","Boolean","t5","join","t6","open","t7","_jsx","onClick","type"],"sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } 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\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(\n            'nav',\n            {\n              open: !navOpen,\n            },\n            true,\n          )\n        }\n      }}\n      tabIndex={tabIndex}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,aAAa,QAAQ;AAC9B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,EAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,QAAA,EAAAC;EAAA,IAAkDN,KAAA;EAAjB,MAAAK,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAE7C;IAAAE;EAAA,IAAcZ,cAAA;EAEd;IAAAa;EAAA,IAA0Bd,cAAA;EAE1B;IAAAe,OAAA;IAAAC;EAAA,IAAgCd,MAAA;EAEhC;IAAAe,WAAA,EAAAC;EAAA,IAEIpB,aAAA;EADW;IAAAqB,CAAA,EAAAC;EAAA,IAAAF,EAAiB;EAKhB,MAAAG,EAAA,MAAGN,OAAA,GAAUF,CAAA,CAAE,mBAAmBA,CAAA,CAAE,mBAAmBA,CAAA,CAAE,iBAAiB;EAC/D,MAAAS,EAAA,GAAAP,OAAA,IAAW,GAAAZ,SAAA,WAAuB;EAAA,IAAAoB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAgB,EAAA;IAA9CC,EAAA,IAAApB,SAAA,EAAYmB,EAAkC,EAAEb,SAAA,EAAAe,MAAA,CAAAC,OACjD;IAAAnB,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EADC,MAAAoB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAS,OAAA,IAAAT,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAQ,aAAA;IAECc,EAAA,SAAAA,CAAA;MACPZ,UAAA,EAAYD,OAAA;MAAA,KAIPK,UAAA;QAAA,MACGN,aAAA,CACJ;UAAAe,IAAA,GAESd;QAAA,OAET;MAAA;IAAA;IAGNT,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAS,OAAA;IAAAT,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAQ,aAAA;IAAAR,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAAwB,EAAA;EAAA,IAAAxB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA,IAAAD,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAoB,EAAA,IAAApB,CAAA,SAAAsB,EAAA,IAAAtB,CAAA,SAAAI,QAAA;IApBFoB,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaV,EAA0E;MAAAZ,SAAA,EAC3EiB,EAEH;MAAAnB,EAAA;MAAAyB,OAAA,EAECJ,EAcT;MAAAlB,QAAA;MAAAuB,IAAA,EAEK;MAAAzB;IAAA,C;;;;;;;;;;;SAtBPsB,E;CA2BJ","ignoreList":[]}

package/dist/elements/Nav/context.js

@@ -1,114 +1,116 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { usePathname } from 'next/navigation.js';
 import React, { useEffect, useRef } from 'react';
 import { usePreferences } from '../../providers/Preferences/index.js';
 /**
  * @internal
- */ export const NavContext = React.createContext({
-    hydrated: false,
-    navOpen: true,
-    navRef: null,
-    setNavOpen: ()=>{},
-    shouldAnimate: false
+ */
+export const NavContext = /*#__PURE__*/React.createContext({
+  hydrated: false,
+  navOpen: true,
+  navRef: null,
+  setNavOpen: () => {},
+  shouldAnimate: false
 });
-export const useNav = ()=>React.use(NavContext);
-const getNavPreference = async (getPreference)=>{
-    const navPrefs = await getPreference('nav');
-    const preferredState = navPrefs?.open;
-    if (typeof preferredState === 'boolean') {
-        return preferredState;
-    } else {
-        return true;
-    }
+export const useNav = () => React.use(NavContext);
+const getNavPreference = async getPreference => {
+  const navPrefs = await getPreference('nav');
+  const preferredState = navPrefs?.open;
+  if (typeof preferredState === 'boolean') {
+    return preferredState;
+  } else {
+    return true;
+  }
 };
 /**
  * @internal
- */ export const NavProvider = ({ children, initialIsOpen })=>{
-    const { breakpoints: { l: largeBreak, m: midBreak, s: smallBreak } } = useWindowInfo();
-    const pathname = usePathname();
-    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.useState(initialIsOpen);
-    const [shouldAnimate, setShouldAnimate] = React.useState(false);
-    const [hydrated, setHydrated] = React.useState(false);
-    // on load check the user's preference and set "initial" state
-    useEffect(()=>{
-        if (largeBreak === false) {
-            const setNavFromPreferences = async ()=>{
-                const preferredState = await getNavPreference(getPreference);
-                setNavOpen(preferredState);
-            };
-            void setNavFromPreferences();
-        }
-    }, [
-        largeBreak,
-        getPreference,
-        setNavOpen
-    ]);
-    // on smaller screens where the nav is a modal
-    // close the nav when the user navigates away
-    useEffect(()=>{
-        if (smallBreak === true) {
-            setNavOpen(false);
-        }
-    }, [
-        pathname
-    ]);
-    // on open and close, lock the body scroll
-    // do not do this on desktop, the sidebar is not a modal
-    useEffect(()=>{
-        if (navRef.current) {
-            if (navOpen && midBreak) {
-                navRef.current.style.overscrollBehavior = 'contain';
-            } else {
-                navRef.current.style.overscrollBehavior = 'auto';
-            }
-        }
-    }, [
-        navOpen,
-        midBreak
-    ]);
-    // 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
-    useEffect(()=>{
-        if (largeBreak === true || midBreak === true || smallBreak === true) {
-            setNavOpen(false);
-        }
-        setHydrated(true);
-        const timeout = setTimeout(()=>{
-            setShouldAnimate(true);
-        }, 100);
-        return ()=>{
-            clearTimeout(timeout);
-        };
-    }, [
-        largeBreak,
-        midBreak,
-        smallBreak
-    ]);
-    // when the component unmounts, clear all body scroll locks
-    useEffect(()=>{
-        return ()=>{
-            if (navRef.current) {
-                navRef.current.style.overscrollBehavior = 'auto';
-            }
-        };
-    }, []);
-    return <NavContext value={{
-        hydrated,
-        navOpen,
-        navRef,
-        setNavOpen,
-        shouldAnimate
-    }}>
-      {children}
-    </NavContext>;
+ */
+export const NavProvider = ({
+  children,
+  initialIsOpen
+}) => {
+  const {
+    breakpoints: {
+      l: largeBreak,
+      m: midBreak,
+      s: smallBreak
+    }
+  } = useWindowInfo();
+  const pathname = usePathname();
+  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.useState(initialIsOpen);
+  const [shouldAnimate, setShouldAnimate] = React.useState(false);
+  const [hydrated, setHydrated] = React.useState(false);
+  // on load check the user's preference and set "initial" state
+  useEffect(() => {
+    if (largeBreak === false) {
+      const setNavFromPreferences = async () => {
+        const preferredState = await getNavPreference(getPreference);
+        setNavOpen(preferredState);
+      };
+      void setNavFromPreferences();
+    }
+  }, [largeBreak, getPreference, setNavOpen]);
+  // on smaller screens where the nav is a modal
+  // close the nav when the user navigates away
+  useEffect(() => {
+    if (smallBreak === true) {
+      setNavOpen(false);
+    }
+  }, [pathname]);
+  // on open and close, lock the body scroll
+  // do not do this on desktop, the sidebar is not a modal
+  useEffect(() => {
+    if (navRef.current) {
+      if (navOpen && midBreak) {
+        navRef.current.style.overscrollBehavior = 'contain';
+      } else {
+        navRef.current.style.overscrollBehavior = 'auto';
+      }
+    }
+  }, [navOpen, midBreak]);
+  // 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
+  useEffect(() => {
+    if (largeBreak === true || midBreak === true || smallBreak === true) {
+      setNavOpen(false);
+    }
+    setHydrated(true);
+    const timeout = setTimeout(() => {
+      setShouldAnimate(true);
+    }, 100);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [largeBreak, midBreak, smallBreak]);
+  // when the component unmounts, clear all body scroll locks
+  useEffect(() => {
+    return () => {
+      if (navRef.current) {
+        navRef.current.style.overscrollBehavior = 'auto';
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(NavContext, {
+    value: {
+      hydrated,
+      navOpen,
+      navRef,
+      setNavOpen,
+      shouldAnimate
+    },
+    children: children
+  });
 };
-
 //# sourceMappingURL=context.js.map