@payloadcms/ui 3.0.0-canary.78bbed6 → 3.0.0-canary.79ab53e

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -2,9 +2,8 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useEffect, useState } from 'react';
+import React, { Fragment, useState } from 'react';
 import { components as SelectComponents } from 'react-select';
-import { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
@@ -12,7 +11,7 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--single-value';
 export const SingleValue = props => {
-  const $ = _c(36);
+  const $ = _c(22);
   const {
     children,
     data: t0,
@@ -43,8 +42,7 @@ export const SingleValue = props => {
     t4 = $[3];
   }
   const {
-    onSave,
-    setDrawerIsOpen
+    onDocumentDrawerOpen
   } = t4;
   const [showTooltip, setShowTooltip] = useState(false);
   const {
@@ -55,63 +53,29 @@ export const SingleValue = props => {
   } = useAuth();
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission);
   let t5;
-  if ($[4] !== value) {
-    t5 = value.toString();
-    $[4] = value;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  let t6;
-  if ($[6] !== t5 || $[7] !== relationTo) {
-    t6 = {
-      id: t5,
-      collectionSlug: relationTo
-    };
-    $[6] = t5;
-    $[7] = relationTo;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  const [DocumentDrawer, DocumentDrawerToggler, t7] = useDocumentDrawer(t6);
-  const {
-    isDrawerOpen
-  } = t7;
-  let t8;
-  let t9;
-  if ($[9] !== setDrawerIsOpen || $[10] !== isDrawerOpen) {
-    t8 = () => {
-      if (typeof setDrawerIsOpen === "function") {
-        setDrawerIsOpen(isDrawerOpen);
-      }
-    };
-    t9 = [isDrawerOpen, setDrawerIsOpen];
-    $[9] = setDrawerIsOpen;
-    $[10] = isDrawerOpen;
-    $[11] = t8;
-    $[12] = t9;
-  } else {
-    t8 = $[11];
-    t9 = $[12];
-  }
-  useEffect(t8, t9);
-  let t10;
-  if ($[13] !== children || $[14] !== relationTo || $[15] !== hasReadPermission || $[16] !== label || $[17] !== t || $[18] !== showTooltip || $[19] !== DocumentDrawerToggler || $[20] !== onSave || $[21] !== DocumentDrawer || $[22] !== props) {
-    let t11;
-    if ($[24] !== relationTo || $[25] !== hasReadPermission || $[26] !== label || $[27] !== t || $[28] !== showTooltip || $[29] !== DocumentDrawerToggler) {
-      t11 = relationTo && hasReadPermission && _jsx(Fragment, {
-        children: _jsxs(DocumentDrawerToggler, {
+  if ($[4] !== children || $[5] !== relationTo || $[6] !== hasReadPermission || $[7] !== label || $[8] !== t || $[9] !== onDocumentDrawerOpen || $[10] !== value || $[11] !== showTooltip || $[12] !== props) {
+    let t6;
+    if ($[14] !== relationTo || $[15] !== hasReadPermission || $[16] !== label || $[17] !== t || $[18] !== onDocumentDrawerOpen || $[19] !== value || $[20] !== showTooltip) {
+      t6 = relationTo && hasReadPermission && _jsx(Fragment, {
+        children: _jsxs("button", {
           "aria-label": t("general:editLabel", {
             label
           }),
           className: `${baseClass}__drawer-toggler`,
-          onClick: () => setShowTooltip(false),
+          onClick: () => {
+            setShowTooltip(false);
+            onDocumentDrawerOpen({
+              id: value,
+              collectionSlug: relationTo,
+              hasReadPermission
+            });
+          },
           onKeyDown: _temp,
           onMouseDown: _temp2,
           onMouseEnter: () => setShowTooltip(true),
           onMouseLeave: () => setShowTooltip(false),
           onTouchEnd: _temp3,
+          type: "button",
           children: [_jsx(Tooltip, {
             className: `${baseClass}__tooltip`,
             show: showTooltip,
@@ -119,60 +83,47 @@ export const SingleValue = props => {
           }), _jsx(EditIcon, {})]
         })
       });
-      $[24] = relationTo;
-      $[25] = hasReadPermission;
-      $[26] = label;
-      $[27] = t;
-      $[28] = showTooltip;
-      $[29] = DocumentDrawerToggler;
-      $[30] = t11;
+      $[14] = relationTo;
+      $[15] = hasReadPermission;
+      $[16] = label;
+      $[17] = t;
+      $[18] = onDocumentDrawerOpen;
+      $[19] = value;
+      $[20] = showTooltip;
+      $[21] = t6;
     } else {
-      t11 = $[30];
+      t6 = $[21];
     }
-    let t12;
-    if ($[31] !== relationTo || $[32] !== hasReadPermission || $[33] !== onSave || $[34] !== DocumentDrawer) {
-      t12 = relationTo && hasReadPermission && _jsx(DocumentDrawer, {
-        onSave
-      });
-      $[31] = relationTo;
-      $[32] = hasReadPermission;
-      $[33] = onSave;
-      $[34] = DocumentDrawer;
-      $[35] = t12;
-    } else {
-      t12 = $[35];
-    }
-    t10 = _jsx(React.Fragment, {
-      children: _jsxs(SelectComponents.SingleValue, {
+    t5 = _jsx(React.Fragment, {
+      children: _jsx(SelectComponents.SingleValue, {
         ...props,
         className: baseClass,
-        children: [_jsx("div", {
+        children: _jsx("div", {
           className: `${baseClass}__label`,
           children: _jsxs("div", {
             className: `${baseClass}__label-text`,
             children: [_jsx("div", {
               className: `${baseClass}__text`,
               children
-            }), t11]
+            }), t6]
           })
-        }), t12]
+        })
       })
     });
-    $[13] = children;
-    $[14] = relationTo;
-    $[15] = hasReadPermission;
-    $[16] = label;
-    $[17] = t;
-    $[18] = showTooltip;
-    $[19] = DocumentDrawerToggler;
-    $[20] = onSave;
-    $[21] = DocumentDrawer;
-    $[22] = props;
-    $[23] = t10;
+    $[4] = children;
+    $[5] = relationTo;
+    $[6] = hasReadPermission;
+    $[7] = label;
+    $[8] = t;
+    $[9] = onDocumentDrawerOpen;
+    $[10] = value;
+    $[11] = showTooltip;
+    $[12] = props;
+    $[13] = t5;
   } else {
-    t10 = $[23];
+    t5 = $[13];
   }
-  return t10;
+  return t5;
 };
 function _temp(e) {
   if (e.key === "Enter") {

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useEffect","useState","components","SelectComponents","useDocumentDrawer","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","label","relationTo","value","t2","undefined","customProps","t3","t4","onSave","setDrawerIsOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","permission","t5","toString","t6","id","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t7","isDrawerOpen","t8","t9","t10","t11","_jsx","_jsxs","className","onClick","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","show","t12","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../../types.js'\n\nimport { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js'\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const {\n    children,\n    data: { label, relationTo, value },\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { onSave, setDrawerIsOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({\n    id: value.toString(),\n    collectionSlug: relationTo,\n  })\n\n  useEffect(() => {\n    if (typeof setDrawerIsOpen === 'function') {\n      setDrawerIsOpen(isDrawerOpen)\n    }\n  }, [isDrawerOpen, setDrawerIsOpen])\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue {...props} className={baseClass}>\n        <div className={`${baseClass}__label`}>\n          <div className={`${baseClass}__label-text`}>\n            <div className={`${baseClass}__text`}>{children}</div>\n            {relationTo && hasReadPermission && (\n              <Fragment>\n                <DocumentDrawerToggler\n                  aria-label={t('general:editLabel', { label })}\n                  className={`${baseClass}__drawer-toggler`}\n                  onClick={() => setShowTooltip(false)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation()\n                    }\n                  }}\n                  onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                  onMouseEnter={() => setShowTooltip(true)}\n                  onMouseLeave={() => setShowTooltip(false)}\n                  onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                >\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {t('general:edit')}\n                  </Tooltip>\n                  <EditIcon />\n                </DocumentDrawerToggler>\n              </Fragment>\n            )}\n          </div>\n        </div>\n        {relationTo && hasReadPermission && <DocumentDrawer onSave={onSave} />}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentDrawerOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","permission","t5","t6","_jsx","_jsxs","className","onClick","id","collectionSlug","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { label, relationTo, value },\n    selectProps: { customProps: { onDocumentDrawerOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue {...props} className={baseClass}>\n        <div className={`${baseClass}__label`}>\n          <div className={`${baseClass}__label-text`}>\n            <div className={`${baseClass}__text`}>{children}</div>\n            {relationTo && hasReadPermission && (\n              <Fragment>\n                <button\n                  aria-label={t('general:editLabel', { label })}\n                  className={`${baseClass}__drawer-toggler`}\n                  onClick={() => {\n                    setShowTooltip(false)\n                    onDocumentDrawerOpen({\n                      id: value,\n                      collectionSlug: relationTo,\n                      hasReadPermission,\n                    })\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation()\n                    }\n                  }}\n                  onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                  onMouseEnter={() => setShowTooltip(true)}\n                  onMouseLeave={() => setShowTooltip(false)}\n                  onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                  type=\"button\"\n                >\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {t('general:edit')}\n                  </Tooltip>\n                  <EditIcon />\n                </button>\n              </Fragment>\n            )}\n          </div>\n        </div>\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAC1C,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAK/C,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAOTC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EACF;IAAAc,QAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAIIN,KAAA;EAFI;IAAAO,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAA4B;EAAA,IAAAM,EAAA;EAAA,IAAAT,CAAA,QAAAK,EAAA;IACrBI,EAAA,GAAAJ,EAAmD,KAAAK,SAAA,QAAnDL,EAAmD;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAnD;IAAAW,WAAA,EAAAC;EAAA,IAAAH,EAAmD;EAAA,IAAAI,EAAA;EAAA,IAAAb,CAAA,QAAAY,EAAA;IAApCC,EAAA,GAAAD,EAA6B,KAAAF,SAAA,QAA7BE,EAA6B;IAAAZ,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA7B;IAAAc;EAAA,IAAAD,EAA6B;EAG3D,OAAAE,WAAA,EAAAC,cAAA,IAAsC1B,QAAA,MAAS;EAC/C;IAAA2B;EAAA,IAAcrB,cAAA;EACd;IAAAsB;EAAA,IAAwBvB,OAAA;EACxB,MAAAwB,iBAAA,GAA0BC,OAAA,CAAQF,WAAA,EAAAG,WAAA,GAA2Bd,UAAA,GAAAe,IAAA,EAAAC,UAAmB;EAAA,IAAAC,EAAA;EAAA,IAAAxB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAmB,iBAAA,IAAAnB,CAAA,QAAAM,KAAA,IAAAN,CAAA,QAAAiB,CAAA,IAAAjB,CAAA,QAAAc,oBAAA,IAAAd,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAe,WAAA,IAAAf,CAAA,SAAAD,KAAA;IAAA,IAAA0B,EAAA;IAAA,IAAAzB,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAmB,iBAAA,IAAAnB,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAiB,CAAA,IAAAjB,CAAA,SAAAc,oBAAA,IAAAd,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAe,WAAA;MAQrEU,EAAA,GAAAlB,UAAA,IAAcY,iBAAA,IACbO,IAAA,CAAArC,QAAA;QAAAY,QAAA,EACE0B,KAAA,CAAC;UAAA,cACaV,CAAA,CAAE;YAAAX;UAAA,CAA6B;UAAAsB,SAAA,EAChC,GAAA/B,SAAA,kBAA8B;UAAAgC,OAAA,EAAAA,CAAA;YAEvCb,cAAA,MAAe;YACfF,oBAAA;cAAAgB,EAAA,EACMtB,KAAA;cAAAuB,cAAA,EACYxB,UAAA;cAAAY;YAAA,CAElB;UAAA;UAAAa,SAAA,EAAAC,KAAA;UAAAC,WAAA,EAAAC,MAAA;UAAAC,YAAA,EAAAA,CAAA,KAQkBpB,cAAA,KAAe;UAAAqB,YAAA,EAAAA,CAAA,KACfrB,cAAA,MAAe;UAAAsB,UAAA,EAAAC,MAAA;UAAAC,IAAA,EAE9B;UAAAvC,QAAA,GAELyB,IAAA,CAAAjC,OAAA;YAAAmC,SAAA,EAAoB,GAAA/B,SAAA,WAAuB;YAAA4C,IAAA,EAAQ1B,WAAA;YAAAd,QAAA,EAChDgB,CAAA,CAAE;UAAA,C,GAELS,IAAA,CAAAhC,QAAA,IAAC;QAAA,C;;;;;;;;;;;;;IAhCf8B,EAAA,GAAAE,IAAA,CAAAtC,KAAA,CAAAC,QAAA;MAAAY,QAAA,EACEyB,IAAA,CAAAlC,gBAAA,CAAAM,WAAA;QAAA,GAAkCC,KAAK;QAAA6B,SAAA,EAAA/B,SAAA;QAAAI,QAAA,EACrCyB,IAAA,CAAC;UAAAE,SAAA,EAAe,GAAA/B,SAAA,SAAqB;UAAAI,QAAA,EACnC0B,KAAA,CAAC;YAAAC,SAAA,EAAe,GAAA/B,SAAA,cAA0B;YAAAI,QAAA,GACxCyB,IAAA,CAAC;cAAAE,SAAA,EAAe,GAAA/B,SAAA,QAAoB;cAAAI;YAAA,C,GACnCwB,E;;;;;;;;;;;;;;;;;;SALTD,E;CAyCJ;AAtDI,SAAAS,MAAAS,CAAA;EAAA,IAgCoBA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAjCnC,SAAAT,OAAAU,GAAA;EAAA,OAoCkCH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AApCnD,SAAAL,OAAAO,GAAA;EAAA,OAuCiCJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -21,6 +21,10 @@
   }
 
   &__drawer-toggler {
+    border: none;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
     position: relative;
     display: inline-flex;
     align-items: center;

package/dist/fields/Relationship/types.d.ts

@@ -1,5 +1,5 @@
 import type { I18nClient } from '@payloadcms/translations';
-import type { ClientCollectionConfig, SanitizedConfig } from 'payload';
+import type { ClientCollectionConfig, ClientConfig, FilterOptionsResult } from 'payload';
 export type Option = {
     label: string;
     options?: Option[];
@@ -14,28 +14,37 @@ export type ValueWithRelation = {
     relationTo: string;
     value: number | string;
 };
-export type Value = ValueWithRelation | number | string;
+export type Value = number | string | ValueWithRelation;
 type CLEAR = {
+    exemptValues?: Value | Value[];
     type: 'CLEAR';
 };
 type UPDATE = {
     collection: ClientCollectionConfig;
-    config: SanitizedConfig;
+    config: ClientConfig;
     doc: any;
     i18n: I18nClient;
     type: 'UPDATE';
 };
 type ADD = {
     collection: ClientCollectionConfig;
-    config: SanitizedConfig;
+    config: ClientConfig;
     docs: any[];
     i18n: I18nClient;
     ids?: (number | string)[];
     sort?: boolean;
     type: 'ADD';
 };
-export type Action = ADD | CLEAR | UPDATE;
+type REMOVE = {
+    collection: ClientCollectionConfig;
+    config: ClientConfig;
+    i18n: I18nClient;
+    id: string;
+    type: 'REMOVE';
+};
+export type Action = ADD | CLEAR | REMOVE | UPDATE;
 export type GetResults = (args: {
+    filterOptions?: FilterOptionsResult;
     lastFullyLoadedRelation?: number;
     lastLoadedPage: Record<string, number>;
     onSuccess?: () => void;

package/dist/fields/Relationship/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,UAAU,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAExF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,YAAY,CAAA;IACpB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,UAAU,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,UAAU,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Relationship/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedConfig } from 'payload'\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: number | string\n}\n\nexport type Value = ValueWithRelation | number | string\n\ntype CLEAR = {\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR | UPDATE\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  lastLoadedPage: Record<string, number>\n  onSuccess?: () => void\n  search?: string\n  sort?: boolean\n  value?: Value | Value[]\n}) => Promise<void>\n"],"mappings":"AA8CA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ClientConfig, FilterOptionsResult } from 'payload'\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: number | string\n}\n\nexport type Value = number | string | ValueWithRelation\n\ntype CLEAR = {\n  exemptValues?: Value | Value[]\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\ntype REMOVE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  i18n: I18nClient\n  id: string\n  type: 'REMOVE'\n}\n\nexport type Action = ADD | CLEAR | REMOVE | UPDATE\n\nexport type GetResults = (args: {\n  filterOptions?: FilterOptionsResult\n  lastFullyLoadedRelation?: number\n  lastLoadedPage: Record<string, number>\n  onSuccess?: () => void\n  search?: string\n  sort?: boolean\n  value?: Value | Value[]\n}) => Promise<void>\n"],"mappings":"AAuDA","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAE5D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RichTextField"],"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldProps } from 'payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldProps> = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAIA,OAAO,MAAMA,aAAA,GAA8CA,CAAA;EACzD,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RichTextField"],"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldClientProps } from 'payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldClientProps> = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAIA,OAAO,MAAMA,aAAA,GAAoDA,CAAA;EAC/D,OAAO;AACT","ignoreList":[]}

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

@@ -1,7 +1,14 @@
-import type { RowFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
 import { RowProvider, useRow } from './provider.js';
 export { RowProvider, useRow };
-export declare const RowField: React.FC<RowFieldProps>;
+export declare const RowField: React.FC<{
+    readonly forceRender?: boolean;
+    readonly indexPath: string;
+} & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
+    readonly field: Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AA+B9B,eAAO,MAAM,QAAQ,yBAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AA+B9B,eAAO,MAAM,QAAQ;;;;;;;;oCAAmC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowFieldComponent","props","$","field","t0","forceRender","t1","admin","t2","fields","t3","undefined","className","indexPath","path","readOnly","schemaPath","siblingPermissions","t4","filter","Boolean","t5","join","t6","_jsx","children","margins","permissions","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldProps } from 'payload'\n\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: React.FC<RowFieldProps> = (props) => {\n  const {\n    field: { admin: { className } = {}, fields },\n    forceRender = false,\n  } = props\n\n  const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          path={path}\n          permissions={siblingPermissions}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,EAAEC,MAAM,QAAQ;AAEpC,SAASD,WAAW,EAAEC,MAAM;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA6CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACjD;IAAAY,KAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIL,KAAA;EAFK;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAAqC;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA;IAA5BE,EAAA,GAAAF,EAAkB,KAAAG,SAAA,QAAlBH,EAAkB;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAlB;IAAAU;EAAA,IAAAF,EAAkB;EAClC,MAAAL,WAAA,GAAAC,EAAmB,KAAAK,SAAA,WAAnBL,EAAmB;EAGrB;IAAAO,SAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC;EAAA,IAAsExB,aAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAhB,CAAA,QAAAU,SAAA;IAIlDM,EAAA,IAAAtB,cAAA,EAAAG,SAAA,EAA4Ba,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAlB,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAA9C,MAAAmB,EAAA,GAAAH,EAA8C,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAO,MAAA,IAAAP,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAe,kBAAA,IAAAf,CAAA,QAAAa,QAAA,IAAAb,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAmB,EAAA;IAD9EE,EAAA,GAAAC,IAAA,CAAA3B,WAAA;MAAA4B,QAAA,EACED,IAAA,CAAC;QAAAZ,SAAA,EAAeS,EAA4D;QAAAI,QAAA,EAC1ED,IAAA,CAAA9B,YAAA;UAAAkB,SAAA,EACa,GAAAb,SAAA,UAAsB;UAAAU,MAAA;UAAAJ,WAAA;UAAAQ,SAAA;UAAAa,OAAA;UAAAZ,IAAA;UAAAa,WAAA,EAMpBV,kBAAA;UAAAF,QAAA;UAAAC;QAAA,C;;;;;;;;;;;;;;;SATnBO,E;CAgBJ;AAEA,OAAO,MAAMK,QAAA,GAAWjC,aAAA,CAAcK,iBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowFieldComponent","props","$","field","t0","forceRender","t1","admin","t2","fields","t3","undefined","className","indexPath","path","readOnly","schemaPath","siblingPermissions","t4","filter","Boolean","t5","join","t6","_jsx","children","margins","permissions","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, fields },\n    forceRender = false,\n  } = props\n\n  const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          path={path}\n          permissions={siblingPermissions}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,EAAEC,MAAM,QAAQ;AAEpC,SAASD,WAAW,EAAEC,MAAM;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA6CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACjD;IAAAY,KAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIL,KAAA;EAFK;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAAqC;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA;IAA5BE,EAAA,GAAAF,EAAkB,KAAAG,SAAA,QAAlBH,EAAkB;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAlB;IAAAU;EAAA,IAAAF,EAAkB;EAClC,MAAAL,WAAA,GAAAC,EAAmB,KAAAK,SAAA,WAAnBL,EAAmB;EAGrB;IAAAO,SAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC;EAAA,IAAsExB,aAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAhB,CAAA,QAAAU,SAAA;IAIlDM,EAAA,IAAAtB,cAAA,EAAAG,SAAA,EAA4Ba,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAlB,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAA9C,MAAAmB,EAAA,GAAAH,EAA8C,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAO,MAAA,IAAAP,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAe,kBAAA,IAAAf,CAAA,QAAAa,QAAA,IAAAb,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAmB,EAAA;IAD9EE,EAAA,GAAAC,IAAA,CAAA3B,WAAA;MAAA4B,QAAA,EACED,IAAA,CAAC;QAAAZ,SAAA,EAAeS,EAA4D;QAAAI,QAAA,EAC1ED,IAAA,CAAA9B,YAAA;UAAAkB,SAAA,EACa,GAAAb,SAAA,UAAsB;UAAAU,MAAA;UAAAJ,WAAA;UAAAQ,SAAA;UAAAa,OAAA;UAAAZ,IAAA;UAAAa,WAAA,EAMpBV,kBAAA;UAAAF,QAAA;UAAAC;QAAA,C;;;;;;;;;;;;;;;SATnBO,E;CAgBJ;AAEA,OAAO,MAAMK,QAAA,GAAWjC,aAAA,CAAcK,iBAAA","ignoreList":[]}

package/dist/fields/Row/index.scss

@@ -4,10 +4,20 @@
   .row__fields {
     display: flex;
     flex-wrap: wrap;
-    gap: calc(var(--base) * 0.5);
+    row-gap: calc(var(--base) * 0.8);
 
     > * {
-      flex-grow: 1;
+      flex: 0 1 var(--field-width);
+    }
+
+    // If there is more than one child, add inline-margins to space them out.
+    &:has(> *:nth-child(2)) {
+      margin-inline: calc(var(--base) / -4); // add negative margin to counteract the gap.
+
+      > * {
+        flex: 0 1 calc(var(--field-width) - var(--base) * 0.5);
+        margin-inline: calc(var(--base) / 4);
+      }
     }
   }
 

package/dist/fields/Select/Input.d.ts

@@ -4,20 +4,20 @@ import React from 'react';
 import type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
 import './index.scss';
 export type SelectInputProps = {
-    readonly Description?: MappedComponent;
-    readonly Error?: MappedComponent;
-    readonly Label?: MappedComponent;
     readonly afterInput?: MappedComponent[];
     readonly beforeInput?: MappedComponent[];
     readonly className?: string;
+    readonly Description?: MappedComponent;
     readonly description?: StaticDescription;
     readonly descriptionProps?: Record<string, unknown>;
+    readonly Error?: MappedComponent;
     readonly errorProps?: Record<string, unknown>;
     readonly field?: MarkOptional<SelectFieldClient, 'type'>;
     readonly hasMany?: boolean;
     readonly isClearable?: boolean;
     readonly isSortable?: boolean;
-    readonly label: StaticLabel;
+    readonly Label?: MappedComponent;
+    readonly label?: StaticLabel;
     readonly labelProps?: Record<string, unknown>;
     readonly name: string;
     readonly onChange?: ReactSelectAdapterProps['onChange'];
@@ -28,7 +28,7 @@ export type SelectInputProps = {
     readonly showError?: boolean;
     readonly style?: React.CSSProperties;
     readonly value?: string | string[];
-    readonly width?: string;
+    readonly width?: React.CSSProperties['width'];
 };
 export declare const SelectInput: React.FC<SelectInputProps>;
 //# sourceMappingURL=Input.d.ts.map

package/dist/fields/Select/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkGlD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkGlD,CAAA"}

package/dist/fields/Select/Input.js

@@ -15,19 +15,19 @@ import './index.scss';
 export const SelectInput = props => {
   const $ = _c(48);
   const {
-    Description,
-    Error,
-    Label,
     afterInput,
     beforeInput,
     className,
+    Description,
     description,
     descriptionProps,
+    Error,
     errorProps,
     field,
     hasMany: t0,
     isClearable: t1,
     isSortable: t2,
+    Label,
     label,
     labelProps,
     onChange,
@@ -47,7 +47,7 @@ export const SelectInput = props => {
     i18n
   } = useTranslation();
   let t3;
-  if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== labelProps || $[11] !== Label || $[12] !== field || $[13] !== label || $[14] !== required || $[15] !== errorProps || $[16] !== Error || $[17] !== beforeInput || $[18] !== isClearable || $[19] !== isSortable || $[20] !== onChange || $[21] !== afterInput || $[22] !== descriptionProps || $[23] !== Description || $[24] !== description) {
+  if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== labelProps || $[11] !== field || $[12] !== Label || $[13] !== label || $[14] !== required || $[15] !== errorProps || $[16] !== Error || $[17] !== beforeInput || $[18] !== isClearable || $[19] !== isSortable || $[20] !== onChange || $[21] !== afterInput || $[22] !== descriptionProps || $[23] !== Description || $[24] !== description) {
     let valueToRender;
     if (hasMany && Array.isArray(value)) {
       let t4;
@@ -151,8 +151,8 @@ export const SelectInput = props => {
         width
       },
       children: [_jsx(FieldLabel, {
-        Label,
         field,
+        Label,
         label,
         required,
         ...t7
@@ -195,8 +195,8 @@ export const SelectInput = props => {
     $[8] = style;
     $[9] = width;
     $[10] = labelProps;
-    $[11] = Label;
-    $[12] = field;
+    $[11] = field;
+    $[12] = Label;
     $[13] = label;
     $[14] = required;
     $[15] = errorProps;

package/dist/fields/Select/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","SelectInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","field","hasMany","t0","isClearable","t1","isSortable","t2","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","t8","t9","option_1","t10","_jsxs","join","id","replace","children","_jsx","CustomError","mappedComponent","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  MappedComponent,\n  OptionObject,\n  SelectFieldClient,\n  StaticDescription,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<SelectFieldClient, 'type'>\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n  readonly width?: string\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    labelProps,\n    onChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","SelectInput","props","$","afterInput","beforeInput","className","Description","description","descriptionProps","Error","errorProps","field","hasMany","t0","isClearable","t1","isSortable","t2","Label","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","t8","t9","option_1","t10","_jsxs","join","id","replace","children","_jsx","CustomError","mappedComponent","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  MappedComponent,\n  OptionObject,\n  SelectFieldClient,\n  StaticDescription,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly Error?: MappedComponent\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<SelectFieldClient, 'type'>\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: MappedComponent\n  readonly label?: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n  readonly width?: React.CSSProperties['width']\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    afterInput,\n    beforeInput,\n    className,\n    Description,\n    description,\n    descriptionProps,\n    Error,\n    errorProps,\n    field,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    Label,\n    label,\n    labelProps,\n    onChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        field={field}\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={beforeInput} />\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,15 @@
-import type { SelectFieldProps } from 'payload';
 import React from 'react';
 import type { SelectInputProps } from './Input.js';
 import { SelectInput } from './Input.js';
-export declare const SelectField: React.FC<SelectFieldProps>;
+export declare const SelectField: React.FC<{
+    readonly onChange?: (e: string | string[]) => void;
+    readonly validate?: import("payload").SelectFieldValidation;
+    readonly value?: string;
+} & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").SelectFieldClient, "type"> & Partial<Pick<import("payload").SelectFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").SelectFieldClient, "type"> & Partial<Pick<import("payload").SelectFieldClient, "type">>>;
+    readonly field: Omit<import("payload").SelectFieldClient, "type"> & Partial<Pick<import("payload").SelectFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").SelectFieldClient, "type"> & Partial<Pick<import("payload").SelectFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 export { SelectInput, type SelectInputProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA+GxC,eAAO,MAAM,WAAW,4BAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA8GxC,eAAO,MAAM,WAAW;;;;;;;;;oCAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}