@payloadcms/ui 3.62.0-internal.ec3a6fa → 3.62.1

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts

@@ -1,4 +1,6 @@
 import type { DateFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export declare const DateCell: React.FC<DefaultCellComponentProps<DateFieldClient>>;
+export declare const DateCell: React.FC<DefaultCellComponentProps<{
+    accessor?: string;
+} & DateFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAezE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC7B,yBAAyB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,eAAe,CAAC,CA8BnE,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Date/index.js

@@ -1,39 +1,48 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getObjectDotNotation } from 'payload/shared';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js';
-export const DateCell = t0 => {
+export const DateCell = props => {
   const {
     cellData,
-    field: t1
-  } = t0;
+    field: t0,
+    rowData
+  } = props;
   const {
-    admin: t2
-  } = t1;
+    name,
+    accessor,
+    admin: t1,
+    timezone: timezoneFromField
+  } = t0;
   const {
     date
-  } = t2 === undefined ? {} : t2;
+  } = t1 === undefined ? {} : t1;
   const {
-    config: t3
+    config: t2
   } = useConfig();
   const {
-    admin: t4
-  } = t3;
+    admin: t3
+  } = t2;
   const {
     dateFormat: dateFormatFromRoot
-  } = t4;
-  const dateFormat = date?.displayFormat || dateFormatFromRoot;
+  } = t3;
   const {
     i18n
   } = useTranslation();
+  const fieldPath = accessor || name;
+  const timezoneFieldName = `${fieldPath}_tz`;
+  const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
+  const dateFormat = date?.displayFormat || dateFormatFromRoot;
   return _jsx("span", {
-    children: cellData && formatDate({
+    children: Boolean(cellData) && formatDate({
       date: cellData,
       i18n,
-      pattern: dateFormat
+      pattern: dateFormat,
+      timezone
     })
   });
 };

package/dist/elements/Table/DefaultCell/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useConfig","useTranslation","formatDate","DateCell","t0","cellData","field","t1","admin","t2","date","undefined","config","t3","t4","dateFormat","dateFormatFromRoot","displayFormat","i18n","_jsx","children","pattern"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<DateFieldClient>> = ({\n  cellData,\n  field: { admin: { date } = {} },\n}) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAAiEC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAH,EAG9E;EADQ;IAAAI,KAAA,EAAAC;EAAA,IAAAF,EAAwB;EAAf;IAAAG;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAE7B;IAAAG,MAAA,EAAAC;EAAA,IAIIb,SAAA;EAHM;IAAAQ,KAAA,EAAAM;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAI7C,MAAAC,UAAA,GAAmBL,IAAA,EAAAO,aAAA,IAAuBD,kBAAA;EAE1C;IAAAE;EAAA,IAAiBjB,cAAA;EAAA,OAEVkB,IAAA,CAAC;IAAAC,QAAA,EAAMf,QAAA,IAAYH,UAAA;MAAAQ,IAAA,EAAmBL,QAAA;MAAAa,IAAA;MAAAG,OAAA,EAAyBN;IAAA,CAAW;EAAA,C;CACnF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","t0","rowData","name","accessor","admin","t1","timezone","timezoneFromField","date","undefined","config","t2","t3","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","displayFormat","_jsx","children","pattern"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAETC,KAAA;EACF;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAIIJ,KAAA;EAFK;IAAAK,IAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAP,EAAqE;EAA5C;IAAAQ;EAAA,IAAAH,EAAa,KAAAI,SAAA,QAAbJ,EAAa;EAI/C;IAAAK,MAAA,EAAAC;EAAA,IAIIlB,SAAA;EAHM;IAAAW,KAAA,EAAAQ;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAG7C;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,SAAA,GAAkBb,QAAA,IAAYD,IAAA;EAE9B,MAAAe,iBAAA,GAA0B,GAAGD,SAAA,KAAc;EAC3C,MAAAV,QAAA,GACEY,OAAA,CAAQX,iBAAA,KAAsBN,OAAA,GAC1BV,oBAAA,CAAqBU,OAAA,EAASgB,iBAAA,EAAAR,SAAmB,IAAAA,SACjD;EAEN,MAAAI,UAAA,GAAmBL,IAAA,EAAAW,aAAA,IAAuBL,kBAAA;EAAA,OAGxCM,IAAA,CAAC;IAAAC,QAAA,EACEH,OAAA,CAAQpB,QAAA,KAAaH,UAAA;MAAAa,IAAA,EAAmBV,QAAA;MAAAiB,IAAA;MAAAO,OAAA,EAAyBT,UAAA;MAAAP;IAAA,CAAqB;EAAA,C;CAG7F","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/index.d.ts

@@ -3,7 +3,11 @@ export declare const cellComponents: {
     blocks: import("react").FC<import("./Blocks/index.js").BlocksCellProps>;
     checkbox: import("react").FC<import("payload").DefaultCellComponentProps<import("payload").CheckboxFieldClient>>;
     code: import("react").FC<import("./Code/index.js").CodeCellProps>;
-    date: import("react").FC<import("payload").DefaultCellComponentProps<import("payload").DateFieldClient>>;
+    date: import("react").FC<import("payload").DefaultCellComponentProps<{
+        accessor?: string;
+    } & {
+        admin?: import("payload").AdminClient & Pick<import("payload").DateField["admin"], "date" | "placeholder">;
+    } & import("payload").FieldBaseClient & Pick<import("payload").DateField, "timezone" | "type">>>;
     File: import("react").FC<import("./File/index.js").FileCellProps>;
     join: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;
     json: import("react").FC<import("payload").DefaultCellComponentProps<import("payload").JSONFieldClient>>;

package/dist/elements/Table/DefaultCell/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAc1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAc1B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TimezonePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2C1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TimezonePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+C1C,CAAA"}

package/dist/elements/TimezonePicker/index.js

@@ -12,6 +12,7 @@ export const TimezonePicker = props => {
     id,
     onChange: onChangeFromProps,
     options: optionsFromProps,
+    readOnly: readOnlyFromProps,
     required,
     selectedTimezone: selectedTimezoneFromProps
   } = props;
@@ -25,6 +26,7 @@ export const TimezonePicker = props => {
       return value === (selectedTimezoneFromProps || 'UTC');
     });
   }, [options, selectedTimezoneFromProps]);
+  const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
   return /*#__PURE__*/_jsxs("div", {
     className: "timezone-picker-wrapper",
     children: [/*#__PURE__*/_jsx(FieldLabel, {
@@ -34,8 +36,9 @@ export const TimezonePicker = props => {
       unstyled: true
     }), /*#__PURE__*/_jsx(ReactSelect, {
       className: "timezone-picker",
+      disabled: readOnly,
       inputId: id,
-      isClearable: true,
+      isClearable: !required,
       isCreatable: false,
       onChange: val => {
         if (onChangeFromProps) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","_jsxs","className","_jsx","htmlFor","label","unstyled","inputId","isClearable","isCreatable","val"],"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        inputId={id}\n        isClearable={true}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,OAAO,QAAQ;AAIxB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAAmCC,KAAA;EAC9C,MAAM;IACJC,EAAE;IACFC,QAAA,EAAUC,iBAAiB;IAC3BC,OAAA,EAASC,gBAAgB;IACzBC,QAAQ;IACRC,gBAAA,EAAkBC;EAAyB,CAC5C,GAAGR,KAAA;EAEJ,MAAM;IAAES;EAAC,CAAE,GAAGb,cAAA;EAEd,MAAMQ,OAAA,GAAUN,aAAA,CAAcO,gBAAA;EAE9B,MAAME,gBAAA,GAAmBb,OAAA,CAAQ;IAC/B,OAAOU,OAAA,CAAQM,IAAI,CAAED,GAAA;MACnB,MAAME,KAAA,GAAQ,OAAOF,GAAA,KAAM,WAAWA,GAAA,GAAIA,GAAA,CAAEE,KAAK;MACjD,OAAOA,KAAA,MAAWH,yBAAA,IAA6B,KAAI;IACrD;EACF,GAAG,CAACJ,OAAA,EAASI,yBAAA,CAA0B;EAEvC,oBACEI,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAACnB,UAAA;MACCoB,OAAA,EAASd,EAAA;MACTe,KAAA,EAAO,GAAGP,CAAA,CAAE,uBAAuBH,QAAA,GAAW,MAAM,IAAI;MACxDA,QAAA,EAAUA,QAAA;MACVW,QAAQ;qBAEVH,IAAA,CAACjB,WAAA;MACCgB,SAAA,EAAU;MACVK,OAAA,EAASjB,EAAA;MACTkB,WAAA,EAAa;MACbC,WAAA,EAAa;MACblB,QAAA,EAAWmB,GAAA;QACT,IAAIlB,iBAAA,EAAmB;UACrBA,iBAAA,CAAkBkB,GAAA,EAAKV,KAAA,IAAS;QAClC;MACF;MACAP,OAAA,EAASA,OAAA;MACTO,KAAA,EAAOJ;;;AAIf","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","_jsxs","className","_jsx","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,OAAO,QAAQ;AAIxB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAAmCC,KAAA;EAC9C,MAAM;IACJC,EAAE;IACFC,QAAA,EAAUC,iBAAiB;IAC3BC,OAAA,EAASC,gBAAgB;IACzBC,QAAA,EAAUC,iBAAiB;IAC3BC,QAAQ;IACRC,gBAAA,EAAkBC;EAAyB,CAC5C,GAAGV,KAAA;EAEJ,MAAM;IAAEW;EAAC,CAAE,GAAGf,cAAA;EAEd,MAAMQ,OAAA,GAAUN,aAAA,CAAcO,gBAAA;EAE9B,MAAMI,gBAAA,GAAmBf,OAAA,CAAQ;IAC/B,OAAOU,OAAA,CAAQQ,IAAI,CAAED,GAAA;MACnB,MAAME,KAAA,GAAQ,OAAOF,GAAA,KAAM,WAAWA,GAAA,GAAIA,GAAA,CAAEE,KAAK;MACjD,OAAOA,KAAA,MAAWH,yBAAA,IAA6B,KAAI;IACrD;EACF,GAAG,CAACN,OAAA,EAASM,yBAAA,CAA0B;EAEvC,MAAMJ,QAAA,GAAWQ,OAAA,CAAQP,iBAAA,KAAsBH,OAAA,CAAQW,MAAM,KAAK;EAElE,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAACvB,UAAA;MACCwB,OAAA,EAASlB,EAAA;MACTmB,KAAA,EAAO,GAAGT,CAAA,CAAE,uBAAuBH,QAAA,GAAW,MAAM,IAAI;MACxDA,QAAA,EAAUA,QAAA;MACVa,QAAQ;qBAEVH,IAAA,CAACrB,WAAA;MACCoB,SAAA,EAAU;MACVK,QAAA,EAAUhB,QAAA;MACViB,OAAA,EAAStB,EAAA;MACTuB,WAAA,EAAa,CAAChB,QAAA;MACdiB,WAAA,EAAa;MACbvB,QAAA,EAAWwB,GAAA;QACT,IAAIvB,iBAAA,EAAmB;UACrBA,iBAAA,CAAkBuB,GAAA,EAAKb,KAAA,IAAS;QAClC;MACF;MACAT,OAAA,EAASA,OAAA;MACTS,KAAA,EAAOJ;;;AAIf","ignoreList":[]}

package/dist/elements/TimezonePicker/index.scss

@@ -28,6 +28,7 @@
         background: none;
         border: none;
         padding: 0;
+        padding-left: calc(var(--base) * 0.25);
         min-height: auto !important;
         position: relative;
         box-shadow: unset;

package/dist/elements/TimezonePicker/types.d.ts

@@ -2,6 +2,7 @@ import type { SelectFieldClient } from 'payload';
 export type Props = {
     id: string;
     onChange?: (val: string) => void;
+    readOnly?: boolean;
     required?: boolean;
     selectedTimezone?: string;
 } & Pick<SelectFieldClient, 'options'>;

package/dist/elements/TimezonePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/TimezonePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/TimezonePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA"}

package/dist/elements/TimezonePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/TimezonePicker/types.ts"],"sourcesContent":["import type { SelectFieldClient } from 'payload'\n\nexport type Props = {\n  id: string\n  onChange?: (val: string) => void\n  required?: boolean\n  selectedTimezone?: string\n} & Pick<SelectFieldClient, 'options'>\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/TimezonePicker/types.ts"],"sourcesContent":["import type { SelectFieldClient } from 'payload'\n\nexport type Props = {\n  id: string\n  onChange?: (val: string) => void\n  readOnly?: boolean\n  required?: boolean\n  selectedTimezone?: string\n} & Pick<SelectFieldClient, 'options'>\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/exports/client/{CodeEditor-WXQZOS3M.js → CodeEditor-IVFMKS4Z.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{k as a}from"./chunk-PDWTBQPH.js";import"./chunk-5LKBKI4T.js";export{a as default};
-//# sourceMappingURL=CodeEditor-WXQZOS3M.js.map
+import{l as a}from"./chunk-XUCNM5EK.js";import"./chunk-5LKBKI4T.js";export{a as default};
+//# sourceMappingURL=CodeEditor-IVFMKS4Z.js.map

package/dist/exports/client/chunk-XUCNM5EK.js

@@ -0,0 +1,27 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{c as Dr}from"react/compiler-runtime";import{jsx as Ge}from"react/jsx-runtime";function Je(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function de(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function oe(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?de(Object(r),!0).forEach(function(n){Je(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):de(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Qe(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,i;for(i=0;i<n.length;i++)o=n[i],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function pe(t,e){if(t==null)return{};var r=Qe(t,e),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)n=i[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function ge(t,e){return Xe(t)||Ze(t,e)||et(t,e)||tt()}function Xe(t){if(Array.isArray(t))return t}function Ze(t,e){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(t)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=t[Symbol.iterator](),u;!(n=(u=a.next()).done)&&(r.push(u.value),!(e&&r.length===e));n=!0);}catch(c){o=!0,i=c}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function et(t,e){if(t){if(typeof t=="string")return me(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return me(t,e)}}function me(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function tt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function rt(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function he(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function ve(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?he(Object(r),!0).forEach(function(n){rt(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):he(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function nt(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return e.reduceRight(function(o,i){return i(o)},n)}}function z(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(o,u))}}}function K(t){return{}.toString.call(t).includes("Object")}function ot(t){return!Object.keys(t).length}function B(t){return typeof t=="function"}function it(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function at(t,e){return K(e)||D("changeType"),Object.keys(e).some(function(r){return!it(t,r)})&&D("changeField"),e}function ct(t){B(t)||D("selectorType")}function ut(t){B(t)||K(t)||D("handlerType"),K(t)&&Object.values(t).some(function(e){return!B(e)})&&D("handlersType")}function st(t){t||D("initialIsRequired"),K(t)||D("initialType"),ot(t)&&D("initialContent")}function lt(t,e){throw new Error(t[e]||t.default)}var ft={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},D=z(lt)(ft),G={changes:at,selector:ct,handler:ut,initial:st};function dt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};G.initial(t),G.handler(e);var r={current:t},n=z(gt)(r,e),o=z(pt)(r),i=z(G.changes)(t),a=z(mt)(r);function u(){var s=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(l){return l};return G.selector(s),s(r.current)}function c(s){nt(n,o,i,a)(s)}return[u,c]}function mt(t,e){return B(e)?e(t.current):e}function pt(t,e){return t.current=ve(ve({},t.current),e),e}function gt(t,e,r){return B(e)?e(t.current):Object.keys(r).forEach(function(n){var o;return(o=e[n])===null||o===void 0?void 0:o.call(e,t.current[n])}),r}var ht={create:dt},be=ht;var vt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"}},ye=vt;function bt(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(o,u))}}}var we=bt;function yt(t){return{}.toString.call(t).includes("Object")}var Oe=yt;function wt(t){return t||je("configIsRequired"),Oe(t)||je("configType"),t.urls?(Ot(),{paths:{vs:t.urls.monacoBase}}):t}function Ot(){console.warn(Me.deprecation)}function jt(t,e){throw new Error(t[e]||t.default)}var Me={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `},je=we(jt)(Me),Mt={config:wt},Se=Mt;var St=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},xe=St;function Ce(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],Ce(t[r],e[r]))}),oe(oe({},t),e)}var Ee=Ce;var xt={type:"cancelation",msg:"operation is manually canceled"};function Ct(t){var e=!1,r=new Promise(function(n,o){t.then(function(i){return e?o(xt):n(i)}),t.catch(o)});return r.cancel=function(){return e=!0},r}var Y=Ct;var Et=be.create({config:ye,isInitialized:!1,resolve:null,reject:null,monaco:null}),Pe=ge(Et,2),V=Pe[0],J=Pe[1];function Pt(t){var e=Se.config(t),r=e.monaco,n=pe(e,["monaco"]);J(function(o){return{config:Ee(o.config,n),monaco:r}})}function Tt(){var t=V(function(e){var r=e.monaco,n=e.isInitialized,o=e.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!t.isInitialized){if(J({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),Y(ie);if(window.monaco&&window.monaco.editor)return Te(window.monaco),t.resolve(window.monaco),Y(ie);xe(At,It)(Dt)}return Y(ie)}function At(t){return document.body.appendChild(t)}function Rt(t){var e=document.createElement("script");return t&&(e.src=t),e}function It(t){var e=V(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Rt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function Dt(){var t=V(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){Te(r),t.resolve(r)},function(r){t.reject(r)})}function Te(t){V().monaco||J({monaco:t})}function Lt(){return V(function(t){var e=t.monaco;return e})}var ie=new Promise(function(t,e){return J({resolve:t,reject:e})}),_t={config:Pt,init:Tt,__getMonacoInstance:Lt},$=_t;import{memo as $t}from"react";import kt,{useState as Ae,useRef as k,useCallback as Re,useEffect as Ie}from"react";import{memo as Wt}from"react";import ae from"react";import Ht from"react";import{useEffect as Kt}from"react";import{useEffect as Jt,useRef as Qt}from"react";import{useState as wn}from"react";import{memo as nr}from"react";import or,{useState as De,useEffect as Q,useRef as R,useCallback as ir}from"react";import{useEffect as ar,useRef as cr}from"react";var Nt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ce=Nt,zt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Bt=zt;function Vt({children:t}){return Ht.createElement("div",{style:Bt.container},t)}var Ft=Vt,Ut=Ft;function qt({width:t,height:e,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return ae.createElement("section",{style:{...ce.wrapper,width:t,height:e},...a},!r&&ae.createElement(Ut,null,n),ae.createElement("div",{ref:o,style:{...ce.fullWidth,...!r&&ce.hide},className:i}))}var Gt=qt,Le=Wt(Gt);function Yt(t){Kt(t,[])}var _e=Yt;function Xt(t,e,r=!0){let n=Qt(!0);Jt(n.current||!r?()=>{n.current=!1}:t,e)}var S=Xt;function F(){}function W(t,e,r,n){return Zt(t,n)||er(t,e,r,n)}function Zt(t,e){return t.editor.getModel($e(t,e))}function er(t,e,r,n){return t.editor.createModel(e,r,n?$e(t,n):void 0)}function $e(t,e){return t.Uri.parse(e)}function tr({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:c=!1,theme:s="light",loading:l="Loading...",options:d={},height:x="100%",width:w="100%",className:M,wrapperProps:E={},beforeMount:p=F,onMount:C=F}){let[y,L]=Ae(!1),[A,g]=Ae(!0),h=k(null),v=k(null),P=k(null),b=k(C),f=k(p),T=k(!1);_e(()=>{let m=$.init();return m.then(O=>(v.current=O)&&g(!1)).catch(O=>O?.type!=="cancelation"&&console.error("Monaco initialization: error:",O)),()=>h.current?H():m.cancel()}),S(()=>{if(h.current&&v.current){let m=h.current.getOriginalEditor(),O=W(v.current,t||"",n||r||"text",i||"");O!==m.getModel()&&m.setModel(O)}},[i],y),S(()=>{if(h.current&&v.current){let m=h.current.getModifiedEditor(),O=W(v.current,e||"",o||r||"text",a||"");O!==m.getModel()&&m.setModel(O)}},[a],y),S(()=>{let m=h.current.getModifiedEditor();m.getOption(v.current.editor.EditorOption.readOnly)?m.setValue(e||""):e!==m.getValue()&&(m.executeEdits("",[{range:m.getModel().getFullModelRange(),text:e||"",forceMoveMarkers:!0}]),m.pushUndoStop())},[e],y),S(()=>{h.current?.getModel()?.original.setValue(t||"")},[t],y),S(()=>{let{original:m,modified:O}=h.current.getModel();v.current.editor.setModelLanguage(m,n||r||"text"),v.current.editor.setModelLanguage(O,o||r||"text")},[r,n,o],y),S(()=>{v.current?.editor.setTheme(s)},[s],y),S(()=>{h.current?.updateOptions(d)},[d],y);let _=Re(()=>{if(!v.current)return;f.current(v.current);let m=W(v.current,t||"",n||r||"text",i||""),O=W(v.current,e||"",o||r||"text",a||"");h.current?.setModel({original:m,modified:O})},[r,e,o,t,n,i,a]),q=Re(()=>{!T.current&&P.current&&(h.current=v.current.editor.createDiffEditor(P.current,{automaticLayout:!0,...d}),_(),v.current?.editor.setTheme(s),L(!0),T.current=!0)},[d,s,_]);Ie(()=>{y&&b.current(h.current,v.current)},[y]),Ie(()=>{!A&&!y&&q()},[A,y,q]);function H(){let m=h.current?.getModel();u||m?.original?.dispose(),c||m?.modified?.dispose(),h.current?.dispose()}return kt.createElement(Le,{width:w,height:x,isEditorReady:y,loading:l,_ref:P,className:M,wrapperProps:E})}var rr=tr,bn=$t(rr);function ur(t){let e=cr();return ar(()=>{e.current=t},[t]),e.current}var sr=ur,X=new Map;function lr({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:u,loading:c="Loading...",options:s={},overrideServices:l={},saveViewState:d=!0,keepCurrentModel:x=!1,width:w="100%",height:M="100%",className:E,wrapperProps:p={},beforeMount:C=F,onMount:y=F,onChange:L,onValidate:A=F}){let[g,h]=De(!1),[v,P]=De(!0),b=R(null),f=R(null),T=R(null),_=R(y),q=R(C),H=R(),m=R(n),O=sr(i),le=R(!1),te=R(!1);_e(()=>{let j=$.init();return j.then(I=>(b.current=I)&&P(!1)).catch(I=>I?.type!=="cancelation"&&console.error("Monaco initialization: error:",I)),()=>f.current?Ye():j.cancel()}),S(()=>{let j=W(b.current,t||n||"",e||o||"",i||r||"");j!==f.current?.getModel()&&(d&&X.set(O,f.current?.saveViewState()),f.current?.setModel(j),d&&f.current?.restoreViewState(X.get(i)))},[i],g),S(()=>{f.current?.updateOptions(s)},[s],g),S(()=>{!f.current||n===void 0||(f.current.getOption(b.current.editor.EditorOption.readOnly)?f.current.setValue(n):n!==f.current.getValue()&&(te.current=!0,f.current.executeEdits("",[{range:f.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),f.current.pushUndoStop(),te.current=!1))},[n],g),S(()=>{let j=f.current?.getModel();j&&o&&b.current?.editor.setModelLanguage(j,o)},[o],g),S(()=>{u!==void 0&&f.current?.revealLine(u)},[u],g),S(()=>{b.current?.editor.setTheme(a)},[a],g);let fe=ir(()=>{if(!(!T.current||!b.current)&&!le.current){q.current(b.current);let j=i||r,I=W(b.current,n||t||"",e||o||"",j||"");f.current=b.current?.editor.create(T.current,{model:I,automaticLayout:!0,...s},l),d&&f.current.restoreViewState(X.get(j)),b.current.editor.setTheme(a),u!==void 0&&f.current.revealLine(u),h(!0),le.current=!0}},[t,e,r,n,o,i,s,l,d,a,u]);Q(()=>{g&&_.current(f.current,b.current)},[g]),Q(()=>{!v&&!g&&fe()},[v,g,fe]),m.current=n,Q(()=>{g&&L&&(H.current?.dispose(),H.current=f.current?.onDidChangeModelContent(j=>{te.current||L(f.current.getValue(),j)}))},[g,L]),Q(()=>{if(g){let j=b.current.editor.onDidChangeMarkers(I=>{let re=f.current.getModel()?.uri;if(re&&I.find(ne=>ne.path===re.path)){let ne=b.current.editor.getModelMarkers({resource:re});A?.(ne)}});return()=>{j?.dispose()}}return()=>{}},[g,A]);function Ye(){H.current?.dispose(),x?d&&X.set(i,f.current.saveViewState()):f.current.getModel()?.dispose(),f.current.dispose()}return or.createElement(Le,{width:w,height:M,isEditorReady:g,loading:c,_ref:T,className:E,wrapperProps:p})}var fr=lr,dr=nr(fr),Z=dr;import Ke,{useState as Lr}from"react";import{c as Mr}from"react/compiler-runtime";import{jsx as Sr}from"react/jsx-runtime";import{createContext as xr,use as Cr,useEffect as Er,useState as ze}from"react";import{c as vr}from"react/compiler-runtime";import{jsx as Ne}from"react/jsx-runtime";import{createContext as br,use as yr,useCallback as wr,useEffect as Or,useMemo as We}from"react";import{c as mr}from"react/compiler-runtime";import{useEffect as pr,useRef as gr,useState as hr}from"react";function ke(t,e){let r=mr(5),[n,o]=hr(t),i=gr(!0),a,u;r[0]!==t?(a=()=>{if(i.current){i.current=!1;return}o(t)},u=[t],r[0]=t,r[1]=a,r[2]=u):(a=r[1],u=r[2]),pr(a,u);let c=n??e,s;return r[3]!==c?(s=[c,o],r[3]=c,r[4]=s):s=r[4],s}var He=br(void 0),jr=({children:t,config:e})=>{let[r,n]=ke(e),{collectionsBySlug:o,globalsBySlug:i}=We(()=>{let c={},s={};for(let l of r.collections)c[l.slug]=l;for(let l of r.globals)s[l.slug]=l;return{collectionsBySlug:c,globalsBySlug:s}},[r]),a=wr(c=>"collectionSlug"in c?o[c.collectionSlug]??null:"globalSlug"in c?i[c.globalSlug]??null:null,[o,i]),u=We(()=>({config:r,getEntityConfig:a,setConfig:n}),[r,a,n]);return Ne(He,{value:u,children:t})},ue=()=>yr(He),_n=t=>{let e=vr(7),{children:r,config:n}=t,{config:o,setConfig:i}=ue(),a,u;if(e[0]!==n||e[1]!==i?(a=()=>{i(n)},u=[n,i],e[0]=n,e[1]=i,e[2]=a,e[3]=u):(a=e[2],u=e[3]),Or(a,u),o!==n&&o.unauthenticated!==n.unauthenticated){let c;return e[4]!==r||e[5]!==n?(c=Ne(jr,{config:n,children:r}),e[4]=r,e[5]=n,e[6]=c):c=e[6],c}return r};var Pr={autoMode:!0,setTheme:()=>null,theme:"light"},Ve=xr(Pr);function Be(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let o="expires="+n.toUTCString();document.cookie=t+"="+e+";"+o+";path=/"}var Tr=t=>{let e,r=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1];return r==="light"||r==="dark"?e=r:e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",e),{theme:e,themeFromCookies:r}},Ar="light",Vn=t=>{let e=Mr(11),{children:r,theme:n}=t,{config:o}=ue(),i=o.admin.theme,a=`${o.cookiePrefix||"payload"}-theme`,[u,c]=ze(n||Ar),[s,l]=ze(),d,x;e[0]!==a||e[1]!==i?(d=()=>{if(i!=="all")return;let{theme:p,themeFromCookies:C}=Tr(a);c(p),l(!C)},x=[i,a],e[0]=a,e[1]=i,e[2]=d,e[3]=x):(d=e[2],x=e[3]),Er(d,x);let w;e[4]!==a?(w=p=>{if(p==="light"||p==="dark")c(p),l(!1),Be(a,p,365),document.documentElement.setAttribute("data-theme",p);else if(p==="auto"){Be(a,p,-1);let C=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",C),l(!0),c(C)}},e[4]=a,e[5]=w):w=e[5];let M=w,E;return e[6]!==s||e[7]!==r||e[8]!==M||e[9]!==u?(E=Sr(Ve,{value:{autoMode:s,setTheme:M,theme:u},children:r}),e[6]=s,e[7]=r,e[8]=M,e[9]=u,e[10]=E):E=e[10],E},Fe=()=>Cr(Ve);import{c as Ir}from"react/compiler-runtime";import{jsx as U}from"react/jsx-runtime";import"react";import{c as Rr}from"react/compiler-runtime";import*as N from"react";var Ue=(t,e)=>{let r=Rr(9),n=e===void 0?!1:e,[o,i]=N.useState(!1),a=N.useRef(void 0),u;r[0]!==t?(u=()=>(i(!1),clearTimeout(a.current),a.current=setTimeout(()=>{i(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=u):u=r[1];let c=u,s,l;r[2]!==c||r[3]!==n?(s=()=>{n&&c()},l=[c,n],r[2]=c,r[3]=n,r[4]=s,r[5]=l):(s=r[4],l=r[5]),N.useEffect(s,l);let d;return r[6]!==o||r[7]!==c?(d=[o,c],r[6]=o,r[7]=c,r[8]=d):d=r[8],d};var se=({animationDelay:t="0ms",className:e,disableInlineStyles:r=!1,height:n="60px",width:o="100%"})=>U("div",{className:["shimmer-effect",e].filter(Boolean).join(" "),style:{height:!r&&(typeof n=="number"?`${n}px`:n),width:!r&&(typeof o=="number"?`${o}px`:o)},children:U("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),Qn=t=>{let e=Ir(9),{className:r,count:n,height:o,renderDelay:i,shimmerDelay:a,shimmerItemClassName:u,width:c}=t,s=i===void 0?500:i,l=a===void 0?25:a,d=typeof l=="number"?`${l}ms`:l,[x]=Ue(s,!0);if(!x)return null;let w;e[0]!==n?(w=[...Array(n)],e[0]=n,e[1]=w):w=e[1];let M;return e[2]!==r||e[3]!==o||e[4]!==d||e[5]!==u||e[6]!==w||e[7]!==c?(M=U("div",{className:r,children:w.map((E,p)=>U("div",{className:u,children:U(se,{animationDelay:`calc(${p} * ${d})`,height:o,width:c})},p))}),e[2]=r,e[3]=o,e[4]=d,e[5]=u,e[6]=w,e[7]=c,e[8]=M):M=e[8],M};var ee={insertSpaces:!1,tabSize:4,trimAutoWhitespace:!1},qe={hideCursorInOverviewRuler:!0,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!1,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,wordWrap:"on"};var _r="default"in Z?Z.default:Z,$r="code-editor",kr=t=>{let e=Dr(10),{className:r,maxHeight:n,minHeight:o,options:i,readOnly:a,recalculatedHeightAt:u,value:c,...s}=t,l=o??56,d=Ke.useRef(u),{insertSpaces:x,tabSize:w,trimAutoWhitespace:M,...E}=i||{},p=i?.padding?(i.padding.top||0)+(i.padding?.bottom||0):0,[C,y]=Lr(l),{theme:L}=Fe(),A=s?.defaultLanguage?`language--${s.defaultLanguage}`:"",g=a&&"read-only",h;e[0]!==r||e[1]!==A||e[2]!==g?(h=[$r,r,A,g].filter(Boolean),e[0]=r,e[1]=A,e[2]=g,e[3]=h):h=e[3];let v=h.join(" "),P,b;return e[4]!==l||e[5]!==p||e[6]!==u||e[7]!==c?(P=()=>{u&&u>d.current&&(y(c?Math.max(l,c.split(`
+`).length*18+2+p):l),d.current=u)},b=[c,l,p,u],e[4]=l,e[5]=p,e[6]=u,e[7]=c,e[8]=P,e[9]=b):(P=e[8],b=e[9]),Ke.useEffect(P,b),Ge(_r,{className:v,height:n?Math.min(C,n):C,loading:Ge(se,{height:C}),options:{...qe,...E,readOnly:!!a,detectIndentation:!1,insertSpaces:void 0,tabSize:void 0,trimAutoWhitespace:void 0},theme:L==="dark"?"vs-dark":"vs",value:c,...s,onChange:(f,T)=>{s.onChange?.(f,T),y(f?Math.max(l,f.split(`
+`).length*18+2+p):l)},onMount:(f,T)=>{s.onMount?.(f,T);let _=f.getModel();_&&_.updateOptions({insertSpaces:x??ee.insertSpaces,tabSize:w??ee.tabSize,trimAutoWhitespace:M??ee.trimAutoWhitespace}),y(Math.max(l,f.getValue().split(`
+`).length*18+2+p))}})},co=kr;export{ke as a,jr as b,ue as c,_n as d,Ue as e,se as f,Qn as g,Ar as h,Vn as i,Fe as j,ee as k,co as l};
+//# sourceMappingURL=chunk-XUCNM5EK.js.map