@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/GenerateConfirmation/index.js

@@ -1,72 +1,54 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reacttoastify = require("react-toastify");
-const _DocumentInfo = require("../../providers/DocumentInfo");
-const _Translation = require("../../providers/Translation");
-const _Minimal = require("../../templates/Minimal");
-const _Button = require("../Button");
-const _Translation1 = require("../Translation");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import * as facelessUIImport from '@faceless-ui/modal';
+import React from 'react';
+import { toast } from 'react-toastify';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { MinimalTemplate } from '../../templates/Minimal/index.js';
+import { Button } from '../Button/index.js';
+import { Translation } from '../Translation/index.js';
 const baseClass = 'generate-confirmation';
-const GenerateConfirmation = (props)=>{
+export const GenerateConfirmation = (props)=>{
+    const { Modal, useModal } = facelessUIImport;
     const { highlightField, setKey } = props;
-    const { id } = (0, _DocumentInfo.useDocumentInfo)();
-    const { toggleModal } = (0, _modal.useModal)();
-    const { t } = (0, _Translation.useTranslation)();
+    const { id } = useDocumentInfo();
+    const { toggleModal } = useModal();
+    const { t } = useTranslation();
     const modalSlug = `generate-confirmation-${id}`;
     const handleGenerate = ()=>{
         setKey();
         toggleModal(modalSlug);
-        _reacttoastify.toast.success(t('authentication:newAPIKeyGenerated'), {
+        toast.success(t('authentication:newAPIKeyGenerated'), {
             autoClose: 3000
         });
         highlightField(true);
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "secondary",
         onClick: ()=>{
             toggleModal(modalSlug);
         },
         size: "small"
-    }, t('authentication:generateNewAPIKey')), /*#__PURE__*/ _react.default.createElement(_modal.Modal, {
+    }, t('authentication:generateNewAPIKey')), /*#__PURE__*/ React.createElement(Modal, {
         className: baseClass,
         slug: modalSlug
-    }, /*#__PURE__*/ _react.default.createElement(_Minimal.MinimalTemplate, {
+    }, /*#__PURE__*/ React.createElement(MinimalTemplate, {
         className: `${baseClass}__template`
-    }, /*#__PURE__*/ _react.default.createElement("h1", null, t('authentication:confirmGeneration')), /*#__PURE__*/ _react.default.createElement("p", null, /*#__PURE__*/ _react.default.createElement(_Translation1.Translation, {
+    }, /*#__PURE__*/ React.createElement("h1", null, t('authentication:confirmGeneration')), /*#__PURE__*/ React.createElement("p", null, /*#__PURE__*/ React.createElement(Translation, {
         elements: {
-            1: ({ children })=>/*#__PURE__*/ _react.default.createElement("strong", {
-                    children: children
-                })
+            1: ({ children })=>/*#__PURE__*/ React.createElement("strong", null, children)
         },
         i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
         t: t
-    })), /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    })), /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "secondary",
         onClick: ()=>{
             toggleModal(modalSlug);
         },
         type: "button"
-    }, t('general:cancel')), /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    }, t('general:cancel')), /*#__PURE__*/ React.createElement(Button, {
         onClick: handleGenerate
     }, t('authentication:generate')))));
 };
-const _default = GenerateConfirmation;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9HZW5lcmF0ZUNvbmZpcm1hdGlvbi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyBNb2RhbCwgdXNlTW9kYWwgfSBmcm9tICdAZmFjZWxlc3MtdWkvbW9kYWwnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB0b2FzdCB9IGZyb20gJ3JlYWN0LXRvYXN0aWZ5J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlRG9jdW1lbnRJbmZvIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0RvY3VtZW50SW5mbydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgTWluaW1hbFRlbXBsYXRlIH0gZnJvbSAnLi4vLi4vdGVtcGxhdGVzL01pbmltYWwnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBUcmFuc2xhdGlvbiB9IGZyb20gJy4uL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdnZW5lcmF0ZS1jb25maXJtYXRpb24nXG5cbmNvbnN0IEdlbmVyYXRlQ29uZmlybWF0aW9uOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBoaWdobGlnaHRGaWVsZCwgc2V0S2V5IH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaWQgfSA9IHVzZURvY3VtZW50SW5mbygpXG4gIGNvbnN0IHsgdG9nZ2xlTW9kYWwgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgbW9kYWxTbHVnID0gYGdlbmVyYXRlLWNvbmZpcm1hdGlvbi0ke2lkfWBcblxuICBjb25zdCBoYW5kbGVHZW5lcmF0ZSA9ICgpID0+IHtcbiAgICBzZXRLZXkoKVxuICAgIHRvZ2dsZU1vZGFsKG1vZGFsU2x1ZylcbiAgICB0b2FzdC5zdWNjZXNzKHQoJ2F1dGhlbnRpY2F0aW9uOm5ld0FQSUtleUdlbmVyYXRlZCcpLCB7IGF1dG9DbG9zZTogMzAwMCB9KVxuICAgIGhpZ2hsaWdodEZpZWxkKHRydWUpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgdG9nZ2xlTW9kYWwobW9kYWxTbHVnKVxuICAgICAgICB9fVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7dCgnYXV0aGVudGljYXRpb246Z2VuZXJhdGVOZXdBUElLZXknKX1cbiAgICAgIDwvQnV0dG9uPlxuICAgICAgPE1vZGFsIGNsYXNzTmFtZT17YmFzZUNsYXNzfSBzbHVnPXttb2RhbFNsdWd9PlxuICAgICAgICA8TWluaW1hbFRlbXBsYXRlIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdGVtcGxhdGVgfT5cbiAgICAgICAgICA8aDE+e3QoJ2F1dGhlbnRpY2F0aW9uOmNvbmZpcm1HZW5lcmF0aW9uJyl9PC9oMT5cbiAgICAgICAgICA8cD5cbiAgICAgICAgICAgIDxUcmFuc2xhdGlvblxuICAgICAgICAgICAgICBlbGVtZW50cz17e1xuICAgICAgICAgICAgICAgIDE6ICh7IGNoaWxkcmVuIH0pID0+IDxzdHJvbmcgY2hpbGRyZW49e2NoaWxkcmVufSAvPixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaTE4bktleT1cImF1dGhlbnRpY2F0aW9uOmdlbmVyYXRpbmdOZXdBUElLZXlXaWxsSW52YWxpZGF0ZVwiXG4gICAgICAgICAgICAgIHQ9e3R9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvcD5cblxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGJ1dHRvblN0eWxlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgdG9nZ2xlTW9kYWwobW9kYWxTbHVnKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0KCdnZW5lcmFsOmNhbmNlbCcpfVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDxCdXR0b24gb25DbGljaz17aGFuZGxlR2VuZXJhdGV9Pnt0KCdhdXRoZW50aWNhdGlvbjpnZW5lcmF0ZScpfTwvQnV0dG9uPlxuICAgICAgICA8L01pbmltYWxUZW1wbGF0ZT5cbiAgICAgIDwvTW9kYWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBHZW5lcmF0ZUNvbmZpcm1hdGlvblxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkdlbmVyYXRlQ29uZmlybWF0aW9uIiwicHJvcHMiLCJoaWdobGlnaHRGaWVsZCIsInNldEtleSIsImlkIiwidXNlRG9jdW1lbnRJbmZvIiwidG9nZ2xlTW9kYWwiLCJ1c2VNb2RhbCIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsIm1vZGFsU2x1ZyIsImhhbmRsZUdlbmVyYXRlIiwidG9hc3QiLCJzdWNjZXNzIiwiYXV0b0Nsb3NlIiwiUmVhY3QiLCJGcmFnbWVudCIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwib25DbGljayIsInNpemUiLCJNb2RhbCIsImNsYXNzTmFtZSIsInNsdWciLCJNaW5pbWFsVGVtcGxhdGUiLCJoMSIsInAiLCJUcmFuc2xhdGlvbiIsImVsZW1lbnRzIiwiY2hpbGRyZW4iLCJzdHJvbmciLCJpMThuS2V5IiwidHlwZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXdFQTs7O2VBQUE7Ozt1QkF2RWdDOzhEQUNkOytCQUNJOzhCQUlVOzZCQUNEO3lCQUNDO3dCQUNUOzhCQUNLO1FBQ3JCOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLHVCQUF3QyxDQUFDQztJQUM3QyxNQUFNLEVBQUVDLGNBQWMsRUFBRUMsTUFBTSxFQUFFLEdBQUdGO0lBRW5DLE1BQU0sRUFBRUcsRUFBRSxFQUFFLEdBQUdDLElBQUFBLDZCQUFlO0lBQzlCLE1BQU0sRUFBRUMsV0FBVyxFQUFFLEdBQUdDLElBQUFBLGVBQVE7SUFDaEMsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFFNUIsTUFBTUMsWUFBWSxDQUFDLHNCQUFzQixFQUFFTixHQUFHLENBQUM7SUFFL0MsTUFBTU8saUJBQWlCO1FBQ3JCUjtRQUNBRyxZQUFZSTtRQUNaRSxvQkFBSyxDQUFDQyxPQUFPLENBQUNMLEVBQUUsc0NBQXNDO1lBQUVNLFdBQVc7UUFBSztRQUN4RVosZUFBZTtJQUNqQjtJQUVBLHFCQUNFLDZCQUFDYSxjQUFLLENBQUNDLFFBQVEsc0JBQ2IsNkJBQUNDLGNBQU07UUFDTEMsYUFBWTtRQUNaQyxTQUFTO1lBQ1BiLFlBQVlJO1FBQ2Q7UUFDQVUsTUFBSztPQUVKWixFQUFFLG9EQUVMLDZCQUFDYSxZQUFLO1FBQUNDLFdBQVd2QjtRQUFXd0IsTUFBTWI7cUJBQ2pDLDZCQUFDYyx3QkFBZTtRQUFDRixXQUFXLENBQUMsRUFBRXZCLFVBQVUsVUFBVSxDQUFDO3FCQUNsRCw2QkFBQzBCLFlBQUlqQixFQUFFLG9EQUNQLDZCQUFDa0IseUJBQ0MsNkJBQUNDLHlCQUFXO1FBQ1ZDLFVBQVU7WUFDUixHQUFHLENBQUMsRUFBRUMsUUFBUSxFQUFFLGlCQUFLLDZCQUFDQztvQkFBT0QsVUFBVUE7O1FBQ3pDO1FBQ0FFLFNBQVE7UUFDUnZCLEdBQUdBO3VCQUlQLDZCQUFDUyxjQUFNO1FBQ0xDLGFBQVk7UUFDWkMsU0FBUztZQUNQYixZQUFZSTtRQUNkO1FBQ0FzQixNQUFLO09BRUp4QixFQUFFLGtDQUVMLDZCQUFDUyxjQUFNO1FBQUNFLFNBQVNSO09BQWlCSCxFQUFFO0FBSzlDO01BRUEsV0FBZVIifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { Button } from '../Button/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'generate-confirmation'\n\nexport type GenerateConfirmationProps = {\n  highlightField: (Boolean) => void\n  setKey: () => void\n}\n\nexport const GenerateConfirmation: React.FC<GenerateConfirmationProps> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { highlightField, setKey } = props\n\n  const { id } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${id}`\n\n  const handleGenerate = () => {\n    setKey()\n    toggleModal(modalSlug)\n    toast.success(t('authentication:newAPIKeyGenerated'), { autoClose: 3000 })\n    highlightField(true)\n  }\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {t('authentication:generateNewAPIKey')}\n      </Button>\n      <Modal className={baseClass} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__template`}>\n          <h1>{t('authentication:confirmGeneration')}</h1>\n          <p>\n            <Translation\n              elements={{\n                1: ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n              t={t}\n            />\n          </p>\n\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={() => {\n              toggleModal(modalSlug)\n            }}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button onClick={handleGenerate}>{t('authentication:generate')}</Button>\n        </MinimalTemplate>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","React","toast","useDocumentInfo","useTranslation","MinimalTemplate","Button","Translation","baseClass","GenerateConfirmation","props","Modal","useModal","highlightField","setKey","id","toggleModal","t","modalSlug","handleGenerate","success","autoClose","Fragment","buttonStyle","onClick","size","className","slug","h1","p","elements","children","strong","i18nKey","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAOlB,OAAO,MAAMC,uBAA4D,CAACC;IACxE,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGZ;IAE5B,MAAM,EAAEa,cAAc,EAAEC,MAAM,EAAE,GAAGJ;IAEnC,MAAM,EAAEK,EAAE,EAAE,GAAGZ;IACf,MAAM,EAAEa,WAAW,EAAE,GAAGJ;IACxB,MAAM,EAAEK,CAAC,EAAE,GAAGb;IAEd,MAAMc,YAAY,CAAC,sBAAsB,EAAEH,GAAG,CAAC;IAE/C,MAAMI,iBAAiB;QACrBL;QACAE,YAAYE;QACZhB,MAAMkB,OAAO,CAACH,EAAE,sCAAsC;YAAEI,WAAW;QAAK;QACxER,eAAe;IACjB;IAEA,qBACE,oBAACZ,MAAMqB,QAAQ,sBACb,oBAAChB;QACCiB,aAAY;QACZC,SAAS;YACPR,YAAYE;QACd;QACAO,MAAK;OAEJR,EAAE,oDAEL,oBAACN;QAAMe,WAAWlB;QAAWmB,MAAMT;qBACjC,oBAACb;QAAgBqB,WAAW,CAAC,EAAElB,UAAU,UAAU,CAAC;qBAClD,oBAACoB,YAAIX,EAAE,oDACP,oBAACY,yBACC,oBAACtB;QACCuB,UAAU;YACR,GAAG,CAAC,EAAEC,QAAQ,EAAE,iBAAK,oBAACC,gBAAQD;QAChC;QACAE,SAAQ;QACRhB,GAAGA;uBAIP,oBAACX;QACCiB,aAAY;QACZC,SAAS;YACPR,YAAYE;QACd;QACAgB,MAAK;OAEJjB,EAAE,kCAEL,oBAACX;QAAOkB,SAASL;OAAiBF,EAAE;AAK9C,EAAC"}

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

@@ -1,15 +1,12 @@
-import type { Ref } from 'react';
 import React from 'react';
 import './index.scss';
-type Props = {
+export type GutterProps = {
     children: React.ReactNode;
     className?: string;
     left?: boolean;
     negativeLeft?: boolean;
     negativeRight?: boolean;
-    ref?: Ref<HTMLDivElement>;
     right?: boolean;
 };
-export declare const Gutter: React.FC<Props>;
-export {};
+export declare const Gutter: React.ForwardRefExoticComponent<GutterProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,oFA6BjB,CAAA"}

package/dist/elements/Gutter/index.js

@@ -1,62 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Gutter", {
-    enumerable: true,
-    get: function() {
-        return Gutter;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { forwardRef } from 'react';
 const baseClass = 'gutter';
-const Gutter = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+export const Gutter = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { children, className, left = true, negativeLeft = false, negativeRight = false, right = true } = props;
     const shouldPadLeft = left && !negativeLeft;
     const shouldPadRight = right && !negativeRight;
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: [
             shouldPadLeft && `${baseClass}--left`,
             shouldPadRight && `${baseClass}--right`,
@@ -69,4 +17,4 @@ const Gutter = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
 });
 Gutter.displayName = 'Gutter';
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9HdXR0ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsZWZ0PzogYm9vbGVhblxuICBuZWdhdGl2ZUxlZnQ/OiBib29sZWFuXG4gIG5lZ2F0aXZlUmlnaHQ/OiBib29sZWFuXG4gIHJlZj86IFJlZjxIVE1MRGl2RWxlbWVudD5cbiAgcmlnaHQ/OiBib29sZWFuXG59XG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdndXR0ZXInXG5cbmV4cG9ydCBjb25zdCBHdXR0ZXI6IFJlYWN0LkZDPFByb3BzPiA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lLFxuICAgIGxlZnQgPSB0cnVlLFxuICAgIG5lZ2F0aXZlTGVmdCA9IGZhbHNlLFxuICAgIG5lZ2F0aXZlUmlnaHQgPSBmYWxzZSxcbiAgICByaWdodCA9IHRydWUsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHNob3VsZFBhZExlZnQgPSBsZWZ0ICYmICFuZWdhdGl2ZUxlZnRcbiAgY29uc3Qgc2hvdWxkUGFkUmlnaHQgPSByaWdodCAmJiAhbmVnYXRpdmVSaWdodFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgIHNob3VsZFBhZExlZnQgJiYgYCR7YmFzZUNsYXNzfS0tbGVmdGAsXG4gICAgICAgIHNob3VsZFBhZFJpZ2h0ICYmIGAke2Jhc2VDbGFzc30tLXJpZ2h0YCxcbiAgICAgICAgbmVnYXRpdmVMZWZ0ICYmIGAke2Jhc2VDbGFzc30tLW5lZ2F0aXZlLWxlZnRgLFxuICAgICAgICBuZWdhdGl2ZVJpZ2h0ICYmIGAke2Jhc2VDbGFzc30tLW5lZ2F0aXZlLXJpZ2h0YCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgXVxuICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgIC5qb2luKCcgJyl9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbkd1dHRlci5kaXNwbGF5TmFtZSA9ICdHdXR0ZXInXG4iXSwibmFtZXMiOlsiR3V0dGVyIiwiYmFzZUNsYXNzIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJsZWZ0IiwibmVnYXRpdmVMZWZ0IiwibmVnYXRpdmVSaWdodCIsInJpZ2h0Iiwic2hvdWxkUGFkTGVmdCIsInNob3VsZFBhZFJpZ2h0IiwiZGl2IiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFrQmFBOzs7ZUFBQUE7OzsrREFoQnFCO1FBRTNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFZUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsdUJBQTBCRSxJQUFBQSxpQkFBVSxFQUF3QixDQUFDQyxPQUFPQztJQUMvRSxNQUFNLEVBQ0pDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxPQUFPLElBQUksRUFDWEMsZUFBZSxLQUFLLEVBQ3BCQyxnQkFBZ0IsS0FBSyxFQUNyQkMsUUFBUSxJQUFJLEVBQ2IsR0FBR1A7SUFFSixNQUFNUSxnQkFBZ0JKLFFBQVEsQ0FBQ0M7SUFDL0IsTUFBTUksaUJBQWlCRixTQUFTLENBQUNEO0lBRWpDLHFCQUNFLDZCQUFDSTtRQUNDUCxXQUFXO1lBQ1RLLGlCQUFpQixDQUFDLEVBQUVWLFVBQVUsTUFBTSxDQUFDO1lBQ3JDVyxrQkFBa0IsQ0FBQyxFQUFFWCxVQUFVLE9BQU8sQ0FBQztZQUN2Q08sZ0JBQWdCLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7WUFDN0NRLGlCQUFpQixDQUFDLEVBQUVSLFVBQVUsZ0JBQWdCLENBQUM7WUFDL0NLO1NBQ0QsQ0FDRVEsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7UUFDUlosS0FBS0E7T0FFSkM7QUFHUDtBQUVBTCxPQUFPaUIsV0FBVyxHQUFHIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter = forwardRef<HTMLDivElement, GutterProps>((props, ref) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n})\n\nGutter.displayName = 'Gutter'\n"],"names":["React","forwardRef","baseClass","Gutter","props","ref","children","className","left","negativeLeft","negativeRight","right","shouldPadLeft","shouldPadRight","div","filter","Boolean","join","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAazC,MAAMC,YAAY;AAElB,OAAO,MAAMC,uBAASF,WAAwC,CAACG,OAAOC;IACpE,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAO,IAAI,EACXC,eAAe,KAAK,EACpBC,gBAAgB,KAAK,EACrBC,QAAQ,IAAI,EACb,GAAGP;IAEJ,MAAMQ,gBAAgBJ,QAAQ,CAACC;IAC/B,MAAMI,iBAAiBF,SAAS,CAACD;IAEjC,qBACE,oBAACI;QACCP,WAAW;YACTK,iBAAiB,CAAC,EAAEV,UAAU,MAAM,CAAC;YACrCW,kBAAkB,CAAC,EAAEX,UAAU,OAAO,CAAC;YACvCO,gBAAgB,CAAC,EAAEP,UAAU,eAAe,CAAC;YAC7CQ,iBAAiB,CAAC,EAAER,UAAU,gBAAgB,CAAC;YAC/CK;SACD,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,KAAKA;OAEJC;AAGP,GAAE;AAEFH,OAAOe,WAAW,GAAG"}

package/dist/elements/Hamburger/index.js

@@ -1,54 +1,38 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Hamburger", {
-    enumerable: true,
-    get: function() {
-        return Hamburger;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Chevron = require("../../icons/Chevron");
-const _Translation = require("../../providers/Translation");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'hamburger';
-const Hamburger = (props)=>{
-    const { t } = (0, _Translation.useTranslation)();
+export const Hamburger = (props)=>{
+    const { t } = useTranslation();
     const { closeIcon = 'x', isActive = false } = props;
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__wrapper`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__icon`
-    }, !isActive && /*#__PURE__*/ _react.default.createElement("div", {
+    }, !isActive && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__lines`,
         title: t('general:open')
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__line ${baseClass}__top`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__line ${baseClass}__middle`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__line ${baseClass}__bottom`
-    })), isActive && /*#__PURE__*/ _react.default.createElement("div", {
+    })), isActive && /*#__PURE__*/ React.createElement("div", {
         "aria-label": closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
         className: `${baseClass}__close-icon`,
         title: closeIcon === 'collapse' ? t('general:collapse') : t('general:close')
-    }, closeIcon === 'x' && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+    }, closeIcon === 'x' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__line ${baseClass}__x-left`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__line ${baseClass}__x-right`
-    })), closeIcon === 'collapse' && /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+    })), closeIcon === 'collapse' && /*#__PURE__*/ React.createElement(Chevron, {
         className: `${baseClass}__collapse-chevron`,
         direction: "left"
     })))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9IYW1idXJnZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBDaGV2cm9uIH0gZnJvbSAnLi4vLi4vaWNvbnMvQ2hldnJvbidcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdoYW1idXJnZXInXG5cbmV4cG9ydCBjb25zdCBIYW1idXJnZXI6IFJlYWN0LkZDPHtcbiAgY2xvc2VJY29uPzogJ2NvbGxhcHNlJyB8ICd4J1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCB7IGNsb3NlSWNvbiA9ICd4JywgaXNBY3RpdmUgPSBmYWxzZSB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3dyYXBwZXJgfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ljb25gfT5cbiAgICAgICAgICB7IWlzQWN0aXZlICYmIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saW5lc2B9IHRpdGxlPXt0KCdnZW5lcmFsOm9wZW4nKX0+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saW5lICR7YmFzZUNsYXNzfV9fdG9wYH0gLz5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmUgJHtiYXNlQ2xhc3N9X19taWRkbGVgfSAvPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX2JvdHRvbWB9IC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtpc0FjdGl2ZSAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2Nsb3NlSWNvbiA9PT0gJ2NvbGxhcHNlJyA/IHQoJ2dlbmVyYWw6Y29sbGFwc2UnKSA6IHQoJ2dlbmVyYWw6Y2xvc2UnKX1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jbG9zZS1pY29uYH1cbiAgICAgICAgICAgICAgdGl0bGU9e2Nsb3NlSWNvbiA9PT0gJ2NvbGxhcHNlJyA/IHQoJ2dlbmVyYWw6Y29sbGFwc2UnKSA6IHQoJ2dlbmVyYWw6Y2xvc2UnKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2Nsb3NlSWNvbiA9PT0gJ3gnICYmIChcbiAgICAgICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX3gtbGVmdGB9IC8+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGluZSAke2Jhc2VDbGFzc31fX3gtcmlnaHRgfSAvPlxuICAgICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtjbG9zZUljb24gPT09ICdjb2xsYXBzZScgJiYgKFxuICAgICAgICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29sbGFwc2UtY2hldnJvbmB9IGRpcmVjdGlvbj1cImxlZnRcIiAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkhhbWJ1cmdlciIsImJhc2VDbGFzcyIsInByb3BzIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY2xvc2VJY29uIiwiaXNBY3RpdmUiLCJkaXYiLCJjbGFzc05hbWUiLCJ0aXRsZSIsImFyaWEtbGFiZWwiLCJSZWFjdCIsIkZyYWdtZW50IiwiQ2hldnJvbiIsImRpcmVjdGlvbiJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQVNhQTs7O2VBQUFBOzs7OERBUks7eUJBRU07NkJBQ087UUFDeEI7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxZQUdSLENBQUNFO0lBQ0osTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFDNUIsTUFBTSxFQUFFQyxZQUFZLEdBQUcsRUFBRUMsV0FBVyxLQUFLLEVBQUUsR0FBR0o7SUFFOUMscUJBQ0UsNkJBQUNLO1FBQUlDLFdBQVdQO3FCQUNkLDZCQUFDTTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxTQUFTLENBQUM7cUJBQ3JDLDZCQUFDTTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxNQUFNLENBQUM7T0FDakMsQ0FBQ0ssMEJBQ0EsNkJBQUNDO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE9BQU8sQ0FBQztRQUFFUSxPQUFPTixFQUFFO3FCQUM5Qyw2QkFBQ0k7UUFBSUMsV0FBVyxDQUFDLEVBQUVQLFVBQVUsT0FBTyxFQUFFQSxVQUFVLEtBQUssQ0FBQztzQkFDdEQsNkJBQUNNO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxRQUFRLENBQUM7c0JBQ3pELDZCQUFDTTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxPQUFPLEVBQUVBLFVBQVUsUUFBUSxDQUFDO1NBRzVESywwQkFDQyw2QkFBQ0M7UUFDQ0csY0FBWUwsY0FBYyxhQUFhRixFQUFFLHNCQUFzQkEsRUFBRTtRQUNqRUssV0FBVyxDQUFDLEVBQUVQLFVBQVUsWUFBWSxDQUFDO1FBQ3JDUSxPQUFPSixjQUFjLGFBQWFGLEVBQUUsc0JBQXNCQSxFQUFFO09BRTNERSxjQUFjLHFCQUNiLDZCQUFDTSxjQUFLLENBQUNDLFFBQVEsc0JBQ2IsNkJBQUNMO1FBQUlDLFdBQVcsQ0FBQyxFQUFFUCxVQUFVLE9BQU8sRUFBRUEsVUFBVSxRQUFRLENBQUM7c0JBQ3pELDZCQUFDTTtRQUFJQyxXQUFXLENBQUMsRUFBRVAsVUFBVSxPQUFPLEVBQUVBLFVBQVUsU0FBUyxDQUFDO1NBRzdESSxjQUFjLDRCQUNiLDZCQUFDUSxnQkFBTztRQUFDTCxXQUFXLENBQUMsRUFBRVAsVUFBVSxrQkFBa0IsQ0FBQztRQUFFYSxXQUFVOztBQVFoRiJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  closeIcon?: 'collapse' | 'x'\n  isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__icon`}>\n          {!isActive && (\n            <div className={`${baseClass}__lines`} title={t('general:open')}>\n              <div className={`${baseClass}__line ${baseClass}__top`} />\n              <div className={`${baseClass}__line ${baseClass}__middle`} />\n              <div className={`${baseClass}__line ${baseClass}__bottom`} />\n            </div>\n          )}\n          {isActive && (\n            <div\n              aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n              className={`${baseClass}__close-icon`}\n              title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n            >\n              {closeIcon === 'x' && (\n                <React.Fragment>\n                  <div className={`${baseClass}__line ${baseClass}__x-left`} />\n                  <div className={`${baseClass}__line ${baseClass}__x-right`} />\n                </React.Fragment>\n              )}\n              {closeIcon === 'collapse' && (\n                <Chevron className={`${baseClass}__collapse-chevron`} direction=\"left\" />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","Chevron","useTranslation","baseClass","Hamburger","props","t","closeIcon","isActive","div","className","title","aria-label","Fragment","direction"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAGR,CAACC;IACJ,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,YAAY,GAAG,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,qBACE,oBAACI;QAAIC,WAAWP;qBACd,oBAACM;QAAIC,WAAW,CAAC,EAAEP,UAAU,SAAS,CAAC;qBACrC,oBAACM;QAAIC,WAAW,CAAC,EAAEP,UAAU,MAAM,CAAC;OACjC,CAACK,0BACA,oBAACC;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,CAAC;QAAEQ,OAAOL,EAAE;qBAC9C,oBAACG;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,EAAEA,UAAU,KAAK,CAAC;sBACtD,oBAACM;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,EAAEA,UAAU,QAAQ,CAAC;sBACzD,oBAACM;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,EAAEA,UAAU,QAAQ,CAAC;SAG5DK,0BACC,oBAACC;QACCG,cAAYL,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;QACjEI,WAAW,CAAC,EAAEP,UAAU,YAAY,CAAC;QACrCQ,OAAOJ,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;OAE3DC,cAAc,qBACb,oBAACP,MAAMa,QAAQ,sBACb,oBAACJ;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,EAAEA,UAAU,QAAQ,CAAC;sBACzD,oBAACM;QAAIC,WAAW,CAAC,EAAEP,UAAU,OAAO,EAAEA,UAAU,SAAS,CAAC;SAG7DI,cAAc,4BACb,oBAACN;QAAQS,WAAW,CAAC,EAAEP,UAAU,kBAAkB,CAAC;QAAEW,WAAU;;AAQhF,EAAC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type { Permissions, User } from 'payload/auth';
 export declare const HydrateClientUser: React.FC<{
     permissions: Permissions;

package/dist/elements/HydrateClientUser/index.js

@@ -1,19 +1,9 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "HydrateClientUser", {
-    enumerable: true,
-    get: function() {
-        return HydrateClientUser;
-    }
-});
-const _react = require("react");
-const _Auth = require("../../providers/Auth");
-const HydrateClientUser = ({ permissions, user })=>{
-    const { setPermissions, setUser } = (0, _Auth.useAuth)();
-    (0, _react.useEffect)(()=>{
+import { useEffect } from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+export const HydrateClientUser = ({ permissions, user })=>{
+    const { setPermissions, setUser } = useAuth();
+    useEffect(()=>{
         setUser(user);
         setPermissions(permissions);
     }, [
@@ -25,4 +15,4 @@ const HydrateClientUser = ({ permissions, user })=>{
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9IeWRyYXRlQ2xpZW50VXNlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgUGVybWlzc2lvbnMsIFVzZXIgfSBmcm9tICdwYXlsb2FkL2F1dGgnXG5cbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VBdXRoIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0F1dGgnXG5cbmV4cG9ydCBjb25zdCBIeWRyYXRlQ2xpZW50VXNlcjogUmVhY3QuRkM8eyBwZXJtaXNzaW9uczogUGVybWlzc2lvbnM7IHVzZXI6IFVzZXIgfT4gPSAoe1xuICBwZXJtaXNzaW9ucyxcbiAgdXNlcixcbn0pID0+IHtcbiAgY29uc3QgeyBzZXRQZXJtaXNzaW9ucywgc2V0VXNlciB9ID0gdXNlQXV0aCgpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRVc2VyKHVzZXIpXG4gICAgc2V0UGVybWlzc2lvbnMocGVybWlzc2lvbnMpXG4gIH0sIFt1c2VyLCBwZXJtaXNzaW9ucywgc2V0VXNlciwgc2V0UGVybWlzc2lvbnNdKVxuXG4gIHJldHVybiBudWxsXG59XG4iXSwibmFtZXMiOlsiSHlkcmF0ZUNsaWVudFVzZXIiLCJwZXJtaXNzaW9ucyIsInVzZXIiLCJzZXRQZXJtaXNzaW9ucyIsInNldFVzZXIiLCJ1c2VBdXRoIiwidXNlRWZmZWN0Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBUWFBOzs7ZUFBQUE7Ozt1QkFKYTtzQkFFRjtBQUVqQixNQUFNQSxvQkFBd0UsQ0FBQyxFQUNwRkMsV0FBVyxFQUNYQyxJQUFJLEVBQ0w7SUFDQyxNQUFNLEVBQUVDLGNBQWMsRUFBRUMsT0FBTyxFQUFFLEdBQUdDLElBQUFBLGFBQU87SUFFM0NDLElBQUFBLGdCQUFTLEVBQUM7UUFDUkYsUUFBUUY7UUFDUkMsZUFBZUY7SUFDakIsR0FBRztRQUFDQztRQUFNRDtRQUFhRztRQUFTRDtLQUFlO0lBRS9DLE9BQU87QUFDVCJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/HydrateClientUser/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Permissions, User } from 'payload/auth'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\nexport const HydrateClientUser: React.FC<{ permissions: Permissions; user: User }> = ({\n  permissions,\n  user,\n}) => {\n  const { setPermissions, setUser } = useAuth()\n\n  useEffect(() => {\n    setUser(user)\n    setPermissions(permissions)\n  }, [user, permissions, setUser, setPermissions])\n\n  return null\n}\n"],"names":["useEffect","useAuth","HydrateClientUser","permissions","user","setPermissions","setUser"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,SAAS,QAAQ,QAAO;AAEjC,SAASC,OAAO,QAAQ,gCAA+B;AAEvD,OAAO,MAAMC,oBAAwE,CAAC,EACpFC,WAAW,EACXC,IAAI,EACL;IACC,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAE,GAAGL;IAEpCD,UAAU;QACRM,QAAQF;QACRC,eAAeF;IACjB,GAAG;QAACC;QAAMD;QAAaG;QAASD;KAAe;IAE/C,OAAO;AACT,EAAC"}

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

@@ -1,9 +1,8 @@
 import React from 'react';
 import './index.scss';
-declare const IDLabel: React.FC<{
+export declare const IDLabel: React.FC<{
     className?: string;
     id: string;
     prefix?: string;
 }>;
-export default IDLabel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAU1E,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAUjF,CAAA"}

package/dist/elements/IDLabel/index.js

@@ -1,28 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
 const baseClass = 'id-label';
-const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ _react.default.createElement("div", {
+export const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ React.createElement("div", {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
         title: id
     }, prefix, "  ", id);
-const _default = IDLabel;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9JRExhYmVsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnaWQtbGFiZWwnXG5cbmNvbnN0IElETGFiZWw6IFJlYWN0LkZDPHsgY2xhc3NOYW1lPzogc3RyaW5nOyBpZDogc3RyaW5nOyBwcmVmaXg/OiBzdHJpbmcgfT4gPSAoe1xuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwcmVmaXggPSAnSUQ6Jyxcbn0pID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX0gdGl0bGU9e2lkfT5cbiAgICB7cHJlZml4fVxuICAgICZuYnNwOyZuYnNwO1xuICAgIHtpZH1cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IElETGFiZWxcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJJRExhYmVsIiwiaWQiLCJjbGFzc05hbWUiLCJwcmVmaXgiLCJkaXYiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsInRpdGxlIl0sIm1hcHBpbmdzIjoiOzs7OytCQWtCQTs7O2VBQUE7Ozs4REFsQmtCO1FBRVg7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsVUFBeUUsQ0FBQyxFQUM5RUMsRUFBRSxFQUNGQyxTQUFTLEVBQ1RDLFNBQVMsS0FBSyxFQUNmLGlCQUNDLDZCQUFDQztRQUFJRixXQUFXO1lBQUNIO1lBQVdHO1NBQVUsQ0FBQ0csTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7UUFBTUMsT0FBT1A7T0FDdEVFLFFBQU8sTUFFUEY7TUFJTCxXQUFlRCJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => (\n  <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n    {prefix}\n    &nbsp;&nbsp;\n    {id}\n  </div>\n)\n"],"names":["React","baseClass","IDLabel","id","className","prefix","div","filter","Boolean","join","title"],"rangeMappings":";;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf,iBACC,oBAACC;QAAIF,WAAW;YAACH;YAAWG;SAAU,CAACG,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOP;OACtEE,QAAO,MAEPF,IAEJ"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -1,3 +1,3 @@
-import type { Field, FieldAffectingData } from 'payload/types';
-export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: Field[]) => FieldAffectingData[];
+import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
+export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fieldMap: FieldMap) => MappedField[];
 //# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAK9D,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,KAAK,EAAE,KACd,kBAAkB,EASpB,CAAA"}
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAEpG,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,yBAE7B,WAAW,EASb,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,21 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getTextFieldsToBeSearched", {
-    enumerable: true,
-    get: function() {
-        return getTextFieldsToBeSearched;
-    }
-});
-const _types = require("payload/types");
-const _utilities = require("payload/utilities");
-const getTextFieldsToBeSearched = (listSearchableFields, fields)=>{
+import { flattenFieldMap } from '@payloadcms/ui/utilities/flattenFieldMap';
+export const getTextFieldsToBeSearched = (listSearchableFields, fieldMap)=>{
     if (listSearchableFields) {
-        const flattenedFields = (0, _utilities.flattenTopLevelFields)(fields);
-        return flattenedFields.filter((field)=>(0, _types.fieldAffectsData)(field) && listSearchableFields.includes(field.name));
+        const flattenedFields = flattenFieldMap(fieldMap);
+        return flattenedFields.filter((field)=>field.isFieldAffectingData && listSearchableFields.includes(field.name));
     }
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9MaXN0Q29udHJvbHMvZ2V0VGV4dEZpZWxkc1RvQmVTZWFyY2hlZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEZpZWxkLCBGaWVsZEFmZmVjdGluZ0RhdGEgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBmaWVsZEFmZmVjdHNEYXRhIH0gZnJvbSAncGF5bG9hZC90eXBlcydcbmltcG9ydCB7IGZsYXR0ZW5Ub3BMZXZlbEZpZWxkcyB9IGZyb20gJ3BheWxvYWQvdXRpbGl0aWVzJ1xuXG5leHBvcnQgY29uc3QgZ2V0VGV4dEZpZWxkc1RvQmVTZWFyY2hlZCA9IChcbiAgbGlzdFNlYXJjaGFibGVGaWVsZHM6IHN0cmluZ1tdLFxuICBmaWVsZHM6IEZpZWxkW10sXG4pOiBGaWVsZEFmZmVjdGluZ0RhdGFbXSA9PiB7XG4gIGlmIChsaXN0U2VhcmNoYWJsZUZpZWxkcykge1xuICAgIGNvbnN0IGZsYXR0ZW5lZEZpZWxkcyA9IGZsYXR0ZW5Ub3BMZXZlbEZpZWxkcyhmaWVsZHMpXG4gICAgcmV0dXJuIGZsYXR0ZW5lZEZpZWxkcy5maWx0ZXIoXG4gICAgICAoZmllbGQpID0+IGZpZWxkQWZmZWN0c0RhdGEoZmllbGQpICYmIGxpc3RTZWFyY2hhYmxlRmllbGRzLmluY2x1ZGVzKGZpZWxkLm5hbWUpLFxuICAgICkgYXMgRmllbGRBZmZlY3RpbmdEYXRhW11cbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXSwibmFtZXMiOlsiZ2V0VGV4dEZpZWxkc1RvQmVTZWFyY2hlZCIsImxpc3RTZWFyY2hhYmxlRmllbGRzIiwiZmllbGRzIiwiZmxhdHRlbmVkRmllbGRzIiwiZmxhdHRlblRvcExldmVsRmllbGRzIiwiZmlsdGVyIiwiZmllbGQiLCJmaWVsZEFmZmVjdHNEYXRhIiwiaW5jbHVkZXMiLCJuYW1lIl0sIm1hcHBpbmdzIjoiOzs7OytCQUthQTs7O2VBQUFBOzs7dUJBSG9COzJCQUNLO0FBRS9CLE1BQU1BLDRCQUE0QixDQUN2Q0Msc0JBQ0FDO0lBRUEsSUFBSUQsc0JBQXNCO1FBQ3hCLE1BQU1FLGtCQUFrQkMsSUFBQUEsZ0NBQXFCLEVBQUNGO1FBQzlDLE9BQU9DLGdCQUFnQkUsTUFBTSxDQUMzQixDQUFDQyxRQUFVQyxJQUFBQSx1QkFBZ0IsRUFBQ0QsVUFBVUwscUJBQXFCTyxRQUFRLENBQUNGLE1BQU1HLElBQUk7SUFFbEY7SUFFQSxPQUFPO0FBQ1QifQ==
+//# sourceMappingURL=getTextFieldsToBeSearched.js.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["import { flattenFieldMap } from '@payloadcms/ui/utilities/flattenFieldMap'\n\nimport type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fieldMap: FieldMap,\n): MappedField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenFieldMap(fieldMap)\n    return flattenedFields.filter(\n      (field) => field.isFieldAffectingData && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"names":["flattenFieldMap","getTextFieldsToBeSearched","listSearchableFields","fieldMap","flattenedFields","filter","field","isFieldAffectingData","includes","name"],"rangeMappings":";;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,2CAA0C;AAI1E,OAAO,MAAMC,4BAA4B,CACvCC,sBACAC;IAEA,IAAID,sBAAsB;QACxB,MAAME,kBAAkBJ,gBAAgBG;QACxC,OAAOC,gBAAgBC,MAAM,CAC3B,CAACC,QAAUA,MAAMC,oBAAoB,IAAIL,qBAAqBM,QAAQ,CAACF,MAAMG,IAAI;IAErF;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,10 +1,20 @@
+import type { ClientCollectionConfig, Where } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
+import type { FieldMap } from '../../utilities/buildComponentMap.js';
 import './index.scss';
+export type ListControlsProps = {
+    collectionConfig: ClientCollectionConfig;
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    fieldMap: FieldMap;
+    handleSearchChange?: (search: string) => void;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+};
 /**
  * The ListControls component is used to render the controls (search, filter, where)
  * for a collection's list view. You can find those directly above the table which lists
  * the collection's documents.
  */
-export declare const ListControls: React.FC<Props>;
+export declare const ListControls: React.FC<ListControlsProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAgBpC,OAAO,cAAc,CAAA;AAIrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAsB,KAAK,EAAE,MAAM,eAAe,CAAA;AAItF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAgBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,QAAQ,CAAA;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgIpD,CAAA"}