@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAarB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAM,EAAES,MAAM,EAAE,GAAGd;IAEnB,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,GAAGT,UAAU,cAAc,CAAC;QAC7DG,cAAc,GAAGH,UAAU,cAAc,EAAEG,YAAY;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,qBACE,QAACY;QAAOpB,WAAWS;QAASJ,SAASA;QAASQ,OAAOA;QAAOQ,MAAK;;0BAC/D,QAACC;gBAAItB,WAAW,GAAGJ,UAAU,WAAW,CAAC;0BAAGU;;;;;;0BAC5C,QAACgB;gBAAItB,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGiB;;;;;;;;;;;;AAG9C,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","$","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","t0","t1","t2","filter","Boolean","classes","join","t3","title","data","dateFormat","admin","fallback","filename","_jsxs","type","children","_jsx"],"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAaP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA8CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACzD;IAAAS,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,KAAA,EAAAC,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAQIT,KAAA;EAEJ;IAAAU;EAAA,IAAmBf,SAAA;EAEnB;IAAAgB;EAAA,IAAiBf,cAAA;EAKf,MAAAgB,EAAA,UAAOJ,OAAA,KAAY,cAAc,GAAAV,SAAA,gBAA4B;EAC7D,MAAAe,EAAA,GAAAX,UAAA,IAAc,GAAAJ,SAAA,iBAA6BI,UAAA,EAAY;EAAA,IAAAY,EAAA;EAAA,IAAAb,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAY,EAAA;IAJzCC,EAAA,IAAAhB,SAAA,EAEdK,SAAA,EACAS,EAA6D,EAC7DC,EAAuD,EAAAE,MAAA,CAAAC,OAE/C;IAAAf,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAW,EAAA;IAAAX,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EANV,MAAAgB,OAAA,GAAgBH,EAMN,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAgB,OAAA,IAAAhB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAS,MAAA,IAAAT,CAAA,QAAAI,GAAA,IAAAJ,CAAA,QAAAU,IAAA,IAAAV,CAAA,QAAAM,cAAA,IAAAN,CAAA,SAAAO,OAAA,IAAAP,CAAA,SAAAQ,SAAA;IAER,IAAAW,KAAA,GAAYb,cAAA;IAAA,KAEPa,KAAA;MACHA,KAAA,CAAAA,CAAA,CAAQA;QAAAA,iBAAA,CACYhB,UAAA;QAAAiB,IAAA,EACZhB,GAAA;QAAAiB,UAAA,EACMZ,MAAA,CAAAa,KAAA,CAAAD,UAAA;QAAAE,QAAA,EACFnB,GAAA,EAAAoB,QAAA;QAAAd;MAAA,CAEZ;IANA;IAUAQ,EAAA,GAAAO,KAAA,CAAC;MAAAvB,SAAA,EAAkBc,OAAA;MAAAT,OAAA;MAAAY,KAAA;MAAAO,IAAA,EAA8C;MAAAC,QAAA,GAC/DC,IAAA,CAAC;QAAA1B,SAAA,EAAe,GAAAL,SAAA,aAAyB;QAAA8B,QAAA,EAAGnB;MAAA,C,GAC5CoB,IAAA,CAAC;QAAA1B,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAA8B,QAAA,EAAGR;MAAA,C;;;;;;;;;;;;;;SAF1CD,E;CAKJ","ignoreList":[]}

package/dist/elements/TimezonePicker/index.js

@@ -1,62 +1,53 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import './index.scss';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ReactSelect } from '../ReactSelect/index.js';
 import { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js';
-export const TimezonePicker = (props)=>{
-    const { id, onChange: onChangeFromProps, options: optionsFromProps, readOnly: readOnlyFromProps, required, selectedTimezone: selectedTimezoneFromProps } = props;
-    const { t } = useTranslation();
-    const options = formatOptions(optionsFromProps);
-    const selectedTimezone = useMemo(()=>{
-        return options.find((t)=>{
-            const value = typeof t === 'string' ? t : t.value;
-            return value === selectedTimezoneFromProps;
-        });
-    }, [
-        options,
-        selectedTimezoneFromProps
-    ]);
-    const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "timezone-picker-wrapper",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                htmlFor: id,
-                label: `${t('general:timezone')} ${required ? '*' : ''}`,
-                required: required,
-                unstyled: true
-            }, void 0, false, {
-                fileName: "src/elements/TimezonePicker/index.tsx",
-                lineNumber: 41,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ReactSelect, {
-                className: "timezone-picker",
-                disabled: readOnly,
-                inputId: id,
-                isClearable: !required,
-                isCreatable: false,
-                onChange: (val)=>{
-                    if (onChangeFromProps) {
-                        onChangeFromProps(val?.value || '');
-                    }
-                },
-                options: options,
-                value: selectedTimezone
-            }, void 0, false, {
-                fileName: "src/elements/TimezonePicker/index.tsx",
-                lineNumber: 47,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/TimezonePicker/index.tsx",
-        lineNumber: 40,
-        columnNumber: 5
-    }, this);
+export const TimezonePicker = props => {
+  const {
+    id,
+    onChange: onChangeFromProps,
+    options: optionsFromProps,
+    readOnly: readOnlyFromProps,
+    required,
+    selectedTimezone: selectedTimezoneFromProps
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const options = formatOptions(optionsFromProps);
+  const selectedTimezone = useMemo(() => {
+    return options.find(t_0 => {
+      const value = typeof t_0 === 'string' ? t_0 : t_0.value;
+      return value === selectedTimezoneFromProps;
+    });
+  }, [options, selectedTimezoneFromProps]);
+  const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "timezone-picker-wrapper",
+    children: [/*#__PURE__*/_jsx(FieldLabel, {
+      htmlFor: id,
+      label: `${t('general:timezone')} ${required ? '*' : ''}`,
+      required: required,
+      unstyled: true
+    }), /*#__PURE__*/_jsx(ReactSelect, {
+      className: "timezone-picker",
+      disabled: readOnly,
+      inputId: id,
+      isClearable: !required,
+      isCreatable: false,
+      onChange: val => {
+        if (onChangeFromProps) {
+          onChangeFromProps(val?.value || '');
+        }
+      },
+      options: options,
+      value: selectedTimezone
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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\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"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAUH;QACnB;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACtB;gBACCuB,SAASjB;gBACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI;gBACxDA,UAAUA;gBACVY,QAAQ;;;;;;0BAEV,QAACvB;gBACCoB,WAAU;gBACVI,UAAUf;gBACVgB,SAASrB;gBACTsB,aAAa,CAACf;gBACdgB,aAAa;gBACbtB,UAAU,CAACuB;oBACT,IAAItB,mBAAmB;wBACrBA,kBAAkBsB,KAAKZ,SAAS;oBAClC;gBACF;gBACAT,SAASA;gBACTS,OAAOJ;;;;;;;;;;;;AAIf,EAAC"}
+{"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\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,KAAUH,yBAAA;IACnB;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/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":[],"mappings":"AAEA,WAMsC"}
+{"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/elements/Toasts/fieldErrors.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-export declare function createErrorsFromMessage(message: string): {
-    errors?: string[];
-    message: string;
-};
 export declare function FieldErrorsToast({ errorMessage }: {
     errorMessage: any;
 }): React.JSX.Element;

package/dist/elements/Toasts/fieldErrors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.d.ts","sourceRoot":"","sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG;IACxD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAwBA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE;;CAAA,qBAmBhD"}
+{"version":3,"file":"fieldErrors.d.ts","sourceRoot":"","sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwDzB,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE;;CAAA,qBAmBhD"}

package/dist/elements/Toasts/fieldErrors.js

@@ -1,83 +1,89 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 function groupSimilarErrors(items) {
-    const result = [];
-    for (const item of items){
-        if (item) {
-            const parts = item.split(' → ');
-            let inserted = false;
-            // Find a place where a similar path exists
-            for(let i = 0; i < result.length; i++){
-                if (result[i].startsWith(parts[0])) {
-                    result.splice(i + 1, 0, item);
-                    inserted = true;
-                    break;
-                }
-            }
-            // If no similar path was found, add to the end
-            if (!inserted) {
-                result.push(item);
-            }
+  const result = [];
+  for (const item of items) {
+    if (item) {
+      const parts = item.split(' → ');
+      let inserted = false;
+      // Find a place where a similar path exists
+      for (let i = 0; i < result.length; i++) {
+        if (result[i].startsWith(parts[0])) {
+          result.splice(i + 1, 0, item);
+          inserted = true;
+          break;
         }
+      }
+      // If no similar path was found, add to the end
+      if (!inserted) {
+        result.push(item);
+      }
     }
-    return result;
+  }
+  return result;
 }
-export function createErrorsFromMessage(message) {
-    const colonIndex = message.indexOf(':');
-    const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message;
-    const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined;
-    if (!errorsString) {
-        return {
-            message: intro
-        };
-    }
-    const errors = errorsString.split(',').map((error)=>error.replaceAll(' > ', ' → ').trim());
-    if (errors.length === 1) {
-        return {
-            errors,
-            message: `${intro}: `
-        };
-    }
+function createErrorsFromMessage(message) {
+  const [intro, errorsString] = message.split(':');
+  if (!errorsString) {
     return {
-        errors: groupSimilarErrors(errors),
-        message: `${intro} (${errors.length}):`
+      message: intro
     };
+  }
+  const errors = errorsString.split(',').map(error => error.replaceAll(' > ', ' → ').trim());
+  if (errors.length === 1) {
+    return {
+      errors,
+      message: `${intro}: `
+    };
+  }
+  return {
+    errors: groupSimilarErrors(errors),
+    message: `${intro} (${errors.length}):`
+  };
 }
-export function FieldErrorsToast({ errorMessage }) {
-    const [{ errors, message }] = React.useState(()=>createErrorsFromMessage(errorMessage));
-    return /*#__PURE__*/ _jsxDEV("div", {
-        children: [
-            message,
-            Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? /*#__PURE__*/ _jsxDEV("span", {
-                "data-testid": "field-error",
-                children: errors[0]
-            }, void 0, false, {
-                fileName: "src/elements/Toasts/fieldErrors.tsx",
-                lineNumber: 69,
-                columnNumber: 11
-            }, this) : /*#__PURE__*/ _jsxDEV("ul", {
-                "data-testid": "field-errors",
-                children: errors.map((error, index)=>{
-                    return /*#__PURE__*/ _jsxDEV("li", {
-                        children: error
-                    }, index, false, {
-                        fileName: "src/elements/Toasts/fieldErrors.tsx",
-                        lineNumber: 73,
-                        columnNumber: 22
-                    }, this);
-                })
-            }, void 0, false, {
-                fileName: "src/elements/Toasts/fieldErrors.tsx",
-                lineNumber: 71,
-                columnNumber: 11
-            }, this) : null
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Toasts/fieldErrors.tsx",
-        lineNumber: 65,
-        columnNumber: 5
-    }, this);
+export function FieldErrorsToast(t0) {
+  const $ = _c(5);
+  const {
+    errorMessage
+  } = t0;
+  let t1;
+  if ($[0] !== errorMessage) {
+    t1 = () => createErrorsFromMessage(errorMessage);
+    $[0] = errorMessage;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [t2] = React.useState(t1);
+  const {
+    errors,
+    message
+  } = t2;
+  let t3;
+  if ($[2] !== errors || $[3] !== message) {
+    t3 = _jsxs("div", {
+      children: [message, Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? _jsx("span", {
+        "data-testid": "field-error",
+        children: errors[0]
+      }) : _jsx("ul", {
+        "data-testid": "field-errors",
+        children: errors.map(_temp)
+      }) : null]
+    });
+    $[2] = errors;
+    $[3] = message;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+function _temp(error, index) {
+  return _jsx("li", {
+    children: error
+  }, index);
 }
-
 //# sourceMappingURL=fieldErrors.js.map

package/dist/elements/Toasts/fieldErrors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,OAAO,SAASU,wBAAwBC,OAAe;IAIrD,MAAMC,aAAaD,QAAQE,OAAO,CAAC;IACnC,MAAMC,QAAQF,cAAc,IAAID,QAAQI,KAAK,CAAC,GAAGH,cAAcD;IAC/D,MAAMK,eAAeJ,cAAc,IAAID,QAAQI,KAAK,CAACH,aAAa,KAAKK;IAEvE,IAAI,CAACD,cAAc;QACjB,OAAO;YACLL,SAASG;QACX;IACF;IAEA,MAAMI,SAASF,aAAab,KAAK,CAAC,KAAKgB,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOZ,MAAM,KAAK,GAAG;QACvB,OAAO;YACLY;YACAP,SAAS,GAAGG,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLI,QAAQpB,mBAAmBoB;QAC3BP,SAAS,GAAGG,MAAM,EAAE,EAAEI,OAAOZ,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASiB,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEP,OAAO,EAAE,CAAC,GAAGd,MAAM4B,QAAQ,CAAC,IAAMf,wBAAwBc;IAE3E,qBACE,QAACE;;YACEf;YACAgB,MAAMC,OAAO,CAACV,WAAWA,OAAOZ,MAAM,GAAG,IACxCY,OAAOZ,MAAM,KAAK,kBAChB,QAACuB;gBAAKC,eAAY;0BAAeZ,MAAM,CAAC,EAAE;;;;;qCAE1C,QAACa;gBAAGD,eAAY;0BACbZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;oBAClB,qBAAO,QAACC;kCAAgBb;uBAARY;;;;;gBAClB;;;;;uBAGF;;;;;;;AAGV"}
+{"version":3,"file":"fieldErrors.js","names":["c","_c","React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","children","Array","isArray","_jsx","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmBC,KAAe;EACzC,MAAMC,MAAA,GAAmB,EAAE;EAE3B,KAAK,MAAMC,IAAA,IAAQF,KAAA,EAAO;IACxB,IAAIE,IAAA,EAAM;MACR,MAAMC,KAAA,GAAQD,IAAA,CAAKE,KAAK,CAAC;MACzB,IAAIC,QAAA,GAAW;MAEf;MACA,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIL,MAAA,CAAOM,MAAM,EAAED,CAAA,IAAK;QACtC,IAAIL,MAAM,CAACK,CAAA,CAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;UAClCF,MAAA,CAAOQ,MAAM,CAACH,CAAA,GAAI,GAAG,GAAGJ,IAAA;UACxBG,QAAA,GAAW;UACX;QACF;MACF;MAEA;MACA,IAAI,CAACA,QAAA,EAAU;QACbJ,MAAA,CAAOS,IAAI,CAACR,IAAA;MACd;IACF;EACF;EAEA,OAAOD,MAAA;AACT;AAEA,SAASU,wBAAwBC,OAAe;EAI9C,MAAM,CAACC,KAAA,EAAOC,YAAA,CAAa,GAAGF,OAAA,CAAQR,KAAK,CAAC;EAE5C,IAAI,CAACU,YAAA,EAAc;IACjB,OAAO;MACLF,OAAA,EAASC;IACX;EACF;EAEA,MAAME,MAAA,GAASD,YAAA,CAAaV,KAAK,CAAC,KAAKY,GAAG,CAAEC,KAAA,IAAUA,KAAA,CAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;EAEzF,IAAIJ,MAAA,CAAOR,MAAM,KAAK,GAAG;IACvB,OAAO;MACLQ,MAAA;MACAH,OAAA,EAAS,GAAGC,KAAA;IACd;EACF;EAEA,OAAO;IACLE,MAAA,EAAQhB,kBAAA,CAAmBgB,MAAA;IAC3BH,OAAA,EAAS,GAAGC,KAAA,KAAUE,MAAA,CAAOR,MAAM;EACrC;AACF;AAEA,OAAO,SAAAa,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAA0B;IAAA0B;EAAA,IAAAF,EAAgB;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IACFC,EAAA,GAAAA,CAAA,KAAMb,uBAAA,CAAwBY,YAAA;IAAAD,CAAA,MAAAC,YAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAA3E,OAAAG,EAAA,IAA8B3B,KAAA,CAAA4B,QAAA,CAAeF,EAA8B;EAApE;IAAAT,MAAA;IAAAH;EAAA,IAAAa,EAAmB;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAP,MAAA,IAAAO,CAAA,QAAAV,OAAA;IAGxBe,EAAA,GAAAC,KAAA,CAAC;MAAAC,QAAA,GACEjB,OAAA,EACAkB,KAAA,CAAAC,OAAA,CAAchB,MAAA,KAAWA,MAAA,CAAAR,MAAA,IAAgB,GACxCQ,MAAA,CAAAR,MAAA,MAAkB,GAChByB,IAAA,CAAC;QAAA,eAAiB;QAAAH,QAAA,EAAed,MAAM;MAAA,C,IAEvCiB,IAAA,CAAC;QAAA,eAAe;QAAAH,QAAA,EACbd,MAAA,CAAAC,GAAA,CAAAiB,KAED;MAAA,C,QAGF;IAAA,C;;;;;;;SAZNN,E;;AAJG,SAAAM,MAAAhB,KAAA,EAAAiB,KAAA;EAAA,OAYcF,IAAA,CAAC;IAAAH,QAAA,EAAgBZ;EAAA,GAARiB,KAAA;AAAA","ignoreList":[]}

package/dist/elements/Tooltip/index.js

@@ -1,104 +1,71 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import './index.scss';
-/**
-   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false
-   */ export const Tooltip = (props)=>{
-    const { alignCaret = 'center', boundingRef, children, className, delay = 350, position: positionFromProps, show: showFromProps = true, staticPositioning = false } = props;
-    const [show, setShow] = React.useState(showFromProps);
-    const [position, setPosition] = React.useState('top');
-    const getTitleAttribute = (content)=>typeof content === 'string' ? content : '';
-    const [ref, intersectionEntry] = useIntersect({
-        root: boundingRef?.current || null,
-        rootMargin: '-145px 0px 0px 100px',
-        threshold: 0
-    }, staticPositioning);
-    useEffect(()=>{
-        let timerID;
-        // do not use the delay on transition-out
-        if (delay && showFromProps) {
-            timerID = setTimeout(()=>{
-                setShow(showFromProps);
-            }, delay);
-        } else {
-            setShow(showFromProps);
-        }
-        return ()=>{
-            if (timerID) {
-                clearTimeout(timerID);
-            }
-        };
-    }, [
-        showFromProps,
-        delay
-    ]);
-    useEffect(()=>{
-        if (staticPositioning) {
-            return;
-        }
-        setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
-    }, [
-        intersectionEntry,
-        staticPositioning
-    ]);
-    // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            !staticPositioning && /*#__PURE__*/ _jsxDEV("aside", {
-                "aria-hidden": "true",
-                className: [
-                    'tooltip',
-                    className,
-                    `tooltip--caret-${alignCaret}`,
-                    'tooltip--position-top'
-                ].filter(Boolean).join(' '),
-                ref: ref,
-                style: {
-                    opacity: '0'
-                },
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: "tooltip-content",
-                    children: children
-                }, void 0, false, {
-                    fileName: "src/elements/Tooltip/index.tsx",
-                    lineNumber: 85,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/Tooltip/index.tsx",
-                lineNumber: 77,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV("aside", {
-                className: [
-                    'tooltip',
-                    className,
-                    show && 'tooltip--show',
-                    `tooltip--caret-${alignCaret}`,
-                    `tooltip--position-${positionFromProps || position}`
-                ].filter(Boolean).join(' '),
-                title: getTitleAttribute(children),
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: "tooltip-content",
-                    children: children
-                }, void 0, false, {
-                    fileName: "src/elements/Tooltip/index.tsx",
-                    lineNumber: 100,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/Tooltip/index.tsx",
-                lineNumber: 88,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Tooltip/index.tsx",
-        lineNumber: 75,
-        columnNumber: 5
-    }, this);
+export const Tooltip = props => {
+  const {
+    alignCaret = 'center',
+    boundingRef,
+    children,
+    className,
+    delay = 500,
+    position: positionFromProps,
+    show: showFromProps = true,
+    staticPositioning = false
+  } = props;
+  const [show, setShow] = React.useState(showFromProps);
+  const [position, setPosition] = React.useState('top');
+  const getTitleAttribute = content => typeof content === 'string' ? content : '';
+  const [ref, intersectionEntry] = useIntersect({
+    root: boundingRef?.current || null,
+    rootMargin: '-145px 0px 0px 100px',
+    threshold: 0
+  }, staticPositioning);
+  useEffect(() => {
+    let timerID;
+    // do not use the delay on transition-out
+    if (delay && showFromProps) {
+      timerID = setTimeout(() => {
+        setShow(showFromProps);
+      }, delay);
+    } else {
+      setShow(showFromProps);
+    }
+    return () => {
+      if (timerID) {
+        clearTimeout(timerID);
+      }
+    };
+  }, [showFromProps, delay]);
+  useEffect(() => {
+    if (staticPositioning) {
+      return;
+    }
+    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
+  }, [intersectionEntry, staticPositioning]);
+  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [!staticPositioning && /*#__PURE__*/_jsx("aside", {
+      "aria-hidden": "true",
+      className: ['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top'].filter(Boolean).join(' '),
+      ref: ref,
+      style: {
+        opacity: '0'
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "tooltip-content",
+        children: children
+      })
+    }), /*#__PURE__*/_jsx("aside", {
+      className: ['tooltip', className, show && 'tooltip--show', `tooltip--caret-${alignCaret}`, `tooltip--position-${positionFromProps || position}`].filter(Boolean).join(' '),
+      title: getTitleAttribute(children),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "tooltip-content",
+        children: children
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerID: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerID = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerID) {\n        clearTimeout(timerID)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","useState","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","Fragment","aside","aria-hidden","filter","Boolean","join","style","opacity","div","title"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,OAAO,eAAc;AAUnB;;GAEC,GAIH,OAAO,MAAMC,UAA2B,CAACC;IACvC,MAAM,EACJC,aAAa,QAAQ,EACrBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,GAAG,EACXC,UAAUC,iBAAiB,EAC3BC,MAAMC,gBAAgB,IAAI,EAC1BC,oBAAoB,KAAK,EAC1B,GAAGV;IAEJ,MAAM,CAACQ,MAAMG,QAAQ,GAAGf,MAAMgB,QAAQ,CAACH;IACvC,MAAM,CAACH,UAAUO,YAAY,GAAGjB,MAAMgB,QAAQ,CAAmB;IAEjE,MAAME,oBAAoB,CAACC,UAAa,OAAOA,YAAY,WAAWA,UAAU;IAEhF,MAAM,CAACC,KAAKC,kBAAkB,GAAGnB,aAC/B;QACEoB,MAAMhB,aAAaiB,WAAW;QAC9BC,YAAY;QACZC,WAAW;IACb,GACAX;IAGFb,UAAU;QACR,IAAIyB;QAEJ,yCAAyC;QACzC,IAAIjB,SAASI,eAAe;YAC1Ba,UAAUC,WAAW;gBACnBZ,QAAQF;YACV,GAAGJ;QACL,OAAO;YACLM,QAAQF;QACV;QAEA,OAAO;YACL,IAAIa,SAAS;gBACXE,aAAaF;YACf;QACF;IACF,GAAG;QAACb;QAAeJ;KAAM;IAEzBR,UAAU;QACR,IAAIa,mBAAmB;YACrB;QACF;QACAG,YAAYI,mBAAmBQ,iBAAiB,QAAQ;IAC1D,GAAG;QAACR;QAAmBP;KAAkB;IAEzC,mMAAmM;IACnM,qBACE,QAACd,MAAM8B,QAAQ;;YACZ,CAAChB,mCACA,QAACiB;gBACCC,eAAY;gBACZxB,WAAW;oBAAC;oBAAWA;oBAAW,CAAC,eAAe,EAAEH,YAAY;oBAAE;iBAAwB,CACvF4B,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRf,KAAKA;gBACLgB,OAAO;oBAAEC,SAAS;gBAAI;0BAEtB,cAAA,QAACC;oBAAI9B,WAAU;8BAAmBD;;;;;;;;;;;0BAGtC,QAACwB;gBACCvB,WAAW;oBACT;oBACAA;oBACAI,QAAQ;oBACR,CAAC,eAAe,EAAEP,YAAY;oBAC9B,CAAC,kBAAkB,EAAEM,qBAAqBD,UAAU;iBACrD,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRI,OAAOrB,kBAAkBX;0BAEzB,cAAA,QAAC+B;oBAAI9B,WAAU;8BAAmBD;;;;;;;;;;;;;;;;;AAI1C,EAAC"}
+{"version":3,"file":"index.js","names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","useState","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","_jsxs","Fragment","_jsx","filter","Boolean","join","style","opacity","title"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 500,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerID: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerID = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerID) {\n        clearTimeout(timerID)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAgBP,OAAO,MAAMC,OAAA,GAA4BC,KAAA;EACvC,MAAM;IACJC,UAAA,GAAa,QAAQ;IACrBC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,KAAA,GAAQ,GAAG;IACXC,QAAA,EAAUC,iBAAiB;IAC3BC,IAAA,EAAMC,aAAA,GAAgB,IAAI;IAC1BC,iBAAA,GAAoB;EAAK,CAC1B,GAAGV,KAAA;EAEJ,MAAM,CAACQ,IAAA,EAAMG,OAAA,CAAQ,GAAGf,KAAA,CAAMgB,QAAQ,CAACH,aAAA;EACvC,MAAM,CAACH,QAAA,EAAUO,WAAA,CAAY,GAAGjB,KAAA,CAAMgB,QAAQ,CAAmB;EAEjE,MAAME,iBAAA,GAAqBC,OAAA,IAAa,OAAOA,OAAA,KAAY,WAAWA,OAAA,GAAU;EAEhF,MAAM,CAACC,GAAA,EAAKC,iBAAA,CAAkB,GAAGnB,YAAA,CAC/B;IACEoB,IAAA,EAAMhB,WAAA,EAAaiB,OAAA,IAAW;IAC9BC,UAAA,EAAY;IACZC,SAAA,EAAW;EACb,GACAX,iBAAA;EAGFb,SAAA,CAAU;IACR,IAAIyB,OAAA;IAEJ;IACA,IAAIjB,KAAA,IAASI,aAAA,EAAe;MAC1Ba,OAAA,GAAUC,UAAA,CAAW;QACnBZ,OAAA,CAAQF,aAAA;MACV,GAAGJ,KAAA;IACL,OAAO;MACLM,OAAA,CAAQF,aAAA;IACV;IAEA,OAAO;MACL,IAAIa,OAAA,EAAS;QACXE,YAAA,CAAaF,OAAA;MACf;IACF;EACF,GAAG,CAACb,aAAA,EAAeJ,KAAA,CAAM;EAEzBR,SAAA,CAAU;IACR,IAAIa,iBAAA,EAAmB;MACrB;IACF;IACAG,WAAA,CAAYI,iBAAA,EAAmBQ,cAAA,GAAiB,QAAQ;EAC1D,GAAG,CAACR,iBAAA,EAAmBP,iBAAA,CAAkB;EAEzC;EACA,oBACEgB,KAAA,CAAC9B,KAAA,CAAM+B,QAAQ;eACZ,CAACjB,iBAAA,iBACAkB,IAAA,CAAC;MACC,eAAY;MACZxB,SAAA,EAAW,CAAC,WAAWA,SAAA,EAAW,kBAAkBH,UAAA,EAAY,EAAE,wBAAwB,CACvF4B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRf,GAAA,EAAKA,GAAA;MACLgB,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAI;gBAEtB,aAAAL,IAAA,CAAC;QAAIxB,SAAA,EAAU;kBAAmBD;;qBAGtCyB,IAAA,CAAC;MACCxB,SAAA,EAAW,CACT,WACAA,SAAA,EACAI,IAAA,IAAQ,iBACR,kBAAkBP,UAAA,EAAY,EAC9B,qBAAqBM,iBAAA,IAAqBD,QAAA,EAAU,CACrD,CACEuB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRG,KAAA,EAAOpB,iBAAA,CAAkBX,QAAA;gBAEzB,aAAAyB,IAAA,CAAC;QAAIxB,SAAA,EAAU;kBAAmBD;;;;AAI1C","ignoreList":[]}

package/dist/elements/Tooltip/index.scss

@@ -33,6 +33,7 @@
       opacity: 1;
       transition: opacity 0.2s ease-in-out;
       cursor: default;
+      z-index: 10000;
     }
 
     &--caret-center {
@@ -83,19 +84,4 @@
       display: none;
     }
   }
-
-  html[data-theme='light'] {
-    .tooltip:not(.field-error) {
-      background-color: var(--theme-elevation-100);
-      color: var(--theme-elevation-1000);
-    }
-
-    .tooltip--position-top:not(.field-error):after {
-      border-top-color: var(--theme-elevation-100);
-    }
-
-    .tooltip--position-bottom:not(.field-error):after {
-      border-bottom-color: var(--theme-elevation-100);
-    }
-  }
 }