@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n  isOnScreen: false,\n  toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const { t } = useTranslation()\n  const fallbackText = t('general:loading')\n  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n  const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n    delayBeforeShow: 1000,\n    inTimeout: animatedDuration,\n    minShowTime: 500,\n    outTimeout: animatedDuration,\n    show: overlays.isLoading,\n  })\n\n  const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n    ({ type, isLoading, key, loadingText = fallbackText }) => {\n      if (isLoading) {\n        triggerDelayedRender()\n        dispatchOverlay({\n          type: 'add',\n          payload: {\n            type,\n            key,\n            loadingText,\n          },\n        })\n      } else {\n        dispatchOverlay({\n          type: 'remove',\n          payload: {\n            type,\n            key,\n          },\n        })\n      }\n    },\n    [triggerDelayedRender, fallbackText],\n  )\n\n  return (\n    <Context.Provider\n      value={{\n        isOnScreen: isMounted,\n        toggleLoadingOverlay,\n      }}\n    >\n      {isMounted && (\n        <LoadingOverlay\n          animationDuration={`${animatedDuration}ms`}\n          loadingText={overlays.loadingText || fallbackText}\n          overlayType={overlays.overlayType}\n          show={!isUnmounting}\n        />\n      )}\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n  const contextHook = React.useContext(Context)\n  if (contextHook === undefined) {\n    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n  }\n\n  return contextHook\n}\n"],"names":["React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","children","t","fallbackText","overlays","dispatchOverlay","useReducer","isMounted","isUnmounting","triggerDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isLoading","useCallback","type","key","loadingText","payload","Provider","value","animationDuration","overlayType","useLoadingOverlay","contextHook","useContext","Error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,QAAQ,QAAO;AAI5C,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,gBAAgB,QAAQ,kCAAiC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,0BAA0B,EAAEC,OAAO,QAAQ,eAAc;AAElE,MAAMC,mBAAmB;AAEzB,MAAMC,wBAAUP,cAAc;IAC5BQ,YAAY;IACZC,sBAAsBC;AACxB;AAEA,OAAO,MAAMC,yBAAmE,CAAC,EAAEC,QAAQ,EAAE;IAC3F,MAAM,EAAEC,CAAC,EAAE,GAAGV;IACd,MAAMW,eAAeD,EAAE;IACvB,MAAM,CAACE,UAAUC,gBAAgB,GAAGjB,MAAMkB,UAAU,CAACZ,SAASD;IAE9D,MAAM,EAAEc,SAAS,EAAEC,YAAY,EAAEC,oBAAoB,EAAE,GAAGlB,iBAAiB;QACzEmB,iBAAiB;QACjBC,WAAWhB;QACXiB,aAAa;QACbC,YAAYlB;QACZmB,MAAMV,SAASW,SAAS;IAC1B;IAEA,MAAMjB,uBAAuBV,MAAM4B,WAAW,CAC5C,CAAC,EAAEC,IAAI,EAAEF,SAAS,EAAEG,GAAG,EAAEC,cAAchB,YAAY,EAAE;QACnD,IAAIY,WAAW;YACbN;YACAJ,gBAAgB;gBACdY,MAAM;gBACNG,SAAS;oBACPH;oBACAC;oBACAC;gBACF;YACF;QACF,OAAO;YACLd,gBAAgB;gBACdY,MAAM;gBACNG,SAAS;oBACPH;oBACAC;gBACF;YACF;QACF;IACF,GACA;QAACT;QAAsBN;KAAa;IAGtC,qBACE,oBAACP,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,YAAYU;YACZT;QACF;OAECS,2BACC,oBAACjB;QACCiC,mBAAmB,CAAC,EAAE5B,iBAAiB,EAAE,CAAC;QAC1CwB,aAAaf,SAASe,WAAW,IAAIhB;QACrCqB,aAAapB,SAASoB,WAAW;QACjCV,MAAM,CAACN;QAGVP;AAGP,EAAC;AAED,OAAO,MAAMwB,oBAAoB;IAC/B,MAAMC,cAActC,MAAMuC,UAAU,CAAC/B;IACrC,IAAI8B,gBAAgB3B,WAAW;QAC7B,MAAM,IAAI6B,MAAM;IAClB;IAEA,OAAOF;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","t0","$","children","t","t1","fallbackText","overlays","dispatchOverlay","useReducer","t2","isLoading","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isMounted","isUnmounting","triggerDelayedRender","t3","t4","type","key","loadingText","t5","payload","_jsx","animationDuration","overlayType","_jsxs","Provider","value","useLoadingOverlay","contextHook","useContext","Error"],"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n  isOnScreen: false,\n  toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const { t } = useTranslation()\n  const fallbackText = t('general:loading')\n  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n  const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n    delayBeforeShow: 1000,\n    inTimeout: animatedDuration,\n    minShowTime: 500,\n    outTimeout: animatedDuration,\n    show: overlays.isLoading,\n  })\n\n  const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n    ({ type, isLoading, key, loadingText = fallbackText }) => {\n      if (isLoading) {\n        triggerDelayedRender()\n        dispatchOverlay({\n          type: 'add',\n          payload: {\n            type,\n            key,\n            loadingText,\n          },\n        })\n      } else {\n        dispatchOverlay({\n          type: 'remove',\n          payload: {\n            type,\n            key,\n          },\n        })\n      }\n    },\n    [triggerDelayedRender, fallbackText],\n  )\n\n  return (\n    <Context.Provider\n      value={{\n        isOnScreen: isMounted,\n        toggleLoadingOverlay,\n      }}\n    >\n      {isMounted && (\n        <LoadingOverlay\n          animationDuration={`${animatedDuration}ms`}\n          loadingText={overlays.loadingText || fallbackText}\n          overlayType={overlays.overlayType}\n          show={!isUnmounting}\n        />\n      )}\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n  const contextHook = React.useContext(Context)\n  if (contextHook === undefined) {\n    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n  }\n\n  return contextHook\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LoadingOverlay/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,0BAA0B;;;;;CAKtC,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,KAAK,UAAU,MAAM,KAAG,KAmBtD,CAAA"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,0BAA0B;;;;;CAKtC,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,KAAK,UAAU,MAAM,KAAG,KAmBtD,CAAA"}

package/dist/elements/LoadingOverlay/reducer.js

@@ -1,31 +1,34 @@
+'use client';
+
 export const defaultLoadingOverlayState = {
-    isLoading: false,
-    loaders: [],
-    loadingText: '',
-    overlayType: null
+  isLoading: false,
+  loaders: [],
+  loadingText: '',
+  overlayType: null
 };
-export const reducer = (state, action)=>{
-    const loadersCopy = [
-        ...state.loaders
-    ];
-    const { type = 'fullscreen', key = 'user', loadingText } = action.payload;
-    if (action.type === 'add') {
-        loadersCopy.push({
-            type,
-            key,
-            loadingText
-        });
-    } else if (action.type === 'remove') {
-        const index = loadersCopy.findIndex((item)=>item.key === key && item.type === type);
-        loadersCopy.splice(index, 1);
-    }
-    const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null;
-    return {
-        isLoading: Boolean(nextLoader),
-        loaders: loadersCopy,
-        loadingText: nextLoader?.loadingText || state?.loadingText,
-        overlayType: nextLoader?.type || state?.overlayType
-    };
+export const reducer = (state, action) => {
+  const loadersCopy = [...state.loaders];
+  const {
+    type = 'fullscreen',
+    key = 'user',
+    loadingText
+  } = action.payload;
+  if (action.type === 'add') {
+    loadersCopy.push({
+      type,
+      key,
+      loadingText
+    });
+  } else if (action.type === 'remove') {
+    const index = loadersCopy.findIndex(item => item.key === key && item.type === type);
+    loadersCopy.splice(index, 1);
+  }
+  const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null;
+  return {
+    isLoading: Boolean(nextLoader),
+    loaders: loadersCopy,
+    loadingText: nextLoader?.loadingText || state?.loadingText,
+    overlayType: nextLoader?.type || state?.overlayType
+  };
 };
-
 //# sourceMappingURL=reducer.js.map

package/dist/elements/LoadingOverlay/reducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"sourcesContent":["import type { Action, State } from './types.js'\n\nexport const defaultLoadingOverlayState = {\n  isLoading: false,\n  loaders: [],\n  loadingText: '',\n  overlayType: null,\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  const loadersCopy = [...state.loaders]\n  const { type = 'fullscreen', key = 'user', loadingText } = action.payload\n\n  if (action.type === 'add') {\n    loadersCopy.push({ type, key, loadingText })\n  } else if (action.type === 'remove') {\n    const index = loadersCopy.findIndex((item) => item.key === key && item.type === type)\n    loadersCopy.splice(index, 1)\n  }\n\n  const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null\n\n  return {\n    isLoading: Boolean(nextLoader),\n    loaders: loadersCopy,\n    loadingText: nextLoader?.loadingText || state?.loadingText,\n    overlayType: nextLoader?.type || state?.overlayType,\n  }\n}\n"],"names":["defaultLoadingOverlayState","isLoading","loaders","loadingText","overlayType","reducer","state","action","loadersCopy","type","key","payload","push","index","findIndex","item","splice","nextLoader","length","Boolean"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAO,MAAMA,6BAA6B;IACxCC,WAAW;IACXC,SAAS,EAAE;IACXC,aAAa;IACbC,aAAa;AACf,EAAC;AAED,OAAO,MAAMC,UAAU,CAACC,OAAcC;IACpC,MAAMC,cAAc;WAAIF,MAAMJ,OAAO;KAAC;IACtC,MAAM,EAAEO,OAAO,YAAY,EAAEC,MAAM,MAAM,EAAEP,WAAW,EAAE,GAAGI,OAAOI,OAAO;IAEzE,IAAIJ,OAAOE,IAAI,KAAK,OAAO;QACzBD,YAAYI,IAAI,CAAC;YAAEH;YAAMC;YAAKP;QAAY;IAC5C,OAAO,IAAII,OAAOE,IAAI,KAAK,UAAU;QACnC,MAAMI,QAAQL,YAAYM,SAAS,CAAC,CAACC,OAASA,KAAKL,GAAG,KAAKA,OAAOK,KAAKN,IAAI,KAAKA;QAChFD,YAAYQ,MAAM,CAACH,OAAO;IAC5B;IAEA,MAAMI,aAAaT,aAAaU,SAAS,IAAIV,WAAW,CAACA,YAAYU,MAAM,GAAG,EAAE,GAAG;IAEnF,OAAO;QACLjB,WAAWkB,QAAQF;QACnBf,SAASM;QACTL,aAAac,YAAYd,eAAeG,OAAOH;QAC/CC,aAAaa,YAAYR,QAAQH,OAAOF;IAC1C;AACF,EAAC"}
+{"version":3,"file":"reducer.js","names":["defaultLoadingOverlayState","isLoading","loaders","loadingText","overlayType","reducer","state","action","loadersCopy","type","key","payload","push","index","findIndex","item","splice","nextLoader","length","Boolean"],"sources":["../../../src/elements/LoadingOverlay/reducer.ts"],"sourcesContent":["'use client'\nimport type { Action, State } from './types.js'\n\nexport const defaultLoadingOverlayState = {\n  isLoading: false,\n  loaders: [],\n  loadingText: '',\n  overlayType: null,\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  const loadersCopy = [...state.loaders]\n  const { type = 'fullscreen', key = 'user', loadingText } = action.payload\n\n  if (action.type === 'add') {\n    loadersCopy.push({ type, key, loadingText })\n  } else if (action.type === 'remove') {\n    const index = loadersCopy.findIndex((item) => item.key === key && item.type === type)\n    loadersCopy.splice(index, 1)\n  }\n\n  const nextLoader = loadersCopy?.length > 0 ? loadersCopy[loadersCopy.length - 1] : null\n\n  return {\n    isLoading: Boolean(nextLoader),\n    loaders: loadersCopy,\n    loadingText: nextLoader?.loadingText || state?.loadingText,\n    overlayType: nextLoader?.type || state?.overlayType,\n  }\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,0BAAA,GAA6B;EACxCC,SAAA,EAAW;EACXC,OAAA,EAAS,EAAE;EACXC,WAAA,EAAa;EACbC,WAAA,EAAa;AACf;AAEA,OAAO,MAAMC,OAAA,GAAUA,CAACC,KAAA,EAAcC,MAAA;EACpC,MAAMC,WAAA,GAAc,C,GAAIF,KAAA,CAAMJ,OAAO,CAAC;EACtC,MAAM;IAAEO,IAAA,GAAO,YAAY;IAAEC,GAAA,GAAM,MAAM;IAAEP;EAAW,CAAE,GAAGI,MAAA,CAAOI,OAAO;EAEzE,IAAIJ,MAAA,CAAOE,IAAI,KAAK,OAAO;IACzBD,WAAA,CAAYI,IAAI,CAAC;MAAEH,IAAA;MAAMC,GAAA;MAAKP;IAAY;EAC5C,OAAO,IAAII,MAAA,CAAOE,IAAI,KAAK,UAAU;IACnC,MAAMI,KAAA,GAAQL,WAAA,CAAYM,SAAS,CAAEC,IAAA,IAASA,IAAA,CAAKL,GAAG,KAAKA,GAAA,IAAOK,IAAA,CAAKN,IAAI,KAAKA,IAAA;IAChFD,WAAA,CAAYQ,MAAM,CAACH,KAAA,EAAO;EAC5B;EAEA,MAAMI,UAAA,GAAaT,WAAA,EAAaU,MAAA,GAAS,IAAIV,WAAW,CAACA,WAAA,CAAYU,MAAM,GAAG,EAAE,GAAG;EAEnF,OAAO;IACLjB,SAAA,EAAWkB,OAAA,CAAQF,UAAA;IACnBf,OAAA,EAASM,WAAA;IACTL,WAAA,EAAac,UAAA,EAAYd,WAAA,IAAeG,KAAA,EAAOH,WAAA;IAC/CC,WAAA,EAAaa,UAAA,EAAYR,IAAA,IAAQH,KAAA,EAAOF;EAC1C;AACF","ignoreList":[]}

package/dist/elements/LoadingOverlay/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/LoadingOverlay/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LoadingOverlay/types.ts"],"sourcesContent":["export type LoadingOverlayTypes = 'fullscreen' | 'withoutNav'\n\ntype ToggleLoadingOverlayOptions = {\n  isLoading?: boolean\n  key: string\n  loadingText?: string\n  type?: LoadingOverlayTypes\n}\nexport type ToggleLoadingOverlay = (options: ToggleLoadingOverlayOptions) => void\n\ntype Add = {\n  payload: {\n    key: string\n    loadingText?: string\n    type: LoadingOverlayTypes\n  }\n  type: 'add'\n}\ntype Remove = {\n  payload: {\n    key: string\n    loadingText?: never\n    type: LoadingOverlayTypes\n  }\n  type: 'remove'\n}\nexport type Action = Add | Remove\nexport type State = {\n  isLoading: boolean\n  loaders: {\n    key: string\n    loadingText: string\n    type: LoadingOverlayTypes\n  }[]\n  loadingText: string\n  overlayType: LoadingOverlayTypes | null\n}\n\nexport type LoadingOverlayContext = {\n  isOnScreen: boolean\n  toggleLoadingOverlay: ToggleLoadingOverlay\n}\n"],"names":[],"rangeMappings":"","mappings":"AAsCA,WAGC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/LoadingOverlay/types.ts"],"sourcesContent":["export type LoadingOverlayTypes = 'fullscreen' | 'withoutNav'\n\ntype ToggleLoadingOverlayOptions = {\n  isLoading?: boolean\n  key: string\n  loadingText?: string\n  type?: LoadingOverlayTypes\n}\nexport type ToggleLoadingOverlay = (options: ToggleLoadingOverlayOptions) => void\n\ntype Add = {\n  payload: {\n    key: string\n    loadingText?: string\n    type: LoadingOverlayTypes\n  }\n  type: 'add'\n}\ntype Remove = {\n  payload: {\n    key: string\n    loadingText?: never\n    type: LoadingOverlayTypes\n  }\n  type: 'remove'\n}\nexport type Action = Add | Remove\nexport type State = {\n  isLoading: boolean\n  loaders: {\n    key: string\n    loadingText: string\n    type: LoadingOverlayTypes\n  }[]\n  loadingText: string\n  overlayType: LoadingOverlayTypes | null\n}\n\nexport type LoadingOverlayContext = {\n  isOnScreen: boolean\n  toggleLoadingOverlay: ToggleLoadingOverlay\n}\n"],"mappings":"AAsCA","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAmBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAiBA,CAAA"}

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

@@ -1,26 +1,68 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import { Chevron } from '../../../icons/Chevron/index.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.scss';
 const baseClass = 'localizer-button';
-export const LocalizerLabel = (props)=>{
-    const { ariaLabel, className } = props;
-    const locale = useLocale();
-    const { i18n, t } = useTranslation();
-    return /*#__PURE__*/ React.createElement("div", {
-        "aria-label": ariaLabel || t('general:locale'),
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__label`
-    }, `${t('general:locale')}:`), "  ", /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__current-label`
-    }, `${getTranslation(locale.label, i18n)}`), " ", /*#__PURE__*/ React.createElement(Chevron, {
+export const LocalizerLabel = props => {
+  const $ = _c(11);
+  const {
+    ariaLabel,
+    className
+  } = props;
+  const locale = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== ariaLabel || $[1] !== t) {
+    t0 = ariaLabel || t("general:locale");
+    $[0] = ariaLabel;
+    $[1] = t;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const t2 = t1.join(" ");
+  const t3 = `${t("general:locale")}:`;
+  let t4;
+  if ($[5] !== t3 || $[6] !== locale.label || $[7] !== i18n || $[8] !== t0 || $[9] !== t2) {
+    t4 = _jsxs("div", {
+      "aria-label": t0,
+      className: t2,
+      children: [_jsxs("div", {
+        className: `${baseClass}__label`,
+        children: [t3, "\xA0"]
+      }), _jsx("span", {
+        className: `${baseClass}__current-label`,
+        children: `${getTranslation(locale.label, i18n)}`
+      }), _jsx(ChevronIcon, {
         className: `${baseClass}__chevron`
-    }));
+      })]
+    });
+    $[5] = t3;
+    $[6] = locale.label;
+    $[7] = i18n;
+    $[8] = t0;
+    $[9] = t2;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { Chevron } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}</div>\n      &nbsp;&nbsp;\n      <span className={`${baseClass}__current-label`}>\n        {`${getTranslation(locale.label, i18n)}`}\n      </span>\n      &nbsp;\n      <Chevron className={`${baseClass}__chevron`} />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Chevron","useLocale","useTranslation","baseClass","LocalizerLabel","props","ariaLabel","className","locale","i18n","t","div","aria-label","filter","Boolean","join","span","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,kCAAiC;AACzD,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AAGxE,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGF;IACjC,MAAMG,SAASP;IACf,MAAM,EAAEQ,IAAI,EAAEC,CAAC,EAAE,GAAGR;IAEpB,qBACE,oBAACS;QACCC,cAAYN,aAAaI,EAAE;QAC3BH,WAAW;YAACJ;YAAWI;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;qBAEvD,oBAACJ;QAAIJ,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;OAAG,CAAC,EAAEO,EAAE,kBAAkB,CAAC,CAAC,GAAO,oBAExE,oBAACM;QAAKT,WAAW,CAAC,EAAEJ,UAAU,eAAe,CAAC;OAC3C,CAAC,EAAEL,eAAeU,OAAOS,KAAK,EAAER,MAAM,CAAC,GACnC,mBAEP,oBAACT;QAAQO,WAAW,CAAC,EAAEJ,UAAU,SAAS,CAAC;;AAGjD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","t2","join","t3","t4","label","_jsxs","children","_jsx"],"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}&nbsp;</div>\n      <span className={`${baseClass}__current-label`}>\n        {`${getTranslation(locale.label, i18n)}`}\n      </span>\n      <ChevronIcon className={`${baseClass}__chevron`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,SAAA;IAAAC;EAAA,IAAiCH,KAAA;EACjC,MAAAI,MAAA,GAAeR,SAAA;EACf;IAAAS,IAAA;IAAAC;EAAA,IAAoBT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAK,CAAA;IAIJC,EAAA,GAAAL,SAAA,IAAaI,CAAA,CAAE;IAAAL,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,SAAA;IAChBK,EAAA,IAAAV,SAAA,EAAYK,SAAA,EAAAM,MAAA,CAAAC,OAAkB;IAAAT,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA9B,MAAAU,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAEf,MAAAC,EAAA,MAAGP,CAAA,CAAE,oBAAoB;EAAA,IAAAQ,EAAA;EAAA,IAAAb,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAG,MAAA,CAAAW,KAAA,IAAAd,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAU,EAAA;IAJnEG,EAAA,GAAAE,KAAA,CAAC;MAAA,cACaT,EAAe;MAAAJ,SAAA,EAChBQ,EAA4C;MAAAM,QAAA,GAEvDD,KAAA,CAAC;QAAAb,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAmB,QAAA,GAAGJ,EAAyB,EAAC;MAAA,C,GAClEK,IAAA,CAAC;QAAAf,SAAA,EAAgB,GAAAL,SAAA,iBAA6B;QAAAmB,QAAA,EAC3C,GAAGxB,cAAA,CAAeW,MAAA,CAAAW,KAAA,EAAcV,IAAA;MAAO,C,GAE1Ca,IAAA,CAAAvB,WAAA;QAAAQ,SAAA,EAAwB,GAAAL,SAAA;MAAuB,C;;;;;;;;;;;SARjDgB,E;CAWJ","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.scss

@@ -5,12 +5,18 @@
   align-items: center;
   white-space: nowrap;
   display: flex;
+  padding-inline-start: base(0.4);
+  padding-inline-end: base(0.1);
+  gap: 0;
+  background-color: var(--theme-elevation-100);
+  border-radius: var(--style-radius-s);
 
   &__label {
     color: var(--theme-elevation-500);
   }
 
   &__chevron {
+    padding: base(0.1);
     .stroke {
       stroke: currentColor;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAuDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAgDA,CAAA"}

package/dist/elements/Localizer/index.js

@@ -1,55 +1,101 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useRouter } from 'next/navigation.js';
 import React from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
-import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { PopupList } from '../Popup/index.js';
-import { Popup } from '../Popup/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
 import { LocalizerLabel } from './LocalizerLabel/index.js';
+import './index.scss';
 const baseClass = 'localizer';
-export const Localizer = (props)=>{
-    const { className } = props;
-    const config = useConfig();
-    const { localization } = config;
-    const { i18n } = useTranslation();
-    const locale = useLocale();
-    const { stringifyParams } = useSearchParams();
-    const router = useRouter();
-    const { clearRouteCache } = useRouteCache();
-    if (localization) {
-        const { locales } = localization;
-        return /*#__PURE__*/ React.createElement("div", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' ')
-        }, /*#__PURE__*/ React.createElement(Popup, {
-            button: /*#__PURE__*/ React.createElement(LocalizerLabel, null),
-            horizontalAlign: "right",
-            render: ({ close })=>/*#__PURE__*/ React.createElement(PopupList.ButtonGroup, null, locales.map((localeOption)=>{
-                    const localeOptionLabel = getTranslation(localeOption.label, i18n);
-                    return /*#__PURE__*/ React.createElement(PopupList.Button, {
-                        active: locale.code === localeOption.code,
-                        key: localeOption.code,
-                        onClick: ()=>{
-                            router.replace(stringifyParams({
-                                params: {
-                                    locale: localeOption.code
-                                }
-                            }));
-                            clearRouteCache();
-                            close();
-                        }
-                    }, localeOptionLabel, localeOptionLabel !== localeOption.code && ` (${localeOption.code})`);
-                })),
-            showScrollbar: true,
-            size: "large"
-        }));
+export const Localizer = props => {
+  const $ = _c(13);
+  const {
+    className
+  } = props;
+  const {
+    config
+  } = useConfig();
+  const {
+    localization
+  } = config;
+  const {
+    i18n
+  } = useTranslation();
+  const locale = useLocale();
+  const {
+    stringifyParams
+  } = useSearchParams();
+  if (localization) {
+    const {
+      locales
+    } = localization;
+    let t0;
+    if ($[0] !== className) {
+      t0 = [baseClass, className].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    const t1 = t0.join(" ");
+    let t2;
+    if ($[2] !== locales || $[3] !== i18n || $[4] !== locale.code || $[5] !== stringifyParams || $[6] !== t1) {
+      let t3;
+      if ($[8] !== locales || $[9] !== i18n || $[10] !== locale.code || $[11] !== stringifyParams) {
+        t3 = t4 => {
+          const {
+            close
+          } = t4;
+          return _jsx(PopupList.ButtonGroup, {
+            children: locales.map(localeOption => {
+              const localeOptionLabel = getTranslation(localeOption.label, i18n);
+              return _jsxs(PopupList.Button, {
+                active: locale.code === localeOption.code,
+                href: stringifyParams({
+                  params: {
+                    locale: localeOption.code
+                  }
+                }),
+                onClick: close,
+                children: [localeOptionLabel, localeOptionLabel !== localeOption.code && ` (${localeOption.code})`]
+              }, localeOption.code);
+            })
+          });
+        };
+        $[8] = locales;
+        $[9] = i18n;
+        $[10] = locale.code;
+        $[11] = stringifyParams;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      t2 = _jsx("div", {
+        className: t1,
+        children: _jsx(Popup, {
+          button: _jsx(LocalizerLabel, {}),
+          horizontalAlign: "right",
+          render: t3,
+          showScrollbar: true,
+          size: "large"
+        })
+      });
+      $[2] = locales;
+      $[3] = i18n;
+      $[4] = locale.code;
+      $[5] = stringifyParams;
+      $[6] = t1;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
     }
-    return null;
+    return t2;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const config = useConfig()\n  const { localization } = config\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      router.replace(\n                        stringifyParams({\n                          params: {\n                            locale: localeOption.code,\n                          },\n                        }),\n                      )\n                      clearRouteCache()\n                      close()\n                    }}\n                  >\n                    {localeOptionLabel}\n                    {localeOptionLabel !== localeOption.code && ` (${localeOption.code})`}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","useRouter","React","useConfig","useLocale","useRouteCache","useSearchParams","useTranslation","PopupList","Popup","LocalizerLabel","baseClass","Localizer","props","className","config","localization","i18n","locale","stringifyParams","router","clearRouteCache","locales","div","filter","Boolean","join","button","horizontalAlign","render","close","ButtonGroup","map","localeOption","localeOptionLabel","label","Button","active","code","key","onClick","replace","params","showScrollbar","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AACzC,SAASC,cAAc,QAAQ,4BAA2B;AAG1D,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,SAASZ;IACf,MAAM,EAAEa,YAAY,EAAE,GAAGD;IAEzB,MAAM,EAAEE,IAAI,EAAE,GAAGV;IACjB,MAAMW,SAASd;IACf,MAAM,EAAEe,eAAe,EAAE,GAAGb;IAC5B,MAAMc,SAASnB;IACf,MAAM,EAAEoB,eAAe,EAAE,GAAGhB;IAE5B,IAAIW,cAAc;QAChB,MAAM,EAAEM,OAAO,EAAE,GAAGN;QAEpB,qBACE,oBAACO;YAAIT,WAAW;gBAACH;gBAAWG;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;yBAC1D,oBAACjB;YACCkB,sBAAQ,oBAACjB;YACTkB,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAACtB,UAAUuB,WAAW,QACnBT,QAAQU,GAAG,CAAC,CAACC;oBACZ,MAAMC,oBAAoBlC,eAAeiC,aAAaE,KAAK,EAAElB;oBAE7D,qBACE,oBAACT,UAAU4B,MAAM;wBACfC,QAAQnB,OAAOoB,IAAI,KAAKL,aAAaK,IAAI;wBACzCC,KAAKN,aAAaK,IAAI;wBACtBE,SAAS;4BACPpB,OAAOqB,OAAO,CACZtB,gBAAgB;gCACduB,QAAQ;oCACNxB,QAAQe,aAAaK,IAAI;gCAC3B;4BACF;4BAEFjB;4BACAS;wBACF;uBAECI,mBACAA,sBAAsBD,aAAaK,IAAI,IAAI,CAAC,EAAE,EAAEL,aAAaK,IAAI,CAAC,CAAC,CAAC;gBAG3E;YAGJK,eAAAA;YACAC,MAAK;;IAIb;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useLocale","useSearchParams","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","localization","i18n","locale","stringifyParams","locales","t0","filter","Boolean","t1","join","t2","code","t3","t4","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","_jsxs","Button","active","href","params","onClick","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const { config } = useConfig()\n  const { localization } = config\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n  const { stringifyParams } = useSearchParams()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    href={stringifyParams({\n                      params: {\n                        locale: localeOption.code,\n                      },\n                    })}\n                    key={localeOption.code}\n                    onClick={close}\n                  >\n                    {localeOptionLabel}\n                    {localeOptionLabel !== localeOption.code && ` (${localeOption.code})`}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EACH;IAAAc;EAAA,IAAsBF,KAAA;EACtB;IAAAG;EAAA,IAAmBZ,SAAA;EACnB;IAAAa;EAAA,IAAyBD,MAAA;EAEzB;IAAAE;EAAA,IAAiBX,cAAA;EACjB,MAAAY,MAAA,GAAed,SAAA;EACf;IAAAe;EAAA,IAA4Bd,eAAA;EAAA,IAExBW,YAAA;IACF;MAAAI;IAAA,IAAoBJ,YAAA;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,SAAA;MAGFO,EAAA,IAAAX,SAAA,EAAYI,SAAA,EAAAQ,MAAA,CAAAC,OAAkB;MAAAV,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;IAAA,IAAAC,EAAA;IAAA,IAAAb,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAS,IAAA,IAAAd,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAW,EAAA;MAAA,IAAAI,EAAA;MAAA,IAAAf,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAI,IAAA,IAAAJ,CAAA,SAAAK,MAAA,CAAAS,IAAA,IAAAd,CAAA,SAAAM,eAAA;QAIhDS,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAS;UAAA,OAChBE,IAAA,CAAAvB,SAAA,CAAAwB,WAAA;YAAAC,QAAA,EACGb,OAAA,CAAAc,GAAA,CAAAC,YAAA;cACC,MAAAC,iBAAA,GAA0BnC,cAAA,CAAekC,YAAA,CAAAE,KAAA,EAAoBpB,IAAA;cAAA,OAG3DqB,KAAA,CAAA9B,SAAA,CAAA+B,MAAA;gBAAAC,MAAA,EACUtB,MAAA,CAAAS,IAAA,KAAgBQ,YAAA,CAAAR,IAAiB;gBAAAc,IAAA,EACnCtB,eAAA;kBAAAuB,MAAA;oBAAAxB,MAAA,EAEMiB,YAAA,CAAAR;kBAAA;gBAAA,CAEZ;gBAAAgB,OAAA,EAESb,KAAA;gBAAAG,QAAA,GAERG,iBAAA,EACAA,iBAAA,KAAsBD,YAAA,CAAAR,IAAiB,IAAI,KAAKQ,YAAA,CAAAR,IAAA,GAAoB;cAAA,GAJhEQ,YAAA,CAAAR,IAAiB;YAAA,CAO5B;UAAA,C;;;;;;;;;;MAxBRD,EAAA,GAAAK,IAAA,CAAC;QAAAjB,SAAA,EAAeU,EAA4C;QAAAS,QAAA,EAC1DF,IAAA,CAAAxB,KAAA;UAAAqC,MAAA,EACUb,IAAA,CAAAtB,cAAA,IAAC;UAAAoC,eAAA,EACO;UAAAC,MAAA,EACRlB,E;;gBAwBH;QAAA,C;;;;;;;;;;;WA5BTF,E;;;CAmCN","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAmCvC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAUA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AA2CzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAcA,CAAA"}

package/dist/elements/Logout/index.js

@@ -1,31 +1,109 @@
 'use client';
-import React, { Fragment } from 'react';
-import { LogOut } from '../../icons/LogOut/index.js';
-import { useComponentMap } from '../../providers/ComponentMap/index.js';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { LogOutIcon } from '../../icons/LogOut/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 const baseClass = 'nav';
-const DefaultLogout = ({ Link, tabIndex })=>{
-    const { t } = useTranslation();
-    const config = useConfig();
-    const { admin: { logoutRoute }, routes: { admin } } = config;
-    const LinkElement = Link || 'a';
-    return /*#__PURE__*/ React.createElement(LinkElement, {
-        "aria-label": t('authentication:logOut'),
-        className: `${baseClass}__log-out`,
-        href: `${admin}${logoutRoute}`,
-        tabIndex: tabIndex
-    }, /*#__PURE__*/ React.createElement(LogOut, null));
+const DefaultLogout = t0 => {
+  const $ = _c(6);
+  const {
+    Link,
+    tabIndex
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t1,
+    routes: t2
+  } = config;
+  const {
+    routes: t3
+  } = t1;
+  const {
+    logout: logoutRoute
+  } = t3;
+  const {
+    admin: adminRoute
+  } = t2;
+  const basePath = process.env.NEXT_BASE_PATH ?? "";
+  const LinkElement = Link || "a";
+  let t4;
+  if ($[0] !== t || $[1] !== adminRoute || $[2] !== logoutRoute || $[3] !== tabIndex || $[4] !== LinkElement) {
+    t4 = _jsx(LinkElement, {
+      "aria-label": t("authentication:logOut"),
+      className: `${baseClass}__log-out`,
+      href: formatAdminURL({
+        adminRoute,
+        basePath,
+        path: logoutRoute
+      }),
+      tabIndex,
+      children: _jsx(LogOutIcon, {})
+    });
+    $[0] = t;
+    $[1] = adminRoute;
+    $[2] = logoutRoute;
+    $[3] = tabIndex;
+    $[4] = LinkElement;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 };
-export const Logout = ({ Link, tabIndex = 0 })=>{
-    const { componentMap: { LogoutButton: CustomLogout } } = useComponentMap();
-    if (CustomLogout) {
-        return /*#__PURE__*/ React.createElement(Fragment, null, CustomLogout);
+export const Logout = t0 => {
+  const $ = _c(5);
+  const {
+    Link,
+    tabIndex: t1
+  } = t0;
+  const tabIndex = t1 === undefined ? 0 : t1;
+  const {
+    config: t2
+  } = useConfig();
+  const {
+    admin: t3
+  } = t2;
+  const {
+    components: t4
+  } = t3;
+  const {
+    LogoutButton: CustomLogout
+  } = t4;
+  if (CustomLogout) {
+    let t5;
+    if ($[0] !== CustomLogout) {
+      t5 = _jsx(RenderComponent, {
+        mappedComponent: CustomLogout
+      });
+      $[0] = CustomLogout;
+      $[1] = t5;
+    } else {
+      t5 = $[1];
     }
-    return /*#__PURE__*/ React.createElement(DefaultLogout, {
-        Link: Link,
-        tabIndex: tabIndex
+    return t5;
+  }
+  let t5;
+  if ($[2] !== Link || $[3] !== tabIndex) {
+    t5 = _jsx(DefaultLogout, {
+      Link,
+      tabIndex
     });
+    $[2] = Link;
+    $[3] = tabIndex;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { LogOut } from '../../icons/LogOut/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'nav'\n\nconst DefaultLogout: React.FC<{\n  Link: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex }) => {\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const {\n    admin: { logoutRoute },\n    routes: { admin },\n  } = config\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <LinkElement\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={`${admin}${logoutRoute}`}\n      tabIndex={tabIndex}\n    >\n      <LogOut />\n    </LinkElement>\n  )\n}\n\nexport const Logout: React.FC<{\n  Link?: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex = 0 }) => {\n  const {\n    componentMap: { LogoutButton: CustomLogout },\n  } = useComponentMap()\n\n  if (CustomLogout) {\n    return <Fragment>{CustomLogout}</Fragment>\n  }\n\n  return <DefaultLogout Link={Link} tabIndex={tabIndex} />\n}\n"],"names":["React","Fragment","LogOut","useComponentMap","useConfig","useTranslation","baseClass","DefaultLogout","Link","tabIndex","t","config","admin","logoutRoute","routes","LinkElement","aria-label","className","href","Logout","componentMap","LogoutButton","CustomLogout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,MAAM,QAAQ,8BAA6B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,gBAGD,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAE;IACtB,MAAM,EAAEC,CAAC,EAAE,GAAGL;IACd,MAAMM,SAASP;IAEf,MAAM,EACJQ,OAAO,EAAEC,WAAW,EAAE,EACtBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGD;IAEJ,MAAMI,cAAcP,QAAQ;IAE5B,qBACE,oBAACO;QACCC,cAAYN,EAAE;QACdO,WAAW,CAAC,EAAEX,UAAU,SAAS,CAAC;QAClCY,MAAM,CAAC,EAAEN,MAAM,EAAEC,YAAY,CAAC;QAC9BJ,UAAUA;qBAEV,oBAACP;AAGP;AAEA,OAAO,MAAMiB,SAGR,CAAC,EAAEX,IAAI,EAAEC,WAAW,CAAC,EAAE;IAC1B,MAAM,EACJW,cAAc,EAAEC,cAAcC,YAAY,EAAE,EAC7C,GAAGnB;IAEJ,IAAImB,cAAc;QAChB,qBAAO,oBAACrB,gBAAUqB;IACpB;IAEA,qBAAO,oBAACf;QAAcC,MAAMA;QAAMC,UAAUA;;AAC9C,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","LogOutIcon","RenderComponent","useConfig","useTranslation","formatAdminURL","baseClass","DefaultLogout","t0","$","Link","tabIndex","t","config","admin","t1","routes","t2","t3","logout","logoutRoute","adminRoute","basePath","process","env","NEXT_BASE_PATH","LinkElement","t4","_jsx","className","href","path","children","Logout","undefined","components","LogoutButton","CustomLogout","t5","mappedComponent"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\n\nconst baseClass = 'nav'\n\nconst DefaultLogout: React.FC<{\n  Link: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const basePath = process.env.NEXT_BASE_PATH ?? ''\n  const LinkElement = Link || 'a'\n\n  return (\n    <LinkElement\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        basePath,\n        path: logoutRoute,\n      })}\n      tabIndex={tabIndex}\n    >\n      <LogOutIcon />\n    </LinkElement>\n  )\n}\n\nexport const Logout: React.FC<{\n  Link?: React.ComponentType\n  tabIndex?: number\n}> = ({ Link, tabIndex = 0 }) => {\n  const {\n    config: {\n      admin: {\n        components: { LogoutButton: CustomLogout },\n      },\n    },\n  } = useConfig()\n\n  if (CustomLogout) {\n    return <RenderComponent mappedComponent={CustomLogout} />\n  }\n\n  return <DefaultLogout Link={Link} tabIndex={tabIndex} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,MAAMC,aAAA,GAGDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,IAAA;IAAAC;EAAA,IAAAH,EAAkB;EACtB;IAAAI;EAAA,IAAcR,cAAA;EACd;IAAAS;EAAA,IAAmBV,SAAA;EAEnB;IAAAW,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAG/B,MAAAK,QAAA,GAAiBC,OAAA,CAAAC,GAAA,CAAAC,cAAA,IAA8B;EAC/C,MAAAC,WAAA,GAAoBhB,IAAA,IAAQ;EAAA,IAAAiB,EAAA;EAAA,IAAAlB,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAiB,WAAA;IAG1BC,EAAA,GAAAC,IAAA,CAACF,WAAA;MAAA,cACad,CAAA,CAAE;MAAAiB,SAAA,EACH,GAAAvB,SAAA,WAAuB;MAAAwB,IAAA,EAC5BzB,cAAA;QAAAgB,UAAA;QAAAC,QAAA;QAAAS,IAAA,EAGEX;MAAA,CACR;MAAAT,QAAA;MAAAqB,QAAA,EAGAJ,IAAA,CAAA3B,UAAA,IAAC;IAAA,C;;;;;;;;;;SAVH0B,E;CAaJ;AAEA,OAAO,MAAMM,MAAA,GAGRzB,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,IAAA;IAAAC,QAAA,EAAAI;EAAA,IAAAP,EAAsB;EAAd,MAAAG,QAAA,GAAAI,EAAY,KAAAmB,SAAA,OAAZnB,EAAY;EACxB;IAAAF,MAAA,EAAAI;EAAA,IAMId,SAAA;EALM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAIP;EAHQ;IAAAkB,UAAA,EAAAR;EAAA,IAAAT,EAEN;EADa;IAAAkB,YAAA,EAAAC;EAAA,IAAAV,EAA8B;EAAA,IAK5CU,YAAA;IAAA,IAAAC,EAAA;IAAA,IAAA7B,CAAA,QAAA4B,YAAA;MACKC,EAAA,GAAAV,IAAA,CAAA1B,eAAA;QAAAqC,eAAA,EAAkCF;MAAA,C;;;;;;WAAlCC,E;;;;IAGFA,EAAA,GAAAV,IAAA,CAAArB,aAAA;MAAAG,IAAA;MAAAC;IAAA,C;;;;;;;SAAA2B,E;CACT","ignoreList":[]}