@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.690108d

package/dist/@types/assets.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"mappings":""}

package/dist/assets/index.d.ts

@@ -1,3 +1,5 @@
-export { default as payloadFavicon } from '../assets/favicon.svg';
-export { default as payloadOgImage } from '../assets/og-image.png';
+export { default as payloadFavicon } from './payload-favicon.svg';
+export { default as payloadFaviconDark } from './payload-favicon-dark.png';
+export { default as payloadFaviconLight } from './payload-favicon-light.png';
+export { default as staticOGImage } from './static-og-image.png';
 //# sourceMappingURL=index.d.ts.map

package/dist/assets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/assets/index.js

@@ -1,4 +1,6 @@
-export { default as payloadFavicon } from '../assets/favicon.svg';
-export { default as payloadOgImage } from '../assets/og-image.png';
+export { default as payloadFavicon } from './payload-favicon.svg';
+export { default as payloadFaviconDark } from './payload-favicon-dark.png';
+export { default as payloadFaviconLight } from './payload-favicon-light.png';
+export { default as staticOGImage } from './static-og-image.png';
 
 //# sourceMappingURL=index.js.map

package/dist/assets/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from '../assets/favicon.svg'\nexport { default as payloadOgImage } from '../assets/og-image.png'\n"],"names":["default","payloadFavicon","payloadOgImage"],"rangeMappings":";","mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,cAAc,QAAQ,yBAAwB"}
+{"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from './payload-favicon.svg'\nexport { default as payloadFaviconDark } from './payload-favicon-dark.png'\nexport { default as payloadFaviconLight } from './payload-favicon-light.png'\nexport { default as staticOGImage } from './static-og-image.png'\n"],"names":["default","payloadFavicon","payloadFaviconDark","payloadFaviconLight","staticOGImage"],"mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,kBAAkB,QAAQ,6BAA4B;AAC1E,SAASF,WAAWG,mBAAmB,QAAQ,8BAA6B;AAC5E,SAASH,WAAWI,aAAa,QAAQ,wBAAuB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAY1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAiF7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsF7B,CAAA"}

package/dist/elements/AppHeader/index.js

@@ -1,20 +1,24 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import LinkWithDefault from 'next/link.js';
 import React, { useEffect, useRef, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
 import { useActions } from '../../providers/Actions/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';
 import { Hamburger } from '../Hamburger/index.js';
 import { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js';
 import { Localizer } from '../Localizer/index.js';
 import { NavToggler } from '../Nav/NavToggler/index.js';
 import { useNav } from '../Nav/context.js';
 import { StepNav } from '../StepNav/index.js';
+import './index.scss';
 const baseClass = 'app-header';
 export const AppHeader = ()=>{
     const { t } = useTranslation();
-    const { localization, routes: { admin: adminRoute } } = useConfig();
+    const { config: { admin: { routes: { account: accountRoute } }, localization, routes: { admin: adminRoute } } } = useConfig();
     const { actions } = useActions();
     const { navOpen } = useNav();
     const customControlsRef = useRef(null);
@@ -37,48 +41,77 @@ export const AppHeader = ()=>{
     ]);
     const Link = LinkWithDefault.default;
     const LinkElement = Link || 'a';
-    return /*#__PURE__*/ React.createElement("header", {
+    return /*#__PURE__*/ _jsxs("header", {
         className: [
             baseClass,
             navOpen && `${baseClass}--nav-open`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__bg`
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__content`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrapper`
-    }, /*#__PURE__*/ React.createElement(NavToggler, {
-        className: `${baseClass}__mobile-nav-toggler`,
-        tabIndex: -1
-    }, /*#__PURE__*/ React.createElement(Hamburger, null)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__step-nav-wrapper`
-    }, /*#__PURE__*/ React.createElement(StepNav, {
-        Link: Link,
-        className: `${baseClass}__step-nav`
-    })), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions`,
-        ref: customControlsRef
-    }, Array.isArray(actions) && actions.map((Action, i)=>/*#__PURE__*/ React.createElement("div", {
-            className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : '',
-            key: i
-        }, Action))), isScrollable && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__gradient-placeholder`
-    })), localization && /*#__PURE__*/ React.createElement(LocalizerLabel, {
-        ariaLabel: "invisible",
-        className: `${baseClass}__localizer-spacing`
-    }), /*#__PURE__*/ React.createElement(LinkElement, {
-        "aria-label": t('authentication:account'),
-        className: `${baseClass}__account`,
-        href: `${adminRoute}/account`,
-        tabIndex: 0
-    }, /*#__PURE__*/ React.createElement(Account, null))))), /*#__PURE__*/ React.createElement(Localizer, {
-        className: `${baseClass}__localizer`
-    }));
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__bg`
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__content`,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__wrapper`,
+                    children: [
+                        /*#__PURE__*/ _jsx(NavToggler, {
+                            className: `${baseClass}__mobile-nav-toggler`,
+                            tabIndex: -1,
+                            children: /*#__PURE__*/ _jsx(Hamburger, {})
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__controls-wrapper`,
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: `${baseClass}__step-nav-wrapper`,
+                                    children: /*#__PURE__*/ _jsx(StepNav, {
+                                        Link: Link,
+                                        className: `${baseClass}__step-nav`
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: `${baseClass}__actions-wrapper`,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: `${baseClass}__actions`,
+                                            ref: customControlsRef,
+                                            children: Array.isArray(actions) && actions.map((Action, i)=>/*#__PURE__*/ _jsx("div", {
+                                                    className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : '',
+                                                    children: /*#__PURE__*/ _jsx(RenderComponent, {
+                                                        mappedComponent: Action
+                                                    })
+                                                }, i))
+                                        }),
+                                        isScrollable && /*#__PURE__*/ _jsx("div", {
+                                            className: `${baseClass}__gradient-placeholder`
+                                        })
+                                    ]
+                                }),
+                                localization && /*#__PURE__*/ _jsx(LocalizerLabel, {
+                                    ariaLabel: "invisible",
+                                    className: `${baseClass}__localizer-spacing`
+                                }),
+                                /*#__PURE__*/ _jsx(LinkElement, {
+                                    "aria-label": t('authentication:account'),
+                                    className: `${baseClass}__account`,
+                                    href: formatAdminURL({
+                                        adminRoute,
+                                        path: accountRoute
+                                    }),
+                                    tabIndex: 0,
+                                    children: /*#__PURE__*/ _jsx(Account, {})
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Localizer, {
+                className: `${baseClass}__localizer`
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n  const { t } = useTranslation()\n\n  const {\n    localization,\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { actions } = useActions()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [actions])\n\n  const Link = LinkWithDefault.default\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {Array.isArray(actions) &&\n                  actions.map((Action, i) => (\n                    <div\n                      className={\n                        isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n                      }\n                      key={i}\n                    >\n                      {Action}\n                    </div>\n                  ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <LinkElement\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={`${adminRoute}/account`}\n              tabIndex={0}\n            >\n              <Account />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","localization","routes","admin","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","header","className","filter","Boolean","join","div","tabIndex","ref","Array","isArray","map","Action","i","length","key","ariaLabel","aria-label","href"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/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'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { actions } = useActions()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [actions])\n\n  const Link = LinkWithDefault.default\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {Array.isArray(actions) &&\n                  actions.map((Action, i) => (\n                    <div\n                      className={\n                        isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n                      }\n                      key={i}\n                    >\n                      <RenderComponent mappedComponent={Action} />\n                    </div>\n                  ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <LinkElement\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={formatAdminURL({ adminRoute, path: accountRoute })}\n              tabIndex={0}\n            >\n              <Account />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","RenderComponent","useConfig","useTranslation","formatAdminURL","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","config","admin","routes","account","accountRoute","localization","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","header","className","filter","Boolean","join","div","tabIndex","ref","Array","isArray","map","Action","i","length","mappedComponent","ariaLabel","aria-label","href","path"],"mappings":"AAAA;;AACA,OAAOA,qBAAqB,eAAc;AAC1C,OAAOC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE1D,SAASC,OAAO,QAAQ,kCAAiC;AACzD,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,UAAU,QAAQ,6BAA4B;AACvD,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,CAAC,EAAE,GAAGV;IAEd,MAAM,EACJW,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDC,YAAY,EACZH,QAAQ,EAAED,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGlB;IAEJ,MAAM,EAAEmB,OAAO,EAAE,GAAGrB;IAEpB,MAAM,EAAEsB,OAAO,EAAE,GAAGb;IAEpB,MAAMc,oBAAoB1B,OAAuB;IACjD,MAAM,CAAC2B,cAAcC,gBAAgB,GAAG3B,SAAS;IAEjDF,UAAU;QACR,MAAM8B,oBAAoB;YACxB,MAAMC,KAAKJ,kBAAkBK,OAAO;YACpC,IAAID,IAAI;gBACN,MAAME,aAAaF,GAAGG,WAAW,GAAGH,GAAGI,WAAW;gBAClDN,gBAAgBI;YAClB;QACF;QAEAH;QACAM,OAAOC,gBAAgB,CAAC,UAAUP;QAElC,OAAO;YACLM,OAAOE,mBAAmB,CAAC,UAAUR;QACvC;IACF,GAAG;QAACL;KAAQ;IAEZ,MAAMc,OAAOzC,gBAAgB0C,OAAO;IAEpC,MAAMC,cAAcF,QAAQ;IAE5B,qBACE,MAACG;QAAOC,WAAW;YAAC5B;YAAWW,WAAW,CAAC,EAAEX,UAAU,UAAU,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACvF,KAACC;gBAAIJ,WAAW,CAAC,EAAE5B,UAAU,IAAI,CAAC;;0BAClC,KAACgC;gBAAIJ,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;0BACrC,cAAA,MAACgC;oBAAIJ,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;;sCACrC,KAACH;4BAAW+B,WAAW,CAAC,EAAE5B,UAAU,oBAAoB,CAAC;4BAAEiC,UAAU,CAAC;sCACpE,cAAA,KAACvC;;sCAEH,MAACsC;4BAAIJ,WAAW,CAAC,EAAE5B,UAAU,kBAAkB,CAAC;;8CAC9C,KAACgC;oCAAIJ,WAAW,CAAC,EAAE5B,UAAU,kBAAkB,CAAC;8CAC9C,cAAA,KAACD;wCAAQyB,MAAMA;wCAAMI,WAAW,CAAC,EAAE5B,UAAU,UAAU,CAAC;;;8CAE1D,MAACgC;oCAAIJ,WAAW,CAAC,EAAE5B,UAAU,iBAAiB,CAAC;;sDAC7C,KAACgC;4CAAIJ,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;4CAAEkC,KAAKtB;sDAC3CuB,MAAMC,OAAO,CAAC1B,YACbA,QAAQ2B,GAAG,CAAC,CAACC,QAAQC,kBACnB,KAACP;oDACCJ,WACEf,gBAAgB0B,MAAM7B,QAAQ8B,MAAM,GAAG,IAAI,CAAC,EAAExC,UAAU,aAAa,CAAC,GAAG;8DAI3E,cAAA,KAACV;wDAAgBmD,iBAAiBH;;mDAF7BC;;wCAMZ1B,8BAAgB,KAACmB;4CAAIJ,WAAW,CAAC,EAAE5B,UAAU,sBAAsB,CAAC;;;;gCAEtEQ,8BACC,KAACb;oCAAe+C,WAAU;oCAAYd,WAAW,CAAC,EAAE5B,UAAU,mBAAmB,CAAC;;8CAEpF,KAAC0B;oCACCiB,cAAYzC,EAAE;oCACd0B,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;oCAClC4C,MAAMnD,eAAe;wCAAEgB;wCAAYoC,MAAMtC;oCAAa;oCACtD0B,UAAU;8CAEV,cAAA,KAAC7C;;;;;;;0BAKT,KAACQ;gBAAUgC,WAAW,CAAC,EAAE5B,UAAU,WAAW,CAAC;;;;AAGrD,EAAC"}

package/dist/elements/AppHeader/index.scss

@@ -16,7 +16,7 @@
     right: unset;
     left: base(4.5);
   }
-  &__localizer {
+  &__localizer.localizer {
     position: absolute;
     top: 50%;
     right: base(4.5);
@@ -57,7 +57,7 @@
     height: 100%;
     flex-grow: 1;
     justify-content: space-between;
-    overflow: hidden;
+    width: 100%;
   }
 
   &__account {
@@ -90,12 +90,14 @@
     align-items: center;
     flex-grow: 1;
     overflow: hidden;
+    width: 100%;
   }
 
   &__step-nav-wrapper {
-    flex: 1;
+    flex-grow: 0;
     overflow: auto;
     display: flex;
+    width: 100%;
 
     &::-webkit-scrollbar {
       display: none;
@@ -156,7 +158,7 @@
   }
 
   @include small-break {
-    &__localizer {
+    &__localizer.localizer {
       right: base(2);
     }
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.scss';
 export type Props = {
-    addRow: (current: number, blockType?: string) => void;
+    addRow: (current: number, blockType?: string) => Promise<void> | void;
     duplicateRow: (current: number) => void;
     hasMaxRows: boolean;
     index: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}

package/dist/elements/ArrayAction/index.js

@@ -1,60 +1,95 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Chevron } from '../../icons/Chevron/index.js';
-import { Copy } from '../../icons/Copy/index.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { CopyIcon } from '../../icons/Copy/index.js';
 import { MoreIcon } from '../../icons/More/index.js';
-import { Plus } from '../../icons/Plus/index.js';
-import { X } from '../../icons/X/index.js';
+import { PlusIcon } from '../../icons/Plus/index.js';
+import { XIcon } from '../../icons/X/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 './index.scss';
 const baseClass = 'array-actions';
 export const ArrayAction = ({ addRow, duplicateRow, hasMaxRows, index, isSortable, moveRow, removeRow, rowCount })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ React.createElement(Popup, {
-        button: /*#__PURE__*/ React.createElement(MoreIcon, null),
+    return /*#__PURE__*/ _jsx(Popup, {
+        button: /*#__PURE__*/ _jsx(MoreIcon, {}),
         buttonClassName: `${baseClass}__button`,
         className: baseClass,
         horizontalAlign: "center",
         render: ({ close })=>{
-            return /*#__PURE__*/ React.createElement(PopupList.ButtonGroup, {
-                buttonSize: "small"
-            }, isSortable && index !== 0 && /*#__PURE__*/ React.createElement(PopupList.Button, {
-                className: `${baseClass}__action ${baseClass}__move-up`,
-                onClick: ()=>{
-                    moveRow(index, index - 1);
-                    close();
-                }
-            }, /*#__PURE__*/ React.createElement("div", {
-                className: `${baseClass}__action-chevron`
-            }, /*#__PURE__*/ React.createElement(Chevron, {
-                direction: "up"
-            })), t('general:moveUp')), isSortable && index < rowCount - 1 && /*#__PURE__*/ React.createElement(PopupList.Button, {
-                className: `${baseClass}__action`,
-                onClick: ()=>{
-                    moveRow(index, index + 1);
-                    close();
-                }
-            }, /*#__PURE__*/ React.createElement("div", {
-                className: `${baseClass}__action-chevron`
-            }, /*#__PURE__*/ React.createElement(Chevron, null)), t('general:moveDown')), !hasMaxRows && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PopupList.Button, {
-                className: `${baseClass}__action ${baseClass}__add`,
-                onClick: ()=>{
-                    addRow(index + 1);
-                    close();
-                }
-            }, /*#__PURE__*/ React.createElement(Plus, null), t('general:addBelow')), /*#__PURE__*/ React.createElement(PopupList.Button, {
-                className: `${baseClass}__action ${baseClass}__duplicate`,
-                onClick: ()=>{
-                    duplicateRow(index);
-                    close();
-                }
-            }, /*#__PURE__*/ React.createElement(Copy, null), t('general:duplicate'))), /*#__PURE__*/ React.createElement(PopupList.Button, {
-                className: `${baseClass}__action ${baseClass}__remove`,
-                onClick: ()=>{
-                    removeRow(index);
-                    close();
-                }
-            }, /*#__PURE__*/ React.createElement(X, null), t('general:remove')));
+            return /*#__PURE__*/ _jsxs(PopupList.ButtonGroup, {
+                buttonSize: "small",
+                children: [
+                    isSortable && index !== 0 && /*#__PURE__*/ _jsxs(PopupList.Button, {
+                        className: `${baseClass}__action ${baseClass}__move-up`,
+                        onClick: ()=>{
+                            moveRow(index, index - 1);
+                            close();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__action-chevron`,
+                                children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                    direction: "up"
+                                })
+                            }),
+                            t('general:moveUp')
+                        ]
+                    }),
+                    isSortable && index < rowCount - 1 && /*#__PURE__*/ _jsxs(PopupList.Button, {
+                        className: `${baseClass}__action`,
+                        onClick: ()=>{
+                            moveRow(index, index + 1);
+                            close();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__action-chevron`,
+                                children: /*#__PURE__*/ _jsx(ChevronIcon, {})
+                            }),
+                            t('general:moveDown')
+                        ]
+                    }),
+                    !hasMaxRows && /*#__PURE__*/ _jsxs(React.Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs(PopupList.Button, {
+                                className: `${baseClass}__action ${baseClass}__add`,
+                                onClick: ()=>{
+                                    void addRow(index + 1);
+                                    close();
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(PlusIcon, {}),
+                                    t('general:addBelow')
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(PopupList.Button, {
+                                className: `${baseClass}__action ${baseClass}__duplicate`,
+                                onClick: ()=>{
+                                    duplicateRow(index);
+                                    close();
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(CopyIcon, {}),
+                                    t('general:duplicate')
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(PopupList.Button, {
+                        className: `${baseClass}__action ${baseClass}__remove`,
+                        onClick: ()=>{
+                            removeRow(index);
+                            close();
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(XIcon, {}),
+                            t('general:remove')
+                        ]
+                    })
+                ]
+            });
         },
         size: "medium"
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <Chevron direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <Chevron />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <Plus />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <Copy />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <X />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AAGzC,MAAMC,YAAY;AAalB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGb;IAEd,qBACE,oBAACE;QACCY,sBAAQ,oBAACjB;QACTkB,iBAAiB,CAAC,EAAEZ,UAAU,QAAQ,CAAC;QACvCa,WAAWb;QACXc,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,oBAAClB,UAAUmB,WAAW;gBAACC,YAAW;eAC/BZ,cAAcD,UAAU,mBACvB,oBAACP,UAAUqB,MAAM;gBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;gBACvDoB,SAAS;oBACPb,QAAQF,OAAOA,QAAQ;oBACvBW;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR;gBAAQ8B,WAAU;iBAEpBZ,EAAE,oBAGNJ,cAAcD,QAAQI,WAAW,mBAChC,oBAACX,UAAUqB,MAAM;gBACfN,WAAW,CAAC,EAAEb,UAAU,QAAQ,CAAC;gBACjCoB,SAAS;oBACPb,QAAQF,OAAOA,QAAQ;oBACvBW;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR,iBAEFkB,EAAE,sBAGN,CAACN,4BACA,oBAACb,MAAMgC,QAAQ,sBACb,oBAACzB,UAAUqB,MAAM;gBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gBACnDoB,SAAS;oBACPlB,OAAOG,QAAQ;oBACfW;gBACF;6BAEA,oBAACrB,aACAe,EAAE,oCAEL,oBAACZ,UAAUqB,MAAM;gBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gBACzDoB,SAAS;oBACPjB,aAAaE;oBACbW;gBACF;6BAEA,oBAACvB,aACAiB,EAAE,sCAIT,oBAACZ,UAAUqB,MAAM;gBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;gBACtDoB,SAAS;oBACPZ,UAAUH;oBACVW;gBACF;6BAEA,oBAACpB,UACAc,EAAE;QAIX;QACAc,MAAK;;AAGX,EAAC"}
+{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <PlusIcon />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <CopyIcon />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <XIcon />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","Popup","PopupList","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGb;IAEd,qBACE,KAACC;QACCa,sBAAQ,KAACjB;QACTkB,iBAAiB,CAAC,EAAEZ,UAAU,QAAQ,CAAC;QACvCa,WAAWb;QACXc,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,MAACjB,UAAUkB,WAAW;gBAACC,YAAW;;oBAC/BZ,cAAcD,UAAU,mBACvB,MAACN,UAAUoB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;wBACvDoB,SAAS;4BACPb,QAAQF,OAAOA,QAAQ;4BACvBW;wBACF;;0CAEA,KAACK;gCAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;0CAC5C,cAAA,KAACR;oCAAY8B,WAAU;;;4BAExBZ,EAAE;;;oBAGNJ,cAAcD,QAAQI,WAAW,mBAChC,MAACV,UAAUoB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,QAAQ,CAAC;wBACjCoB,SAAS;4BACPb,QAAQF,OAAOA,QAAQ;4BACvBW;wBACF;;0CAEA,KAACK;gCAAIR,WAAW,CAAC,EAAEb,UAAU,gBAAgB,CAAC;0CAC5C,cAAA,KAACR;;4BAEFkB,EAAE;;;oBAGN,CAACN,4BACA,MAACb,MAAMgC,QAAQ;;0CACb,MAACxB,UAAUoB,MAAM;gCACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gCACnDoB,SAAS;oCACP,KAAKlB,OAAOG,QAAQ;oCACpBW;gCACF;;kDAEA,KAACrB;oCACAe,EAAE;;;0CAEL,MAACX,UAAUoB,MAAM;gCACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gCACzDoB,SAAS;oCACPjB,aAAaE;oCACbW;gCACF;;kDAEA,KAACvB;oCACAiB,EAAE;;;;;kCAIT,MAACX,UAAUoB,MAAM;wBACfN,WAAW,CAAC,EAAEb,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;wBACtDoB,SAAS;4BACPZ,UAAUH;4BACVW;wBACF;;0CAEA,KAACpB;4BACAc,EAAE;;;;;QAIX;QACAc,MAAK;;AAGX,EAAC"}

package/dist/elements/ArrayAction/index.scss

@@ -30,17 +30,4 @@
       }
     }
   }
-
-  &__move-up {
-    margin-bottom: 2px;
-  }
-
-  &__move-down {
-    margin-top: 6px;
-    margin-bottom: 2px;
-  }
-
-  &__action-chevron {
-    padding: 0 calc(var(--base) / 4);
-  }
 }

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

@@ -1,4 +1,4 @@
-import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types';
+import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export type Props = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAG/E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAU1D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuIpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAsC,MAAM,OAAO,CAAA;AAiB1D,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6OpC,CAAA"}