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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nexport type StayLoggedInProps = {\n  refreshCookie: () => void\n}\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nconst modalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC<StayLoggedInProps> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { refreshCookie } = props\n  const router = useRouter()\n  const config = useConfig()\n  const {\n    admin: { logoutRoute },\n    routes: { admin },\n  } = config\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug=\"stay-logged-in\">\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('authentication:stayLoggedIn')}</h1>\n          <p>{t('authentication:youAreInactive')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={() => {\n              toggleModal(modalSlug)\n              router.push(`${admin}${logoutRoute}`)\n            }}\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(modalSlug)\n            }}\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["facelessUIImport","useRouter","React","Button","useConfig","useTranslation","baseClass","modalSlug","StayLoggedInModal","props","Modal","useModal","refreshCookie","router","config","admin","logoutRoute","routes","toggleModal","t","className","slug","div","h1","p","buttonStyle","onClick","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,0EAA0E;AAC1E,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAMzB,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGX;IAE5B,MAAM,EAAEY,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASZ;IACf,MAAMa,SAASV;IACf,MAAM,EACJW,OAAO,EAAEC,WAAW,EAAE,EACtBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGD;IACJ,MAAM,EAAEI,WAAW,EAAE,GAAGP;IACxB,MAAM,EAAEQ,CAAC,EAAE,GAAGd;IAEd,qBACE,oBAACK;QAAMU,WAAWd;QAAWe,MAAK;qBAChC,oBAACC;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACgB;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACiB,YAAIJ,EAAE,+CACP,oBAACK,WAAGL,EAAE,kDAER,oBAACG;QAAIF,WAAW,CAAC,EAAEd,UAAU,UAAU,CAAC;qBACtC,oBAACH;QACCsB,aAAY;QACZC,SAAS;YACPR,YAAYX;YACZM,OAAOc,IAAI,CAAC,CAAC,EAAEZ,MAAM,EAAEC,YAAY,CAAC;QACtC;OAECG,EAAE,yCAEL,oBAAChB;QACCuB,SAAS;YACPd;YACAM,YAAYX;QACd;OAECY,EAAE;AAMf,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","useRouter","React","Button","useAuth","useConfig","useTranslation","formatAdminURL","baseClass","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","toggleModal","t","t3","t4","push","path","t5","_jsx","className","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug={stayLoggedInModalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('authentication:stayLoggedIn')}</h1>\n          <p>{t('authentication:youAreInactive')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={() => {\n              toggleModal(stayLoggedInModalSlug)\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: logoutRoute,\n                }),\n              )\n            }}\n            size=\"large\"\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(stayLoggedInModalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/StayLoggedIn/index.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/styles.scss';
+@import '../../scss/styles.scss';
 
 .stay-logged-in {
   @include blur-bg;
@@ -13,6 +13,7 @@
     display: flex;
     flex-direction: column;
     gap: var(--base);
+    padding: base(2);
   }
 
   &__content {

package/dist/elements/StepNav/SetStepNav.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" resolution-mode="require"/>
-import type { StepNavItem } from './index.js';
+import type { StepNavItem } from './types.js';
 export declare const SetStepNav: React.FC<{
     nav: StepNavItem[];
 }>;

package/dist/elements/StepNav/SetStepNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,GAAG,EAAE,WAAW,EAAE,CAAA;CACnB,CAQA,CAAA"}
+{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,GAAG,EAAE,WAAW,EAAE,CAAA;CACnB,CAQA,CAAA"}

package/dist/elements/StepNav/SetStepNav.js

@@ -1,15 +1,32 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useEffect } from 'react';
-import { useStepNav } from './index.js';
-export const SetStepNav = ({ nav })=>{
-    const { setStepNav } = useStepNav();
-    useEffect(()=>{
-        setStepNav(nav);
-    }, [
-        setStepNav,
-        nav
-    ]);
-    return null;
+import { useStepNav } from './context.js';
+export const SetStepNav = t0 => {
+  const $ = _c(4);
+  const {
+    nav
+  } = t0;
+  const {
+    setStepNav
+  } = useStepNav();
+  let t1;
+  let t2;
+  if ($[0] !== setStepNav || $[1] !== nav) {
+    t1 = () => {
+      setStepNav(nav);
+    };
+    t2 = [setStepNav, nav];
+    $[0] = setStepNav;
+    $[1] = nav;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return null;
 };
-
 //# sourceMappingURL=SetStepNav.js.map

package/dist/elements/StepNav/SetStepNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './index.js'\n\nimport { useStepNav } from './index.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"names":["useEffect","useStepNav","SetStepNav","nav","setStepNav"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,QAAO;AAIjC,SAASC,UAAU,QAAQ,aAAY;AAEvC,OAAO,MAAMC,aAER,CAAC,EAAEC,GAAG,EAAE;IACX,MAAM,EAAEC,UAAU,EAAE,GAAGH;IAEvBD,UAAU;QACRI,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAI;IAEpB,OAAO;AACT,EAAC"}
+{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,GAAA;IAEbE,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA;IACVG,EAAA,IAACF,UAAA,EAAYD,GAAA;IAAID,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA;AAAA,CAGtB","ignoreList":[]}

package/dist/elements/StepNav/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ContextType } from './types.js';
+export declare const useStepNav: () => ContextType;
+export declare const Context: React.Context<ContextType>;
+export declare const StepNavProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/StepNav/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,UAAU,QAAO,WAAkC,CAAA;AAEhE,eAAO,MAAM,OAAO,4BAAmC,CAAA;AAEvD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapE,CAAA"}

package/dist/elements/StepNav/context.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useState } from 'react';
+export const useStepNav = () => {
+  return useContext(Context);
+};
+export const Context = /*#__PURE__*/createContext({});
+export const StepNavProvider = t0 => {
+  const $ = _c(4);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [stepNav, setStepNav] = useState(t1);
+  let t2;
+  if ($[1] !== stepNav || $[2] !== children) {
+    t2 = _jsx(Context.Provider, {
+      value: {
+        setStepNav,
+        stepNav
+      },
+      children
+    });
+    $[1] = stepNav;
+    $[2] = children;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","useContext","useState","useStepNav","Context","StepNavProvider","t0","$","children","t1","Symbol","for","stepNav","setStepNav","t2","_jsx","Provider","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => useContext(Context)\n\nexport const Context = createContext({} as ContextType)\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context.Provider\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAI3D,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAmBF,UAAA,CAAAG,OAAW;AAAA;AAExD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAAc,CAAC;AAEtC,OAAO,MAAMK,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAK,OAAA,EAAAC,UAAA,IAA8BX,QAAA,CAASO,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAC,QAAA;IAGvCM,EAAA,GAAAC,IAAA,CAAAX,OAAA,CAAAY,QAAA;MAAAC,KAAA;QAAAJ,UAAA;QAAAD;MAAA;MAAAJ;IAAA,C;;;;;;;SAAAM,E;CASJ","ignoreList":[]}

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

@@ -1,22 +1,11 @@
-import type { LabelFunction } from 'payload/config';
 import React from 'react';
+import { StepNavProvider, useStepNav } from './context.js';
 import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
-export type StepNavItem = {
-    label: LabelFunction | Record<string, string> | string;
-    url?: string;
-};
-export type ContextType = {
-    setStepNav: (items: StepNavItem[]) => void;
-    stepNav: StepNavItem[];
-};
-declare const StepNavProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-declare const useStepNav: () => ContextType;
+import type { StepNavItem } from './types.js';
 declare const StepNav: React.FC<{
-    Link?: React.ComponentType;
-    className?: string;
+    readonly Link?: React.ComponentType;
+    readonly className?: string;
 }>;
-export { StepNav, StepNavProvider, useStepNav };
+export { StepNav, StepNavItem, StepNavProvider, useStepNav };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAGnD,OAAO,KAAwD,MAAM,OAAO,CAAA;AAK5E,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAMD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAa7D,CAAA;AAED,QAAA,MAAM,UAAU,QAAO,WAAkC,CAAA;AAEzD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoDA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAmEA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}

package/dist/elements/StepNav/index.js

@@ -1,60 +1,107 @@
 '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, { Fragment, createContext, useContext, useState } from 'react';
-import { Icon } from '../../graphics/Icon/index.js';
+import React, { Fragment } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { StepNavProvider, useStepNav } from './context.js';
+import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
+import { PayloadIcon } from '../../graphics/Icon/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 const baseClass = 'step-nav';
-const Context = /*#__PURE__*/ createContext({});
-const StepNavProvider = ({ children })=>{
-    const [stepNav, setStepNav] = useState([]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: {
-            setStepNav,
-            stepNav
-        }
-    }, children);
-};
-const useStepNav = ()=>useContext(Context);
-const StepNav = ({ Link, className })=>{
-    const { i18n } = useTranslation();
-    const { stepNav } = useStepNav();
-    const config = useConfig();
-    const { routes: { admin } } = config;
-    const LinkElement = Link || 'a';
-    return /*#__PURE__*/ React.createElement(Fragment, null, stepNav.length > 0 ? /*#__PURE__*/ React.createElement("nav", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(LinkElement, {
-        className: `${baseClass}__home`,
-        href: admin,
-        tabIndex: 0
-    }, /*#__PURE__*/ React.createElement(Icon, null)), /*#__PURE__*/ React.createElement("span", null, "/"), stepNav.map((item, i)=>{
-        const StepLabel = getTranslation(item.label, i18n);
-        const isLast = stepNav.length === i + 1;
-        const Step = isLast ? /*#__PURE__*/ React.createElement("span", {
+const StepNav = t0 => {
+  const $ = _c(8);
+  const {
+    Link,
+    className
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    stepNav
+  } = useStepNav();
+  const {
+    config,
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  const LinkElement = Link || "a";
+  let t3;
+  if ($[0] !== stepNav || $[1] !== className || $[2] !== t || $[3] !== config || $[4] !== admin || $[5] !== LinkElement || $[6] !== i18n) {
+    t3 = _jsx(Fragment, {
+      children: stepNav.length > 0 ? _jsxs("nav", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: [_jsx(LinkElement, {
+          className: `${baseClass}__home`,
+          href: admin,
+          tabIndex: 0,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderComponent, {
+              Component: PayloadIcon,
+              mappedComponent: config?.admin?.components?.graphics?.Icon
+            })
+          })
+        }), _jsx("span", {
+          children: "/"
+        }), stepNav.map((item, i) => {
+          const StepLabel = getTranslation(item.label, i18n);
+          const isLast = stepNav.length === i + 1;
+          const Step = isLast ? _jsx("span", {
             className: `${baseClass}__last`,
-            key: i
-        }, StepLabel) : /*#__PURE__*/ React.createElement(Fragment, {
-            key: i
-        }, item.url ? /*#__PURE__*/ React.createElement(LinkElement, {
-            href: item.url
-        }, /*#__PURE__*/ React.createElement("span", {
-            key: i
-        }, StepLabel)) : /*#__PURE__*/ React.createElement("span", {
-            key: i
-        }, StepLabel), /*#__PURE__*/ React.createElement("span", null, "/"));
-        return Step;
-    })) : /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(Icon, null)));
+            children: StepLabel
+          }, i) : _jsxs(Fragment, {
+            children: [item.url ? _jsx(LinkElement, {
+              href: item.url,
+              children: _jsx("span", {
+                children: StepLabel
+              }, i)
+            }) : _jsx("span", {
+              children: StepLabel
+            }, i), _jsx("span", {
+              children: "/"
+            })]
+          }, i);
+          return Step;
+        })]
+      }) : _jsx("div", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: _jsx("div", {
+          className: `${baseClass}__home`,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderComponent, {
+              Component: PayloadIcon,
+              mappedComponent: config?.admin?.components?.graphics?.Icon
+            })
+          })
+        })
+      })
+    });
+    $[0] = stepNav;
+    $[1] = className;
+    $[2] = t;
+    $[3] = config;
+    $[4] = admin;
+    $[5] = LinkElement;
+    $[6] = i18n;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 };
 export { StepNav, StepNavProvider, useStepNav };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction } from 'payload/config'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, createContext, useContext, useState } from 'react'\n\nimport { Icon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nexport type StepNavItem = {\n  label: LabelFunction | Record<string, string> | string\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n\nconst baseClass = 'step-nav'\n\nconst Context = createContext({} as ContextType)\n\nconst StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context.Provider\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nconst useStepNav = (): ContextType => useContext(Context)\n\nconst StepNav: React.FC<{\n  Link?: React.ComponentType\n  className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const config = useConfig()\n\n  const {\n    routes: { admin },\n  } = config\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <Icon />\n          </LinkElement>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <LinkElement href={item.url}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Icon />\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavProvider, useStepNav }\n"],"names":["getTranslation","React","Fragment","createContext","useContext","useState","Icon","useConfig","useTranslation","SetStepNav","baseClass","Context","StepNavProvider","children","stepNav","setStepNav","Provider","value","useStepNav","StepNav","Link","className","i18n","config","routes","admin","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","map","item","i","StepLabel","label","isLast","Step","key","url","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAE5E,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,SAASC,UAAU,QAAQ,kBAAiB;AAY5C,MAAMC,YAAY;AAElB,MAAMC,wBAAUR,cAAc,CAAC;AAE/B,MAAMS,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IAC7E,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAS,EAAE;IAEzC,qBACE,oBAACM,QAAQK,QAAQ;QACfC,OAAO;YACLF;YACAD;QACF;OAECD;AAGP;AAEA,MAAMK,aAAa,IAAmBd,WAAWO;AAEjD,MAAMQ,UAGD,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGd;IAEjB,MAAM,EAAEM,OAAO,EAAE,GAAGI;IAEpB,MAAMK,SAAShB;IAEf,MAAM,EACJiB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGF;IAEJ,MAAMG,cAAcN,QAAQ;IAE5B,qBACE,oBAAClB,gBACEY,QAAQa,MAAM,GAAG,kBAChB,oBAACC;QAAIP,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACL;QAAYL,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;QAAEsB,MAAMP;QAAOQ,UAAU;qBACnE,oBAAC3B,4BAEH,oBAAC4B,cAAK,MACLpB,QAAQqB,GAAG,CAAC,CAACC,MAAMC;QAClB,MAAMC,YAAYtC,eAAeoC,KAAKG,KAAK,EAAEjB;QAC7C,MAAMkB,SAAS1B,QAAQa,MAAM,KAAKU,IAAI;QAEtC,MAAMI,OAAOD,uBACX,oBAACN;YAAKb,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;YAAEgC,KAAKL;WACzCC,2BAGH,oBAACpC;YAASwC,KAAKL;WACZD,KAAKO,GAAG,iBACP,oBAACjB;YAAYM,MAAMI,KAAKO,GAAG;yBACzB,oBAACT;YAAKQ,KAAKL;WAAIC,4BAGjB,oBAACJ;YAAKQ,KAAKL;WAAIC,0BAEjB,oBAACJ,cAAK;QAIV,OAAOO;IACT,oBAGF,oBAACG;QAAIvB,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACzB;AAKX;AAEA,SAASa,OAAO,EAAEP,eAAe,EAAEM,UAAU,GAAE"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useConfig","useTranslation","StepNavProvider","useStepNav","SetStepNav","PayloadIcon","RenderComponent","baseClass","StepNav","t0","$","Link","className","i18n","stepNav","config","t1","routes","t2","admin","t","LinkElement","t3","_jsx","children","length","_jsxs","filter","Boolean","join","href","tabIndex","title","Component","mappedComponent","components","graphics","Icon","map","item","i","StepLabel","label","isLast","Step","url"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\nexport { SetStepNav } from './SetStepNav.js'\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly Link?: React.ComponentType\n  readonly className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config,\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderComponent\n                Component={PayloadIcon}\n                mappedComponent={config?.admin?.components?.graphics?.Icon}\n              />\n            </span>\n          </LinkElement>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <LinkElement href={item.url}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderComponent\n                Component={PayloadIcon}\n                mappedComponent={config?.admin?.components?.graphics?.Icon}\n              />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/StepNav/index.scss

@@ -2,6 +2,7 @@
 
 .step-nav {
   display: flex;
+  align-items: center;
   gap: calc(var(--base) / 2);
 
   &::after {
@@ -16,6 +17,8 @@
   // Use a pseudo element for the accessability so that it doesn't take up DOM space
   // Also because the parent element has `overflow: hidden` which would clip an outline
   &__home {
+    width: 18px;
+    height: 18px;
     position: relative;
 
     &:focus-visible {
@@ -56,15 +59,22 @@
   }
 
   span {
-    display: flex;
-    align-items: center;
     max-width: base(8);
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
   }
 
+  @include mid-break {
+    .step-nav {
+      &__home {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
   @include small-break {
-    gap: calc(var(--base) / 4);
+    gap: base(0.4);
   }
 }

package/dist/elements/StepNav/types.d.ts

@@ -0,0 +1,10 @@
+import type { LabelFunction, StaticLabel } from 'payload';
+export type StepNavItem = {
+    label: LabelFunction | StaticLabel;
+    url?: string;
+};
+export type ContextType = {
+    setStepNav: (items: StepNavItem[]) => void;
+    stepNav: StepNavItem[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/StepNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

package/dist/elements/StepNav/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAOA","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts

@@ -1,7 +1,6 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload/types';
+import type { ArrayFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {
-    labels: CellComponentProps['labels'];
+export interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[], ArrayFieldClient> {
 }
 export declare const ArrayCell: React.FC<ArrayCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAIlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC1F,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,cACf,SAAQ,yBAAyB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,gBAAgB,CAAC;CAAG;AAEnF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Array/index.js

@@ -1,12 +1,34 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
 import React from 'react';
-export const ArrayCell = ({ cellData, labels })=>{
-    const { i18n } = useTranslation();
-    const arrayFields = cellData ?? [];
-    const label = `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
-    return /*#__PURE__*/ React.createElement("span", null, label);
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+export const ArrayCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const arrayFields = cellData ?? [];
+  const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t("general:rows"), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t("general:rows"), i18n)}`;
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Array/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {\n  labels: CellComponentProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"rangeMappings":";;;;;;;;;","mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,oBAACM,cAAMJ;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ArrayCell","t0","$","cellData","field","t1","labels","i18n","arrayFields","label","length","singular","t","plural","t2","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps\n  extends DefaultCellComponentProps<Record<string, unknown>[], ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAK/B,OAAO,MAAMC,SAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAA+B;EAAZ;IAAAK;EAAA,IAAAD,EAAU;EAC/E;IAAAE;EAAA,IAAiBR,cAAA;EAEjB,MAAAS,WAAA,GAAoBL,QAAA,MAAc;EAElC,MAAAM,KAAA,GACED,WAAA,CAAAE,MAAA,MAAuB,GACnB,GAAGF,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAK,QAAA,IAAoBJ,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO,GAC3F,GAAGC,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAO,MAAA,IAAkBN,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO;EAAA,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAO,KAAA;IAExFK,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMP;IAAA,C;;;;;;SAAPK,E;CACT","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts

@@ -1,8 +1,6 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload/types';
+import type { BlockFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export interface BlocksCellProps extends DefaultCellComponentProps<any> {
-    blocks: CellComponentProps['blocks'];
-    labels: CellComponentProps['labels'];
+export interface BlocksCellProps extends DefaultCellComponentProps<any, BlockFieldClient> {
 }
 export declare const BlocksCell: React.FC<BlocksCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAIlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IACrE,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,EAAE,gBAAgB,CAAC;CAAG;AAE5F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}