@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

package/dist/fields/Blocks/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../../elements/ClipboardAction/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteData: ClipboardPasteEligibilityArgs\n  readonly pasteRow: (rowIndex: number) => void\n  readonly pasteRowBelow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteData,\n    pasteRow,\n    pasteRowBelow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\n        pasteData={pasteData}\n        pasteRow={pasteRow}\n        pasteRowBelow={pasteRowBelow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,UAAA,GAiBRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,MAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAgBIhB,KAAA;EAEJ;IAAAiB,UAAA;IAAAC;EAAA,IAAkCxB,QAAA;EAClC,MAAAyB,UAAA,GAAmBtB,aAAA,CAAc;EAEjC,OAAAuB,UAAA,EAAAC,aAAA,IAAoC1B,KAAA,CAAA2B,QAAA,KAA8B;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAgB,UAAA,IAAAhB,CAAA,QAAAkB,UAAA,IAAAlB,CAAA,QAAAmB,UAAA;IAKpDG,EAAA,GAAAA,CAAAC,CAAA,EAAAC,YAAA;MAAA,IACF,OAAOvB,MAAA,KAAW;QACfA,MAAA,CAAOkB,UAAA,EAAYK,YAAA;MAAA;MAE1BR,UAAA,CAAWE,UAAA;IAAA;IACblB,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAgB,UAAA;IAAAhB,CAAA,MAAAkB,UAAA;IAAAlB,CAAA,MAAAmB,UAAA;IAAAnB,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAzB,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAkB,UAAA,IAAAlB,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAQ,MAAA,IAAAR,CAAA,SAAAS,OAAA,IAAAT,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,QAAA,IAAAX,CAAA,SAAAY,aAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAsB,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAA1B,CAAA,SAAAkB,UAAA,IAAAlB,CAAA,SAAAiB,SAAA;MAOQS,EAAA,GAAAC,KAAA;QACNP,aAAA,CAAcO,KAAA;QACdV,SAAA,CAAUC,UAAA;MAAA;MACZlB,CAAA,OAAAkB,UAAA;MAAAlB,CAAA,OAAAiB,SAAA;MAAAjB,CAAA,OAAA0B,EAAA;IAAA;MAAAA,EAAA,GAAA1B,CAAA;IAAA;IAAA,IAAA4B,EAAA;IAAA,IAAA5B,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAK,YAAA,IAAAL,CAAA,SAAAe,QAAA;MAEca,EAAA,GAAAA,CAAA,KAAMvB,YAAA,CAAaU,QAAA,EAAUZ,SAAA;MAAAH,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAK,YAAA;MAAAL,CAAA,OAAAe,QAAA;MAAAf,CAAA,OAAA4B,EAAA;IAAA;MAAAA,EAAA,GAAA5B,CAAA;IAAA;IAnB/CyB,EAAA,GAAAI,KAAA,CAAAnC,KAAA,CAAAoC,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAAnC,YAAA;QAAAI,MAAA,EACUqB,EAKR;QAAAW,WAAA,EACalB,QAAA;QAAAb,MAAA;QAAAgB,UAAA;QAAAV;MAAA,C,GAKfwB,IAAA,CAAArC,WAAA;QAAAM,MAAA,EACUyB,EAGR;QAAAtB,OAAA;QAAAC,YAAA,EAEcuB,EAA6B;QAAAtB,UAAA;QAAAqB,KAAA,EAEpCZ,QAAA;QAAAR,UAAA;QAAAE,OAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,aAAA;QAAAC,SAAA;QAAAC;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;SArBXW,E;CAgCJ","ignoreList":[]}
+{"version":3,"file":"RowActions.js","names":["c","_c","useModal","getTranslation","React","ArrayAction","useDrawerSlug","useTranslation","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","rowIndex","closeModal","openModal","i18n","drawerSlug","t0","t1","candidate","slug","block","find","singular","rowLabel","indexToAdd","setIndexToAdd","useState","t2","_","rowBlockType","t3","index","t4","_jsxs","Fragment","children","_jsx","addRowIndex","label"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../../elements/ClipboardAction/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteData: ClipboardPasteEligibilityArgs\n  readonly pasteRow: (rowIndex: number) => void\n  readonly pasteRowBelow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteData,\n    pasteRow,\n    pasteRowBelow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const { i18n } = useTranslation()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const block = blocks.find(\n    (candidate): candidate is ClientBlock =>\n      typeof candidate !== 'string' && candidate.slug === blockType,\n  )\n  const rowLabel = `${block ? getTranslation(block.labels.singular, i18n) : blockType} ${rowIndex + 1}`\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        label={rowLabel}\n        moveRow={moveRow}\n        pasteData={pasteData}\n        pasteRow={pasteRow}\n        pasteRowBelow={pasteRowBelow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/SectionTitle/index.css

@@ -20,10 +20,9 @@
 
   .section-title:after,
   .section-title__input {
-    font-family: var(--text-body-medium-strong-font-family);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    font-size: var(--text-body-medium-strong-font-size);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    font-size: var(--text-body-medium-bold-font-size);
+    line-height: var(--text-body-medium-bold-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     padding: 0 var(--spacer-1);
     width: 100%;
@@ -36,7 +35,6 @@
 
     &::placeholder {
       color: var(--color-text-tertiary);
-      font-family: var(--text-body-medium-font-family);
       font-weight: var(--text-body-medium-font-weight);
     }
     min-width: min-content;
@@ -71,4 +69,8 @@
   .collapsible--collapsed .section-title--empty {
     display: none;
   }
+
+  html[data-enhanced-contrast] .section-title__input:not([readonly]):not(:focus) {
+    border-color: var(--color-border-control);
+  }
 }

package/dist/fields/Blocks/SectionTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useField","useTranslation","baseClass","SectionTitle","props","$","customOnChange","customValue","path","readOnly","t0","setValue","value","t","t1","Symbol","for","filter","Boolean","classes","join","t2","e","stopPropagation","preventDefault","target","onChange","t3","_jsx","className","children","id","name","placeholder","type"],"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value || t('general:untitled')}>\n      <input\n        aria-label={t('fields:blockName')}\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,cAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAwDL,KAAA;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAG,IAAA;IAEnBE,EAAA;MAAAF;IAAA;IAAOH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAA5C;IAAAM,QAAA;IAAAC;EAAA,IAA4BZ,QAAA,CAASU,EAAO;EAC5C;IAAAG;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEEF,EAAA,IAAAZ,SAAA,EAAAe,MAAA,CAAAC,OAAmB;IAAAb,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAnC,MAAAc,OAAA,GAAgBL,EAAmB,CAAAM,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,QAAA;IAG/CU,EAAA,GAAAf,cAAA,KAAAgB,CAAA;MAEEA,CAAA,CAAAC,eAAA,CAAiB;MACjBD,CAAA,CAAAE,cAAA,CAAgB;MAChBb,QAAA,CAASW,CAAA,CAAAG,MAAA,CAAAb,KAAc;IAAA,EACzB;IAAAP,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EANF,MAAAqB,QAAA,GACEL,EAKA;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAqB,QAAA,IAAArB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,KAAA;IAGAe,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeV,OAAA;MAAA,cAAqBZ,WAAA,IAAeK,KAAA,IAASC,CAAA,CAAE;MAAAiB,QAAA,EAC7DF,IAAA,CAAC;QAAA,cACaf,CAAA,CAAE;QAAAgB,SAAA,EACH,GAAA3B,SAAA,SAAqB;QAAA6B,EAAA,EAC5BvB,IAAA;QAAAwB,IAAA,EACExB,IAAA;QAAAkB,QAAA;QAAAO,WAAA,EAEOpB,CAAA,CAAE;QAAAJ,QAAA;QAAAyB,IAAA,EAEV;QAAAtB,KAAA,EACEL,WAAA,IAAgBK,KAAA,IAAoB;MAAA,C;;;;;;;;;;;;SAV/Ce,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","useTranslation","baseClass","SectionTitle","props","$","customOnChange","customValue","path","readOnly","t0","setValue","value","t","t1","Symbol","for","filter","Boolean","classes","join","t2","e","stopPropagation","preventDefault","target","onChange","t3","_jsx","className","children","id","name","placeholder","type"],"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value || t('general:untitled')}>\n      <input\n        aria-label={t('fields:blockName')}\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,cAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAwDL,KAAA;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAG,IAAA;IAEnBE,EAAA;MAAAF;IAAO;IAAAH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAA5C;IAAAM,QAAA;IAAAC;EAAA,IAA4BZ,QAAA,CAASU,EAAO;EAC5C;IAAAG;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEEF,EAAA,IAACZ,SAAA,CAAU,CAAAe,MAAO,CAACC,OAAA;IAAAb,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAnC,MAAAc,OAAA,GAAgBL,EAAmB,CAAAM,IAAa,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,QAAA;IAG/CU,EAAA,GAAAf,cAKA,KALAgB,CAAA;MAEEA,CAAA,CAAAC,eAAiB;MACjBD,CAAA,CAAAE,cAAgB;MAChBb,QAAA,CAASW,CAAA,CAAAG,MAAQ,CAAAb,KAAM;IAAA,CACzB;IAAAP,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EANF,MAAAqB,QAAA,GACEL,EAKA;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAqB,QAAA,IAAArB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,KAAA;IAGAe,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeV,OAAA;MAAA,cAAqBZ,WAAe,IAAfK,KAA0B,IAAFC,CAAA,CAAE;MAAAiB,QAAA,EAC7DF,IAAA,CAAC;QAAA,cACaf,CAAA,CAAE;QAAAgB,SAAA,EACH,GAAG3B,SAAA,SAAkB;QAAA6B,EAAA,EAC5BvB,IAAA;QAAAwB,IAAA,EACExB,IAAA;QAAAkB,QAAA;QAAAO,WAAA,EAEOpB,CAAA,CAAE;QAAAJ,QAAA;QAAAyB,IAAA,EAEV;QAAAtB,KAAA,EACEL,WAAgB,IAAhBK,KAAoC,IAApC;;;;;;;;;;;;;SAVXe,E;CAcJ","ignoreList":[]}

package/dist/fields/Blocks/index.css

@@ -67,6 +67,7 @@
       padding: 0;
     }
 
+    /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
     @media (max-width: 768px) {
       & > li:not(:last-child) {
         display: none;
@@ -86,7 +87,7 @@
   .blocks-field__title {
     margin-bottom: 0;
     color: var(--color-text);
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
   }
 
   .blocks-field__block-header {
@@ -107,7 +108,7 @@
 
   .blocks-field__block-number {
     flex-shrink: 0;
-    color: var(--color-text);
+    color: var(--color-text-secondary);
   }
 
   .blocks-field__block-pill {

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

@@ -1,8 +1,5 @@
+import type { BlocksFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const BlocksField: React.FC<{
-    readonly validate?: import("payload").BlocksFieldValidation;
-} & import("payload").FieldPaths & {
-    readonly field: Omit<import("payload").BlocksFieldClient, "type"> & Partial<Pick<import("payload").BlocksFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const BlocksField: React.FC<BlocksFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAiC7D,OAAO,aAAa,CAAA;AA8iBpB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,SAAS,CAAA;AAIlE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAiCpE,OAAO,aAAa,CAAA;AA2jBpB,eAAO,MAAM,WAAW,kCAAsC,CAAA"}

package/dist/fields/Blocks/index.js

@@ -3,7 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment, useCallback, useMemo } from 'react';
+import React, { Fragment, useCallback, useId, useMemo } from 'react';
 import { toast } from 'sonner';
 import { Banner } from '../../elements/Banner/index.js';
 import { Button } from '../../elements/Button/index.js';
@@ -37,10 +37,12 @@ import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { fieldBaseClass } from '../shared/index.js';
+import { useRowFocus } from '../shared/useRowFocus.js';
 import { BlockRow } from './BlockRow.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
 const baseClass = 'blocks-field';
 const BlocksFieldComponent = props => {
+  const rowsID = useId();
   const {
     i18n,
     t
@@ -83,9 +85,8 @@ const BlocksFieldComponent = props => {
     replaceState,
     setModified
   } = useForm();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const {
     config: {
       localization
@@ -168,6 +169,10 @@ const BlocksFieldComponent = props => {
     };
   }, [blocks, blocksFilterOptions, config.blocksMap]);
   const getBlockConfig = blockType => config.blocksMap[blockType] ?? clientBlocks.find(block_1 => block_1.slug === blockType);
+  const {
+    fieldRef,
+    focusRow
+  } = useRowFocus();
   const addRow = useCallback((rowIndex, blockType_0) => {
     addFieldRow({
       blockType: blockType_0,
@@ -175,10 +180,8 @@ const BlocksFieldComponent = props => {
       rowIndex,
       schemaPath
     });
-    setTimeout(() => {
-      scrollToID(`${path}-row-${rowIndex + 1}`);
-    }, 0);
-  }, [addFieldRow, path, schemaPath]);
+    focusRow(`${path.split('.').join('-')}-row-${rowIndex}`);
+  }, [addFieldRow, focusRow, path, schemaPath]);
   const duplicateRow = useCallback(rowIndex_0 => {
     dispatchFields({
       type: 'DUPLICATE_ROW',
@@ -371,6 +374,7 @@ const BlocksFieldComponent = props => {
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
     id: `field-${path?.replace(/\./g, '__')}`,
+    ref: fieldRef,
     style: styles,
     children: [shouldShowFieldError && /*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Error,
@@ -404,6 +408,9 @@ const BlocksFieldComponent = props => {
         }), /*#__PURE__*/_jsxs("ul", {
           className: `${baseClass}__header-actions`,
           children: [rows.length > 0 && /*#__PURE__*/_jsx(CollapseAllToggle, {
+            controls: rowsID,
+            isExpanded: rows.some(row_0 => !row_0.collapsed),
+            label: getTranslation(label || labels?.plural || name, i18n),
             onClick: toggleCollapseAll
           }), /*#__PURE__*/_jsx("li", {
             children: /*#__PURE__*/_jsx(ClipboardAction, {
@@ -437,26 +444,28 @@ const BlocksFieldComponent = props => {
       path: path,
       readOnly: readOnly
     }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
+      announceRows: true,
       className: `${baseClass}__rows`,
-      ids: rows.map(row_0 => row_0.id),
+      id: rowsID,
+      ids: rows.map(row_1 => row_1.id),
       onDragEnd: ({
         moveFromIndex: moveFromIndex_0,
         moveToIndex: moveToIndex_0
       }) => moveRow(moveFromIndex_0, moveToIndex_0),
       renderDragOverlay: isSortable && !readOnly && !disabled ? renderDragOverlay : undefined,
       sortingStrategy: verticalListSortingStrategy,
-      children: [rows.map((row_1, i) => {
+      children: [rows.map((row_2, i) => {
         const {
           blockType: blockType_1,
           isLoading
-        } = row_1;
+        } = row_2;
         const blockConfig_0 = getBlockConfig(blockType_1);
         if (blockConfig_0) {
           const rowPath = `${path}.${i}`;
           const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + '.')).length;
           return /*#__PURE__*/_jsx(DraggableSortableItem, {
             disabled: readOnly || disabled || !isSortable,
-            id: row_1.id,
+            id: row_2.id,
             children: draggableSortableItemProps => /*#__PURE__*/_jsx(BlockRow, {
               ...draggableSortableItemProps,
               addRow: addRow,
@@ -480,13 +489,13 @@ const BlocksFieldComponent = props => {
               permissions: permissions,
               readOnly: readOnly || disabled,
               removeRow: removeRow,
-              row: row_1,
+              row: row_2,
               rowCount: rows.length,
               rowIndex: i,
               schemaPath: schemaPath + blockConfig_0.slug,
               setCollapse: setCollapse
             })
-          }, row_1.id);
+          }, row_2.id);
         }
         return null;
       }), !valid && /*#__PURE__*/_jsxs(React.Fragment, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","insertRowFromClipboard","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","code","locale","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteRowBelow","split","join","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","displayedErrorCount","showMinRows","showRequired","shouldShowSummaryBanner","shouldShowFieldError","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","replace","style","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  insertRowFromClipboard,\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    field,\n    field: {\n      name,\n      type,\n      admin: { className, description, isSortable = true } = {},\n      blocks,\n      label,\n      labels: labelsFromProps,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = minRowsProp ?? (required ? 1 : 0)\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = useForm()\n  const { code: locale } = useLocale()\n  const {\n    config: { localization },\n    config,\n  } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    blocksFilterOptions,\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n    const resolvedBlocks: ClientBlock[] = []\n\n    for (const blockOrSlug of blocks) {\n      const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n      if (block) {\n        resolvedBlocks.push(block)\n      }\n    }\n\n    if (Array.isArray(blocksFilterOptions)) {\n      const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n        const blockSlug = typeof block === 'string' ? block : block.slug\n        return blocksFilterOptions.includes(blockSlug)\n      })\n\n      return {\n        clientBlocks: resolvedBlocks,\n        clientBlocksAfterFilter,\n      }\n    }\n    return {\n      clientBlocks: resolvedBlocks,\n      clientBlocksAfterFilter: resolvedBlocks,\n    }\n  }, [blocks, blocksFilterOptions, config.blocksMap])\n\n  const getBlockConfig = (blockType: string): ClientBlock | undefined =>\n    config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n  const addRow = useCallback(\n    (rowIndex: number, blockType: string) => {\n      addFieldRow({\n        blockType,\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      removeFieldRow({\n        path,\n        rowIndex,\n      })\n    },\n    [path, removeFieldRow],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({ moveFromIndex, moveToIndex, path })\n    },\n    [moveFieldRow, path],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const clipboardResult = clipboardCopy({\n        type,\n        blocks: clientBlocks,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState: { ...getFields() },\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [clientBlocks, path, t, type, getFields],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteRowBelow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = insertRowFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex: rowIndex + 1,\n          })\n          replaceState(newState)\n          setModified(true)\n\n          setTimeout(() => {\n            scrollToID(`${path?.split('.').join('-')}-row-${rowIndex + 1}`)\n          }, 0)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteBlocks = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n  const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && rows.length === 0\n  const shouldShowSummaryBanner = !valid && (showRequired || showMinRows)\n  const shouldShowFieldError = showError && !shouldShowSummaryBanner\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const renderDragOverlay = useCallback(\n    (activeId: number | string) => {\n      const activeIndex = rows.findIndex((row) => row.id === activeId)\n      if (activeIndex === -1) {\n        return null\n      }\n\n      const activeRow = rows[activeIndex]\n      const blockConfig = getBlockConfig(activeRow.blockType)\n\n      if (!blockConfig) {\n        return null\n      }\n\n      const showBlockName = !blockConfig.admin?.disableBlockName\n      const blockName = showBlockName\n        ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n        : undefined\n\n      return (\n        <DragOverlayPreview\n          header={\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n                label={\n                  <>\n                    <span className={`${baseClass}__block-number`}>\n                      {String(activeIndex + 1).padStart(2, '0')}\n                    </span>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n                      pillStyle=\"white\"\n                      size=\"small\"\n                    >\n                      {getTranslation(blockConfig.labels.singular, i18n)}\n                    </Pill>\n                    {blockName && <span className=\"section-title__text\">{blockName}</span>}\n                  </>\n                }\n                path={`${path}.${activeIndex}`}\n                rowNumber={activeIndex}\n              />\n            </div>\n          }\n        />\n      )\n    },\n    [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      {shouldShowFieldError && (\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel\n                    as=\"span\"\n                    label={label}\n                    localized={localized}\n                    path={path}\n                    required={required}\n                  />\n                }\n              />\n            </h3>\n            {displayedErrorCount > 0 && (\n              <ErrorPill count={displayedErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          <ul className={`${baseClass}__header-actions`}>\n            {rows.length > 0 && <CollapseAllToggle onClick={toggleCollapseAll} />}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                blocks={clientBlocks}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                getDataToCopy={() =>\n                  reduceFormStateByPath({\n                    formState: { ...getFields() },\n                    path,\n                  })\n                }\n                onPaste={pasteBlocks}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      {BeforeInput}\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n          renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n          sortingStrategy={verticalListSortingStrategy}\n        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig = getBlockConfig(blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem\n                  disabled={readOnly || disabled || !isSortable}\n                  id={row.id}\n                  key={row.id}\n                >\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n                      blocks={clientBlocks}\n                      copyRow={copyRow}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isLoading={isLoading}\n                      isSortable={isSortable}\n                      Label={rows?.[i]?.customComponents?.RowLabel}\n                      labels={labels}\n                      moveRow={moveRow}\n                      parentPath={path}\n                      pasteRow={pasteRow}\n                      pasteRowBelow={pasteRowBelow}\n                      path={rowPath}\n                      permissions={permissions}\n                      readOnly={readOnly || disabled}\n                      removeRow={removeRow}\n                      row={row}\n                      rowCount={rows.length}\n                      rowIndex={i}\n                      schemaPath={schemaPath + blockConfig.slug}\n                      setCollapse={setCollapse}\n                    />\n                  )}\n                </DraggableSortableItem>\n              )\n            }\n\n            return null\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"danger\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && !readOnly && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"ghost\"\n              disabled={disabled}\n              el=\"span\"\n              icon={<CirclePlusIcon />}\n              iconPosition=\"left\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            // Only allow choosing filtered blocks\n            blocks={clientBlocksAfterFilter}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useId","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","insertRowFromClipboard","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","useRowFocus","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","rowsID","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","currentLocale","locale","code","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","fieldRef","focusRow","addRow","rowIndex","split","join","duplicateRow","setTimeout","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteRowBelow","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","displayedErrorCount","showMinRows","showRequired","shouldShowSummaryBanner","shouldShowFieldError","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","replace","ref","style","Fallback","as","count","withMessage","controls","isExpanded","some","onClick","allowCopy","allowPaste","fieldValue","announceRows","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientProps, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useId, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  insertRowFromClipboard,\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useRowFocus } from '../shared/useRowFocus.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: React.FC<BlocksFieldClientProps> = (props) => {\n  const rowsID = useId()\n  const { i18n, t } = useTranslation()\n\n  const {\n    field,\n    field: {\n      name,\n      type,\n      admin: { className, description, isSortable = true } = {},\n      blocks,\n      label,\n      labels: labelsFromProps,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = minRowsProp ?? (required ? 1 : 0)\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = useForm()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const {\n    config: { localization },\n    config,\n  } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    blocksFilterOptions,\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n    const resolvedBlocks: ClientBlock[] = []\n\n    for (const blockOrSlug of blocks) {\n      const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n      if (block) {\n        resolvedBlocks.push(block)\n      }\n    }\n\n    if (Array.isArray(blocksFilterOptions)) {\n      const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n        const blockSlug = typeof block === 'string' ? block : block.slug\n        return blocksFilterOptions.includes(blockSlug)\n      })\n\n      return {\n        clientBlocks: resolvedBlocks,\n        clientBlocksAfterFilter,\n      }\n    }\n    return {\n      clientBlocks: resolvedBlocks,\n      clientBlocksAfterFilter: resolvedBlocks,\n    }\n  }, [blocks, blocksFilterOptions, config.blocksMap])\n\n  const getBlockConfig = (blockType: string): ClientBlock | undefined =>\n    config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n  const { fieldRef, focusRow } = useRowFocus()\n\n  const addRow = useCallback(\n    (rowIndex: number, blockType: string) => {\n      addFieldRow({\n        blockType,\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      focusRow(`${path.split('.').join('-')}-row-${rowIndex}`)\n    },\n    [addFieldRow, focusRow, path, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      removeFieldRow({\n        path,\n        rowIndex,\n      })\n    },\n    [path, removeFieldRow],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({ moveFromIndex, moveToIndex, path })\n    },\n    [moveFieldRow, path],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const clipboardResult = clipboardCopy({\n        type,\n        blocks: clientBlocks,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState: { ...getFields() },\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [clientBlocks, path, t, type, getFields],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteRowBelow = useCallback(\n    (rowIndex: number) => {\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const formState = { ...getFields() }\n          const newState = insertRowFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex: rowIndex + 1,\n          })\n          replaceState(newState)\n          setModified(true)\n\n          setTimeout(() => {\n            scrollToID(`${path?.split('.').join('-')}-row-${rowIndex + 1}`)\n          }, 0)\n        },\n        path,\n        schemaBlocks: clientBlocks,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [clientBlocks, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteBlocks = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n  const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && rows.length === 0\n  const shouldShowSummaryBanner = !valid && (showRequired || showMinRows)\n  const shouldShowFieldError = showError && !shouldShowSummaryBanner\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const renderDragOverlay = useCallback(\n    (activeId: number | string) => {\n      const activeIndex = rows.findIndex((row) => row.id === activeId)\n      if (activeIndex === -1) {\n        return null\n      }\n\n      const activeRow = rows[activeIndex]\n      const blockConfig = getBlockConfig(activeRow.blockType)\n\n      if (!blockConfig) {\n        return null\n      }\n\n      const showBlockName = !blockConfig.admin?.disableBlockName\n      const blockName = showBlockName\n        ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n        : undefined\n\n      return (\n        <DragOverlayPreview\n          header={\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n                label={\n                  <>\n                    <span className={`${baseClass}__block-number`}>\n                      {String(activeIndex + 1).padStart(2, '0')}\n                    </span>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n                      pillStyle=\"white\"\n                      size=\"small\"\n                    >\n                      {getTranslation(blockConfig.labels.singular, i18n)}\n                    </Pill>\n                    {blockName && <span className=\"section-title__text\">{blockName}</span>}\n                  </>\n                }\n                path={`${path}.${activeIndex}`}\n                rowNumber={activeIndex}\n              />\n            </div>\n          }\n        />\n      )\n    },\n    [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      ref={fieldRef}\n      style={styles}\n    >\n      {shouldShowFieldError && (\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel\n                    as=\"span\"\n                    label={label}\n                    localized={localized}\n                    path={path}\n                    required={required}\n                  />\n                }\n              />\n            </h3>\n            {displayedErrorCount > 0 && (\n              <ErrorPill count={displayedErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          <ul className={`${baseClass}__header-actions`}>\n            {rows.length > 0 && (\n              <CollapseAllToggle\n                controls={rowsID}\n                isExpanded={rows.some((row) => !row.collapsed)}\n                label={getTranslation(label || labels?.plural || name, i18n)}\n                onClick={toggleCollapseAll}\n              />\n            )}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                blocks={clientBlocks}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                getDataToCopy={() =>\n                  reduceFormStateByPath({\n                    formState: { ...getFields() },\n                    path,\n                  })\n                }\n                onPaste={pasteBlocks}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      {BeforeInput}\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          announceRows\n          className={`${baseClass}__rows`}\n          id={rowsID}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n          renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n          sortingStrategy={verticalListSortingStrategy}\n        >\n          {rows.map((row, i) => {\n            const { blockType, isLoading } = row\n\n            const blockConfig = getBlockConfig(blockType)\n\n            if (blockConfig) {\n              const rowPath = `${path}.${i}`\n\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(rowPath + '.'),\n              ).length\n\n              return (\n                <DraggableSortableItem\n                  disabled={readOnly || disabled || !isSortable}\n                  id={row.id}\n                  key={row.id}\n                >\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockConfig}\n                      // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n                      blocks={clientBlocks}\n                      copyRow={copyRow}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      fields={blockConfig.fields}\n                      hasMaxRows={hasMaxRows}\n                      isLoading={isLoading}\n                      isSortable={isSortable}\n                      Label={rows?.[i]?.customComponents?.RowLabel}\n                      labels={labels}\n                      moveRow={moveRow}\n                      parentPath={path}\n                      pasteRow={pasteRow}\n                      pasteRowBelow={pasteRowBelow}\n                      path={rowPath}\n                      permissions={permissions}\n                      readOnly={readOnly || disabled}\n                      removeRow={removeRow}\n                      row={row}\n                      rowCount={rows.length}\n                      rowIndex={i}\n                      schemaPath={schemaPath + blockConfig.slug}\n                      setCollapse={setCollapse}\n                    />\n                  )}\n                </DraggableSortableItem>\n              )\n            }\n\n            return null\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"danger\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && !readOnly && (\n        <Fragment>\n          <DrawerToggler\n            className={`${baseClass}__drawer-toggler`}\n            disabled={disabled}\n            slug={drawerSlug}\n          >\n            <Button\n              buttonStyle=\"ghost\"\n              disabled={disabled}\n              el=\"span\"\n              icon={<CirclePlusIcon />}\n              iconPosition=\"left\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            // Only allow choosing filtered blocks\n            blocks={clientBlocksAfterFilter}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/Input.js

@@ -33,7 +33,7 @@ export const CheckboxInput = ({
   const fallbackID = useId();
   const id = idFromProps || fallbackID;
   const ariaLabel = ariaLabelFromProps || undefined;
-  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps || name;
+  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps;
   const controlWrapRef = useRef(null);
   useEffect(() => {
     setIsHydrated(true);

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","useCallback","useEffect","useId","useRef","useState","RenderCustomComponent","Tooltip","FieldLabel","inputBaseClass","CheckboxInput","id","idFromProps","name","AfterInput","ariaLabelFromProps","ariaLabelledByFromProps","BeforeInput","checked","className","Error","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","tooltip","variant","isHydrated","setIsHydrated","showTooltip","setShowTooltip","hasChanged","setHasChanged","fallbackID","ariaLabel","undefined","ariaLabelledBy","controlWrapRef","isIndeterminate","Boolean","control","current","querySelector","HTMLInputElement","indeterminate","handleToggle","event","_jsxs","filter","join","onPointerEnter","onPointerLeave","ref","_jsx","disabled","onChange","title","type","Mark","shape","CustomComponent","Fallback","htmlFor","alignCaret","show","markShapes","check","d","shapeRendering","mixed","fill","height","viewBox","width","xmlns"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useCallback, useEffect, useId, useRef, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\n\nexport type CheckboxInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly 'aria-label'?: string\n  readonly 'aria-labelledby'?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly checked?: boolean\n  readonly className?: string\n  readonly Error?: React.ReactNode\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly tooltip?: string\n  /**\n   * Visual variant for the checkbox\n   * - 'default': Brand fill and an on-brand mark when checked (for form fields)\n   * - 'muted': Keeps the neutral surface when checked (for tables)\n   */\n  readonly variant?: 'default' | 'muted'\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id: idFromProps,\n  name,\n  AfterInput,\n  'aria-label': ariaLabelFromProps,\n  'aria-labelledby': ariaLabelledByFromProps,\n  BeforeInput,\n  checked,\n  className,\n  Error,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly: readOnlyFromProps,\n  required,\n  tooltip,\n  variant = 'default',\n}) => {\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [showTooltip, setShowTooltip] = useState(false)\n  const [hasChanged, setHasChanged] = useState(false)\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n  const ariaLabel = ariaLabelFromProps || undefined\n  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps || name\n  const controlWrapRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    setIsHydrated(true)\n  }, [])\n\n  const readOnly = readOnlyFromProps || !isHydrated\n  const isIndeterminate = !checked && Boolean(partialChecked)\n\n  /**\n   * `indeterminate` has no HTML attribute, so the mixed state has to be written to the\n   * node itself. The node is reached through the wrapper rather than a ref on the input\n   * so that a caller-supplied `inputRef` stays the only ref attached to it. Setting the\n   * property keeps mark selection in CSS and reports the real `mixed` state to\n   * assistive technology.\n   */\n  useEffect(() => {\n    const control = controlWrapRef.current?.querySelector(`.${inputBaseClass}__control`)\n\n    if (control instanceof HTMLInputElement) {\n      control.indeterminate = isIndeterminate\n    }\n  }, [isIndeterminate])\n\n  /**\n   * The mark only draws itself in once the value has actually changed, so a document\n   * that loads with the box already checked doesn't replay the animation.\n   */\n  const handleToggle = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setHasChanged(true)\n      onToggle(event)\n    },\n    [onToggle],\n  )\n\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        isIndeterminate && `${inputBaseClass}--indeterminate`,\n        readOnly && `${inputBaseClass}--read-only`,\n        hasChanged && `${inputBaseClass}--changed`,\n        tooltip && `${inputBaseClass}--has-tooltip`,\n        variant !== 'default' && `${inputBaseClass}--${variant}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onPointerEnter={tooltip ? () => setShowTooltip(true) : undefined}\n      onPointerLeave={tooltip ? () => setShowTooltip(false) : undefined}\n    >\n      {BeforeInput}\n      <div className={`${inputBaseClass}__wrap`}>\n        <div className={`${inputBaseClass}__input`} ref={controlWrapRef}>\n          <input\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            checked={Boolean(checked)}\n            className={[\n              `${inputBaseClass}__control`,\n              variant !== 'default' && `${inputBaseClass}__control--${variant}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            disabled={readOnly}\n            id={id}\n            name={name}\n            onChange={handleToggle}\n            ref={inputRef}\n            required={required}\n            title={name}\n            type=\"checkbox\"\n          />\n          {/* Both marks are always rendered and revealed by CSS, so an uncontrolled\n              input that changes without React knowing still shows the right mark. */}\n          <span className={`${inputBaseClass}__visuals`}>\n            <Mark className={`${inputBaseClass}__mixed`} shape=\"mixed\" />\n            <Mark className={`${inputBaseClass}__check`} shape=\"check\" />\n          </span>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Label}\n          Fallback={\n            <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n          }\n        />\n        {Error}\n      </div>\n      {tooltip && (\n        <Tooltip alignCaret=\"left\" className={`${inputBaseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nconst markShapes = {\n  check: { d: 'M5.00012 8.5L7.5 11L11.5 5', shapeRendering: 'geometricPrecision' },\n  mixed: { d: 'M5 8H11', shapeRendering: 'crispEdges' },\n} as const\n\n/**\n * Each mark is drawn twice: a wider halo stroke underneath, then the mark itself on\n * top. The halo is what keeps the mark legible against the brand fill.\n */\nconst Mark: React.FC<{\n  readonly className: string\n  readonly shape: keyof typeof markShapes\n}> = ({ className, shape }) => {\n  const { d, shapeRendering } = markShapes[shape]\n\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      height={16}\n      viewBox=\"0 0 16 16\"\n      width={16}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path className={`${inputBaseClass}__mark-halo`} d={d} shapeRendering={shapeRendering} />\n      <path className={`${inputBaseClass}__mark`} d={d} shapeRendering={shapeRendering} />\n    </svg>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["React","useCallback","useEffect","useId","useRef","useState","RenderCustomComponent","Tooltip","FieldLabel","inputBaseClass","CheckboxInput","id","idFromProps","name","AfterInput","ariaLabelFromProps","ariaLabelledByFromProps","BeforeInput","checked","className","Error","inputRef","Label","label","localized","onToggle","partialChecked","readOnly","readOnlyFromProps","required","tooltip","variant","isHydrated","setIsHydrated","showTooltip","setShowTooltip","hasChanged","setHasChanged","fallbackID","ariaLabel","undefined","ariaLabelledBy","controlWrapRef","isIndeterminate","Boolean","control","current","querySelector","HTMLInputElement","indeterminate","handleToggle","event","_jsxs","filter","join","onPointerEnter","onPointerLeave","ref","_jsx","disabled","onChange","title","type","Mark","shape","CustomComponent","Fallback","htmlFor","alignCaret","show","markShapes","check","d","shapeRendering","mixed","fill","height","viewBox","width","xmlns"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React, { useCallback, useEffect, useId, useRef, useState } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\n\nexport type CheckboxInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly 'aria-label'?: string\n  readonly 'aria-labelledby'?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly checked?: boolean\n  readonly className?: string\n  readonly Error?: React.ReactNode\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly tooltip?: string\n  /**\n   * Visual variant for the checkbox\n   * - 'default': Brand fill and an on-brand mark when checked (for form fields)\n   * - 'muted': Keeps the neutral surface when checked (for tables)\n   */\n  readonly variant?: 'default' | 'muted'\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id: idFromProps,\n  name,\n  AfterInput,\n  'aria-label': ariaLabelFromProps,\n  'aria-labelledby': ariaLabelledByFromProps,\n  BeforeInput,\n  checked,\n  className,\n  Error,\n  inputRef,\n  Label,\n  label,\n  localized,\n  onToggle,\n  partialChecked,\n  readOnly: readOnlyFromProps,\n  required,\n  tooltip,\n  variant = 'default',\n}) => {\n  const [isHydrated, setIsHydrated] = useState(false)\n  const [showTooltip, setShowTooltip] = useState(false)\n  const [hasChanged, setHasChanged] = useState(false)\n  const fallbackID = useId()\n  const id = idFromProps || fallbackID\n  const ariaLabel = ariaLabelFromProps || undefined\n  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps\n  const controlWrapRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    setIsHydrated(true)\n  }, [])\n\n  const readOnly = readOnlyFromProps || !isHydrated\n  const isIndeterminate = !checked && Boolean(partialChecked)\n\n  /**\n   * `indeterminate` has no HTML attribute, so the mixed state has to be written to the\n   * node itself. The node is reached through the wrapper rather than a ref on the input\n   * so that a caller-supplied `inputRef` stays the only ref attached to it. Setting the\n   * property keeps mark selection in CSS and reports the real `mixed` state to\n   * assistive technology.\n   */\n  useEffect(() => {\n    const control = controlWrapRef.current?.querySelector(`.${inputBaseClass}__control`)\n\n    if (control instanceof HTMLInputElement) {\n      control.indeterminate = isIndeterminate\n    }\n  }, [isIndeterminate])\n\n  /**\n   * The mark only draws itself in once the value has actually changed, so a document\n   * that loads with the box already checked doesn't replay the animation.\n   */\n  const handleToggle = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setHasChanged(true)\n      onToggle(event)\n    },\n    [onToggle],\n  )\n\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        isIndeterminate && `${inputBaseClass}--indeterminate`,\n        readOnly && `${inputBaseClass}--read-only`,\n        hasChanged && `${inputBaseClass}--changed`,\n        tooltip && `${inputBaseClass}--has-tooltip`,\n        variant !== 'default' && `${inputBaseClass}--${variant}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onPointerEnter={tooltip ? () => setShowTooltip(true) : undefined}\n      onPointerLeave={tooltip ? () => setShowTooltip(false) : undefined}\n    >\n      {BeforeInput}\n      <div className={`${inputBaseClass}__wrap`}>\n        <div className={`${inputBaseClass}__input`} ref={controlWrapRef}>\n          <input\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            checked={Boolean(checked)}\n            className={[\n              `${inputBaseClass}__control`,\n              variant !== 'default' && `${inputBaseClass}__control--${variant}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            disabled={readOnly}\n            id={id}\n            name={name}\n            onChange={handleToggle}\n            ref={inputRef}\n            required={required}\n            title={name}\n            type=\"checkbox\"\n          />\n          {/* Both marks are always rendered and revealed by CSS, so an uncontrolled\n              input that changes without React knowing still shows the right mark. */}\n          <span className={`${inputBaseClass}__visuals`}>\n            <Mark className={`${inputBaseClass}__mixed`} shape=\"mixed\" />\n            <Mark className={`${inputBaseClass}__check`} shape=\"check\" />\n          </span>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Label}\n          Fallback={\n            <FieldLabel htmlFor={id} label={label} localized={localized} required={required} />\n          }\n        />\n        {Error}\n      </div>\n      {tooltip && (\n        <Tooltip alignCaret=\"left\" className={`${inputBaseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {AfterInput}\n    </div>\n  )\n}\n\nconst markShapes = {\n  check: { d: 'M5.00012 8.5L7.5 11L11.5 5', shapeRendering: 'geometricPrecision' },\n  mixed: { d: 'M5 8H11', shapeRendering: 'crispEdges' },\n} as const\n\n/**\n * Each mark is drawn twice: a wider halo stroke underneath, then the mark itself on\n * top. The halo is what keeps the mark legible against the brand fill.\n */\nconst Mark: React.FC<{\n  readonly className: string\n  readonly shape: keyof typeof markShapes\n}> = ({ className, shape }) => {\n  const { d, shapeRendering } = markShapes[shape]\n\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      height={16}\n      viewBox=\"0 0 16 16\"\n      width={16}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path className={`${inputBaseClass}__mark-halo`} d={d} shapeRendering={shapeRendering} />\n      <path className={`${inputBaseClass}__mark`} d={d} shapeRendering={shapeRendering} />\n    </svg>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/index.css

@@ -3,6 +3,10 @@
     position: relative;
   }
 
+  .field-type.checkbox:has(+ .checkbox) {
+    margin-bottom: var(--spacer-2);
+  }
+
   .checkbox-input {
     display: flex;
   }
@@ -26,7 +30,6 @@
     height: var(--spacer-3);
     margin-block: var(--spacer-1);
 
-    /* On iPad, inline elements are selectable by default */
     user-select: none;
   }
 
@@ -45,7 +48,7 @@
 
   .checkbox-input__visuals {
     --checkbox-bg: var(--color-bg-secondary);
-    --checkbox-border-color: var(--special-border-translucent-strong);
+    --checkbox-border-color: var(--color-border-control-strong);
     --checkbox-focus-ring-color: transparent;
     --checkbox-mark-color: var(--color-icon);
     --checkbox-mark-halo-color: transparent;
@@ -124,8 +127,6 @@
     --checkbox-mark-color: var(--color-icon-ondisabled);
   }
 
-  /* The muted variant keeps the neutral surface when marked, so only the default
-     variant gets the brand fill, the on-brand mark and the mark halo. */
   .checkbox-input__control:not(.checkbox-input__control--muted, :disabled)
     + .checkbox-input__visuals {
     --checkbox-mark-color: var(--color-icon-onbrand);
@@ -146,7 +147,7 @@
     + .checkbox-input__visuals,
   .checkbox-input__control:not(.checkbox-input__control--muted, :disabled):indeterminate:hover
     + .checkbox-input__visuals {
-    --checkbox-border-color: var(--special-border-translucent-strong);
+    --checkbox-border-color: var(--color-border-control-strong);
   }
 
   .checkbox-input__control:not(.checkbox-input__control--muted, :disabled):checked:active
@@ -156,6 +157,27 @@
     --checkbox-bg: var(--color-bg-brand-hover);
   }
 
+  .checkbox-input__control.checkbox-input__control--muted:checked + .checkbox-input__visuals,
+  .checkbox-input__control.checkbox-input__control--muted:indeterminate + .checkbox-input__visuals {
+    --checkbox-bg: var(--field-color-toggle-bg-checked);
+    --checkbox-border-color: var(--field-color-toggle-border-checked);
+    --checkbox-mark-color: var(--field-color-toggle-icon);
+
+    transition: background var(--checkbox-duration) var(--checkbox-easing);
+  }
+
+  .checkbox-input__control.checkbox-input__control--muted:checked:hover + .checkbox-input__visuals,
+  .checkbox-input__control.checkbox-input__control--muted:indeterminate:hover
+    + .checkbox-input__visuals {
+    --checkbox-border-color: var(--color-border-control-strong);
+  }
+
+  .checkbox-input__control.checkbox-input__control--muted:checked:active + .checkbox-input__visuals,
+  .checkbox-input__control.checkbox-input__control--muted:indeterminate:active
+    + .checkbox-input__visuals {
+    --checkbox-bg: var(--color-bg-brand-hover);
+  }
+
   .checkbox-input__control:indeterminate + .checkbox-input__visuals .checkbox-input__mixed {
     display: block;
   }
@@ -185,7 +207,6 @@
     margin-block-start: var(--spacer-1);
   }
 
-  /* Align the description with the label rather than the control */
   .checkbox > .field-description {
     padding-inline-start: var(--spacer-4);
   }