@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

package/dist/fields/ConfirmPassword/index.scss

@@ -0,0 +1,29 @@
+@import '../../scss/styles.scss';
+
+.field-type.confirm-password {
+  position: relative;
+
+  input {
+    @include formInput;
+  }
+}
+
+html[data-theme='light'] {
+  .field-type.field-type.confirm-password {
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .field-type.field-type.confirm-password {
+    &.error {
+      input {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/fields/DateTime/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.scss';
+import type { DateField, FieldBase } from 'payload/types';
+import type { FormFieldBase } from '../shared/index.js';
+export type DateFieldProps = FormFieldBase & {
+    date?: DateField['admin']['date'];
+    label?: FieldBase['label'];
+    name?: string;
+    path?: string;
+    placeholder?: DateField['admin']['placeholder'] | string;
+    width?: string;
+};
+export declare const DateTime: React.FC<DateFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/DateTime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateTime/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAIvD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,GAAG,MAAM,CAAA;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAkFD,eAAO,MAAM,QAAQ,0BAA+B,CAAA"}

package/dist/fields/DateTime/index.js

@@ -0,0 +1,66 @@
+/* eslint-disable react/destructuring-assignment */ 'use client';
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback } from 'react';
+import { DatePickerField } from '../../elements/DatePicker/index.js';
+import { FieldLabel } from '../../forms/FieldLabel/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+const baseClass = 'date-time-field';
+import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
+import { FieldError } from '@payloadcms/ui/forms/FieldError';
+import { withCondition } from '../../forms/withCondition/index.js';
+const DateTimeField = (props)=>{
+    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, date: datePickerProps, descriptionProps, errorProps, labelProps, path: pathFromProps, placeholder, readOnly, required, style, validate, width } = props;
+    const { i18n } = useTranslation();
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { path, setValue, showError, value } = useField({
+        path: pathFromProps || name,
+        validate: memoizedValidate
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            className,
+            showError && `${baseClass}--has-error`,
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        style: {
+            ...style,
+            width
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__error-wrap`
+    }, /*#__PURE__*/ React.createElement(FieldError, {
+        CustomError: CustomError,
+        ...errorProps || {}
+    })), /*#__PURE__*/ React.createElement(FieldLabel, {
+        CustomLabel: CustomLabel,
+        ...labelProps || {}
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__input-wrapper`,
+        id: `field-${path.replace(/\./g, '__')}`
+    }, BeforeInput, /*#__PURE__*/ React.createElement(DatePickerField, {
+        ...datePickerProps,
+        onChange: (incomingDate)=>{
+            if (!readOnly) setValue(incomingDate?.toISOString() || null);
+        },
+        placeholder: getTranslation(placeholder, i18n),
+        readOnly: readOnly,
+        value: value
+    }), AfterInput), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+};
+export const DateTime = withCondition(DateTimeField);
+
+//# sourceMappingURL=index.js.map

package/dist/fields/DateTime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-field'\n\nimport type { DateField, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type DateFieldProps = FormFieldBase & {\n  date?: DateField['admin']['date']\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: DateField['admin']['placeholder'] | string\n  width?: string\n}\n\nconst DateTimeField: React.FC<DateFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    date: datePickerProps,\n    descriptionProps,\n    errorProps,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path, setValue, showError, value } = useField<Date>({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__error-wrap`}>\n        <FieldError CustomError={CustomError} {...(errorProps || {})} />\n      </div>\n      <FieldLabel CustomLabel={CustomLabel} {...(labelProps || {})} />\n      <div className={`${baseClass}__input-wrapper`} id={`field-${path.replace(/\\./g, '__')}`}>\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) setValue(incomingDate?.toISOString() || null)\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const DateTime = withCondition(DateTimeField)\n"],"names":["getTranslation","React","useCallback","DatePickerField","FieldLabel","useField","useTranslation","fieldBaseClass","baseClass","FieldDescription","FieldError","withCondition","DateTimeField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","date","datePickerProps","descriptionProps","errorProps","labelProps","path","pathFromProps","placeholder","readOnly","required","style","validate","width","i18n","memoizedValidate","value","options","setValue","showError","div","filter","Boolean","join","id","replace","onChange","incomingDate","toISOString","undefined","DateTime"],"mappings":"AAAA,iDAAiD,GACjD;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAI5D,SAASC,aAAa,QAAQ,qCAAoC;AAWlE,MAAMC,gBAA0C,CAACC;IAC/C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,MAAMC,eAAe,EACrBC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGpB;IAEJ,MAAM,EAAEqB,IAAI,EAAE,GAAG5B;IAEjB,MAAM6B,mBAAmCjC,YACvC,CAACkC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,IAAI,EAAEY,QAAQ,EAAEC,SAAS,EAAEH,KAAK,EAAE,GAAG/B,SAAe;QAC1DqB,MAAMC,iBAAiBb;QACvBkB,UAAUG;IACZ;IAEA,qBACE,oBAACK;QACCpB,WAAW;YACTb;YACAC;YACAY;YACAmB,aAAa,CAAC,EAAE/B,UAAU,WAAW,CAAC;YACtCqB,YAAY;SACb,CACEY,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACO;QAAIpB,WAAW,CAAC,EAAEZ,UAAU,YAAY,CAAC;qBACxC,oBAACE;QAAWQ,aAAaA;QAAc,GAAIM,cAAc,CAAC,CAAC;uBAE7D,oBAACpB;QAAWe,aAAaA;QAAc,GAAIM,cAAc,CAAC,CAAC;sBAC3D,oBAACe;QAAIpB,WAAW,CAAC,EAAEZ,UAAU,eAAe,CAAC;QAAEoC,IAAI,CAAC,MAAM,EAAElB,KAAKmB,OAAO,CAAC,OAAO,MAAM,CAAC;OACpF7B,2BACD,oBAACb;QACE,GAAGmB,eAAe;QACnBwB,UAAU,CAACC;YACT,IAAI,CAAClB,UAAUS,SAASS,cAAcC,iBAAiB;QACzD;QACApB,aAAa5B,eAAe4B,aAAaM;QACzCL,UAAUA;QACVO,OAAOA;QAERrB,aAEFE,sBAAsBgC,YACrBhC,kCAEA,oBAACR,kBAAsBc,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAM2B,WAAWvC,cAAcC,eAAc"}

package/dist/fields/DateTime/index.scss

@@ -0,0 +1,27 @@
+@import '../../scss/styles.scss';
+
+.date-time-field {
+  &__error-wrap {
+    position: relative;
+  }
+}
+
+html[data-theme='light'] {
+  .date-time-field {
+    &--has-error {
+      .react-datepicker__input-container input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .date-time-field {
+    &--has-error {
+      .react-datepicker__input-container input {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/fields/Email/index.d.ts

@@ -0,0 +1,14 @@
+import type { EmailField as EmailFieldType, FieldBase } from 'payload/types';
+import React from 'react';
+import type { FormFieldBase } from '../shared/index.js';
+import './index.scss';
+export type EmailFieldProps = FormFieldBase & {
+    autoComplete?: string;
+    label?: FieldBase['label'];
+    name?: string;
+    path?: string;
+    placeholder?: EmailFieldType['admin']['placeholder'];
+    width?: string;
+};
+export declare const Email: React.FC<EmailFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Email/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM5E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMvD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AA2ED,eAAO,MAAM,KAAK,2BAA4B,CAAA"}

package/dist/fields/Email/index.js

@@ -0,0 +1,60 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
+import { FieldError } from '@payloadcms/ui/forms/FieldError';
+import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
+import React, { useCallback } from 'react';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+const EmailField = (props)=>{
+    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, autoComplete, className, descriptionProps, errorProps, labelProps, path: pathFromProps, placeholder, readOnly, required, style, validate, width } = props;
+    const { i18n } = useTranslation();
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { path, setValue, showError, value } = useField({
+        path: pathFromProps || name,
+        validate: memoizedValidate
+    });
+    return /*#__PURE__*/ React.createElement("div", {
+        className: [
+            fieldBaseClass,
+            'email',
+            className,
+            showError && 'error',
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        style: {
+            ...style,
+            width
+        }
+    }, /*#__PURE__*/ React.createElement(FieldError, {
+        CustomError: CustomError,
+        ...errorProps || {}
+    }), /*#__PURE__*/ React.createElement(FieldLabel, {
+        CustomLabel: CustomLabel,
+        ...labelProps || {}
+    }), /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement("input", {
+        autoComplete: autoComplete,
+        disabled: Boolean(readOnly),
+        id: `field-${path.replace(/\./g, '__')}`,
+        name: path,
+        onChange: setValue,
+        placeholder: getTranslation(placeholder, i18n),
+        type: "email",
+        value: value || ''
+    }), AfterInput), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+};
+export const Email = withCondition(EmailField);
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\nimport type { EmailField as EmailFieldType, FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type EmailFieldProps = FormFieldBase & {\n  autoComplete?: string\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: EmailFieldType['admin']['placeholder']\n  width?: string\n}\n\nconst EmailField: React.FC<EmailFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    autoComplete,\n    className,\n    descriptionProps,\n    errorProps,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path, setValue, showError, value } = useField({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} {...(errorProps || {})} />\n      <FieldLabel CustomLabel={CustomLabel} {...(labelProps || {})} />\n      <div>\n        {BeforeInput}\n        <input\n          autoComplete={autoComplete}\n          disabled={Boolean(readOnly)}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Email = withCondition(EmailField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","EmailField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","autoComplete","className","descriptionProps","errorProps","labelProps","path","pathFromProps","placeholder","readOnly","required","style","validate","width","i18n","memoizedValidate","value","options","setValue","showError","div","filter","Boolean","join","input","disabled","id","replace","onChange","type","undefined","Email"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,aAAwC,CAACC;IAC7C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGnB;IAEJ,MAAM,EAAEoB,IAAI,EAAE,GAAGvB;IAEjB,MAAMwB,mBAAmC3B,YACvC,CAAC4B,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,IAAI,EAAEY,QAAQ,EAAEC,SAAS,EAAEH,KAAK,EAAE,GAAG3B,SAAS;QACpDiB,MAAMC,iBAAiBZ;QACvBiB,UAAUG;IACZ;IAEA,qBACE,oBAACK;QACClB,WAAW;YAACV;YAAgB;YAASU;YAAWiB,aAAa;YAASV,YAAY;SAAY,CAC3FY,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAAC5B;QAAWc,aAAaA;QAAc,GAAIK,cAAc,CAAC,CAAC;sBAC3D,oBAAClB;QAAWc,aAAaA;QAAc,GAAIK,cAAc,CAAC,CAAC;sBAC3D,oBAACe,aACEvB,2BACD,oBAAC2B;QACCvB,cAAcA;QACdwB,UAAUH,QAAQb;QAClBiB,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxChC,MAAMW;QACNsB,UAAUV;QACVV,aAAazB,eAAeyB,aAAaM;QACzCe,MAAK;QACLb,OAAO,AAACA,SAAoB;QAE7BpB,aAEFE,sBAAsBgC,YACrBhC,kCAEA,oBAACd,kBAAsBmB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAM4B,QAAQzC,cAAcG,YAAW"}

package/dist/fields/Email/index.scss

@@ -0,0 +1,35 @@
+@import '../../scss/styles.scss';
+
+.field-type.email {
+  position: relative;
+
+  input {
+    @include formInput;
+  }
+
+  &.error {
+    input {
+      background-color: var(--theme-error-200);
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .field-type.email {
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .field-type.email {
+    &.error {
+      input {
+        @include darkInputError;
+      }
+    }
+  }
+}

package/dist/fields/Group/index.d.ts

@@ -0,0 +1,20 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { FieldBase } from 'payload/types';
+import React from 'react';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { FormFieldBase } from '../shared/index.js';
+import './index.scss';
+import { GroupProvider, useGroup } from './provider.js';
+export type GroupFieldProps = FormFieldBase & {
+    fieldMap: FieldMap;
+    forceRender?: boolean;
+    hideGutter?: boolean;
+    indexPath: string;
+    label?: FieldBase['label'];
+    name?: string;
+    permissions: FieldPermissions;
+    width?: string;
+};
+export { GroupProvider, useGroup };
+export declare const Group: React.FC<GroupFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAYvD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAsFD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,KAAK,2BAA4B,CAAA"}

package/dist/fields/Group/index.js

@@ -0,0 +1,72 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
+import React, { Fragment } from 'react';
+import { useCollapsible } from '../../elements/Collapsible/provider.js';
+import { ErrorPill } from '../../elements/ErrorPill/index.js';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderFields } from '../../forms/RenderFields/index.js';
+import { WatchChildErrors } from '../../forms/WatchChildErrors/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useRow } from '../Row/provider.js';
+import { useTabs } from '../Tabs/provider.js';
+import { fieldBaseClass } from '../shared/index.js';
+import { GroupProvider, useGroup } from './provider.js';
+const baseClass = 'group-field';
+const GroupField = (props)=>{
+    const { CustomDescription, CustomLabel, className, descriptionProps, fieldMap, hideGutter, labelProps, style, width } = props;
+    const { path, permissions, readOnly, schemaPath } = useFieldProps();
+    const { i18n } = useTranslation();
+    const isWithinCollapsible = useCollapsible();
+    const isWithinGroup = useGroup();
+    const isWithinRow = useRow();
+    const isWithinTab = useTabs();
+    const [errorCount, setErrorCount] = React.useState(undefined);
+    const fieldHasErrors = errorCount > 0;
+    const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
+    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(WatchChildErrors, {
+        fieldMap: fieldMap,
+        path: path,
+        setErrorCount: setErrorCount
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            isTopLevel && `${baseClass}--top-level`,
+            isWithinCollapsible && `${baseClass}--within-collapsible`,
+            isWithinGroup && `${baseClass}--within-group`,
+            isWithinRow && `${baseClass}--within-row`,
+            isWithinTab && `${baseClass}--within-tab`,
+            !hideGutter && isWithinGroup && `${baseClass}--gutter`,
+            fieldHasErrors && `${baseClass}--has-error`,
+            className
+        ].filter(Boolean).join(' '),
+        id: `field-${path?.replace(/\./g, '__')}`,
+        style: {
+            ...style,
+            width
+        }
+    }, /*#__PURE__*/ React.createElement(GroupProvider, null, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__header`
+    }, (CustomLabel || CustomDescription || labelProps?.label) && /*#__PURE__*/ React.createElement("header", null, CustomLabel !== undefined ? CustomLabel : labelProps?.label ? /*#__PURE__*/ React.createElement("h3", {
+        className: `${baseClass}__title`
+    }, getTranslation(labelProps.label, i18n)) : null, CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {})), fieldHasErrors && /*#__PURE__*/ React.createElement(ErrorPill, {
+        count: errorCount,
+        i18n: i18n,
+        withMessage: true
+    })), /*#__PURE__*/ React.createElement(RenderFields, {
+        fieldMap: fieldMap,
+        margins: "small",
+        path: path,
+        permissions: permissions?.fields,
+        readOnly: readOnly,
+        schemaPath: schemaPath
+    })))));
+};
+export { GroupProvider, useGroup };
+export const Group = withCondition(GroupField);
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport React, { Fragment } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport type GroupFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hideGutter?: boolean\n  indexPath: string\n  label?: FieldBase['label']\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst GroupField: React.FC<GroupFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    hideGutter,\n    labelProps,\n    style,\n    width,\n  } = props\n\n  const { path, permissions, readOnly, schemaPath } = useFieldProps()\n  const { i18n } = useTranslation()\n  const isWithinCollapsible = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const [errorCount, setErrorCount] = React.useState(undefined)\n  const fieldHasErrors = errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <Fragment>\n      <WatchChildErrors fieldMap={fieldMap} path={path} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          isTopLevel && `${baseClass}--top-level`,\n          isWithinCollapsible && `${baseClass}--within-collapsible`,\n          isWithinGroup && `${baseClass}--within-group`,\n          isWithinRow && `${baseClass}--within-row`,\n          isWithinTab && `${baseClass}--within-tab`,\n          !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n          fieldHasErrors && `${baseClass}--has-error`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${path?.replace(/\\./g, '__')}`}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <GroupProvider>\n          <div className={`${baseClass}__wrap`}>\n            <div className={`${baseClass}__header`}>\n              {(CustomLabel || CustomDescription || labelProps?.label) && (\n                <header>\n                  {CustomLabel !== undefined ? (\n                    CustomLabel\n                  ) : labelProps?.label ? (\n                    <h3 className={`${baseClass}__title`}>\n                      {getTranslation(labelProps.label, i18n)}\n                    </h3>\n                  ) : null}\n                  {CustomDescription !== undefined ? (\n                    CustomDescription\n                  ) : (\n                    <FieldDescription {...(descriptionProps || {})} />\n                  )}\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n            <RenderFields\n              fieldMap={fieldMap}\n              margins=\"small\"\n              path={path}\n              permissions={permissions?.fields}\n              readOnly={readOnly}\n              schemaPath={schemaPath}\n            />\n          </div>\n        </GroupProvider>\n      </div>\n    </Fragment>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const Group = withCondition(GroupField)\n"],"names":["getTranslation","FieldDescription","React","Fragment","useCollapsible","ErrorPill","useFieldProps","RenderFields","WatchChildErrors","withCondition","useTranslation","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","hideGutter","labelProps","style","width","path","permissions","readOnly","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorCount","setErrorCount","useState","undefined","fieldHasErrors","isTopLevel","div","filter","Boolean","join","id","replace","label","header","h3","count","withMessage","margins","fields","Group"],"mappings":"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"}

package/dist/fields/Group/index.scss

@@ -0,0 +1,145 @@
+@import '../../scss/styles.scss';
+
+.group-field {
+  margin-left: calc(var(--gutter-h) * -1);
+  margin-right: calc(var(--gutter-h) * -1);
+  border-bottom: 1px solid var(--theme-elevation-100);
+  border-top: 1px solid var(--theme-elevation-100);
+
+  &--top-level {
+    padding: base(2) var(--gutter-h);
+
+    &:first-child {
+      padding-top: 0;
+      border-top: 0;
+    }
+  }
+
+  &--within-collapsible {
+    margin-left: calc(var(--base) * -1);
+    margin-right: calc(var(--base) * -1);
+    padding: var(--base);
+
+    &:first-child {
+      border-top: 0;
+      padding-top: 0;
+      margin-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+      border-bottom: 0;
+    }
+  }
+
+  &--within-group {
+    margin-left: 0;
+    margin-right: 0;
+    padding: 0;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  &--within-row {
+    margin: 0;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  &--within-tab:first-child {
+    margin-top: 0;
+    border-top: 0;
+    padding-top: 0;
+  }
+
+  &--within-tab:last-child {
+    margin-bottom: 0;
+    border-bottom: 0;
+    padding-bottom: 0;
+  }
+
+  &--gutter {
+    border-left: 1px solid var(--theme-elevation-100);
+    padding: 0 0 0 $baseline;
+  }
+
+  &__header {
+    margin-bottom: calc(var(--base) / 2);
+    display: flex;
+    align-items: center;
+    gap: base(0.5);
+
+    > header {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
+  }
+
+  &__title {
+    margin-bottom: 0;
+  }
+
+  @include small-break {
+    &--top-level {
+      padding: var(--base) var(--gutter-h);
+
+      &:first-child {
+        padding-top: 0;
+        border-top: 0;
+      }
+    }
+
+    &__header {
+      margin-bottom: calc(var(--base) / 2);
+    }
+
+    &--within-collapsible {
+      margin-left: calc(var(--gutter-h) * -1);
+      margin-right: calc(var(--gutter-h) * -1);
+    }
+
+    &--within-group {
+      padding: 0;
+    }
+
+    &--gutter {
+      padding-left: var(--gutter-h);
+    }
+  }
+}
+
+.group-field + .group-field {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.group-field--within-row + .group-field--within-row {
+  margin-top: 0;
+}
+
+.group-field--within-tab + .group-field--within-row {
+  padding-top: 0;
+}
+
+html[data-theme='light'] {
+  .group-field {
+    &--has-error {
+      color: var(--theme-error-750);
+      &:after {
+        background: var(--theme-error-500);
+      }
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .group-field {
+    &--has-error {
+      color: var(--theme-error-500);
+      &:after {
+        background: var(--theme-error-500);
+      }
+    }
+  }
+}

package/dist/fields/Group/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const GroupContext: React.Context<boolean>;
+export declare const GroupProvider: React.FC<{
+    children?: React.ReactNode;
+    withinGroup?: boolean;
+}>;
+export declare const useGroup: () => boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/fields/Group/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,eAAO,MAAM,YAAY,wBAAuB,CAAA;AAEhD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAKzF,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,OAAmC,CAAA"}

package/dist/fields/Group/provider.js

@@ -0,0 +1,11 @@
+'use client';
+import React, { createContext, useContext } from 'react';
+export const GroupContext = /*#__PURE__*/ createContext(false);
+export const GroupProvider = ({ children, withinGroup = true })=>{
+    return /*#__PURE__*/ React.createElement(GroupContext.Provider, {
+        value: withinGroup
+    }, children);
+};
+export const useGroup = ()=>useContext(GroupContext);
+
+//# sourceMappingURL=provider.js.map

package/dist/fields/Group/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,oBAACH,aAAaI,QAAQ;QAACC,OAAOF;OAAcD;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}

package/dist/fields/HiddenInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { FormFieldBase } from '../index.js';
+export type HiddenInputFieldProps = FormFieldBase & {
+    disableModifyingForm?: false;
+    name: string;
+    path?: string;
+    value?: unknown;
+};
+export declare const HiddenInput: React.FC<HiddenInputFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/HiddenInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/HiddenInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKhD,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AA8BD,eAAO,MAAM,WAAW,iCAAkC,CAAA"}

package/dist/fields/HiddenInput/index.js

@@ -0,0 +1,32 @@
+'use client';
+import React, { useEffect } from 'react';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+/**
+ * This is mainly used to save a value on the form that is not visible to the user.
+ * For example, this sets the `ìd` property of a block in the Blocks field.
+ */ const HiddenInputField = (props)=>{
+    const { name, disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props;
+    const { path, setValue, value } = useField({
+        path: pathFromProps || name
+    });
+    useEffect(()=>{
+        if (valueFromProps !== undefined) {
+            setValue(valueFromProps, disableModifyingForm);
+        }
+    }, [
+        valueFromProps,
+        setValue,
+        disableModifyingForm
+    ]);
+    return /*#__PURE__*/ React.createElement("input", {
+        id: `field-${path?.replace(/\./g, '__')}`,
+        name: path,
+        onChange: setValue,
+        type: "hidden",
+        value: value || ''
+    });
+};
+export const HiddenInput = withCondition(HiddenInputField);
+
+//# sourceMappingURL=index.js.map

package/dist/fields/HiddenInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/HiddenInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport type { FormFieldBase } from '../index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type HiddenInputFieldProps = FormFieldBase & {\n  disableModifyingForm?: false\n  name: string\n  path?: string\n  value?: unknown\n}\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenInputField: React.FC<HiddenInputFieldProps> = (props) => {\n  const { name, disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { path, setValue, value } = useField({\n    path: pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenInput = withCondition(HiddenInputField)\n"],"names":["React","useEffect","useField","withCondition","HiddenInputField","props","name","disableModifyingForm","path","pathFromProps","value","valueFromProps","setValue","undefined","input","id","replace","onChange","type","HiddenInput"],"mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAIxC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AASlE;;;CAGC,GACD,MAAMC,mBAAoD,CAACC;IACzD,MAAM,EAAEC,IAAI,EAAEC,uBAAuB,IAAI,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGN;IAE1F,MAAM,EAAEG,IAAI,EAAEI,QAAQ,EAAEF,KAAK,EAAE,GAAGR,SAAS;QACzCM,MAAMC,iBAAiBH;IACzB;IAEAL,UAAU;QACR,IAAIU,mBAAmBE,WAAW;YAChCD,SAASD,gBAAgBJ;QAC3B;IACF,GAAG;QAACI;QAAgBC;QAAUL;KAAqB;IAEnD,qBACE,oBAACO;QACCC,IAAI,CAAC,MAAM,EAAEP,MAAMQ,QAAQ,OAAO,MAAM,CAAC;QACzCV,MAAME;QACNS,UAAUL;QACVM,MAAK;QACLR,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMS,cAAchB,cAAcC,kBAAiB"}

package/dist/fields/JSON/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.scss';
+import type { FieldBase, JSONField as JSONFieldType } from 'payload/types';
+import type { FormFieldBase } from '../shared/index.js';
+export type JSONFieldProps = FormFieldBase & {
+    editorOptions?: JSONFieldType['admin']['editorOptions'];
+    label?: FieldBase['label'];
+    name?: string;
+    path?: string;
+    width?: string;
+};
+export declare const JSONField: React.FC<JSONFieldProps>;
+//# sourceMappingURL=index.d.ts.map