@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/elements/Nav/context.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { usePathname } from 'next/navigation.js';
 import { PREFERENCE_KEYS } from 'payload/shared';
@@ -7,115 +8,110 @@ import React, { useEffect, useRef } from 'react';
 import { usePreferences } from '../../providers/Preferences/index.js';
 /**
  * @internal
- */ export const NavContext = /*#__PURE__*/ 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(PREFERENCE_KEYS.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(PREFERENCE_KEYS.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 /*#__PURE__*/ _jsxDEV(NavContext, {
-        value: {
-            hydrated,
-            navOpen,
-            navRef,
-            setNavOpen,
-            shouldAnimate
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/Nav/context.tsx",
-        lineNumber: 124,
-        columnNumber: 5
-    }, this);
+ */
+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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Nav/context.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { usePathname } from 'next/navigation.js'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\n\ntype NavContextType = {\n  hydrated: boolean\n  navOpen: boolean\n  navRef: React.RefObject<HTMLDivElement | null>\n  setNavOpen: (value: boolean) => void\n  shouldAnimate: boolean\n}\n\n/**\n * @internal\n */\nexport const NavContext = React.createContext<NavContextType>({\n  hydrated: false,\n  navOpen: true,\n  navRef: null,\n  setNavOpen: () => {},\n  shouldAnimate: false,\n})\n\nexport const useNav = () => React.use(NavContext)\n\nconst getNavPreference = async (getPreference): Promise<boolean> => {\n  const navPrefs = await getPreference(PREFERENCE_KEYS.NAV)\n  const preferredState = navPrefs?.open\n  if (typeof preferredState === 'boolean') {\n    return preferredState\n  } else {\n    return true\n  }\n}\n\n/**\n * @internal\n */\nexport const NavProvider: React.FC<{\n  children: React.ReactNode\n  initialIsOpen?: boolean\n}> = ({ children, initialIsOpen }) => {\n  const {\n    breakpoints: { l: largeBreak, m: midBreak, s: smallBreak },\n  } = useWindowInfo()\n\n  const pathname = usePathname()\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(initialIsOpen)\n\n  const [shouldAnimate, setShouldAnimate] = React.useState(false)\n  const [hydrated, setHydrated] = 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      void setNavFromPreferences()\n    }\n  }, [largeBreak, getPreference, setNavOpen])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user navigates away\n  useEffect(() => {\n    if (smallBreak === true) {\n      setNavOpen(false)\n    }\n  }, [pathname])\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        navRef.current.style.overscrollBehavior = 'contain'\n      } else {\n        navRef.current.style.overscrollBehavior = 'auto'\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 === true || midBreak === true || smallBreak === true) {\n      setNavOpen(false)\n    }\n    setHydrated(true)\n\n    const timeout = setTimeout(() => {\n      setShouldAnimate(true)\n    }, 100)\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [largeBreak, midBreak, smallBreak])\n\n  // when the component unmounts, clear all body scroll locks\n  useEffect(() => {\n    return () => {\n      if (navRef.current) {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [])\n\n  return (\n    <NavContext value={{ hydrated, navOpen, navRef, setNavOpen, shouldAnimate }}>\n      {children}\n    </NavContext>\n  )\n}\n"],"names":["useWindowInfo","usePathname","PREFERENCE_KEYS","React","useEffect","useRef","usePreferences","NavContext","createContext","hydrated","navOpen","navRef","setNavOpen","shouldAnimate","useNav","use","getNavPreference","getPreference","navPrefs","NAV","preferredState","open","NavProvider","children","initialIsOpen","breakpoints","l","largeBreak","m","midBreak","s","smallBreak","pathname","useState","setShouldAnimate","setHydrated","setNavFromPreferences","current","style","overscrollBehavior","timeout","setTimeout","clearTimeout","value"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,2BAA0B;AACxD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,eAAe,QAAQ,iBAAgB;AAChD,OAAOC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,cAAc,QAAQ,uCAAsC;AAUrE;;CAEC,GACD,OAAO,MAAMC,2BAAaJ,MAAMK,aAAa,CAAiB;IAC5DC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,YAAY,KAAO;IACnBC,eAAe;AACjB,GAAE;AAEF,OAAO,MAAMC,SAAS,IAAMX,MAAMY,GAAG,CAACR,YAAW;AAEjD,MAAMS,mBAAmB,OAAOC;IAC9B,MAAMC,WAAW,MAAMD,cAAcf,gBAAgBiB,GAAG;IACxD,MAAMC,iBAAiBF,UAAUG;IACjC,IAAI,OAAOD,mBAAmB,WAAW;QACvC,OAAOA;IACT,OAAO;QACL,OAAO;IACT;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,cAGR,CAAC,EAAEC,QAAQ,EAAEC,aAAa,EAAE;IAC/B,MAAM,EACJC,aAAa,EAAEC,GAAGC,UAAU,EAAEC,GAAGC,QAAQ,EAAEC,GAAGC,UAAU,EAAE,EAC3D,GAAG/B;IAEJ,MAAMgC,WAAW/B;IAEjB,MAAM,EAAEgB,aAAa,EAAE,GAAGX;IAC1B,MAAMK,SAASN,OAAO;IAEtB,kCAAkC;IAClC,kDAAkD;IAClD,0DAA0D;IAC1D,iDAAiD;IACjD,MAAM,CAACK,SAASE,WAAW,GAAGT,MAAM8B,QAAQ,CAACT;IAE7C,MAAM,CAACX,eAAeqB,iBAAiB,GAAG/B,MAAM8B,QAAQ,CAAC;IACzD,MAAM,CAACxB,UAAU0B,YAAY,GAAGhC,MAAM8B,QAAQ,CAAC;IAE/C,8DAA8D;IAC9D7B,UAAU;QACR,IAAIuB,eAAe,OAAO;YACxB,MAAMS,wBAAwB;gBAC5B,MAAMhB,iBAAiB,MAAMJ,iBAAiBC;gBAC9CL,WAAWQ;YACb;YAEA,KAAKgB;QACP;IACF,GAAG;QAACT;QAAYV;QAAeL;KAAW;IAE1C,8CAA8C;IAC9C,6CAA6C;IAC7CR,UAAU;QACR,IAAI2B,eAAe,MAAM;YACvBnB,WAAW;QACb;IACF,GAAG;QAACoB;KAAS;IAEb,0CAA0C;IAC1C,wDAAwD;IACxD5B,UAAU;QACR,IAAIO,OAAO0B,OAAO,EAAE;YAClB,IAAI3B,WAAWmB,UAAU;gBACvBlB,OAAO0B,OAAO,CAACC,KAAK,CAACC,kBAAkB,GAAG;YAC5C,OAAO;gBACL5B,OAAO0B,OAAO,CAACC,KAAK,CAACC,kBAAkB,GAAG;YAC5C;QACF;IACF,GAAG;QAAC7B;QAASmB;KAAS;IAEtB,8CAA8C;IAC9C,qDAAqD;IACrD,mCAAmC;IACnCzB,UAAU;QACR,IAAIuB,eAAe,QAAQE,aAAa,QAAQE,eAAe,MAAM;YACnEnB,WAAW;QACb;QACAuB,YAAY;QAEZ,MAAMK,UAAUC,WAAW;YACzBP,iBAAiB;QACnB,GAAG;QACH,OAAO;YACLQ,aAAaF;QACf;IACF,GAAG;QAACb;QAAYE;QAAUE;KAAW;IAErC,2DAA2D;IAC3D3B,UAAU;QACR,OAAO;YACL,IAAIO,OAAO0B,OAAO,EAAE;gBAClB1B,OAAO0B,OAAO,CAACC,KAAK,CAACC,kBAAkB,GAAG;YAC5C;QACF;IACF,GAAG,EAAE;IAEL,qBACE,QAAChC;QAAWoC,OAAO;YAAElC;YAAUC;YAASC;YAAQC;YAAYC;QAAc;kBACvEU;;;;;;AAGP,EAAC"}
+{"version":3,"file":"context.js","names":["useWindowInfo","usePathname","PREFERENCE_KEYS","React","useEffect","useRef","usePreferences","NavContext","createContext","hydrated","navOpen","navRef","setNavOpen","shouldAnimate","useNav","use","getNavPreference","getPreference","navPrefs","NAV","preferredState","open","NavProvider","children","initialIsOpen","breakpoints","l","largeBreak","m","midBreak","s","smallBreak","pathname","useState","setShouldAnimate","setHydrated","setNavFromPreferences","current","style","overscrollBehavior","timeout","setTimeout","clearTimeout","_jsx","value"],"sources":["../../../src/elements/Nav/context.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { usePathname } from 'next/navigation.js'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\n\ntype NavContextType = {\n  hydrated: boolean\n  navOpen: boolean\n  navRef: React.RefObject<HTMLDivElement | null>\n  setNavOpen: (value: boolean) => void\n  shouldAnimate: boolean\n}\n\n/**\n * @internal\n */\nexport const NavContext = React.createContext<NavContextType>({\n  hydrated: false,\n  navOpen: true,\n  navRef: null,\n  setNavOpen: () => {},\n  shouldAnimate: false,\n})\n\nexport const useNav = () => React.use(NavContext)\n\nconst getNavPreference = async (getPreference): Promise<boolean> => {\n  const navPrefs = await getPreference(PREFERENCE_KEYS.NAV)\n  const preferredState = navPrefs?.open\n  if (typeof preferredState === 'boolean') {\n    return preferredState\n  } else {\n    return true\n  }\n}\n\n/**\n * @internal\n */\nexport const NavProvider: React.FC<{\n  children: React.ReactNode\n  initialIsOpen?: boolean\n}> = ({ children, initialIsOpen }) => {\n  const {\n    breakpoints: { l: largeBreak, m: midBreak, s: smallBreak },\n  } = useWindowInfo()\n\n  const pathname = usePathname()\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(initialIsOpen)\n\n  const [shouldAnimate, setShouldAnimate] = React.useState(false)\n  const [hydrated, setHydrated] = 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      void setNavFromPreferences()\n    }\n  }, [largeBreak, getPreference, setNavOpen])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user navigates away\n  useEffect(() => {\n    if (smallBreak === true) {\n      setNavOpen(false)\n    }\n  }, [pathname])\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        navRef.current.style.overscrollBehavior = 'contain'\n      } else {\n        navRef.current.style.overscrollBehavior = 'auto'\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 === true || midBreak === true || smallBreak === true) {\n      setNavOpen(false)\n    }\n    setHydrated(true)\n\n    const timeout = setTimeout(() => {\n      setShouldAnimate(true)\n    }, 100)\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [largeBreak, midBreak, smallBreak])\n\n  // when the component unmounts, clear all body scroll locks\n  useEffect(() => {\n    return () => {\n      if (navRef.current) {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [])\n\n  return (\n    <NavContext value={{ hydrated, navOpen, navRef, setNavOpen, shouldAnimate }}>\n      {children}\n    </NavContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/NavGroup/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PREFERENCE_KEYS } from 'payload/shared';
 import React, { useState } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
@@ -8,103 +10,125 @@ import './index.scss';
 import { AnimateHeight } from '../AnimateHeight/index.js';
 import { useNav } from '../Nav/context.js';
 const baseClass = 'nav-group';
-export const NavGroup = ({ children, isOpen: isOpenFromProps, label })=>{
-    const [collapsed, setCollapsed] = useState(typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false);
-    const [animate, setAnimate] = useState(false);
-    const { setPreference } = usePreferences();
-    const { navOpen } = useNav();
-    if (label) {
-        const toggleCollapsed = ()=>{
-            setAnimate(true);
-            const newGroupPrefs = {};
-            if (!newGroupPrefs?.[label]) {
-                newGroupPrefs[label] = {
-                    open: Boolean(collapsed)
-                };
-            } else {
-                newGroupPrefs[label].open = Boolean(collapsed);
-            }
-            void setPreference(PREFERENCE_KEYS.NAV, {
-                groups: newGroupPrefs
-            }, true);
-            setCollapsed(!collapsed);
-        };
-        return /*#__PURE__*/ _jsxDEV("div", {
-            className: [
-                `${baseClass}`,
-                `${label}`,
-                collapsed && `${baseClass}--collapsed`
-            ].filter(Boolean).join(' '),
-            id: `nav-group-${label}`,
-            children: [
-                /*#__PURE__*/ _jsxDEV("button", {
-                    className: [
-                        `${baseClass}__toggle`,
-                        `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`
-                    ].filter(Boolean).join(' '),
-                    onClick: toggleCollapsed,
-                    tabIndex: !navOpen ? -1 : 0,
-                    type: "button",
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__label`,
-                            children: label
-                        }, void 0, false, {
-                            fileName: "src/elements/NavGroup/index.tsx",
-                            lineNumber: 63,
-                            columnNumber: 11
-                        }, this),
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__indicator`,
-                            children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                                className: `${baseClass}__indicator`,
-                                direction: !collapsed ? 'up' : undefined
-                            }, void 0, false, {
-                                fileName: "src/elements/NavGroup/index.tsx",
-                                lineNumber: 65,
-                                columnNumber: 13
-                            }, this)
-                        }, void 0, false, {
-                            fileName: "src/elements/NavGroup/index.tsx",
-                            lineNumber: 64,
-                            columnNumber: 11
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/NavGroup/index.tsx",
-                    lineNumber: 52,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV(AnimateHeight, {
-                    duration: animate ? 200 : 0,
-                    height: collapsed ? 0 : 'auto',
-                    children: /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__content`,
-                        children: children
-                    }, void 0, false, {
-                        fileName: "src/elements/NavGroup/index.tsx",
-                        lineNumber: 72,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/NavGroup/index.tsx",
-                    lineNumber: 71,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/NavGroup/index.tsx",
-            lineNumber: 46,
-            columnNumber: 7
-        }, this);
+export const NavGroup = t0 => {
+  const $ = _c(21);
+  const {
+    children,
+    isOpen: isOpenFromProps,
+    label
+  } = t0;
+  const [collapsed, setCollapsed] = useState(typeof isOpenFromProps !== "undefined" ? !isOpenFromProps : false);
+  const [animate, setAnimate] = useState(false);
+  const {
+    setPreference
+  } = usePreferences();
+  const {
+    navOpen
+  } = useNav();
+  if (label) {
+    let t1;
+    if ($[0] !== collapsed || $[1] !== label || $[2] !== setPreference) {
+      t1 = () => {
+        setAnimate(true);
+        const newGroupPrefs = {};
+        if (!newGroupPrefs?.[label]) {
+          newGroupPrefs[label] = {
+            open: Boolean(collapsed)
+          };
+        } else {
+          newGroupPrefs[label].open = Boolean(collapsed);
+        }
+        setPreference(PREFERENCE_KEYS.NAV, {
+          groups: newGroupPrefs
+        }, true);
+        setCollapsed(!collapsed);
+      };
+      $[0] = collapsed;
+      $[1] = label;
+      $[2] = setPreference;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    const toggleCollapsed = t1;
+    const t2 = `${label}`;
+    const t3 = collapsed && `${baseClass}--collapsed`;
+    let t4;
+    if ($[4] !== t2 || $[5] !== t3) {
+      t4 = [`${baseClass}`, t2, t3].filter(Boolean);
+      $[4] = t2;
+      $[5] = t3;
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    const t5 = t4.join(" ");
+    const t6 = `nav-group-${label}`;
+    const t7 = `${baseClass}__toggle--${collapsed ? "collapsed" : "open"}`;
+    let t8;
+    if ($[7] !== t7) {
+      t8 = [`${baseClass}__toggle`, t7].filter(Boolean);
+      $[7] = t7;
+      $[8] = t8;
+    } else {
+      t8 = $[8];
     }
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/NavGroup/index.tsx",
-        lineNumber: 78,
-        columnNumber: 10
-    }, this);
+    const t9 = t8.join(" ");
+    const t10 = !navOpen ? -1 : 0;
+    let t11;
+    if ($[9] !== animate || $[10] !== children || $[11] !== collapsed || $[12] !== label || $[13] !== t10 || $[14] !== t5 || $[15] !== t6 || $[16] !== t9 || $[17] !== toggleCollapsed) {
+      t11 = _jsxs("div", {
+        className: t5,
+        id: t6,
+        children: [_jsxs("button", {
+          className: t9,
+          onClick: toggleCollapsed,
+          tabIndex: t10,
+          type: "button",
+          children: [_jsx("div", {
+            className: `${baseClass}__label`,
+            children: label
+          }), _jsx("div", {
+            className: `${baseClass}__indicator`,
+            children: _jsx(ChevronIcon, {
+              className: `${baseClass}__indicator`,
+              direction: !collapsed ? "up" : undefined
+            })
+          })]
+        }), _jsx(AnimateHeight, {
+          duration: animate ? 200 : 0,
+          height: collapsed ? 0 : "auto",
+          children: _jsx("div", {
+            className: `${baseClass}__content`,
+            children
+          })
+        })]
+      });
+      $[9] = animate;
+      $[10] = children;
+      $[11] = collapsed;
+      $[12] = label;
+      $[13] = t10;
+      $[14] = t5;
+      $[15] = t6;
+      $[16] = t9;
+      $[17] = toggleCollapsed;
+      $[18] = t11;
+    } else {
+      t11 = $[18];
+    }
+    return t11;
+  }
+  let t1;
+  if ($[19] !== children) {
+    t1 = _jsx(React.Fragment, {
+      children
+    });
+    $[19] = children;
+    $[20] = t1;
+  } else {
+    t1 = $[20];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { useNav } from '../Nav/context.js'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const [animate, setAnimate] = useState(false)\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      setAnimate(true)\n      const newGroupPrefs: NavPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.NAV, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{label}</div>\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon\n              className={`${baseClass}__indicator`}\n              direction={!collapsed ? 'up' : undefined}\n            />\n          </div>\n        </button>\n        <AnimateHeight duration={animate ? 200 : 0} height={collapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"names":["PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","AnimateHeight","useNav","baseClass","NavGroup","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","animate","setAnimate","setPreference","navOpen","toggleCollapsed","newGroupPrefs","open","Boolean","NAV","groups","div","className","filter","join","id","button","onClick","tabIndex","type","direction","undefined","duration","height","Fragment"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ,iBAAgB;AAChD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AACrB,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,MAAM,QAAQ,oBAAmB;AAE1C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,WAA4B,CAAC,EAAEC,QAAQ,EAAEC,QAAQC,eAAe,EAAEC,KAAK,EAAE;IACpF,MAAM,CAACC,WAAWC,aAAa,GAAGZ,SAChC,OAAOS,oBAAoB,cAAc,CAACA,kBAAkB;IAG9D,MAAM,CAACI,SAASC,WAAW,GAAGd,SAAS;IACvC,MAAM,EAAEe,aAAa,EAAE,GAAGb;IAC1B,MAAM,EAAEc,OAAO,EAAE,GAAGZ;IAEpB,IAAIM,OAAO;QACT,MAAMO,kBAAkB;YACtBH,WAAW;YACX,MAAMI,gBAA0C,CAAC;YAEjD,IAAI,CAACA,eAAe,CAACR,MAAM,EAAE;gBAC3BQ,aAAa,CAACR,MAAM,GAAG;oBAAES,MAAMC,QAAQT;gBAAW;YACpD,OAAO;gBACLO,aAAa,CAACR,MAAM,CAACS,IAAI,GAAGC,QAAQT;YACtC;YAEA,KAAKI,cAAcjB,gBAAgBuB,GAAG,EAAE;gBAAEC,QAAQJ;YAAc,GAAG;YACnEN,aAAa,CAACD;QAChB;QAEA,qBACE,QAACY;YACCC,WAAW;gBAAC,GAAGnB,WAAW;gBAAE,GAAGK,OAAO;gBAAEC,aAAa,GAAGN,UAAU,WAAW,CAAC;aAAC,CAC5EoB,MAAM,CAACL,SACPM,IAAI,CAAC;YACRC,IAAI,CAAC,UAAU,EAAEjB,OAAO;;8BAExB,QAACkB;oBACCJ,WAAW;wBACT,GAAGnB,UAAU,QAAQ,CAAC;wBACtB,GAAGA,UAAU,UAAU,EAAEM,YAAY,cAAc,QAAQ;qBAC5D,CACEc,MAAM,CAACL,SACPM,IAAI,CAAC;oBACRG,SAASZ;oBACTa,UAAU,CAACd,UAAU,CAAC,IAAI;oBAC1Be,MAAK;;sCAEL,QAACR;4BAAIC,WAAW,GAAGnB,UAAU,OAAO,CAAC;sCAAGK;;;;;;sCACxC,QAACa;4BAAIC,WAAW,GAAGnB,UAAU,WAAW,CAAC;sCACvC,cAAA,QAACJ;gCACCuB,WAAW,GAAGnB,UAAU,WAAW,CAAC;gCACpC2B,WAAW,CAACrB,YAAY,OAAOsB;;;;;;;;;;;;;;;;;8BAIrC,QAAC9B;oBAAc+B,UAAUrB,UAAU,MAAM;oBAAGsB,QAAQxB,YAAY,IAAI;8BAClE,cAAA,QAACY;wBAAIC,WAAW,GAAGnB,UAAU,SAAS,CAAC;kCAAGE;;;;;;;;;;;;;;;;;IAIlD;IAEA,qBAAO,QAACR,MAAMqC,QAAQ;kBAAE7B;;;;;;AAC1B,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","AnimateHeight","useNav","baseClass","NavGroup","t0","$","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","animate","setAnimate","setPreference","navOpen","t1","newGroupPrefs","open","Boolean","NAV","groups","toggleCollapsed","t2","t3","t4","filter","t5","join","t6","t7","t8","t9","t10","t11","_jsxs","className","id","onClick","tabIndex","type","_jsx","direction","undefined","duration","height","Fragment"],"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { useNav } from '../Nav/context.js'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const [animate, setAnimate] = useState(false)\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      setAnimate(true)\n      const newGroupPrefs: NavPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.NAV, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{label}</div>\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon\n              className={`${baseClass}__indicator`}\n              direction={!collapsed ? 'up' : undefined}\n            />\n          </div>\n        </button>\n        <AnimateHeight duration={animate ? 200 : 0} height={collapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/NoListResults/index.js

@@ -1,32 +1,19 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'no-results';
-export function NoListResults({ Actions, Message }) {
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            Message,
-            Actions && Actions.length > 0 && /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__actions`,
-                children: Actions.map((action, index)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: action
-                    }, index, false, {
-                        fileName: "src/elements/NoListResults/index.tsx",
-                        lineNumber: 18,
-                        columnNumber: 13
-                    }, this))
-            }, void 0, false, {
-                fileName: "src/elements/NoListResults/index.tsx",
-                lineNumber: 16,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/NoListResults/index.tsx",
-        lineNumber: 13,
-        columnNumber: 5
-    }, this);
+export function NoListResults({
+  Actions,
+  Message
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [Message, Actions && Actions.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__actions`,
+      children: Actions.map((action, index) => /*#__PURE__*/_jsx(React.Fragment, {
+        children: action
+      }, index))
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  Message: React.ReactNode\n}\nexport function NoListResults({ Actions, Message }: NoResultsProps) {\n  return (\n    <div className={baseClass}>\n      {Message}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","baseClass","NoListResults","Actions","Message","div","className","length","map","action","index","Fragment"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,EAAkB;IAChE,qBACE,QAACC;QAAIC,WAAWL;;YACbG;YACAD,WAAWA,QAAQI,MAAM,GAAG,mBAC3B,QAACF;gBAAIC,WAAW,GAAGL,UAAU,SAAS,CAAC;0BACpCE,QAAQK,GAAG,CAAC,CAACC,QAAQC,sBACpB,QAACV,MAAMW,QAAQ;kCAAcF;uBAARC;;;;;;;;;;;;;;;;AAMjC"}
+{"version":3,"file":"index.js","names":["React","baseClass","NoListResults","Actions","Message","_jsxs","className","length","_jsx","map","action","index","Fragment"],"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  Message: React.ReactNode\n}\nexport function NoListResults({ Actions, Message }: NoResultsProps) {\n  return (\n    <div className={baseClass}>\n      {Message}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,cAAc;EAAEC,OAAO;EAAEC;AAAO,CAAkB;EAChE,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;eACbG,OAAA,EACAD,OAAA,IAAWA,OAAA,CAAQI,MAAM,GAAG,kBAC3BC,IAAA,CAAC;MAAIF,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBACpCE,OAAA,CAAQM,GAAG,CAAC,CAACC,MAAA,EAAQC,KAAA,kBACpBH,IAAA,CAACR,KAAA,CAAMY,QAAQ;kBAAcF;SAARC,KAAA;;;AAMjC","ignoreList":[]}