@payloadcms/ui 3.0.0-canary.d894ac7 → 3.0.0-canary.e198dc5

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

@@ -1,29 +1,44 @@
 @import '../../scss/styles.scss';
 
-.field-type.row {
-  .row__fields {
-    display: flex;
-    flex-wrap: wrap;
-    gap: calc(var(--base) * 0.5);
-
-    > * {
-      flex-grow: 1;
-    }
-  }
-
-  @include mid-break {
+@layer payload-default {
+  .field-type.row {
     .row__fields {
-      display: block;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: calc(var(--base) * 0.8);
 
       > * {
+        flex: 0 1 var(--field-width);
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+      }
+
+      // 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);
+        }
+      }
+    }
+
+    @include mid-break {
+      .row__fields {
+        display: block;
         margin-left: 0;
         margin-right: 0;
-        width: 100% !important;
-        padding-left: 0;
-        padding-right: 0;
+        width: 100%;
+
+        > * {
+          margin-left: 0;
+          margin-right: 0;
+          width: 100% !important;
+          padding-left: 0;
+          padding-right: 0;
+        }
       }
     }
   }

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"}

package/dist/fields/Select/index.js

@@ -31,7 +31,6 @@ const SelectFieldComponent = props => {
         width
       } = {},
       hasMany = false,
-      label,
       options: optionsFromProps = [],
       required
     },
@@ -42,12 +41,14 @@ const SelectFieldComponent = props => {
   const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps]);
   const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') return validate(value, {
-      ...validationOptions,
-      hasMany,
-      options,
-      required
-    });
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
+        hasMany,
+        options,
+        required
+      });
+    }
   }, [validate, required, hasMany, options]);
   const {
     path: pathFromContext,
@@ -84,18 +85,17 @@ const SelectFieldComponent = props => {
     }
   }, [disabled, hasMany, setValue, onChangeFromProps]);
   return /*#__PURE__*/_jsx(SelectInput, {
-    Description: field?.admin?.components?.Description,
-    Error: field?.admin?.components?.Error,
-    Label: field?.admin?.components?.Label,
     afterInput: field?.admin?.components?.afterInput,
     beforeInput: field?.admin?.components?.beforeInput,
     className: className,
+    Description: field?.admin?.components?.Description,
     description: description,
+    Error: field?.admin?.components?.Error,
     field: field,
     hasMany: hasMany,
     isClearable: isClearable,
     isSortable: isSortable,
-    label: label,
+    Label: field?.admin?.components?.Label,
     name: name,
     onChange: onChange,
     options: options,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useFieldProps","useField","withCondition","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","_path","pathFromProps","admin","className","description","isClearable","isSortable","readOnly","readOnlyFromAdmin","style","width","hasMany","optionsFromProps","required","onChange","onChangeFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","useMemo","memoizedValidate","validationOptions","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","selectedOption","newValue","Array","isArray","_jsx","Description","components","Error","Label","afterInput","beforeInput","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldProps } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: React.FC<SelectFieldProps> = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {} as SelectFieldProps['field']['admin'],\n      hasMany = false,\n      label,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...validationOptions, hasMany, options, required })\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  return (\n    <SelectInput\n      Description={field?.admin?.components?.Description}\n      Error={field?.admin?.components?.Error}\n      Label={field?.admin?.components?.Label}\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      description={description}\n      field={field}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={disabled}\n      required={required}\n      showError={showError}\n      style={style}\n      value={value as string | string[]}\n      width={width}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useFieldProps","useField","withCondition","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","_path","pathFromProps","admin","className","description","isClearable","isSortable","readOnly","readOnlyFromAdmin","style","width","hasMany","optionsFromProps","required","onChange","onChangeFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","useMemo","memoizedValidate","validationOptions","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","setValue","showError","disabled","selectedOption","newValue","Array","isArray","_jsx","afterInput","components","beforeInput","Description","Error","Label","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, path, setValue, showError, value } = useField({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  return (\n    <SelectInput\n      afterInput={field?.admin?.components?.afterInput}\n      beforeInput={field?.admin?.components?.beforeInput}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={description}\n      Error={field?.admin?.components?.Error}\n      field={field}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={field?.admin?.components?.Label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={disabled}\n      required={required}\n      showError={showError}\n      style={style}\n      value={value as string | string[]}\n      width={width}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Select/index.scss

@@ -1,24 +1,26 @@
 @import '../../scss/styles.scss';
 
-.field-type.select {
-  position: relative;
-}
-
-html[data-theme='light'] {
+@layer payload-default {
   .field-type.select {
-    &.error {
-      .rs__control {
-        @include lightInputError;
+    position: relative;
+  }
+
+  html[data-theme='light'] {
+    .field-type.select {
+      &.error {
+        .rs__control {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .field-type.select {
-    &.error {
-      .rs__control {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .field-type.select {
+      &.error {
+        .rs__control {
+          @include darkInputError;
+        }
       }
     }
   }

package/dist/fields/Tabs/Tab/index.scss

@@ -1,78 +1,80 @@
 @import '../../../scss/styles.scss';
 
-.tabs-field__tab-button {
-  @extend %btn-reset;
-  @extend %h4;
-  display: flex;
-  padding-bottom: base(1);
-  margin: 0 $baseline 0 0;
-  cursor: pointer;
-  opacity: 0.5;
-  position: relative;
-  white-space: nowrap;
-  flex-shrink: 0;
-  gap: base(0.5);
+@layer payload-default {
+  .tabs-field__tab-button {
+    @extend %btn-reset;
+    @extend %h4;
+    display: flex;
+    padding-bottom: base(1);
+    margin: 0 $baseline 0 0;
+    cursor: pointer;
+    opacity: 0.5;
+    position: relative;
+    white-space: nowrap;
+    flex-shrink: 0;
+    gap: base(0.5);
 
-  &:last-child {
-    margin: 0;
-  }
-
-  &:after {
-    content: ' ';
-    position: absolute;
-    right: 0;
-    bottom: -1px;
-    left: 0;
-    height: 1px;
-    background: var(--theme-elevation-800);
-    opacity: 0;
-  }
-
-  &:hover {
-    opacity: 0.75;
+    &:last-child {
+      margin: 0;
+    }
 
     &:after {
-      opacity: 0.2;
+      content: ' ';
+      position: absolute;
+      right: 0;
+      bottom: -1px;
+      left: 0;
+      height: 1px;
+      background: var(--theme-elevation-800);
+      opacity: 0;
     }
-  }
 
-  &--active {
-    opacity: 1 !important;
+    &:hover {
+      opacity: 0.75;
 
-    &:after {
+      &:after {
+        opacity: 0.2;
+      }
+    }
+
+    &--active {
       opacity: 1 !important;
-      height: 2px;
+
+      &:after {
+        opacity: 1 !important;
+        height: 2px;
+      }
     }
-  }
 
-  &__description {
-    margin-bottom: calc(var(--base) / 2);
-  }
+    &__description {
+      margin-bottom: calc(var(--base) / 2);
+    }
 
-  @include small-break {
-    margin: 0 base(0.75) 0 0;
-    padding-bottom: base(0.5);
+    @include small-break {
+      margin: 0 base(0.75) 0 0;
+      padding-bottom: base(0.5);
 
-    &:last-child {
-      margin: 0;
+      &:last-child {
+        margin: 0;
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .tabs-field__tab-button--has-error {
-    color: var(--theme-error-750);
-    &:after {
-      background: var(--theme-error-500);
+  html[data-theme='light'] {
+    .tabs-field__tab-button--has-error {
+      color: var(--theme-error-750);
+      &:after {
+        background: var(--theme-error-500);
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .tabs-field__tab-button--has-error {
-    color: var(--theme-error-500);
-    &:after {
-      background: var(--theme-error-500);
+  html[data-theme='dark'] {
+    .tabs-field__tab-button--has-error {
+      color: var(--theme-error-500);
+      &:after {
+        background: var(--theme-error-500);
+      }
     }
   }
 }

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

@@ -1,7 +1,11 @@
-import type { TabsFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
 import { TabsProvider } from './provider.js';
 export { TabsProvider };
-export declare const TabsField: React.FC<TabsFieldProps>;
+export declare const TabsField: React.FC<Record<string, unknown> & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").TabsFieldClient, "type"> & Partial<Pick<import("payload").TabsFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").TabsFieldClient, "type"> & Partial<Pick<import("payload").TabsFieldClient, "type">>>;
+    readonly field: Omit<import("payload").TabsFieldClient, "type"> & Partial<Pick<import("payload").TabsFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").TabsFieldClient, "type"> & Partial<Pick<import("payload").TabsFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuB,cAAc,EAAE,MAAM,SAAS,CAAA;AAIlE,OAAO,KAA2C,MAAM,OAAO,CAAA;AAY/D,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,OAAO,EAAE,YAAY,EAAE,CAAA;AAiKvB,eAAO,MAAM,SAAS,0BAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAW/D,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAK5C,OAAO,EAAE,YAAY,EAAE,CAAA;AAiKvB,eAAO,MAAM,SAAS;;;;;oCAAoC,CAAA"}

package/dist/fields/Tabs/index.js

@@ -14,9 +14,9 @@ import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { fieldBaseClass } from '../shared/index.js';
-import { TabComponent } from './Tab/index.js';
 import './index.scss';
 import { TabsProvider } from './provider.js';
+import { TabComponent } from './Tab/index.js';
 const baseClass = 'tabs-field';
 export { TabsProvider };
 const TabsFieldComponent = props => {