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

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

@@ -1,30 +1,51 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
 import React from 'react';
 /**
  * @internal
- */ export const NavHamburger = ({ baseClass })=>{
-    const { navOpen, setNavOpen } = useNav();
-    return /*#__PURE__*/ _jsxDEV("button", {
-        className: `${baseClass}__mobile-close`,
-        onClick: ()=>{
-            setNavOpen(false);
-        },
-        tabIndex: !navOpen ? -1 : undefined,
-        type: "button",
-        children: /*#__PURE__*/ _jsxDEV(Hamburger, {
-            isActive: true
-        }, void 0, false, {
-            fileName: "src/elements/Nav/NavHamburger/index.tsx",
-            lineNumber: 22,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Nav/NavHamburger/index.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+ */
+export const NavHamburger = t0 => {
+  const $ = _c(6);
+  const {
+    baseClass
+  } = t0;
+  const {
+    navOpen,
+    setNavOpen
+  } = useNav();
+  const t1 = `${baseClass}__mobile-close`;
+  let t2;
+  if ($[0] !== setNavOpen) {
+    t2 = () => {
+      setNavOpen(false);
+    };
+    $[0] = setNavOpen;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = !navOpen ? -1 : undefined;
+  let t4;
+  if ($[2] !== t1 || $[3] !== t2 || $[4] !== t3) {
+    t4 = _jsx("button", {
+      className: t1,
+      onClick: t2,
+      tabIndex: t3,
+      type: "button",
+      children: _jsx(Hamburger, {
+        isActive: true
+      })
+    });
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\n/**\n * @internal\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":["Hamburger","useNav","React","NavHamburger","baseClass","navOpen","setNavOpen","button","className","onClick","tabIndex","undefined","type","isActive"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB;;CAEC,GACD,OAAO,MAAMC,eAER,CAAC,EAAEC,SAAS,EAAE;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGL;IAEhC,qBACE,QAACM;QACCC,WAAW,GAAGJ,UAAU,cAAc,CAAC;QACvCK,SAAS;YACPH,WAAW;QACb;QACAI,UAAU,CAACL,UAAU,CAAC,IAAIM;QAC1BC,MAAK;kBAEL,cAAA,QAACZ;YAAUa,QAAQ;;;;;;;;;;;AAGzB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Hamburger","useNav","React","NavHamburger","t0","$","baseClass","navOpen","setNavOpen","t1","t2","t3","undefined","t4","_jsx","className","onClick","tabIndex","type","children","isActive"],"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\n/**\n * @internal\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB;;;AAGA,OAAO,MAAMC,YAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAAa;EACjB;IAAAG,OAAA;IAAAC;EAAA,IAAgCP,MAAA;EAIjB,MAAAQ,EAAA,MAAGH,SAAA,gBAAyB;EAAA,IAAAI,EAAA;EAAA,IAAAL,CAAA,QAAAG,UAAA;IAC9BE,EAAA,GAAAA,CAAA;MACPF,UAAA,MAAW;IAAA;IACbH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EACU,MAAAM,EAAA,IAACJ,OAAA,QAAAK,SAAe;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAM,EAAA;IAL5BE,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYN,EAA4B;MAAAO,OAAA,EAC9BN,EAET;MAAAO,QAAA,EACUN,EAAgB;MAAAO,IAAA,EACrB;MAAAC,QAAA,EAELL,IAAA,CAAAd,SAAA;QAAAoB,QAAA;MAAA,C;;;;;;;;;SARFP,E;CAWJ","ignoreList":[]}

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

@@ -1,35 +1,61 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useNav } from '@payloadcms/ui';
 import React from 'react';
-import './index.scss';
 /**
  * @internal
- */ export const NavWrapper = (props)=>{
-    const { baseClass, children } = props;
-    const { hydrated, navOpen, navRef, shouldAnimate } = useNav();
-    return /*#__PURE__*/ _jsxDEV("aside", {
-        className: [
-            baseClass,
-            navOpen && `${baseClass}--nav-open`,
-            shouldAnimate && `${baseClass}--nav-animate`,
-            hydrated && `${baseClass}--nav-hydrated`
-        ].filter(Boolean).join(' '),
-        inert: !navOpen ? true : undefined,
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__scroll`,
-            ref: navRef,
-            children: children
-        }, void 0, false, {
-            fileName: "src/elements/Nav/NavWrapper/index.tsx",
-            lineNumber: 30,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Nav/NavWrapper/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+ */
+export const NavWrapper = props => {
+  const $ = _c(11);
+  const {
+    baseClass,
+    children
+  } = props;
+  const {
+    hydrated,
+    navOpen,
+    navRef,
+    shouldAnimate
+  } = useNav();
+  const t0 = navOpen && `${baseClass}--nav-open`;
+  const t1 = shouldAnimate && `${baseClass}--nav-animate`;
+  const t2 = hydrated && `${baseClass}--nav-hydrated`;
+  let t3;
+  if ($[0] !== baseClass || $[1] !== t0 || $[2] !== t1 || $[3] !== t2) {
+    t3 = [baseClass, t0, t1, t2].filter(Boolean);
+    $[0] = baseClass;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const t4 = t3.join(" ");
+  const t5 = !navOpen ? true : undefined;
+  const t6 = `${baseClass}__scroll`;
+  let t7;
+  if ($[5] !== children || $[6] !== navRef || $[7] !== t4 || $[8] !== t5 || $[9] !== t6) {
+    t7 = _jsx("aside", {
+      className: t4,
+      inert: t5,
+      children: _jsx("div", {
+        className: t6,
+        ref: navRef,
+        children
+      })
+    });
+    $[5] = children;
+    $[6] = navRef;
+    $[7] = t4;
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  return t7;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\n/**\n * @internal\n */\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["useNav","React","NavWrapper","props","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","aside","className","filter","Boolean","join","inert","undefined","div","ref"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB;;CAEC,GACD,OAAO,MAAMC,aAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGT;IAErD,qBACE,QAACU;QACCC,WAAW;YACTP;YACAG,WAAW,GAAGH,UAAU,UAAU,CAAC;YACnCK,iBAAiB,GAAGL,UAAU,aAAa,CAAC;YAC5CE,YAAY,GAAGF,UAAU,cAAc,CAAC;SACzC,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,OAAO,CAACR,UAAU,OAAOS;kBAEzB,cAAA,QAACC;YAAIN,WAAW,GAAGP,UAAU,QAAQ,CAAC;YAAEc,KAAKV;sBAC1CH;;;;;;;;;;;AAIT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","NavWrapper","props","$","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","undefined","t6","t7","_jsx","className","inert","ref"],"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\n/**\n * @internal\n */\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB;;;AAGA,OAAO,MAAMC,UAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC;EAAA,IAAgCH,KAAA;EAEhC;IAAAI,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC;EAAA,IAAqDV,MAAA;EAM/C,MAAAW,EAAA,GAAAH,OAAA,IAAW,GAAGH,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAN,QAAA,IAAY,GAAGF,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAJ/BC,EAAA,IACTT,SAAA,EACAM,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EACD,MAAAC,EAAA,IAACX,OAAA,UAAAY,SAAiB;EAET,MAAAC,EAAA,MAAGhB,SAAA,UAAmB;EAAA,IAAAiB,EAAA;EAAA,IAAAlB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAe,EAAA,IAAAf,CAAA,QAAAiB,EAAA;IAXxCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYP,EAOH;MAAAQ,KAAA,EACDN,EAAkB;MAAAb,QAAA,EAEzBiB,IAAA,CAAC;QAAAC,SAAA,EAAeH,EAAsB;QAAAK,GAAA,EAAOjB,MAAA;QAAAH;MAAA,C;;;;;;;;;;;SAX/CgB,E;CAgBJ","ignoreList":[]}

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

@@ -1,39 +1,45 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { GearIcon, Popup, useTranslation } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
-import './index.scss';
 const baseClass = 'settings-menu-button';
-export const SettingsMenuButton = ({ settingsMenu })=>{
-    const { t } = useTranslation();
-    if (!settingsMenu || settingsMenu.length === 0) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxDEV(Popup, {
-        button: /*#__PURE__*/ _jsxDEV(GearIcon, {
-            ariaLabel: t('general:menu')
-        }, void 0, false, {
-            fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
-            lineNumber: 22,
-            columnNumber: 15
-        }, void 0),
-        className: baseClass,
-        horizontalAlign: "left",
-        id: "settings-menu",
-        size: "small",
-        verticalAlign: "bottom",
-        children: settingsMenu.map((item, i)=>/*#__PURE__*/ _jsxDEV(Fragment, {
-                children: item
-            }, `settings-menu-item-${i}`, false, {
-                fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
-                lineNumber: 30,
-                columnNumber: 9
-            }, this))
-    }, void 0, false, {
-        fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
-        lineNumber: 21,
-        columnNumber: 5
-    }, this);
+export const SettingsMenuButton = t0 => {
+  const $ = _c(3);
+  const {
+    settingsMenu
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  if (!settingsMenu || settingsMenu.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== settingsMenu || $[1] !== t) {
+    t1 = _jsx(Popup, {
+      button: _jsx(GearIcon, {
+        ariaLabel: t("general:menu")
+      }),
+      className: baseClass,
+      horizontalAlign: "left",
+      id: "settings-menu",
+      size: "small",
+      verticalAlign: "bottom",
+      children: settingsMenu.map(_temp)
+    });
+    $[0] = settingsMenu;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 };
-
+function _temp(item, i) {
+  return _jsx(Fragment, {
+    children: item
+  }, `settings-menu-item-${i}`);
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n  settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n  const { t } = useTranslation()\n\n  if (!settingsMenu || settingsMenu.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<GearIcon ariaLabel={t('general:menu')} />}\n      className={baseClass}\n      horizontalAlign=\"left\"\n      id=\"settings-menu\"\n      size=\"small\"\n      verticalAlign=\"bottom\"\n    >\n      {settingsMenu.map((item, i) => (\n        <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n      ))}\n    </Popup>\n  )\n}\n"],"names":["GearIcon","Popup","useTranslation","React","Fragment","baseClass","SettingsMenuButton","settingsMenu","t","length","button","ariaLabel","className","horizontalAlign","id","size","verticalAlign","map","item","i"],"mappings":"AAAA;;AACA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,MAAMC,qBAAwD,CAAC,EAAEC,YAAY,EAAE;IACpF,MAAM,EAAEC,CAAC,EAAE,GAAGN;IAEd,IAAI,CAACK,gBAAgBA,aAAaE,MAAM,KAAK,GAAG;QAC9C,OAAO;IACT;IAEA,qBACE,QAACR;QACCS,sBAAQ,QAACV;YAASW,WAAWH,EAAE;;;;;;QAC/BI,WAAWP;QACXQ,iBAAgB;QAChBC,IAAG;QACHC,MAAK;QACLC,eAAc;kBAEbT,aAAaU,GAAG,CAAC,CAACC,MAAMC,kBACvB,QAACf;0BAA0Cc;eAA5B,CAAC,mBAAmB,EAAEC,GAAG;;;;;;;;;;AAIhD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","GearIcon","Popup","useTranslation","React","Fragment","baseClass","SettingsMenuButton","t0","$","settingsMenu","t","length","t1","_jsx","button","ariaLabel","id","size","verticalAlign","children","map","_temp","item","i"],"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n  settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n  const { t } = useTranslation()\n\n  if (!settingsMenu || settingsMenu.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<GearIcon ariaLabel={t('general:menu')} />}\n      className={baseClass}\n      horizontalAlign=\"left\"\n      id=\"settings-menu\"\n      size=\"small\"\n      verticalAlign=\"bottom\"\n    >\n      {settingsMenu.map((item, i) => (\n        <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n      ))}\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ;AAChD,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,MAAMC,SAAA,GAAY;AAMlB,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAgB;EACpF;IAAAG;EAAA,IAAcR,cAAA;EAAA,IAEV,CAACO,YAAA,IAAgBA,YAAA,CAAAE,MAAA,MAAwB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;IAK3CE,EAAA,GAAAC,IAAA,CAAAZ,KAAA;MAAAa,MAAA,EACUD,IAAA,CAAAb,QAAA;QAAAe,SAAA,EAAqBL,CAAA,CAAE;MAAA,C;;uBAEf;MAAAM,EAAA,EACb;MAAAC,IAAA,EACE;MAAAC,aAAA,EACS;MAAAC,QAAA,EAEbV,YAAA,CAAAW,GAAA,CAAAC,KACyC;IAAA,C;;;;;;;SAT5CT,E;CAaJ;AArBqE,SAAAS,MAAAC,IAAA,EAAAC,CAAA;EAAA,OAiB7DV,IAAA,CAAAT,QAAA;IAAAe,QAAA,EAA2CG;EAAA,GAA5B,sBAAsBC,CAAA,EAAG;AAAA","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+export type TabErrorProps = {
+    message: string;
+    onRetry: () => void;
+};
+export declare const TabError: React.FC<TabErrorProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Nav/SidebarTabs/TabError/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAA"}

package/dist/elements/Nav/SidebarTabs/TabError/index.js

@@ -0,0 +1,42 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@payloadcms/ui';
+import React from 'react';
+const baseClass = 'sidebar-tab-error';
+export const TabError = t0 => {
+  const $ = _c(4);
+  const {
+    message,
+    onRetry
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== message || $[1] !== onRetry || $[2] !== t) {
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [_jsx("span", {
+          children: message
+        }), _jsx("button", {
+          className: `${baseClass}__retry`,
+          onClick: onRetry,
+          type: "button",
+          children: t("general:retry")
+        })]
+      })
+    });
+    $[0] = message;
+    $[1] = onRetry;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useTranslation","React","baseClass","TabError","t0","$","message","onRetry","t","t1","_jsx","className","children","_jsxs","onClick","type"],"sources":["../../../../../src/elements/Nav/SidebarTabs/TabError/index.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sidebar-tab-error'\n\nexport type TabErrorProps = {\n  message: string\n  onRetry: () => void\n}\n\nexport const TabError: React.FC<TabErrorProps> = ({ message, onRetry }) => {\n  const { t } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__content`}>\n        <span>{message}</span>\n        <button className={`${baseClass}__retry`} onClick={onRetry} type=\"button\">\n          {t('general:retry')}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,QAAA,GAAoCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,OAAA;IAAAC;EAAA,IAAAH,EAAoB;EACpE;IAAAI;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,CAAA;IAEZC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAT,SAAA;MAAAU,QAAA,EACCC,KAAA,CAAC;QAAAF,SAAA,EAAe,GAAAT,SAAA,WAAuB;QAAAU,QAAA,GACrCF,IAAA,CAAC;UAAAE,QAAA,EAAMN;QAAA,C,GACPI,IAAA,CAAC;UAAAC,SAAA,EAAkB,GAAAT,SAAA,SAAqB;UAAAY,OAAA,EAAWP,OAAA;UAAAQ,IAAA,EAAc;UAAAH,QAAA,EAC9DJ,CAAA,CAAE;QAAA,C;;;;;;;;;;SAJTC,E;CASJ","ignoreList":[]}

package/dist/elements/Nav/SidebarTabs/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_NAV_TAB_SLUG = "nav";
+//# sourceMappingURL=constants.d.ts.map

package/dist/elements/Nav/SidebarTabs/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,QAAQ,CAAA"}

package/dist/elements/Nav/SidebarTabs/constants.js

@@ -0,0 +1,2 @@
+export const DEFAULT_NAV_TAB_SLUG = 'nav';
+//# sourceMappingURL=constants.js.map

package/dist/elements/Nav/SidebarTabs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["DEFAULT_NAV_TAB_SLUG"],"sources":["../../../../src/elements/Nav/SidebarTabs/constants.ts"],"sourcesContent":["export const DEFAULT_NAV_TAB_SLUG = 'nav'\n"],"mappings":"AAAA,OAAO,MAAMA,oBAAA,GAAuB","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export type TabMetadata = {
+    icon: React.ReactNode;
+    isDefaultActive?: boolean;
+    label: string;
+    slug: string;
+};
+export type SidebarTabsClientProps = {
+    baseClass: string;
+    initialActiveTabID: string;
+    initialTabContents: Record<string, React.ReactNode>;
+    /**
+     * Delay before showing loading spinner (in ms), prevents flashing on fast loads
+     * @default 200
+     */
+    loadingDelay?: number;
+    tabs: TabMetadata[];
+};
+export declare const SidebarTabsClient: React.FC<SidebarTabsClientProps>;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0J9D,CAAA"}

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

@@ -0,0 +1,155 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DelayedSpinner, Tooltip, usePreferences, useServerFunctions } from '@payloadcms/ui';
+import { PREFERENCE_KEYS } from 'payload/shared';
+import React, { useCallback, useRef, useState } from 'react';
+import { TabError } from './TabError/index.js';
+export const SidebarTabsClient = ({
+  baseClass,
+  initialActiveTabID,
+  initialTabContents,
+  loadingDelay = 200,
+  tabs
+}) => {
+  const {
+    setPreference
+  } = usePreferences();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const [activeTabID, setActiveTabID] = useState(initialActiveTabID);
+  const [tabContent, setTabContent] = useState(initialTabContents);
+  const [loadingTab, setLoadingTab] = useState(null);
+  const [hoveredTab, setHoveredTab] = useState(null);
+  const loadingTabsRef = useRef(new Set());
+  const tabContentRef = useRef(initialTabContents);
+  const loadTabContent = useCallback(async tabSlug => {
+    // Check if already loaded or currently loading
+    if (tabContentRef.current[tabSlug] || loadingTabsRef.current.has(tabSlug)) {
+      return;
+    }
+    // Mark as loading
+    loadingTabsRef.current.add(tabSlug);
+    setLoadingTab(tabSlug);
+    try {
+      const result = await serverFunction({
+        name: 'render-tab',
+        args: {
+          tabSlug
+        }
+      });
+      const newContent_0 = {
+        ...tabContentRef.current,
+        [tabSlug]: result.component
+      };
+      tabContentRef.current = newContent_0;
+      setTabContent(newContent_0);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+      const handleRetry = () => {
+        // Clear the error and retry loading
+        const clearedContent = {
+          ...tabContentRef.current
+        };
+        delete clearedContent[tabSlug];
+        tabContentRef.current = clearedContent;
+        setTabContent(clearedContent);
+        void loadTabContent(tabSlug);
+      };
+      const newContent = {
+        ...tabContentRef.current,
+        [tabSlug]: /*#__PURE__*/_jsx(TabError, {
+          message: errorMessage,
+          onRetry: handleRetry
+        })
+      };
+      tabContentRef.current = newContent;
+      setTabContent(newContent);
+    } finally {
+      loadingTabsRef.current.delete(tabSlug);
+      setLoadingTab(null);
+    }
+  }, [serverFunction]);
+  const handleTabChange = useCallback(slug => {
+    setActiveTabID(slug);
+    void setPreference(PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB, {
+      activeTab: slug
+    });
+    void loadTabContent(slug);
+  }, [setPreference, loadTabContent]);
+  const handleTabKeyDown = useCallback((e, currentIndex) => {
+    if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
+      e.preventDefault();
+      const direction = e.key === 'ArrowLeft' ? -1 : 1;
+      const newIndex = (currentIndex + direction + tabs.length) % tabs.length;
+      const newTab = tabs[newIndex];
+      handleTabChange(newTab.slug);
+      // Focus will be handled by the tabIndex change
+      setTimeout(() => {
+        document.querySelector(`.${baseClass}__tab--active`)?.focus();
+      }, 0);
+    }
+  }, [baseClass, handleTabChange, tabs]);
+  const activeContent = tabContent[activeTabID];
+  // If there's only one tab (the default nav), render it without tab UI
+  if (tabs.length === 1) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: activeContent
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__tabs`,
+      role: "tablist",
+      children: tabs.map((tab, index) => {
+        const isActive = tab.slug === activeTabID;
+        return /*#__PURE__*/_jsxs("button", {
+          "aria-selected": isActive,
+          className: `${baseClass}__tab ${isActive ? `${baseClass}__tab--active` : ''}`,
+          onClick: () => handleTabChange(tab.slug),
+          onKeyDown: e_0 => handleTabKeyDown(e_0, index),
+          onMouseEnter: () => setHoveredTab(tab.slug),
+          onMouseLeave: () => setHoveredTab(null),
+          role: "tab",
+          tabIndex: isActive ? 0 : -1,
+          type: "button",
+          children: [/*#__PURE__*/_jsx(Tooltip, {
+            className: `${baseClass}__tooltip`,
+            position: index === 0 ? 'bottom' : 'top',
+            show: hoveredTab === tab.slug,
+            children: tab.label
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__tab-icon`,
+            children: tab.icon
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__tab-label`,
+            children: tab.label
+          })]
+        }, tab.slug);
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__content`,
+      role: "tabpanel",
+      children: [/*#__PURE__*/_jsx(DelayedSpinner, {
+        baseClass: baseClass,
+        delay: loadingDelay,
+        isLoading: loadingTab === activeTabID
+      }), tabs.map(tab_0 => {
+        const content = tabContent[tab_0.slug];
+        if (!content) {
+          return null;
+        }
+        const isActive_0 = tab_0.slug === activeTabID && loadingTab !== activeTabID;
+        return /*#__PURE__*/_jsx("div", {
+          style: isActive_0 ? undefined : {
+            display: 'none'
+          },
+          children: content
+        }, tab_0.slug);
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["DelayedSpinner","Tooltip","usePreferences","useServerFunctions","PREFERENCE_KEYS","React","useCallback","useRef","useState","TabError","SidebarTabsClient","baseClass","initialActiveTabID","initialTabContents","loadingDelay","tabs","setPreference","serverFunction","activeTabID","setActiveTabID","tabContent","setTabContent","loadingTab","setLoadingTab","hoveredTab","setHoveredTab","loadingTabsRef","Set","tabContentRef","loadTabContent","tabSlug","current","has","add","result","name","args","newContent","component","error","errorMessage","Error","message","handleRetry","clearedContent","_jsx","onRetry","delete","handleTabChange","slug","NAV_SIDEBAR_ACTIVE_TAB","activeTab","handleTabKeyDown","e","currentIndex","key","preventDefault","direction","newIndex","length","newTab","setTimeout","document","querySelector","focus","activeContent","_Fragment","_jsxs","className","role","map","tab","index","isActive","onClick","onKeyDown","onMouseEnter","onMouseLeave","tabIndex","type","position","show","label","icon","delay","isLoading","content","style","undefined","display"],"sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { DelayedSpinner, Tooltip, usePreferences, useServerFunctions } from '@payloadcms/ui'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport type { RenderTabServerFnArgs, RenderTabServerFnReturnType } from './renderTabServerFn.js'\n\nimport { TabError } from './TabError/index.js'\n\nexport type TabMetadata = {\n  icon: React.ReactNode\n  isDefaultActive?: boolean\n  label: string\n  slug: string\n}\n\nexport type SidebarTabsClientProps = {\n  baseClass: string\n  initialActiveTabID: string\n  initialTabContents: Record<string, React.ReactNode>\n  /**\n   * Delay before showing loading spinner (in ms), prevents flashing on fast loads\n   * @default 200\n   */\n  loadingDelay?: number\n  tabs: TabMetadata[]\n}\n\nexport const SidebarTabsClient: React.FC<SidebarTabsClientProps> = ({\n  baseClass,\n  initialActiveTabID,\n  initialTabContents,\n  loadingDelay = 200,\n  tabs,\n}) => {\n  const { setPreference } = usePreferences()\n  const { serverFunction } = useServerFunctions()\n\n  const [activeTabID, setActiveTabID] = useState(initialActiveTabID)\n  const [tabContent, setTabContent] = useState<Record<string, React.ReactNode>>(initialTabContents)\n  const [loadingTab, setLoadingTab] = useState<null | string>(null)\n  const [hoveredTab, setHoveredTab] = useState<null | string>(null)\n  const loadingTabsRef = useRef<Set<string>>(new Set())\n  const tabContentRef = useRef(initialTabContents)\n\n  const loadTabContent = useCallback(\n    async (tabSlug: string) => {\n      // Check if already loaded or currently loading\n      if (tabContentRef.current[tabSlug] || loadingTabsRef.current.has(tabSlug)) {\n        return\n      }\n\n      // Mark as loading\n      loadingTabsRef.current.add(tabSlug)\n      setLoadingTab(tabSlug)\n\n      try {\n        const result = (await serverFunction({\n          name: 'render-tab',\n          args: { tabSlug } as RenderTabServerFnArgs,\n        })) as RenderTabServerFnReturnType\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: result.component,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } catch (error) {\n        const errorMessage = error instanceof Error ? error.message : 'Unknown error'\n\n        const handleRetry = () => {\n          // Clear the error and retry loading\n          const clearedContent = { ...tabContentRef.current }\n          delete clearedContent[tabSlug]\n          tabContentRef.current = clearedContent\n          setTabContent(clearedContent)\n          void loadTabContent(tabSlug)\n        }\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: <TabError message={errorMessage} onRetry={handleRetry} />,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } finally {\n        loadingTabsRef.current.delete(tabSlug)\n        setLoadingTab(null)\n      }\n    },\n    [serverFunction],\n  )\n\n  const handleTabChange = useCallback(\n    (slug: string) => {\n      setActiveTabID(slug)\n      void setPreference(PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB, { activeTab: slug })\n      void loadTabContent(slug)\n    },\n    [setPreference, loadTabContent],\n  )\n\n  const handleTabKeyDown = useCallback(\n    (e: React.KeyboardEvent, currentIndex: number) => {\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const direction = e.key === 'ArrowLeft' ? -1 : 1\n        const newIndex = (currentIndex + direction + tabs.length) % tabs.length\n        const newTab = tabs[newIndex]\n        handleTabChange(newTab.slug)\n        // Focus will be handled by the tabIndex change\n        setTimeout(() => {\n          document.querySelector<HTMLButtonElement>(`.${baseClass}__tab--active`)?.focus()\n        }, 0)\n      }\n    },\n    [baseClass, handleTabChange, tabs],\n  )\n\n  const activeContent = tabContent[activeTabID]\n\n  // If there's only one tab (the default nav), render it without tab UI\n  if (tabs.length === 1) {\n    return <>{activeContent}</>\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__tabs`} role=\"tablist\">\n        {tabs.map((tab, index) => {\n          const isActive = tab.slug === activeTabID\n\n          return (\n            <button\n              aria-selected={isActive}\n              className={`${baseClass}__tab ${isActive ? `${baseClass}__tab--active` : ''}`}\n              key={tab.slug}\n              onClick={() => handleTabChange(tab.slug)}\n              onKeyDown={(e) => handleTabKeyDown(e, index)}\n              onMouseEnter={() => setHoveredTab(tab.slug)}\n              onMouseLeave={() => setHoveredTab(null)}\n              role=\"tab\"\n              tabIndex={isActive ? 0 : -1}\n              type=\"button\"\n            >\n              <Tooltip\n                className={`${baseClass}__tooltip`}\n                position={index === 0 ? 'bottom' : 'top'} // TODO: set to \"top\" when we portal tooltips\n                show={hoveredTab === tab.slug}\n              >\n                {tab.label}\n              </Tooltip>\n              <span className={`${baseClass}__tab-icon`}>{tab.icon}</span>\n              <span className={`${baseClass}__tab-label`}>{tab.label}</span>\n            </button>\n          )\n        })}\n      </div>\n      <div className={`${baseClass}__content`} role=\"tabpanel\">\n        <DelayedSpinner\n          baseClass={baseClass}\n          delay={loadingDelay}\n          isLoading={loadingTab === activeTabID}\n        />\n        {tabs.map((tab) => {\n          const content = tabContent[tab.slug]\n          if (!content) {\n            return null\n          }\n          const isActive = tab.slug === activeTabID && loadingTab !== activeTabID\n          return (\n            <div key={tab.slug} style={isActive ? undefined : { display: 'none' }}>\n              {content}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import type { NavPreferences, PayloadComponent, SidebarTab } from 'payload';
+import React from 'react';
+import type { NavProps } from '../index.js';
+import './index.scss';
+type SidebarTabWithReactNode = {
+    components: {
+        Content: PayloadComponent | React.ReactNode;
+        Icon: PayloadComponent | React.ReactNode;
+    };
+} & Omit<SidebarTab, 'components'>;
+export type SidebarTabsProps = {
+    navPreferences: NavPreferences;
+    tabs: SidebarTabWithReactNode[];
+} & NavProps;
+export declare const SidebarTabs: React.FC<SidebarTabsProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,cAAc,CAAA;AAErB,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAA;QAC3C,IAAI,EAAE,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAA;KACzC,CAAA;CACF,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;AAElC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,cAAc,CAAA;IAC9B,IAAI,EAAE,uBAAuB,EAAE,CAAA;CAChC,GAAG,QAAQ,CAAA;AAIZ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuFlD,CAAA"}