@payloadcms/ui 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

package/dist/elements/StayLoggedIn/index.js

@@ -1,6 +1,8 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as facelessUIImport from '@faceless-ui/modal';
+import { Modal, useModal } from '@faceless-ui/modal';
 // TODO: abstract the `next/navigation` dependency out from this component
 import { useRouter } from 'next/navigation.js';
 import React from 'react';
@@ -8,56 +10,106 @@ import { Button } from '../../elements/Button/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
+import './index.scss';
 const baseClass = 'stay-logged-in';
 export const stayLoggedInModalSlug = 'stay-logged-in';
-export const StayLoggedInModal = ()=>{
-    const { Modal, useModal } = facelessUIImport;
-    const { refreshCookie } = useAuth();
-    const router = useRouter();
-    const config = useConfig();
-    const { admin: { routes: { logout: logoutRoute } }, routes: { admin } } = config;
-    const { toggleModal } = useModal();
-    const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx(Modal, {
-        className: baseClass,
-        slug: stayLoggedInModalSlug,
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: `${baseClass}__wrapper`,
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__content`,
-                    children: [
-                        /*#__PURE__*/ _jsx("h1", {
-                            children: t('authentication:stayLoggedIn')
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            children: t('authentication:youAreInactive')
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__controls`,
-                    children: [
-                        /*#__PURE__*/ _jsx(Button, {
-                            buttonStyle: "secondary",
-                            onClick: ()=>{
-                                toggleModal(stayLoggedInModalSlug);
-                                router.push(`${admin}${logoutRoute}`);
-                            },
-                            children: t('authentication:logOut')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            onClick: ()=>{
-                                refreshCookie();
-                                toggleModal(stayLoggedInModalSlug);
-                            },
-                            children: t('authentication:stayLoggedIn')
-                        })
-                    ]
-                })
-            ]
-        })
+export const StayLoggedInModal = () => {
+  const $ = _c(15);
+  const {
+    refreshCookie
+  } = useAuth();
+  const router = useRouter();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t0,
+    routes: t1
+  } = config;
+  const {
+    routes: t2
+  } = t0;
+  const {
+    logout: logoutRoute
+  } = t2;
+  const {
+    admin: adminRoute
+  } = t1;
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== t || $[1] !== toggleModal || $[2] !== router || $[3] !== adminRoute || $[4] !== logoutRoute || $[5] !== refreshCookie) {
+    let t4;
+    if ($[7] !== toggleModal || $[8] !== router || $[9] !== adminRoute || $[10] !== logoutRoute) {
+      t4 = () => {
+        toggleModal(stayLoggedInModalSlug);
+        router.push(formatAdminURL({
+          adminRoute,
+          path: logoutRoute
+        }));
+      };
+      $[7] = toggleModal;
+      $[8] = router;
+      $[9] = adminRoute;
+      $[10] = logoutRoute;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    let t5;
+    if ($[12] !== refreshCookie || $[13] !== toggleModal) {
+      t5 = () => {
+        refreshCookie();
+        toggleModal(stayLoggedInModalSlug);
+      };
+      $[12] = refreshCookie;
+      $[13] = toggleModal;
+      $[14] = t5;
+    } else {
+      t5 = $[14];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      slug: stayLoggedInModalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("authentication:stayLoggedIn")
+          }), _jsx("p", {
+            children: t("authentication:youAreInactive")
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            onClick: t4,
+            size: "large",
+            children: t("authentication:logOut")
+          }), _jsx(Button, {
+            onClick: t5,
+            size: "large",
+            children: t("authentication:stayLoggedIn")
+          })]
+        })]
+      })
     });
+    $[0] = t;
+    $[1] = toggleModal;
+    $[2] = router;
+    $[3] = adminRoute;
+    $[4] = logoutRoute;
+    $[5] = refreshCookie;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.js.map

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\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 './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { Modal, useModal } = facelessUIImport\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 },\n  } = config\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(`${admin}${logoutRoute}`)\n            }}\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(stayLoggedInModalSlug)\n            }}\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["facelessUIImport","useRouter","React","Button","useAuth","useConfig","useTranslation","baseClass","stayLoggedInModalSlug","StayLoggedInModal","Modal","useModal","refreshCookie","router","config","admin","routes","logout","logoutRoute","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;AAEzB,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,wBAAwB,iBAAgB;AAErD,OAAO,MAAMC,oBAA8B;IACzC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGX;IAC5B,MAAM,EAAEY,aAAa,EAAE,GAAGR;IAE1B,MAAMS,SAASZ;IACf,MAAMa,SAAST;IAEf,MAAM,EACJU,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,KAAK,EAAE,EAClB,GAAGD;IACJ,MAAM,EAAEK,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,CAAC,EAAE,GAAGd;IAEd,qBACE,KAACI;QAAMW,WAAWd;QAAWe,MAAMd;kBACjC,cAAA,MAACe;YAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;;8BACrC,MAACgB;oBAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;;sCACrC,KAACiB;sCAAIJ,EAAE;;sCACP,KAACK;sCAAGL,EAAE;;;;8BAER,MAACG;oBAAIF,WAAW,CAAC,EAAEd,UAAU,UAAU,CAAC;;sCACtC,KAACJ;4BACCuB,aAAY;4BACZC,SAAS;gCACPR,YAAYX;gCACZK,OAAOe,IAAI,CAAC,CAAC,EAAEb,MAAM,EAAEG,YAAY,CAAC;4BACtC;sCAECE,EAAE;;sCAEL,KAACjB;4BACCwB,SAAS;gCACPf;gCACAO,YAAYX;4BACd;sCAECY,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

@@ -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;AAInD,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,CA4DA,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,92 +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 { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import React, { Fragment, createContext, useContext, useState } from 'react';
-import { PayloadIcon } 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__*/ _jsx(Context.Provider, {
-        value: {
-            setStepNav,
-            stepNav
-        },
-        children: children
-    });
-};
-const useStepNav = ()=>useContext(Context);
-const StepNav = ({ Link, className })=>{
-    const { i18n } = useTranslation();
-    const { stepNav } = useStepNav();
-    const config = useConfig();
-    const { routes: { admin } } = config;
-    const { componentMap } = useComponentMap();
-    const { t } = useTranslation();
-    const Icon = componentMap?.Icon || /*#__PURE__*/ _jsx(PayloadIcon, {});
-    const LinkElement = Link || 'a';
-    return /*#__PURE__*/ _jsx(Fragment, {
-        children: stepNav.length > 0 ? /*#__PURE__*/ _jsxs("nav", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: [
-                /*#__PURE__*/ _jsx(LinkElement, {
-                    className: `${baseClass}__home`,
-                    href: admin,
-                    tabIndex: 0,
-                    children: /*#__PURE__*/ _jsx("span", {
-                        title: t('general:dashboard'),
-                        children: Icon
-                    })
-                }),
-                /*#__PURE__*/ _jsx("span", {
-                    children: "/"
-                }),
-                stepNav.map((item, i)=>{
-                    const StepLabel = getTranslation(item.label, i18n);
-                    const isLast = stepNav.length === i + 1;
-                    const Step = isLast ? /*#__PURE__*/ _jsx("span", {
-                        className: `${baseClass}__last`,
-                        children: StepLabel
-                    }, i) : /*#__PURE__*/ _jsxs(Fragment, {
-                        children: [
-                            item.url ? /*#__PURE__*/ _jsx(LinkElement, {
-                                href: item.url,
-                                children: /*#__PURE__*/ _jsx("span", {
-                                    children: StepLabel
-                                }, i)
-                            }) : /*#__PURE__*/ _jsx("span", {
-                                children: StepLabel
-                            }, i),
-                            /*#__PURE__*/ _jsx("span", {
-                                children: "/"
-                            })
-                        ]
-                    }, i);
-                    return Step;
-                })
-            ]
-        }) : /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__home`,
-                children: /*#__PURE__*/ _jsx("span", {
-                    title: t('general:dashboard'),
-                    children: Icon
-                })
+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`,
+            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 { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport React, { Fragment, createContext, useContext, useState } from 'react'\n\nimport { PayloadIcon } 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 { componentMap } = useComponentMap()\n\n  const { t } = useTranslation()\n\n  const Icon = componentMap?.Icon || <PayloadIcon />\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')}>{Icon}</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')}>{Icon}</span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavProvider, useStepNav }\n"],"names":["getTranslation","useComponentMap","React","Fragment","createContext","useContext","useState","PayloadIcon","useConfig","useTranslation","SetStepNav","baseClass","Context","StepNavProvider","children","stepNav","setStepNav","Provider","value","useStepNav","StepNav","Link","className","i18n","config","routes","admin","componentMap","t","Icon","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","title","map","item","i","StepLabel","label","isLast","Step","url","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAE5E,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,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,KAACM,QAAQK,QAAQ;QACfC,OAAO;YACLF;YACAD;QACF;kBAECD;;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,MAAM,EAAEG,YAAY,EAAE,GAAG1B;IAEzB,MAAM,EAAE2B,CAAC,EAAE,GAAGnB;IAEd,MAAMoB,OAAOF,cAAcE,sBAAQ,KAACtB;IAEpC,MAAMuB,cAAcT,QAAQ;IAE5B,qBACE,KAAClB;kBACEY,QAAQgB,MAAM,GAAG,kBAChB,MAACC;YAAIV,WAAW;gBAACX;gBAAWW;aAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,KAACL;oBAAYR,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;oBAAEyB,MAAMV;oBAAOW,UAAU;8BACnE,cAAA,KAACC;wBAAKC,OAAOX,EAAE;kCAAuBC;;;8BAExC,KAACS;8BAAK;;gBACLvB,QAAQyB,GAAG,CAAC,CAACC,MAAMC;oBAClB,MAAMC,YAAY3C,eAAeyC,KAAKG,KAAK,EAAErB;oBAC7C,MAAMsB,SAAS9B,QAAQgB,MAAM,KAAKW,IAAI;oBAEtC,MAAMI,OAAOD,uBACX,KAACP;wBAAKhB,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;kCAClCgC;uBADyCD,mBAI5C,MAACvC;;4BACEsC,KAAKM,GAAG,iBACP,KAACjB;gCAAYM,MAAMK,KAAKM,GAAG;0CACzB,cAAA,KAACT;8CAAcK;mCAAJD;+CAGb,KAACJ;0CAAcK;+BAAJD;0CAEb,KAACJ;0CAAK;;;uBAROI;oBAYjB,OAAOI;gBACT;;2BAGF,KAACE;YAAI1B,WAAW;gBAACX;gBAAWW;aAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,KAACa;gBAAI1B,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;0BAClC,cAAA,KAAC2B;oBAAKC,OAAOX,EAAE;8BAAuBC;;;;;AAMlD;AAEA,SAAST,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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,EAAEC,UAAU,QAAQ;AAC5C,OAAO;AACP,SAASC,UAAU,QAAQ;AAG3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,MAAMC,OAAA,GAGDC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,IAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB;IAAAI;EAAA,IAAiBZ,cAAA;EAEjB;IAAAa;EAAA,IAAoBX,UAAA;EAEpB;IAAAY,MAAA;IAAAA,MAAA,EAAAC;EAAA,IAKIhB,SAAA;EAHM;IAAAiB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAS;EAIrB;IAAAE;EAAA,IAAcnB,cAAA;EAEd,MAAAoB,WAAA,GAAoBV,IAAA,IAAQ;EAAA,IAAAW,EAAA;EAAA,IAAAZ,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAU,CAAA,IAAAV,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAG,IAAA;IAG1BS,EAAA,GAAAC,IAAA,CAAAxB,QAAA;MAAAyB,QAAA,EACGV,OAAA,CAAAW,MAAA,IAAiB,GAChBC,KAAA,CAAC;QAAAd,SAAA,EAAe,CAAAL,SAAA,EAAYK,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,GAC1DD,IAAA,CAACF,WAAA;UAAAT,SAAA,EAAuB,GAAAL,SAAA,QAAoB;UAAAuB,IAAA,EAAQX,KAAA;UAAAY,QAAA;UAAAP,QAAA,EAClDD,IAAA,CAAC;YAAAS,KAAA,EAAYZ,CAAA,CAAE;YAAAI,QAAA,EACbD,IAAA,CAAAjB,eAAA;cAAA2B,SAAA,EAAA5B,WAAA;cAAA6B,eAAA,EAEmBnB,MAAA,EAAAI,KAAA,EAAAgB,UAAA,EAAAC,QAAA,EAAAC;YAAA,C;;YAIvBd,IAAA,CAAC;UAAAC,QAAA,EAAK;QAAA,C,GACLV,OAAA,CAAAwB,GAAA,EAAAC,IAAA,EAAAC,CAAA;UACC,MAAAC,SAAA,GAAkB5C,cAAA,CAAe0C,IAAA,CAAAG,KAAA,EAAY7B,IAAA;UAC7C,MAAA8B,MAAA,GAAe7B,OAAA,CAAAW,MAAA,KAAmBe,CAAA,IAAI;UAEtC,MAAAI,IAAA,GAAaD,MAAA,GACXpB,IAAA,CAAC;YAAAX,SAAA,EAAgB,GAAAL,SAAA,QAAoB;YAAAiB,QAAA,EAClCiB;UAAA,GADyCD,CAAA,IAI5Cd,KAAA,CAAA3B,QAAA;YAAAyB,QAAA,GACGe,IAAA,CAAAM,GAAA,GACCtB,IAAA,CAACF,WAAA;cAAAS,IAAA,EAAkBS,IAAA,CAAAM,GAAA;cAAArB,QAAA,EACjBD,IAAA,CAAC;gBAAAC,QAAA,EAAciB;cAAA,GAAJD,CAAA;YAAA,C,IAGbjB,IAAA,CAAC;cAAAC,QAAA,EAAciB;YAAA,GAAJD,CAAA,GAEbjB,IAAA,CAAC;cAAAC,QAAA,EAAK;YAAA,C;aAROgB,CAAA;UAAA,OAYVI,IAAA;QAAA,CACT;MAAA,C,IAGFrB,IAAA,CAAC;QAAAX,SAAA,EAAe,CAAAL,SAAA,EAAYK,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,EAC1DD,IAAA,CAAC;UAAAX,SAAA,EAAe,GAAAL,SAAA,QAAoB;UAAAiB,QAAA,EAClCD,IAAA,CAAC;YAAAS,KAAA,EAAYZ,CAAA,CAAE;YAAAI,QAAA,EACbD,IAAA,CAAAjB,eAAA;cAAA2B,SAAA,EAAA5B,WAAA;cAAA6B,eAAA,EAEmBnB,MAAA,EAAAI,KAAA,EAAAgB,UAAA,EAAAC,QAAA,EAAAC;YAAA,C;;;;;;;;;;;;;;;;SA1C7Bf,E;CAkDJ;AAEA,SAASd,OAAO,EAAeN,eAAe,EAAEC,UAAU","ignoreList":[]}

package/dist/elements/StepNav/index.scss

@@ -75,6 +75,6 @@
   }
 
   @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"}