@payloadcms/next 3.80.0-internal.60d6f94 → 3.80.0-internal.8d9ec7c

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

@@ -0,0 +1,9 @@
+import type { Option, SelectFieldClientProps } from 'payload';
+import React from 'react';
+type HierarchyTypeFieldProps = {
+    options: Option[];
+    parentFieldName: string;
+} & SelectFieldClientProps;
+export declare const HierarchyTypeField: React.FC<HierarchyTypeFieldProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyTypeField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAgB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAS3E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyHhE,CAAA"}

package/dist/elements/HierarchyTypeField/index.js

@@ -0,0 +1,114 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatOptions, mergeFieldStyles, SelectInput, useField, useHierarchy } from '@payloadcms/ui';
+import React, { useCallback, useMemo } from 'react';
+export const HierarchyTypeField = ({
+  options: allSelectOptions,
+  parentFieldName,
+  ...props
+}) => {
+  const {
+    field,
+    field: {
+      name,
+      admin: {
+        className,
+        isClearable = true,
+        isSortable = true,
+        placeholder
+      } = {},
+      hasMany = false,
+      label,
+      localized,
+      required
+    },
+    onChange: onChangeFromProps,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    allowedCollections
+  } = useHierarchy();
+  const options = useMemo(() => {
+    if (!allowedCollections || allowedCollections.length === 0) {
+      return formatOptions(allSelectOptions);
+    }
+    return formatOptions(allSelectOptions.filter(option => {
+      if (typeof option === 'object' && 'value' in option && option.value) {
+        return allowedCollections.some(c => c.slug === option.value);
+      }
+      return true;
+    }));
+  }, [allSelectOptions, allowedCollections]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    selectFilterOptions,
+    setValue,
+    showError,
+    value
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate
+  });
+  const onChange = useCallback(selectedOption => {
+    if (readOnly || disabled) {
+      return;
+    }
+    let newValue = null;
+    if (selectedOption && hasMany) {
+      if (Array.isArray(selectedOption)) {
+        newValue = selectedOption.map(option_0 => option_0.value);
+      } else {
+        newValue = [];
+      }
+    } else if (selectedOption && !Array.isArray(selectedOption)) {
+      newValue = selectedOption.value;
+    }
+    if (typeof onChangeFromProps === 'function') {
+      onChangeFromProps(newValue);
+    }
+    setValue(newValue);
+  }, [readOnly, disabled, hasMany, setValue, onChangeFromProps]);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  const isRequired = required || Array.isArray(allowedCollections) && allowedCollections.length > 0;
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(SelectInput, {
+      AfterInput: AfterInput,
+      BeforeInput: BeforeInput,
+      className: className,
+      Description: Description,
+      description: "Select the collection types this item can contain",
+      Error: Error,
+      filterOption: selectFilterOptions ? ({
+        value: optionValue
+      }) => selectFilterOptions?.some(option_1 => (typeof option_1 === 'string' ? option_1 : option_1.value) === optionValue) : undefined,
+      hasMany: hasMany,
+      isClearable: isClearable,
+      isSortable: isSortable,
+      Label: Label,
+      label: label,
+      localized: localized,
+      name: name,
+      onChange: onChange,
+      options: options,
+      path: path,
+      placeholder: placeholder,
+      readOnly: readOnly || disabled,
+      required: isRequired,
+      showError: showError,
+      style: styles,
+      value: value
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatOptions","mergeFieldStyles","SelectInput","useField","useHierarchy","React","useCallback","useMemo","HierarchyTypeField","options","allSelectOptions","parentFieldName","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","allowedCollections","length","filter","option","value","some","c","slug","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","isRequired","_jsx","description","filterOption","optionValue","undefined","style"],"sources":["../../../src/elements/HierarchyTypeField/index.tsx"],"sourcesContent":["'use client'\nimport type { ReactSelectAdapterProps } from '@payloadcms/ui'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport {\n  formatOptions,\n  mergeFieldStyles,\n  SelectInput,\n  useField,\n  useHierarchy,\n} from '@payloadcms/ui'\nimport React, { useCallback, useMemo } from 'react'\n\ntype HierarchyTypeFieldProps = {\n  options: Option[]\n  parentFieldName: string\n} & SelectFieldClientProps\n\nexport const HierarchyTypeField: React.FC<HierarchyTypeFieldProps> = ({\n  options: allSelectOptions,\n  parentFieldName,\n  ...props\n}) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { className, isClearable = true, isSortable = true, placeholder } = {} as NonNullable<\n        SelectFieldClientProps['field']['admin']\n      >,\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { allowedCollections } = useHierarchy()\n\n  const options = useMemo(() => {\n    if (!allowedCollections || allowedCollections.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && 'value' in option && option.value) {\n          return allowedCollections.some((c) => c.slug === option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, allowedCollections])\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (readOnly || disabled) {\n        return\n      }\n\n      let newValue: null | string | string[] = null\n\n      if (selectedOption && hasMany) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else if (selectedOption && !Array.isArray(selectedOption)) {\n        newValue = selectedOption.value\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const isRequired =\n    required || (Array.isArray(allowedCollections) && allowedCollections.length > 0)\n\n  return (\n    <div>\n      <SelectInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description=\"Select the collection types this item can contain\"\n        Error={Error}\n        filterOption={\n          selectFilterOptions\n            ? ({ value: optionValue }) =>\n                selectFilterOptions?.some(\n                  (option) => (typeof option === 'string' ? option : option.value) === optionValue,\n                )\n            : undefined\n        }\n        hasMany={hasMany}\n        isClearable={isClearable}\n        isSortable={isSortable}\n        Label={Label}\n        label={label}\n        localized={localized}\n        name={name}\n        onChange={onChange}\n        options={options}\n        path={path}\n        placeholder={placeholder}\n        readOnly={readOnly || disabled}\n        required={isRequired}\n        showError={showError}\n        style={styles}\n        value={value as string | string[]}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HierarchyTypeField/index.server.d.ts

@@ -0,0 +1,9 @@
+import type { Option, SelectFieldServerProps } from 'payload';
+import React from 'react';
+type HierarchyTypeFieldServerProps = {
+    collectionOptions: Option[];
+    parentFieldName: string;
+} & SelectFieldServerProps;
+export declare const HierarchyTypeFieldServer: React.FC<HierarchyTypeFieldServerProps>;
+export {};
+//# sourceMappingURL=index.server.d.ts.map

package/dist/elements/HierarchyTypeField/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyTypeField/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,6BAA6B,GAAG;IACnC,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA6B5E,CAAA"}

package/dist/elements/HierarchyTypeField/index.server.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { HierarchyTypeField } from './index.js';
+export const HierarchyTypeFieldServer = ({
+  clientField,
+  collectionOptions,
+  i18n,
+  parentFieldName,
+  path,
+  permissions,
+  readOnly
+}) => {
+  const translatedOptions = collectionOptions.map(option => {
+    if (typeof option === 'object' && 'label' in option) {
+      return {
+        ...option,
+        label: getTranslation(option.label, i18n)
+      };
+    }
+    return option;
+  });
+  return /*#__PURE__*/_jsx(HierarchyTypeField, {
+    field: clientField,
+    options: translatedOptions,
+    parentFieldName: parentFieldName,
+    path: path,
+    permissions: permissions,
+    readOnly: readOnly
+  });
+};
+//# sourceMappingURL=index.server.js.map

package/dist/elements/HierarchyTypeField/index.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.js","names":["getTranslation","React","HierarchyTypeField","HierarchyTypeFieldServer","clientField","collectionOptions","i18n","parentFieldName","path","permissions","readOnly","translatedOptions","map","option","label","_jsx","field","options"],"sources":["../../../src/elements/HierarchyTypeField/index.server.tsx"],"sourcesContent":["import type { Option, SelectFieldServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { HierarchyTypeField } from './index.js'\n\ntype HierarchyTypeFieldServerProps = {\n  collectionOptions: Option[]\n  parentFieldName: string\n} & SelectFieldServerProps\n\nexport const HierarchyTypeFieldServer: React.FC<HierarchyTypeFieldServerProps> = ({\n  clientField,\n  collectionOptions,\n  i18n,\n  parentFieldName,\n  path,\n  permissions,\n  readOnly,\n}) => {\n  const translatedOptions: Option[] = collectionOptions.map((option) => {\n    if (typeof option === 'object' && 'label' in option) {\n      return {\n        ...option,\n        label: getTranslation(option.label, i18n),\n      }\n    }\n    return option\n  })\n\n  return (\n    <HierarchyTypeField\n      field={clientField}\n      options={translatedOptions}\n      parentFieldName={parentFieldName}\n      path={path}\n      permissions={permissions}\n      readOnly={readOnly}\n    />\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AAOnC,OAAO,MAAMC,wBAAA,GAAoEA,CAAC;EAChFC,WAAW;EACXC,iBAAiB;EACjBC,IAAI;EACJC,eAAe;EACfC,IAAI;EACJC,WAAW;EACXC;AAAQ,CACT;EACC,MAAMC,iBAAA,GAA8BN,iBAAA,CAAkBO,GAAG,CAAEC,MAAA;IACzD,IAAI,OAAOA,MAAA,KAAW,YAAY,WAAWA,MAAA,EAAQ;MACnD,OAAO;QACL,GAAGA,MAAM;QACTC,KAAA,EAAOd,cAAA,CAAea,MAAA,CAAOC,KAAK,EAAER,IAAA;MACtC;IACF;IACA,OAAOO,MAAA;EACT;EAEA,oBACEE,IAAA,CAACb,kBAAA;IACCc,KAAA,EAAOZ,WAAA;IACPa,OAAA,EAASN,iBAAA;IACTJ,eAAA,EAAiBA,eAAA;IACjBC,IAAA,EAAMA,IAAA;IACNC,WAAA,EAAaA,WAAA;IACbC,QAAA,EAAUA;;AAGhB","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,CAkK9D,CAAA"}

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

@@ -0,0 +1,168 @@
+'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);
+  // Update cached content when server provides new initialTabContents (e.g., after tenant change)
+  // This is needed because useState only uses initialValue on first mount
+  React.useEffect(() => {
+    // Update the cache with new server-rendered content
+    tabContentRef.current = {
+      ...tabContentRef.current,
+      ...initialTabContents
+    };
+    setTabContent(prev => ({
+      ...prev,
+      ...initialTabContents
+    }));
+  }, [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","useEffect","current","prev","loadTabContent","tabSlug","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  // Update cached content when server provides new initialTabContents (e.g., after tenant change)\n  // This is needed because useState only uses initialValue on first mount\n  React.useEffect(() => {\n    // Update the cache with new server-rendered content\n    tabContentRef.current = { ...tabContentRef.current, ...initialTabContents }\n    setTabContent((prev) => ({ ...prev, ...initialTabContents }))\n  }, [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,CAyFlD,CAAA"}

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import React from 'react';
+import { SidebarTabsClient } from './index.client.js';
+const baseClass = 'sidebar-tabs';
+export const SidebarTabs = props => {
+  const {
+    documentSubViewType,
+    i18n,
+    locale,
+    navPreferences,
+    params,
+    payload,
+    permissions,
+    req,
+    searchParams,
+    tabs,
+    user,
+    viewType
+  } = props;
+  // Determine which tab should be active on initial load
+  // First try saved preference, then default tab, then first tab
+  const preferredTabSlug = navPreferences.activeTab || tabs.find(tab => tab.isDefaultActive)?.slug || tabs[0]?.slug;
+  // Verify the preferred tab actually exists, otherwise fall back to default or first tab
+  const activeTab = tabs.find(t => t.slug === preferredTabSlug) || tabs.find(tab => tab.isDefaultActive) || tabs[0];
+  const initialActiveTabID = activeTab?.slug || tabs[0]?.slug;
+  // Build initial tab contents
+  // Strategy: Pre-render tabs that are already React elements (can't be lazy-loaded),
+  // and only render the initially active tab if it's a CustomComponent (can be lazy-loaded)
+  const initialTabContents = {};
+  const renderComponent = component => {
+    // Check if component is already a React node (payload provided React component)
+    if (/*#__PURE__*/React.isValidElement(component)) {
+      return component;
+    } else {
+      // Otherwise render it as a CustomComponent
+      return RenderServerComponent({
+        clientProps: {
+          documentSubViewType,
+          viewType
+        },
+        Component: component,
+        importMap: payload.importMap,
+        serverProps: {
+          i18n,
+          locale,
+          params,
+          payload,
+          permissions,
+          req,
+          searchParams,
+          user
+        }
+      });
+    }
+  };
+  for (const tab of tabs) {
+    if (/*#__PURE__*/React.isValidElement(tab.components.Content)) {
+      initialTabContents[tab.slug] = tab.components.Content;
+    }
+  }
+  // If the active tab is a CustomComponent (lazy-loadable), render it now
+  if (activeTab && ! /*#__PURE__*/React.isValidElement(activeTab.components.Content)) {
+    initialTabContents[activeTab.slug] = renderComponent(activeTab.components.Content);
+  }
+  return /*#__PURE__*/_jsx(SidebarTabsClient, {
+    baseClass: baseClass,
+    initialActiveTabID: initialActiveTabID,
+    initialTabContents: initialTabContents,
+    tabs: tabs.map(tab => {
+      const labelText = tab.label ? getTranslation(tab.label, i18n) : tab.slug;
+      return {
+        slug: tab.slug,
+        icon: renderComponent(tab.components.Icon),
+        isDefaultActive: tab.isDefaultActive,
+        label: labelText
+      };
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","RenderServerComponent","React","SidebarTabsClient","baseClass","SidebarTabs","props","documentSubViewType","i18n","locale","navPreferences","params","payload","permissions","req","searchParams","tabs","user","viewType","preferredTabSlug","activeTab","find","tab","isDefaultActive","slug","t","initialActiveTabID","initialTabContents","renderComponent","component","isValidElement","clientProps","Component","importMap","serverProps","components","Content","_jsx","map","labelText","label","icon","Icon"],"sources":["../../../../src/elements/Nav/SidebarTabs/index.tsx"],"sourcesContent":["import type { NavPreferences, PayloadComponent, SidebarTab } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport type { NavProps } from '../index.js'\n\nimport { SidebarTabsClient } from './index.client.js'\nimport './index.scss'\n\ntype SidebarTabWithReactNode = {\n  components: {\n    Content: PayloadComponent | React.ReactNode\n    Icon: PayloadComponent | React.ReactNode\n  }\n} & Omit<SidebarTab, 'components'>\n\nexport type SidebarTabsProps = {\n  navPreferences: NavPreferences\n  tabs: SidebarTabWithReactNode[]\n} & NavProps\n\nconst baseClass = 'sidebar-tabs'\n\nexport const SidebarTabs: React.FC<SidebarTabsProps> = (props) => {\n  const {\n    documentSubViewType,\n    i18n,\n    locale,\n    navPreferences,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    tabs,\n    user,\n    viewType,\n  } = props\n\n  // Determine which tab should be active on initial load\n  // First try saved preference, then default tab, then first tab\n  const preferredTabSlug =\n    navPreferences.activeTab || tabs.find((tab) => tab.isDefaultActive)?.slug || tabs[0]?.slug\n\n  // Verify the preferred tab actually exists, otherwise fall back to default or first tab\n  const activeTab =\n    tabs.find((t) => t.slug === preferredTabSlug) ||\n    tabs.find((tab) => tab.isDefaultActive) ||\n    tabs[0]\n\n  const initialActiveTabID = activeTab?.slug || tabs[0]?.slug\n\n  // Build initial tab contents\n  // Strategy: Pre-render tabs that are already React elements (can't be lazy-loaded),\n  // and only render the initially active tab if it's a CustomComponent (can be lazy-loaded)\n  const initialTabContents: Record<string, React.ReactNode> = {}\n\n  const renderComponent = (component: PayloadComponent | React.ReactNode): React.ReactNode => {\n    // Check if component is already a React node (payload provided React component)\n    if (React.isValidElement(component)) {\n      return component\n    } else {\n      // Otherwise render it as a CustomComponent\n      return RenderServerComponent({\n        clientProps: {\n          documentSubViewType,\n          viewType,\n        },\n        Component: component as PayloadComponent,\n        importMap: payload.importMap,\n        serverProps: {\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          req,\n          searchParams,\n          user,\n        },\n      })\n    }\n  }\n\n  for (const tab of tabs) {\n    if (React.isValidElement(tab.components.Content)) {\n      initialTabContents[tab.slug] = tab.components.Content\n    }\n  }\n\n  // If the active tab is a CustomComponent (lazy-loadable), render it now\n  if (activeTab && !React.isValidElement(activeTab.components.Content)) {\n    initialTabContents[activeTab.slug] = renderComponent(activeTab.components.Content)\n  }\n\n  return (\n    <SidebarTabsClient\n      baseClass={baseClass}\n      initialActiveTabID={initialActiveTabID}\n      initialTabContents={initialTabContents}\n      tabs={tabs.map((tab) => {\n        const labelText = tab.label ? getTranslation(tab.label, i18n) : tab.slug\n\n        return {\n          slug: tab.slug,\n          icon: renderComponent(tab.components.Icon),\n          isDefaultActive: tab.isDefaultActive,\n          label: labelText,\n        }\n      })}\n    />\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAIlB,SAASC,iBAAiB,QAAQ;AAelC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IACJC,mBAAmB;IACnBC,IAAI;IACJC,MAAM;IACNC,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,GAAG;IACHC,YAAY;IACZC,IAAI;IACJC,IAAI;IACJC;EAAQ,CACT,GAAGZ,KAAA;EAEJ;EACA;EACA,MAAMa,gBAAA,GACJT,cAAA,CAAeU,SAAS,IAAIJ,IAAA,CAAKK,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,eAAe,GAAGC,IAAA,IAAQR,IAAI,CAAC,EAAE,EAAEQ,IAAA;EAExF;EACA,MAAMJ,SAAA,GACJJ,IAAA,CAAKK,IAAI,CAAEI,CAAA,IAAMA,CAAA,CAAED,IAAI,KAAKL,gBAAA,KAC5BH,IAAA,CAAKK,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,eAAe,KACtCP,IAAI,CAAC,EAAE;EAET,MAAMU,kBAAA,GAAqBN,SAAA,EAAWI,IAAA,IAAQR,IAAI,CAAC,EAAE,EAAEQ,IAAA;EAEvD;EACA;EACA;EACA,MAAMG,kBAAA,GAAsD,CAAC;EAE7D,MAAMC,eAAA,GAAmBC,SAAA;IACvB;IACA,iBAAI3B,KAAA,CAAM4B,cAAc,CAACD,SAAA,GAAY;MACnC,OAAOA,SAAA;IACT,OAAO;MACL;MACA,OAAO5B,qBAAA,CAAsB;QAC3B8B,WAAA,EAAa;UACXxB,mBAAA;UACAW;QACF;QACAc,SAAA,EAAWH,SAAA;QACXI,SAAA,EAAWrB,OAAA,CAAQqB,SAAS;QAC5BC,WAAA,EAAa;UACX1B,IAAA;UACAC,MAAA;UACAE,MAAA;UACAC,OAAA;UACAC,WAAA;UACAC,GAAA;UACAC,YAAA;UACAE;QACF;MACF;IACF;EACF;EAEA,KAAK,MAAMK,GAAA,IAAON,IAAA,EAAM;IACtB,iBAAId,KAAA,CAAM4B,cAAc,CAACR,GAAA,CAAIa,UAAU,CAACC,OAAO,GAAG;MAChDT,kBAAkB,CAACL,GAAA,CAAIE,IAAI,CAAC,GAAGF,GAAA,CAAIa,UAAU,CAACC,OAAO;IACvD;EACF;EAEA;EACA,IAAIhB,SAAA,IAAa,eAAClB,KAAA,CAAM4B,cAAc,CAACV,SAAA,CAAUe,UAAU,CAACC,OAAO,GAAG;IACpET,kBAAkB,CAACP,SAAA,CAAUI,IAAI,CAAC,GAAGI,eAAA,CAAgBR,SAAA,CAAUe,UAAU,CAACC,OAAO;EACnF;EAEA,oBACEC,IAAA,CAAClC,iBAAA;IACCC,SAAA,EAAWA,SAAA;IACXsB,kBAAA,EAAoBA,kBAAA;IACpBC,kBAAA,EAAoBA,kBAAA;IACpBX,IAAA,EAAMA,IAAA,CAAKsB,GAAG,CAAEhB,GAAA;MACd,MAAMiB,SAAA,GAAYjB,GAAA,CAAIkB,KAAK,GAAGxC,cAAA,CAAesB,GAAA,CAAIkB,KAAK,EAAEhC,IAAA,IAAQc,GAAA,CAAIE,IAAI;MAExE,OAAO;QACLA,IAAA,EAAMF,GAAA,CAAIE,IAAI;QACdiB,IAAA,EAAMb,eAAA,CAAgBN,GAAA,CAAIa,UAAU,CAACO,IAAI;QACzCnB,eAAA,EAAiBD,GAAA,CAAIC,eAAe;QACpCiB,KAAA,EAAOD;MACT;IACF;;AAGN","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import type { ServerFunction } from 'payload';
+import type React from 'react';
+export type RenderTabServerFnArgs = {
+    tabSlug: string;
+};
+export type RenderTabServerFnReturnType = {
+    component: React.ReactNode;
+};
+export declare const renderTabHandler: ServerFunction<RenderTabServerFnArgs, RenderTabServerFnReturnType>;
+//# sourceMappingURL=renderTabServerFn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabServerFn.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/renderTabServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAC3C,qBAAqB,EACrB,2BAA2B,CA4C5B,CAAA"}