@payloadcms/ui 3.0.0-canary.ee6d727 → 3.0.0-canary.f13d413

package/dist/forms/useField/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { useCallback, useMemo, useRef } from 'react';
-import useThrottledEffect from '../../hooks/useThrottledEffect.js';
+import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
@@ -21,7 +21,7 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
     const processing = useFormProcessing();
     const initializing = useFormInitializing();
     const { user } = useAuth();
-    const { id } = useDocumentInfo();
+    const { id, collectionSlug } = useDocumentInfo();
     const operation = useOperation();
     const { dispatchField, field } = useFormFields(([fields, dispatch])=>({
             dispatchField: dispatch,
@@ -128,12 +128,18 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
             let valid = prevValid.current;
             const isValid = typeof validate === 'function' ? await validate(valueToValidate, {
                 id,
-                config,
+                collectionSlug,
                 data: getData(),
                 operation,
-                siblingData: getSiblingData(path),
-                t,
-                user
+                preferences: {},
+                req: {
+                    payload: {
+                        config
+                    },
+                    t,
+                    user
+                },
+                siblingData: getSiblingData(path)
             }) : true;
             if (typeof isValid === 'string') {
                 valid = false;
@@ -153,7 +159,7 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
                     path,
                     rows: field?.rows,
                     valid,
-                    // validate,
+                    validate,
                     value
                 };
                 if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {
@@ -177,7 +183,8 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
         path,
         user,
         validate,
-        field?.rows
+        field?.rows,
+        collectionSlug
     ]);
     return result;
 };

package/dist/forms/useField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport useThrottledEffect from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                config,\n                data: getData(),\n                operation,\n                siblingData: getSiblingData(path),\n                t,\n                user,\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            // validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n    ],\n  )\n\n  return result\n}\n"],"names":["useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","disableFormData","hasRows","validate","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","operation","dispatchField","field","fields","dispatch","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","setValue","e","disableModifyingForm","val","target","type","setTimeout","result","errorPaths","formInitializing","formProcessing","formSubmitted","rows","validateField","valueToValidate","Array","isArray","current","isValid","data","siblingData","undefined","update"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"names":["useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","disableFormData","hasRows","validate","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","field","fields","dispatch","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","setValue","e","disableModifyingForm","val","target","type","setTimeout","result","errorPaths","formInitializing","formProcessing","formSubmitted","rows","validateField","valueToValidate","Array","isArray","current","isValid","data","preferences","req","payload","siblingData","undefined","update"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAO;AAOpD,SAASC,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SACEC,OAAO,EACPC,aAAa,EACbC,mBAAmB,EACnBC,eAAe,EACfC,iBAAiB,EACjBC,gBAAgB,QACX,qBAAoB;AAE3B;;;;CAIC,GACD,OAAO,MAAMC,WAAW,CAAKC;IAC3B,MAAM,EAAEC,kBAAkB,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGH;IAEvD,MAAM,EAAEI,MAAMC,eAAe,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGhB;IAErE,iMAAiM;IACjM,MAAMY,OAAOJ,QAAQI,IAAI,IAAIC;IAE7B,MAAMI,YAAYX;IAClB,MAAMY,aAAab;IACnB,MAAMc,eAAehB;IACrB,MAAM,EAAEiB,IAAI,EAAE,GAAGzB;IACjB,MAAM,EAAE0B,EAAE,EAAEC,cAAc,EAAE,GAAGzB;IAC/B,MAAM0B,YAAYzB;IAElB,MAAM,EAAE0B,aAAa,EAAEC,KAAK,EAAE,GAAGvB,cAAc,CAAC,CAACwB,QAAQC,SAAS,GAAM,CAAA;YACtEH,eAAeG;YACfF,OAAO,AAACC,UAAUA,QAAQ,CAACd,KAAK,IAAK;QACvC,CAAA;IAEA,MAAM,EAAEgB,CAAC,EAAE,GAAG7B;IACd,MAAM8B,SAASjC;IAEf,MAAM,EAAEkC,OAAO,EAAEC,aAAa,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGhC;IAChE,MAAMiC,WAAW9B;IAEjB,MAAM+B,gBAAgBV,OAAOU;IAC7B,MAAMC,QAAQX,OAAOW;IACrB,MAAMC,eAAeZ,OAAOY;IAC5B,MAAMC,QAAQ,OAAOb,OAAOa,UAAU,YAAYb,MAAMa,KAAK,GAAG;IAChE,MAAMC,YAAYD,UAAU,SAASrB;IAErC,MAAMuB,YAAY/C,OAAO6C;IACzB,MAAMG,mBAAmBhD,OAAOgC,OAAOiB;IAEvC,4CAA4C;IAC5C,8CAA8C;IAC9C,MAAMC,WAAWpD,YACf,CAACqD,GAAGC,uBAAuB,KAAK;QAC9B,MAAMC,MAAMF,KAAKA,EAAEG,MAAM,GAAGH,EAAEG,MAAM,CAACX,KAAK,GAAGQ;QAE7CpB,cAAc;YACZwB,MAAM;YACNvC,iBAAiBA,mBAAoBC,WAAWoC,MAAM;YACtDlC;YACAwB,OAAOU;QACT;QAEA,IAAI,CAACD,sBAAsB;YACzB,IAAI,OAAOZ,gBAAgB,YAAY;gBACrC,oHAAoH;gBACpH,2DAA2D;gBAC3D,gHAAgH;gBAChH,kCAAkC;gBAClC,iHAAiH;gBACjH,0HAA0H;gBAC1H,2PAA2P;gBAC3P,mLAAmL;gBACnL,sKAAsK;gBACtK,oMAAoM;gBACpM,mJAAmJ;gBACnJ,qIAAqI;gBACrI,uMAAuM;gBACvM,IAAIC,aAAa,OAAO;oBACtB,qDAAqD;oBACrD,4DAA4D;oBAC5De,WAAW;wBACThB,YAAY;oBACd,GAAG;gBACL;YACF;QACF;IACF,GACA;QAACA;QAAarB;QAAMY;QAAef;QAAiBC;QAASwB;KAAS;IAGxE,gCAAgC;IAChC,mCAAmC;IACnC,MAAMgB,SAAuB1D,QAC3B,IAAO,CAAA;YACLkD,cAAcjB,OAAOiB;YACrBS,YAAY1B,OAAO0B,cAAc,EAAE;YACnChB;YACAiB,kBAAkBjC;YAClBkC,gBAAgBnC;YAChBoC,eAAerC;YACfoB;YACAzB;YACAE;YACAC,UAAUA,YAAY;YACtBwC,MAAM9B,OAAO8B;YACbvC;YACA2B;YACAJ;YACAD,OAAOb,OAAOa;YACdF;QACF,CAAA,GACA;QACEX,OAAOiB;QACPjB,OAAO8B;QACP9B,OAAOa;QACPb,OAAO0B;QACPjC;QACAyB;QACAJ;QACAtB;QACAmB;QACAC;QACAzB;QACAI;QACAD;QACAD;QACAqB;QACAhB;KACD;IAGH,iCAAiC;IACjCzB,mBACE;QACE,MAAM8D,gBAAgB;YACpB,IAAIC,kBAAkBrB;YAEtB,IAAIX,OAAO8B,QAAQG,MAAMC,OAAO,CAAClC,MAAM8B,IAAI,GAAG;gBAC5CE,kBAAkB1B,cAAcnB;YAClC;YAEA,IAAI8B;YACJ,IAAIJ,QAA0BE,UAAUoB,OAAO;YAE/C,MAAMC,UACJ,OAAOlD,aAAa,aAChB,MAAMA,SAAS8C,iBAAiB;gBAC9BpC;gBACAC;gBACAwC,MAAMhC;gBACNP;gBACAwC,aAAa,CAAC;gBACdC,KAAK;oBACHC,SAAS;wBACPpC;oBACF;oBACAD;oBACAR;gBACF;gBACA8C,aAAalC,eAAepB;YAC9B,KACA;YAEN,IAAI,OAAOiD,YAAY,UAAU;gBAC/BvB,QAAQ;gBACRI,eAAemB;YACjB,OAAO,IAAI,OAAOA,YAAY,WAAW;gBACvCvB,QAAQuB;gBACRnB,eAAeyB;YACjB;YAEA,qDAAqD;YACrD,0CAA0C;YAC1C,IAAI7B,UAAUE,UAAUoB,OAAO,IAAIlB,iBAAiBD,iBAAiBmB,OAAO,EAAE;gBAC5EpB,UAAUoB,OAAO,GAAGtB;gBACpBG,iBAAiBmB,OAAO,GAAGlB;gBAE3B,MAAM0B,SAAiB;oBACrBpB,MAAM;oBACNN;oBACA9B;oBACA2C,MAAM9B,OAAO8B;oBACbjB;oBACA3B;oBACAyB;gBACF;gBAEA,IAAI3B,mBAAoBC,CAAAA,UAAU,OAAO0B,UAAU,YAAYA,QAAQ,IAAI,KAAI,GAAI;oBACjFgC,OAAO3D,eAAe,GAAG;gBAC3B;gBAEA,IAAI,OAAOe,kBAAkB,YAAY;oBACvCA,cAAc4C;gBAChB;YACF;QACF;QAEA,KAAKZ;IACP,GACA,KACA;QACEpB;QACA3B;QACAe;QACAM;QACAE;QACAD;QACAV;QACAE;QACAX;QACAQ;QACAT;QACAc,OAAO8B;QACPjC;KACD;IAGH,OAAO4B;AACT,EAAC"}

package/dist/forms/useField/types.d.ts

@@ -1,4 +1,4 @@
-import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload/types';
+import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload';
 export type Options = {
     disableFormData?: boolean;
     hasRows?: boolean;
@@ -6,7 +6,7 @@ export type Options = {
      * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.
      **/
     path?: string;
-    validate?: ClientValidate;
+    validate?: Validate;
 };
 export type FieldType<T> = {
     errorMessage?: string;

package/dist/forms/useField/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEnF,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}

package/dist/forms/useField/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload/types'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: ClientValidate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAiBC"}
+{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"mappings":"AAYA,WAiBC"}

package/dist/forms/withCondition/WatchCondition.d.ts

@@ -1,4 +1,4 @@
-import type { FieldTypes } from 'payload/config';
+import type { FieldTypes } from 'payload';
 import React from 'react';
 export declare const WatchCondition: React.FC<{
     children: React.ReactNode;

package/dist/forms/withCondition/WatchCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAqBA,CAAA"}
+{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAqBA,CAAA"}

package/dist/forms/withCondition/WatchCondition.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import { useFormFields } from '../Form/context.js';
 export const WatchCondition = (props)=>{
     const { name, type, children, indexPath, path: pathFromProps } = props;

package/dist/forms/withCondition/WatchCondition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload/config'\n\nimport React from 'react'\nimport { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: keyof FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,QAAO;AAEhC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}
+{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: keyof FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}

package/dist/forms/withCondition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,6CACjB,MAAM,aAAa,CAAC,CAAC,CAAC,KAC5B,MAAM,EAAE,CAAC,CAAC,CAcZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SACtD,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAcZ,CAAA"}

package/dist/forms/withCondition/index.js

@@ -7,7 +7,7 @@ export const withCondition = (Field)=>{
     const CheckForCondition = (props)=>{
         const { name } = props;
         const { type, indexPath, path: pathFromContext } = useFieldProps();
-        const path = pathFromContext || name;
+        const path = pathFromContext ?? name;
         return /*#__PURE__*/ _jsx(WatchCondition, {
             indexPath: indexPath,
             name: name,

package/dist/forms/withCondition/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext || name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"names":["React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","name","type","indexPath","path","pathFromContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAMC,oBAAiC,CAACC;QACtC,MAAM,EAAEC,IAAI,EAAE,GAAGD;QACjB,MAAM,EAAEE,IAAI,EAAEC,SAAS,EAAEC,MAAMC,eAAe,EAAE,GAAGV;QACnD,MAAMS,OAAOC,mBAAmBJ;QAEhC,qBACE,KAACL;YAAeO,WAAWA;YAAWF,MAAMA;YAAgBG,MAAMA;YAAgBF,MAAMA;sBACtF,cAAA,KAACJ;gBAAO,GAAGE,KAAK;;;IAGtB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"names":["React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","name","type","indexPath","path","pathFromContext"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAMC,oBAAiC,CAACC;QACtC,MAAM,EAAEC,IAAI,EAAE,GAAGD;QACjB,MAAM,EAAEE,IAAI,EAAEC,SAAS,EAAEC,MAAMC,eAAe,EAAE,GAAGV;QACnD,MAAMS,OAAOC,mBAAmBJ;QAEhC,qBACE,KAACL;YAAeO,WAAWA;YAAWF,MAAMA;YAAgBG,MAAMA;YAAgBF,MAAMA;sBACtF,cAAA,KAACJ;gBAAO,GAAGE,KAAK;;;IAGtB;IAEA,OAAOD;AACT,EAAC"}

package/dist/graphics/Account/Default/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'graphic-account';
 export const DefaultAccountIcon = (props)=>/*#__PURE__*/ _jsxs("svg", {
         className: [

package/dist/graphics/Account/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"names":["React","baseClass","DefaultAccountIcon","props","svg","className","active","filter","Boolean","join","height","viewBox","width","xmlns","circle","cx","cy","r","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAER,CAACC,sBACJ,MAACC;QACCC,WAAW;YAACJ;YAAWE,OAAOG,UAAU,CAAC,EAAEL,UAAU,QAAQ,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACrFC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,IAAI,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;0BAC7D,KAACH;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAQC,GAAE;;0BAChE,KAACC;gBACCb,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAC/BkB,GAAE;;;OAGP"}
+{"version":3,"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"names":["React","baseClass","DefaultAccountIcon","props","svg","className","active","filter","Boolean","join","height","viewBox","width","xmlns","circle","cx","cy","r","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAER,CAACC,sBACJ,MAACC;QACCC,WAAW;YAACJ;YAAWE,OAAOG,UAAU,CAAC,EAAEL,UAAU,QAAQ,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACrFC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,IAAI,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;0BAC7D,KAACH;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAQC,GAAE;;0BAChE,KAACC;gBACCb,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAC/BkB,GAAE;;;OAGP"}

package/dist/graphics/Account/Gravatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAqBvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAuBvC,CAAA"}

package/dist/graphics/Account/Gravatar/index.js

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import md5 from 'md5';
-import qs from 'qs';
 import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
 export const GravatarAccountIcon = ()=>{
     const { user } = useAuth();
     const hash = md5(user.email.trim().toLowerCase());
-    const query = qs.stringify({
+    const params = new URLSearchParams({
         default: 'mp',
         r: 'g',
-        s: 50
-    });
+        s: '50'
+    }).toString();
+    const query = `?${params}`;
     return /*#__PURE__*/ _jsx("img", {
         alt: "yas",
         className: "gravatar-account",

package/dist/graphics/Account/Gravatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport qs from 'qs'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const query = qs.stringify({\n    default: 'mp',\n    r: 'g',\n    s: 50,\n  })\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={25}\n      src={`https://www.gravatar.com/avatar/${hash}?${query}`}\n      style={{ borderRadius: '50%' }}\n      width={25}\n    />\n  )\n}\n"],"names":["md5","qs","React","useAuth","GravatarAccountIcon","user","hash","email","trim","toLowerCase","query","stringify","default","r","s","img","alt","className","height","src","style","borderRadius","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAAS,MAAK;AACrB,OAAOC,QAAQ,KAAI;AACnB,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,mCAAkC;AAE1D,OAAO,MAAMC,sBAAgC;IAC3C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAON,IAAIK,KAAKE,KAAK,CAACC,IAAI,GAAGC,WAAW;IAE9C,MAAMC,QAAQT,GAAGU,SAAS,CAAC;QACzBC,SAAS;QACTC,GAAG;QACHC,GAAG;IACL;IAEA,qBACE,KAACC;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEb,KAAK,CAAC,EAAEI,MAAM,CAAC;QACvDU,OAAO;YAAEC,cAAc;QAAM;QAC7BC,OAAO;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const params = new URLSearchParams({\n    default: 'mp',\n    r: 'g',\n    s: '50',\n  }).toString()\n\n  const query = `?${params}`\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={25}\n      src={`https://www.gravatar.com/avatar/${hash}?${query}`}\n      style={{ borderRadius: '50%' }}\n      width={25}\n    />\n  )\n}\n"],"names":["md5","React","useAuth","GravatarAccountIcon","user","hash","email","trim","toLowerCase","params","URLSearchParams","default","r","s","toString","query","img","alt","className","height","src","style","borderRadius","width"],"mappings":"AAAA;;AACA,OAAOA,SAAS,MAAK;AACrB,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,mCAAkC;AAE1D,OAAO,MAAMC,sBAAgC;IAC3C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAOL,IAAII,KAAKE,KAAK,CAACC,IAAI,GAAGC,WAAW;IAE9C,MAAMC,SAAS,IAAIC,gBAAgB;QACjCC,SAAS;QACTC,GAAG;QACHC,GAAG;IACL,GAAGC,QAAQ;IAEX,MAAMC,QAAQ,CAAC,CAAC,EAAEN,OAAO,CAAC;IAE1B,qBACE,KAACO;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEf,KAAK,CAAC,EAAEU,MAAM,CAAC;QACvDM,OAAO;YAAEC,cAAc;QAAM;QAC7BC,OAAO;;AAGb,EAAC"}

package/dist/graphics/Account/index.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-export { GravatarAccountIcon } from './Gravatar/index.js';
 export declare const Account: () => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,eAAO,MAAM,OAAO,yBAenB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,OAAO,yBAenB,CAAA"}

package/dist/graphics/Account/index.js

@@ -4,16 +4,24 @@ import { usePathname } from 'next/navigation.js';
 import React from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { DefaultAccountIcon } from './Default/index.js';
-export { GravatarAccountIcon } from './Gravatar/index.js';
+import { GravatarAccountIcon } from './Gravatar/index.js';
 export const Account = ()=>{
     const { admin: { avatar: Avatar }, admin: { routes: { account: accountRoute } }, routes: { admin: adminRoute } } = useConfig();
     const { user } = useAuth();
     const pathname = usePathname();
-    const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`;
+    const isOnAccountPage = pathname === formatAdminURL({
+        adminRoute,
+        path: accountRoute
+    });
     if (!user?.email || Avatar === 'default') return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
         active: isOnAccountPage
     });
+    if (Avatar === 'gravatar') return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
+    if (Avatar) return /*#__PURE__*/ _jsx(Avatar, {
+        active: isOnAccountPage
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nexport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n\n  const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`\n\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","email","active"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGV;IAEJ,MAAM,EAAEW,IAAI,EAAE,GAAGZ;IACjB,MAAMa,WAAWf;IAEjB,MAAMgB,kBAAkBD,aAAa,CAAC,EAAEF,WAAW,EAAED,aAAa,CAAC;IAEnE,IAAI,CAACE,MAAMG,SAASR,WAAW,WAAW,qBAAO,KAACL;QAAmBc,QAAQF;;AAC/E,EAAC"}
+{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","active"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGX;IAEJ,MAAM,EAAEY,IAAI,EAAE,GAAGb;IACjB,MAAMc,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaZ,eAAe;QAAEU;QAAYI,MAAML;IAAa;IACrF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW,qBAAO,KAACL;QAAmBe,QAAQH;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOU,QAAQH;;AACrC,EAAC"}

package/dist/graphics/DefaultBlockImage/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(`pattern${uuid()}`)\n  const [imageID] = useState(`image${uuid()}`)\n\n  return (\n    <svg fill=\"none\" height=\"53\" viewBox=\"0 0 82 53\" width=\"82\">\n      <rect fill={`url(#${patternID})`} height=\"52.7791\" width=\"80.574\" x=\"0.713013\" />\n      <defs>\n        <pattern height=\"1\" id={`${patternID}`} patternContentUnits=\"objectBoundingBox\" width=\"1\">\n          <use transform=\"scale(0.00387597 0.00591716)\" xlinkHref={`#${imageID}`} />\n        </pattern>\n        <image\n          height=\"169\"\n          id={imageID}\n          width=\"258\"\n          xlinkHref=\"data:image/png;base64,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\"\n        />\n      </defs>\n    </svg>\n  )\n}\n"],"names":["React","useState","v4","uuid","DefaultBlockImage","patternID","imageID","svg","fill","height","viewBox","width","rect","x","defs","pattern","id","patternContentUnits","use","transform","xlinkHref","image"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AACvC,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAEjC,OAAO,MAAMC,oBAA8B;IACzC,MAAM,CAACC,UAAU,GAAGJ,SAAS,CAAC,OAAO,EAAEE,OAAO,CAAC;IAC/C,MAAM,CAACG,QAAQ,GAAGL,SAAS,CAAC,KAAK,EAAEE,OAAO,CAAC;IAE3C,qBACE,MAACI;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;;0BACrD,KAACC;gBAAKJ,MAAM,CAAC,KAAK,EAAEH,UAAU,CAAC,CAAC;gBAAEI,QAAO;gBAAUE,OAAM;gBAASE,GAAE;;0BACpE,MAACC;;kCACC,KAACC;wBAAQN,QAAO;wBAAIO,IAAI,CAAC,EAAEX,UAAU,CAAC;wBAAEY,qBAAoB;wBAAoBN,OAAM;kCACpF,cAAA,KAACO;4BAAIC,WAAU;4BAA+BC,WAAW,CAAC,CAAC,EAAEd,QAAQ,CAAC;;;kCAExE,KAACe;wBACCZ,QAAO;wBACPO,IAAIV;wBACJK,OAAM;wBACNS,WAAU;;;;;;AAKpB,EAAC"}
+{"version":3,"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(`pattern${uuid()}`)\n  const [imageID] = useState(`image${uuid()}`)\n\n  return (\n    <svg fill=\"none\" height=\"53\" viewBox=\"0 0 82 53\" width=\"82\">\n      <rect fill={`url(#${patternID})`} height=\"52.7791\" width=\"80.574\" x=\"0.713013\" />\n      <defs>\n        <pattern height=\"1\" id={`${patternID}`} patternContentUnits=\"objectBoundingBox\" width=\"1\">\n          <use transform=\"scale(0.00387597 0.00591716)\" xlinkHref={`#${imageID}`} />\n        </pattern>\n        <image\n          height=\"169\"\n          id={imageID}\n          width=\"258\"\n          xlinkHref=\"data:image/png;base64,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\"\n        />\n      </defs>\n    </svg>\n  )\n}\n"],"names":["React","useState","v4","uuid","DefaultBlockImage","patternID","imageID","svg","fill","height","viewBox","width","rect","x","defs","pattern","id","patternContentUnits","use","transform","xlinkHref","image"],"mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AACvC,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAEjC,OAAO,MAAMC,oBAA8B;IACzC,MAAM,CAACC,UAAU,GAAGJ,SAAS,CAAC,OAAO,EAAEE,OAAO,CAAC;IAC/C,MAAM,CAACG,QAAQ,GAAGL,SAAS,CAAC,KAAK,EAAEE,OAAO,CAAC;IAE3C,qBACE,MAACI;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;;0BACrD,KAACC;gBAAKJ,MAAM,CAAC,KAAK,EAAEH,UAAU,CAAC,CAAC;gBAAEI,QAAO;gBAAUE,OAAM;gBAASE,GAAE;;0BACpE,MAACC;;kCACC,KAACC;wBAAQN,QAAO;wBAAIO,IAAI,CAAC,EAAEX,UAAU,CAAC;wBAAEY,qBAAoB;wBAAoBN,OAAM;kCACpF,cAAA,KAACO;4BAAIC,WAAU;4BAA+BC,WAAW,CAAC,CAAC,EAAEd,QAAQ,CAAC;;;kCAExE,KAACe;wBACCZ,QAAO;wBACPO,IAAIV;wBACJK,OAAM;wBACNS,WAAU;;;;;;AAKpB,EAAC"}

package/dist/graphics/ExternalLink/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ExternalLinkIcon: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  return (\n    <svg\n      className={className}\n      clipRule=\"evenodd\"\n      fillRule=\"evenodd\"\n      height=\"100%\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14 4h-13v18h20v-11h1v12h-22v-20h14v1zm10 5h-1v-6.293l-11.646 11.647-.708-.708 11.647-11.646h-6.293v-1h8v8z\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","ExternalLinkIcon","props","className","svg","clipRule","fillRule","height","viewBox","width","xmlns","path","d","fill","stroke"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,mBAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,qBACE,KAACE;QACCD,WAAWA;QACXE,UAAS;QACTC,UAAS;QACTC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCC,GAAE;YACFC,MAAK;YACLC,QAAO;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/graphics/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ExternalLinkIcon: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  return (\n    <svg\n      className={className}\n      clipRule=\"evenodd\"\n      fillRule=\"evenodd\"\n      height=\"100%\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14 4h-13v18h20v-11h1v12h-22v-20h14v1zm10 5h-1v-6.293l-11.646 11.647-.708-.708 11.647-11.646h-6.293v-1h8v8z\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","ExternalLinkIcon","props","className","svg","clipRule","fillRule","height","viewBox","width","xmlns","path","d","fill","stroke"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,mBAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,qBACE,KAACE;QACCD,WAAWA;QACXE,UAAS;QACTC,UAAS;QACTC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCC,GAAE;YACFC,MAAK;YACLC,QAAO;;;AAIf,EAAC"}

package/dist/graphics/File/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/File/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const File: React.FC = () => (\n  <svg height=\"150\" viewBox=\"0 0 150 150\" width=\"150\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect fill=\"#333333\" height=\"150\" transform=\"translate(0 0.5)\" width=\"150\" />\n    <path d=\"M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z\" fill=\"white\" />\n    <path d=\"M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z\" fill=\"#9A9A9A\" />\n  </svg>\n)\n"],"names":["React","File","svg","height","viewBox","width","xmlns","rect","fill","transform","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB,kBAC5B,MAACC;QAAIC,QAAO;QAAMC,SAAQ;QAAcC,OAAM;QAAMC,OAAM;;0BACxD,KAACC;gBAAKC,MAAK;gBAAUL,QAAO;gBAAMM,WAAU;gBAAmBJ,OAAM;;0BACrE,KAACK;gBAAKC,GAAE;gBAA4DH,MAAK;;0BACzE,KAACE;gBAAKC,GAAE;gBAAiDH,MAAK;;;OAEjE"}
+{"version":3,"sources":["../../../src/graphics/File/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const File: React.FC = () => (\n  <svg height=\"150\" viewBox=\"0 0 150 150\" width=\"150\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect fill=\"#333333\" height=\"150\" transform=\"translate(0 0.5)\" width=\"150\" />\n    <path d=\"M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z\" fill=\"white\" />\n    <path d=\"M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z\" fill=\"#9A9A9A\" />\n  </svg>\n)\n"],"names":["React","File","svg","height","viewBox","width","xmlns","rect","fill","transform","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB,kBAC5B,MAACC;QAAIC,QAAO;QAAMC,SAAQ;QAAcC,OAAM;QAAMC,OAAM;;0BACxD,KAACC;gBAAKC,MAAK;gBAAUL,QAAO;gBAAMM,WAAU;gBAAmBJ,OAAM;;0BACrE,KAACK;gBAAKC,GAAE;gBAA4DH,MAAK;;0BACzE,KAACE;gBAAKC,GAAE;gBAAiDH,MAAK;;;OAEjE"}

package/dist/graphics/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Icon/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const PayloadIcon: React.FC<{\n  fill?: string\n}> = ({ fill: fillFromProps }) => {\n  const fill = fillFromProps || 'var(--theme-elevation-1000)'\n\n  return (\n    <svg\n      className=\"graphic-icon\"\n      height=\"100%\"\n      viewBox=\"0 0 25 25\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z\"\n        fill={fill}\n      />\n      <path d=\"M10.6559 24.2727V14.0518L2 19.0651L10.6559 24.2727Z\" fill={fill} />\n    </svg>\n  )\n}\n"],"names":["React","PayloadIcon","fill","fillFromProps","svg","className","height","viewBox","width","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,cAER,CAAC,EAAEC,MAAMC,aAAa,EAAE;IAC3B,MAAMD,OAAOC,iBAAiB;IAE9B,qBACE,MAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBACCC,GAAE;gBACFT,MAAMA;;0BAER,KAACQ;gBAAKC,GAAE;gBAAsDT,MAAMA;;;;AAG1E,EAAC"}
+{"version":3,"sources":["../../../src/graphics/Icon/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const PayloadIcon: React.FC<{\n  fill?: string\n}> = ({ fill: fillFromProps }) => {\n  const fill = fillFromProps || 'var(--theme-elevation-1000)'\n\n  return (\n    <svg\n      className=\"graphic-icon\"\n      height=\"100%\"\n      viewBox=\"0 0 25 25\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z\"\n        fill={fill}\n      />\n      <path d=\"M10.6559 24.2727V14.0518L2 19.0651L10.6559 24.2727Z\" fill={fill} />\n    </svg>\n  )\n}\n"],"names":["React","PayloadIcon","fill","fillFromProps","svg","className","height","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,cAER,CAAC,EAAEC,MAAMC,aAAa,EAAE;IAC3B,MAAMD,OAAOC,iBAAiB;IAE9B,qBACE,MAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBACCC,GAAE;gBACFT,MAAMA;;0BAER,KAACQ;gBAAKC,GAAE;gBAAsDT,MAAMA;;;;AAG1E,EAAC"}

package/dist/graphics/Logo/index.d.ts

@@ -1,4 +1,3 @@
-import type { ServerProps } from 'payload/config';
 import React from 'react';
-export declare const Logo: React.FC<ServerProps>;
+export declare const PayloadLogo: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/graphics/Logo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAgCzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoB/B,CAAA"}

package/dist/graphics/Logo/index.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 const css = `
   .graphic-logo path {
     fill: var(--theme-elevation-1000);
   }
 `;
-const PayloadLogo = ()=>/*#__PURE__*/ _jsxs("svg", {
+export const PayloadLogo = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "graphic-logo",
         fill: "none",
         height: "50",
@@ -46,24 +45,5 @@ const PayloadLogo = ()=>/*#__PURE__*/ _jsxs("svg", {
             })
         ]
     });
-export const Logo = (props)=>{
-    const { i18n, locale, params, payload, permissions, searchParams, user } = props;
-    const { admin: { components: { graphics: { Logo: CustomLogo } = {
-        Logo: undefined
-    } } = {} } = {} } = payload.config;
-    return /*#__PURE__*/ _jsx(RenderCustomComponent, {
-        CustomComponent: CustomLogo,
-        DefaultComponent: PayloadLogo,
-        serverOnlyProps: {
-            i18n,
-            locale,
-            params,
-            payload,
-            permissions,
-            searchParams,
-            user
-        }
-    });
-};
 
 //# sourceMappingURL=index.js.map

package/dist/graphics/Logo/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload/config'\n\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\n\nconst css = `\n  .graphic-logo path {\n    fill: var(--theme-elevation-1000);\n  }\n`\n\nconst PayloadLogo: React.FC = () => (\n  <svg\n    className=\"graphic-logo\"\n    fill=\"none\"\n    height=\"50\"\n    viewBox=\"0 0 180 50\"\n    width=\"180\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <style>{css}</style>\n    <path d=\"M65.922 13.8685C71.1075 13.8685 77.0257 14.6014 77.0257 22.2185C77.0257 28.6587 71.8736 30.2243 66.0664 30.2243H62.2689V39.0961H57.2944V13.8685H65.922ZM62.2689 17.7659V26.3602H66.3773C69.4752 26.3602 71.9069 25.594 71.9069 22.2518C71.9069 18.1101 68.7424 17.7659 66.022 17.7659H62.2689Z\" />\n    <path d=\"M84.3209 39.5514C80.7344 39.5514 77.5698 37.4639 77.5698 34.0884C77.5698 29.6358 82.5443 28.3145 89.8949 27.4706V27.1264C89.8949 24.2394 88.3626 23.2623 86.3084 23.2623C84.2542 23.2623 82.7219 24.2394 82.622 26.2936H78.1361C78.4803 22.6072 81.7226 19.8867 86.4861 19.8867C91.1163 19.8867 94.7028 21.7633 94.7028 28.1035C94.7028 28.692 94.6362 31.2014 94.6362 32.9114C94.6362 35.865 94.8472 37.5416 95.1914 39.1073H90.7721C90.6278 38.5188 90.4945 37.6083 90.4279 36.7089C89.0844 38.6853 87.1412 39.5514 84.3209 39.5514ZM90.0282 30.5463C84.6651 31.1015 82.511 31.7344 82.511 33.8219C82.511 35.1766 83.588 36.298 85.7532 36.298C88.7512 36.298 90.0393 34.5547 90.0393 31.4901V30.5463H90.0282Z\" />\n    <path d=\"M97.2899 45.1921V41.5057H99.0998C100.699 41.5057 101.432 41.539 102.231 39.5514L102.442 39.0295L95.269 20.3753H100.521L104.763 33.8774L109.115 20.3753H113.99L107.139 38.541C104.951 44.3593 103.974 45.1921 99.3108 45.1921H97.2899Z\" />\n    <path d=\"M120.263 39.1073H115.456V13.8685H120.263V39.1073Z\" />\n    <path d=\"M122.406 29.7801C122.406 23.2067 126.826 19.9645 131.7 19.9645C136.575 19.9645 140.994 23.2067 140.994 29.7801C140.994 36.3535 136.575 39.5625 131.7 39.5625C126.826 39.5514 122.406 36.3535 122.406 29.7801ZM127.281 29.7801C127.281 33.6775 128.913 35.7984 131.7 35.7984C134.487 35.7984 136.119 33.6775 136.119 29.7801C136.119 25.8494 134.487 23.7286 131.7 23.7286C128.913 23.7286 127.281 25.8383 127.281 29.7801Z\" />\n    <path d=\"M149.167 39.5514C145.58 39.5514 142.416 37.4639 142.416 34.0884C142.416 29.6358 147.39 28.3145 154.741 27.4706V27.1264C154.741 24.2394 153.208 23.2623 151.154 23.2623C149.1 23.2623 147.568 24.2394 147.468 26.2936H142.982C143.326 22.6072 146.568 19.8867 151.332 19.8867C155.962 19.8867 159.549 21.7633 159.549 28.1035C159.549 28.692 159.482 31.2014 159.482 32.9114C159.482 35.865 159.693 37.5416 160.037 39.1073H155.618C155.473 38.5188 155.34 37.6083 155.274 36.7089C153.941 38.6853 151.987 39.5514 149.167 39.5514ZM154.874 30.5463C149.511 31.1015 147.357 31.7344 147.357 33.8219C147.357 35.1766 148.434 36.298 150.599 36.298C153.597 36.298 154.885 34.5547 154.885 31.4901V30.5463H154.874Z\" />\n    <path d=\"M175.06 39.1073V36.7422C173.872 38.7964 171.618 39.5625 169.664 39.5625C165.067 39.5625 161.625 35.7317 161.625 29.7468C161.625 23.8619 165 19.9645 169.664 19.9645C172.029 19.9645 174.05 21.0415 175.06 22.7848V13.8796H179.868V39.1073H175.06ZM175.238 29.7357C175.238 25.9716 173.494 23.6398 170.852 23.6398C168.242 23.6398 166.677 26.1159 166.677 29.7691C166.677 33.4222 168.242 35.865 170.852 35.865C173.494 35.865 175.238 33.5665 175.238 29.7357Z\" />\n    <path d=\"M19.1531 0L42.049 13.8019V39.9956L24.8049 50V23.8064L1.89795 10.0155L19.1531 0Z\" />\n    <path d=\"M17.4097 48.5454V28.1035L0.132324 38.1301L17.4097 48.5454Z\" />\n  </svg>\n)\n\nexport const Logo: React.FC<ServerProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  const {\n    admin: {\n      components: {\n        graphics: { Logo: CustomLogo } = {\n          Logo: undefined,\n        },\n      } = {},\n    } = {},\n  } = payload.config\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomLogo}\n      DefaultComponent={PayloadLogo}\n      serverOnlyProps={{\n        i18n,\n        locale,\n        params,\n        payload,\n        permissions,\n        searchParams,\n        user,\n      }}\n    />\n  )\n}\n"],"names":["React","RenderCustomComponent","css","PayloadLogo","svg","className","fill","height","viewBox","width","xmlns","style","path","d","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","CustomComponent","DefaultComponent","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,gDAA+C;AAErF,MAAMC,MAAM,CAAC;;;;AAIb,CAAC;AAED,MAAMC,cAAwB,kBAC5B,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;0BAAOT;;0BACR,KAACU;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;;;AAIZ,OAAO,MAAMC,OAA8B,CAACC;IAC1C,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGP;IAE3E,MAAM,EACJQ,OAAO,EACLC,YAAY,EACVC,UAAU,EAAEX,MAAMY,UAAU,EAAE,GAAG;QAC/BZ,MAAMa;IACR,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,EACP,GAAGR,QAAQS,MAAM;IAElB,qBACE,KAAC3B;QACC4B,iBAAiBH;QACjBI,kBAAkB3B;QAClB4B,iBAAiB;YACff;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/graphics/Logo/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst css = `\n  .graphic-logo path {\n    fill: var(--theme-elevation-1000);\n  }\n`\n\nexport const PayloadLogo: React.FC = () => (\n  <svg\n    className=\"graphic-logo\"\n    fill=\"none\"\n    height=\"50\"\n    viewBox=\"0 0 180 50\"\n    width=\"180\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <style>{css}</style>\n    <path d=\"M65.922 13.8685C71.1075 13.8685 77.0257 14.6014 77.0257 22.2185C77.0257 28.6587 71.8736 30.2243 66.0664 30.2243H62.2689V39.0961H57.2944V13.8685H65.922ZM62.2689 17.7659V26.3602H66.3773C69.4752 26.3602 71.9069 25.594 71.9069 22.2518C71.9069 18.1101 68.7424 17.7659 66.022 17.7659H62.2689Z\" />\n    <path d=\"M84.3209 39.5514C80.7344 39.5514 77.5698 37.4639 77.5698 34.0884C77.5698 29.6358 82.5443 28.3145 89.8949 27.4706V27.1264C89.8949 24.2394 88.3626 23.2623 86.3084 23.2623C84.2542 23.2623 82.7219 24.2394 82.622 26.2936H78.1361C78.4803 22.6072 81.7226 19.8867 86.4861 19.8867C91.1163 19.8867 94.7028 21.7633 94.7028 28.1035C94.7028 28.692 94.6362 31.2014 94.6362 32.9114C94.6362 35.865 94.8472 37.5416 95.1914 39.1073H90.7721C90.6278 38.5188 90.4945 37.6083 90.4279 36.7089C89.0844 38.6853 87.1412 39.5514 84.3209 39.5514ZM90.0282 30.5463C84.6651 31.1015 82.511 31.7344 82.511 33.8219C82.511 35.1766 83.588 36.298 85.7532 36.298C88.7512 36.298 90.0393 34.5547 90.0393 31.4901V30.5463H90.0282Z\" />\n    <path d=\"M97.2899 45.1921V41.5057H99.0998C100.699 41.5057 101.432 41.539 102.231 39.5514L102.442 39.0295L95.269 20.3753H100.521L104.763 33.8774L109.115 20.3753H113.99L107.139 38.541C104.951 44.3593 103.974 45.1921 99.3108 45.1921H97.2899Z\" />\n    <path d=\"M120.263 39.1073H115.456V13.8685H120.263V39.1073Z\" />\n    <path d=\"M122.406 29.7801C122.406 23.2067 126.826 19.9645 131.7 19.9645C136.575 19.9645 140.994 23.2067 140.994 29.7801C140.994 36.3535 136.575 39.5625 131.7 39.5625C126.826 39.5514 122.406 36.3535 122.406 29.7801ZM127.281 29.7801C127.281 33.6775 128.913 35.7984 131.7 35.7984C134.487 35.7984 136.119 33.6775 136.119 29.7801C136.119 25.8494 134.487 23.7286 131.7 23.7286C128.913 23.7286 127.281 25.8383 127.281 29.7801Z\" />\n    <path d=\"M149.167 39.5514C145.58 39.5514 142.416 37.4639 142.416 34.0884C142.416 29.6358 147.39 28.3145 154.741 27.4706V27.1264C154.741 24.2394 153.208 23.2623 151.154 23.2623C149.1 23.2623 147.568 24.2394 147.468 26.2936H142.982C143.326 22.6072 146.568 19.8867 151.332 19.8867C155.962 19.8867 159.549 21.7633 159.549 28.1035C159.549 28.692 159.482 31.2014 159.482 32.9114C159.482 35.865 159.693 37.5416 160.037 39.1073H155.618C155.473 38.5188 155.34 37.6083 155.274 36.7089C153.941 38.6853 151.987 39.5514 149.167 39.5514ZM154.874 30.5463C149.511 31.1015 147.357 31.7344 147.357 33.8219C147.357 35.1766 148.434 36.298 150.599 36.298C153.597 36.298 154.885 34.5547 154.885 31.4901V30.5463H154.874Z\" />\n    <path d=\"M175.06 39.1073V36.7422C173.872 38.7964 171.618 39.5625 169.664 39.5625C165.067 39.5625 161.625 35.7317 161.625 29.7468C161.625 23.8619 165 19.9645 169.664 19.9645C172.029 19.9645 174.05 21.0415 175.06 22.7848V13.8796H179.868V39.1073H175.06ZM175.238 29.7357C175.238 25.9716 173.494 23.6398 170.852 23.6398C168.242 23.6398 166.677 26.1159 166.677 29.7691C166.677 33.4222 168.242 35.865 170.852 35.865C173.494 35.865 175.238 33.5665 175.238 29.7357Z\" />\n    <path d=\"M19.1531 0L42.049 13.8019V39.9956L24.8049 50V23.8064L1.89795 10.0155L19.1531 0Z\" />\n    <path d=\"M17.4097 48.5454V28.1035L0.132324 38.1301L17.4097 48.5454Z\" />\n  </svg>\n)\n"],"names":["React","css","PayloadLogo","svg","className","fill","height","viewBox","width","xmlns","style","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,MAAM,CAAC;;;;AAIb,CAAC;AAED,OAAO,MAAMC,cAAwB,kBACnC,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;0BAAOT;;0BACR,KAACU;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;0BACR,KAACD;gBAAKC,GAAE;;;OAEX"}

package/dist/hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useEffect, useState } from 'react'\n\nexport function useDebounce<T = unknown>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"names":["useEffect","useState","useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,YAAyBC,KAAQ,EAAEC,KAAa;IAC9D,wCAAwC;IACxC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGL,SAASE;IAErDH,UAAU;QACR,MAAMO,UAAUC,WAAW;YACzBF,kBAAkBH;QACpB,GAAGC;QAEH,OAAO;YACLK,aAAaF;QACf;IACF,GAAG;QAACJ;QAAOC;KAAM;IAEjB,OAAOC;AACT"}
+{"version":3,"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useEffect, useState } from 'react'\n\nexport function useDebounce<T = unknown>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"names":["useEffect","useState","useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,YAAyBC,KAAQ,EAAEC,KAAa;IAC9D,wCAAwC;IACxC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGL,SAASE;IAErDH,UAAU;QACR,MAAMO,UAAUC,WAAW;YACzBF,kBAAkBH;QACpB,GAAGC;QAEH,OAAO;YACLK,aAAaF;QACf;IACF,GAAG;QAACJ;QAAOC;KAAM;IAEjB,OAAOC;AACT"}

package/dist/hooks/useDebouncedCallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebouncedCallback.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\n/**\n * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period\n * @param func The function to be called\n * @param wait Wait period after function hasn't been called for\n * @returns A memoized function that is debounced\n */\nexport const useDebouncedCallback = (func, wait) => {\n  // Use a ref to store the timeout between renders\n  // and prevent changes to it from causing re-renders\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  return useCallback(\n    (...args) => {\n      const later = () => {\n        clearTimeout(timeout.current)\n        func(...args)\n      }\n\n      clearTimeout(timeout.current)\n      timeout.current = setTimeout(later, wait)\n    },\n    [func, wait],\n  )\n}\n"],"names":["useCallback","useRef","useDebouncedCallback","func","wait","timeout","undefined","args","later","clearTimeout","current","setTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAE3C;;;;;CAKC,GACD,OAAO,MAAMC,uBAAuB,CAACC,MAAMC;IACzC,iDAAiD;IACjD,oDAAoD;IACpD,MAAMC,UAAUJ,OAAsCK;IAEtD,OAAON,YACL,CAAC,GAAGO;QACF,MAAMC,QAAQ;YACZC,aAAaJ,QAAQK,OAAO;YAC5BP,QAAQI;QACV;QAEAE,aAAaJ,QAAQK,OAAO;QAC5BL,QAAQK,OAAO,GAAGC,WAAWH,OAAOJ;IACtC,GACA;QAACD;QAAMC;KAAK;AAEhB,EAAC"}
+{"version":3,"sources":["../../src/hooks/useDebouncedCallback.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\n/**\n * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period\n * @param func The function to be called\n * @param wait Wait period after function hasn't been called for\n * @returns A memoized function that is debounced\n */\nexport const useDebouncedCallback = (func, wait) => {\n  // Use a ref to store the timeout between renders\n  // and prevent changes to it from causing re-renders\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  return useCallback(\n    (...args) => {\n      const later = () => {\n        clearTimeout(timeout.current)\n        func(...args)\n      }\n\n      clearTimeout(timeout.current)\n      timeout.current = setTimeout(later, wait)\n    },\n    [func, wait],\n  )\n}\n"],"names":["useCallback","useRef","useDebouncedCallback","func","wait","timeout","undefined","args","later","clearTimeout","current","setTimeout"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAE3C;;;;;CAKC,GACD,OAAO,MAAMC,uBAAuB,CAACC,MAAMC;IACzC,iDAAiD;IACjD,oDAAoD;IACpD,MAAMC,UAAUJ,OAAsCK;IAEtD,OAAON,YACL,CAAC,GAAGO;QACF,MAAMC,QAAQ;YACZC,aAAaJ,QAAQK,OAAO;YAC5BP,QAAQI;QACV;QAEAE,aAAaJ,QAAQK,OAAO;QAC5BL,QAAQK,OAAO,GAAGC,WAAWH,OAAOJ;IACtC,GACA;QAACD;QAAMC;KAAK;AAEhB,EAAC"}

package/dist/hooks/useDebouncedEffect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["import type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, delay: number, deps: DependencyList): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"names":["useEffect","useState","useDebouncedEffect","effect","delay","deps","debouncedEffect","setDebouncedEffect","handler","setTimeout","clearTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,mBAAmBC,MAAkB,EAAEC,KAAa,EAAEC,IAAoB;IACxF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGN,SAAqB,IAAME;IAEzEH,UAAU;QACR,MAAMQ,UAAUC,WAAW;YACzBF,mBAAmB,IAAMJ;QAC3B,GAAGC;QAEH,OAAO;YACLM,aAAaF;QACf;IACF,GAAG;WAAIH;QAAMD;KAAM;IAEnBJ,UAAU;QACRM;IACF,GAAG;QAACA;KAAgB;AACtB"}
+{"version":3,"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["import type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, delay: number, deps: DependencyList): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"names":["useEffect","useState","useDebouncedEffect","effect","delay","deps","debouncedEffect","setDebouncedEffect","handler","setTimeout","clearTimeout"],"mappings":"AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,mBAAmBC,MAAkB,EAAEC,KAAa,EAAEC,IAAoB;IACxF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGN,SAAqB,IAAME;IAEzEH,UAAU;QACR,MAAMQ,UAAUC,WAAW;YACzBF,mBAAmB,IAAMJ;QAC3B,GAAGC;QAEH,OAAO;YACLM,aAAaF;QACf;IACF,GAAG;WAAIH;QAAMD;KAAM;IAEnBJ,UAAU;QACRM;IACF,GAAG;QAACA;KAAgB;AACtB"}

package/dist/hooks/useDelay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,UAAW,MAAM,qCAuBrC,CAAA"}
+{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,UAAW,MAAM,+BAA2B,MAuBhE,CAAA"}

package/dist/hooks/useDelay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["import * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"names":["React","useDelay","delay","triggerOnMount","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","undefined","triggerDelay","useCallback","clearTimeout","current","setTimeout","useEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAO;AAG9B,OAAO,MAAMC,WAAW,CAACC,OAAeC,iBAAiB,KAAK;IAC5D,MAAM,CAACC,YAAYC,cAAc,GAAGL,MAAMM,QAAQ,CAAC;IACnD,MAAMC,oBAAoBP,MAAMQ,MAAM,CAAiBC;IAEvD,MAAMC,eAAeV,MAAMW,WAAW,CAAC;QACrCN,cAAc;QACdO,aAAaL,kBAAkBM,OAAO;QACtCN,kBAAkBM,OAAO,GAAGC,WAAW;YACrCT,cAAc;QAChB,GAAGH;QAEH,OAAO;YACLU,aAAaL,kBAAkBM,OAAO;QACxC;IACF,GAAG;QAACX;KAAM;IAEVF,MAAMe,SAAS,CAAC;QACd,IAAIZ,gBAAgB;YAClBO;QACF;IACF,GAAG;QAACA;QAAcP;KAAe;IAEjC,OAAO;QAACC;QAAYM;KAAa;AACnC,EAAC"}
+{"version":3,"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["import * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"names":["React","useDelay","delay","triggerOnMount","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","undefined","triggerDelay","useCallback","clearTimeout","current","setTimeout","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAO;AAG9B,OAAO,MAAMC,WAAW,CAACC,OAAeC,iBAAiB,KAAK;IAC5D,MAAM,CAACC,YAAYC,cAAc,GAAGL,MAAMM,QAAQ,CAAC;IACnD,MAAMC,oBAAoBP,MAAMQ,MAAM,CAAiBC;IAEvD,MAAMC,eAAeV,MAAMW,WAAW,CAAC;QACrCN,cAAc;QACdO,aAAaL,kBAAkBM,OAAO;QACtCN,kBAAkBM,OAAO,GAAGC,WAAW;YACrCT,cAAc;QAChB,GAAGH;QAEH,OAAO;YACLU,aAAaL,kBAAkBM,OAAO;QACxC;IACF,GAAG;QAACX;KAAM;IAEVF,MAAMe,SAAS,CAAC;QACd,IAAIZ,gBAAgB;YAClBO;QACF;IACF,GAAG;QAACA;QAAcP;KAAe;IAEjC,OAAO;QAACC;QAAYM;KAAa;AACnC,EAAC"}

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.MutableRefObject<NodeJS.Timeout | undefined> =\n    React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBACJlB,MAAMiB,MAAM,CAACE;IAEf,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}
+{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.MutableRefObject<NodeJS.Timeout | undefined> =\n    React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBACJlB,MAAMiB,MAAM,CAACE;IAEf,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}

package/dist/hooks/useHotkey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAiEF,CAAA"}
+{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IA+DF,CAAA"}

package/dist/hooks/useHotkey.js

@@ -1,6 +1,6 @@
 'use client';
-/* eslint-disable no-shadow */ import * as facelessUIImport from '@faceless-ui/modal';
-import { setsAreEqual } from 'payload/utilities';
+import { useModal } from '@faceless-ui/modal';
+import { setsAreEqual } from 'payload/shared';
 import { useCallback, useEffect } from 'react';
 // Required to be outside of hook, else debounce would be necessary
 // and then one could not prevent the default behaviour.
@@ -53,7 +53,6 @@ const removeFromKeys = (code)=>{
  * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers
  * @param func The callback function
  */ export const useHotkey = (options, func)=>{
-    const { useModal } = facelessUIImport;
     const { cmdCtrlKey, editDepth, keyCodes } = options;
     const { modalState } = useModal();
     const keydown = useCallback((event)=>{
@@ -82,7 +81,7 @@ const removeFromKeys = (code)=>{
         // Check whether arrays contain the same values (regardless of number of occurrences)
         if (setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) && (!cmdCtrlKey || hasCmd && pressedKeys.has('meta') || !hasCmd && e.ctrlKey)) {
             // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.
-            const maxEditDepth = (Object.keys(modalState).filter((key)=>modalState[key]?.isOpen)?.length + 1) ?? 1;
+            const maxEditDepth = Object.keys(modalState).filter((key)=>modalState[key]?.isOpen)?.length + 1 || 1;
             if (maxEditDepth !== editDepth) {
                 // We only want to execute the hotkey from the most top-level drawer / edit depth.
                 return;