@payloadcms/ui 4.0.0-internal.8001944 → 4.0.0-internal.8089ef7

package/dist/elements/FileDetails/StaticFileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","_jsx","className","_jsxs","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","onClick","round"],"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,iBAAA,GAAuDC,KAAA;EAClE,MAAM;IACJC,mBAAmB;IACnBC,GAAG;IACHC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC;EAAY,CACb,GAAGR,KAAA;EAEJ,MAAM;IAAES,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,GAAG;IAAEC;EAAK,CAAE,GAAGb,GAAA;EAE3E,MAAMc,cAAA,GAAiBR,YAAA,CAAaS,cAAc,IAAI;EAEtD,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWrB,SAAA;cACd,aAAAsB,KAAA,CAAC;iBACEJ,cAAA,iBACCE,IAAA,CAACvB,SAAA;QACC;QACAwB,SAAA,EAAW,GAAGrB,SAAA,aAAsB;QACpCI,GAAA,EAAKA,GAAA;QACLmB,OAAA,EAASR,YAAA,IAAgBC,GAAA;QACzBP,aAAA,EAAeA,aAAA;QACfC,YAAA,EAAcA;uBAGlBY,KAAA,CAAC;QAAID,SAAA,EAAW,GAAGrB,SAAA,eAAwB;gCACzCoB,IAAA,CAACrB,QAAA;UACCY,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVC,MAAA,EAAQA,MAAA;UACRC,QAAA,EAAUA,QAAA;UACVE,GAAA,EAAKA,GAAA;UACLC,KAAA,EAAOA;YAGP,CAAAZ,iBAAA,IAAsBE,aAAA,IAAiBH,GAAA,CAAIO,QAAQ,IAAKR,mBAAkB,kBAC1EiB,IAAA,CAACtB,aAAA;UACC0B,aAAA,EAAerB,mBAAA;UACfE,iBAAA,EAAmBoB,OAAA,CAAQpB,iBAAA;UAC3BqB,kBAAA,EAAoBnB,aAAA,IAAiBH,GAAA,CAAIO,QAAQ;UACjDG,QAAA,EAAUA;;UAIf,CAACN,cAAA,IAAkBF,YAAA,iBAClBc,IAAA,CAACxB,MAAA;QACC+B,WAAA,EAAY;QACZN,SAAA,EAAW,GAAGrB,SAAA,UAAmB;QACjC4B,IAAA,EAAK;QACLC,OAAA,EAASvB,YAAA;QACTwB,KAAK;;;;AAMjB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","_jsx","className","_jsxs","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","onClick","round"],"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    variants?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,iBAAA,GAAuDC,KAAA;EAClE,MAAM;IACJC,mBAAmB;IACnBC,GAAG;IACHC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC;EAAY,CACb,GAAGR,KAAA;EAEJ,MAAM;IAAES,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,GAAG;IAAEC;EAAK,CAAE,GAAGb,GAAA;EAE3E,MAAMc,cAAA,GAAiBR,YAAA,CAAaS,cAAc,IAAI;EAEtD,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWrB,SAAA;cACd,aAAAsB,KAAA,CAAC;iBACEJ,cAAA,iBACCE,IAAA,CAACvB,SAAA;QACC;QACAwB,SAAA,EAAW,GAAGrB,SAAA,aAAsB;QACpCI,GAAA,EAAKA,GAAA;QACLmB,OAAA,EAASR,YAAA,IAAgBC,GAAA;QACzBP,aAAA,EAAeA,aAAA;QACfC,YAAA,EAAcA;uBAGlBY,KAAA,CAAC;QAAID,SAAA,EAAW,GAAGrB,SAAA,eAAwB;gCACzCoB,IAAA,CAACrB,QAAA;UACCY,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVC,MAAA,EAAQA,MAAA;UACRC,QAAA,EAAUA,QAAA;UACVE,GAAA,EAAKA,GAAA;UACLC,KAAA,EAAOA;YAGP,CAAAZ,iBAAA,IAAsBE,aAAA,IAAiBH,GAAA,CAAIO,QAAQ,IAAKR,mBAAkB,kBAC1EiB,IAAA,CAACtB,aAAA;UACC0B,aAAA,EAAerB,mBAAA;UACfE,iBAAA,EAAmBoB,OAAA,CAAQpB,iBAAA;UAC3BqB,kBAAA,EAAoBnB,aAAA,IAAiBH,GAAA,CAAIO,QAAQ;UACjDG,QAAA,EAAUA;;UAIf,CAACN,cAAA,IAAkBF,YAAA,iBAClBc,IAAA,CAACxB,MAAA;QACC+B,WAAA,EAAY;QACZN,SAAA,EAAW,GAAGrB,SAAA,UAAmB;QACjC4B,IAAA,EAAK;QACLC,OAAA,EAASvB,YAAA;QACTwB,KAAK;;;;AAMjB","ignoreList":[]}

package/dist/elements/FileDetails/index.d.ts

@@ -4,7 +4,7 @@ type SharedFileDetailsProps = {
     collectionSlug: string;
     customUploadActions?: React.ReactNode[];
     doc: {
-        sizes?: FileSizes;
+        variants?: FileSizes;
     } & Data;
     enableAdjustments?: boolean;
     hasImageSizes?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,GACjF,sBAAsB,CAAA;AAExB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,GAAG,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,KAAK,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,yBAAyB,GAAG,sBAAsB,CAAC,GACjF,sBAAsB,CAAA;AAExB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany","_jsx"],"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAmClC,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAO,CAAE,GAAGD,KAAA;EAEpB,IAAIC,OAAA,EAAS;IACX,oBAAOC,IAAA,CAACL,oBAAA;MAAsB,GAAGG;;EACnC;EAEA,oBAAOE,IAAA,CAACJ,iBAAA;IAAmB,GAAGE;;AAChC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany","_jsx"],"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    variants?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAmClC,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAO,CAAE,GAAGD,KAAA;EAEpB,IAAIC,OAAA,EAAS;IACX,oBAAOC,IAAA,CAACL,oBAAA;MAAsB,GAAGG;;EACnC;EAEA,oBAAOE,IAAA,CAACJ,iBAAA;IAAmB,GAAGE;;AAChC","ignoreList":[]}

package/dist/elements/FileManager/FilePreview/index.css

@@ -56,10 +56,9 @@
     padding: 0 var(--spacer-2);
     border-radius: var(--radius-medium);
     background: var(--color-bg-secondary-hover);
-    font-family: var(--text-body-medium-strong-font-family);
     font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     color: var(--color-text);
     white-space: nowrap;
     flex-shrink: 0;

package/dist/elements/FileManager/FilePreview/index.js

@@ -28,10 +28,10 @@ export const FilePreview = t0 => {
   const {
     t
   } = useTranslation();
-  const hasImageSizes = uploadConfig?.imageSizes?.length > 0;
+  const hasVariants = uploadConfig?.variants?.length > 0;
   const mimeType = data?.mimeType ?? "";
   let t1;
-  if ($[0] !== UploadFilePreview || $[1] !== collectionSlug || $[2] !== data || $[3] !== hasImageSizes || $[4] !== imageCacheTag || $[5] !== mimeType || $[6] !== selectedSize || $[7] !== selectedSizeData || $[8] !== setSelectedSize || $[9] !== t || $[10] !== uploadConfig) {
+  if ($[0] !== UploadFilePreview || $[1] !== collectionSlug || $[2] !== data || $[3] !== hasVariants || $[4] !== imageCacheTag || $[5] !== mimeType || $[6] !== selectedSize || $[7] !== selectedSizeData || $[8] !== setSelectedSize || $[9] !== t || $[10] !== uploadConfig) {
     const isImageFile = isImage(mimeType);
     const fileSrc = selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null;
     const originalUrl = data?.url;
@@ -97,7 +97,7 @@ export const FilePreview = t0 => {
     const metaString = parts.join(" \u2013 ");
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [hasImageSizes && isImageFile && _jsx(MiniCarousel, {
+      children: [hasVariants && isImageFile && _jsx(MiniCarousel, {
         doc: data,
         imageCacheTag,
         onSelect: setSelectedSize,
@@ -123,7 +123,7 @@ export const FilePreview = t0 => {
     $[0] = UploadFilePreview;
     $[1] = collectionSlug;
     $[2] = data;
-    $[3] = hasImageSizes;
+    $[3] = hasVariants;
     $[4] = imageCacheTag;
     $[5] = mimeType;
     $[6] = selectedSize;

package/dist/elements/FileManager/FilePreview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatFilesize","isImage","React","useTranslation","appendCacheTag","MiniCarousel","Thumbnail","AudioPreview","PdfPreview","VideoPreview","baseClass","FilePreview","t0","$","collectionSlug","data","imageCacheTag","selectedSize","selectedSizeData","setSelectedSize","uploadConfig","UploadFilePreview","t","hasImageSizes","imageSizes","length","mimeType","t1","isImageFile","fileSrc","url","thumbnailURL","originalUrl","nativePreviewSrc","undefined","renderBuiltInPreview","startsWith","_jsx","title","filename","className","doc","size","w","width","h","height","parts","filesize","push","t2","t3","metaString","join","_jsxs","children","onSelect"],"sources":["../../../../src/elements/FileManager/FilePreview/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { FileManagerProps } from '../index.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../../utilities/appendCacheTag.js'\nimport { MiniCarousel } from '../../MiniCarousel/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { AudioPreview } from './AudioPreview/index.js'\nimport { PdfPreview } from './PdfPreview/index.js'\nimport { VideoPreview } from './VideoPreview/index.js'\nimport './index.css'\n\nconst baseClass = 'file-preview'\n\ntype Props = {\n  readonly data: Record<string, unknown>\n  readonly imageCacheTag?: false | string\n  readonly selectedSize?: null | string\n  readonly selectedSizeData?: null | Record<string, unknown>\n  readonly setSelectedSize: (size: null | string) => void\n} & Pick<FileManagerProps, 'collectionSlug' | 'uploadConfig' | 'UploadFilePreview'>\n\nexport const FilePreview: React.FC<Props> = ({\n  collectionSlug,\n  data,\n  imageCacheTag,\n  selectedSize,\n  selectedSizeData,\n  setSelectedSize,\n  uploadConfig,\n  UploadFilePreview,\n}) => {\n  const { t } = useTranslation()\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const mimeType = (data?.mimeType as string) ?? ''\n  const isImageFile = isImage(mimeType)\n  const fileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n\n  const originalUrl = data?.url as string | undefined\n  const nativePreviewSrc = originalUrl ? appendCacheTag(originalUrl, imageCacheTag) : undefined\n\n  // Built-in previews for native file types; images (and unknown types) fall back to the thumbnail.\n  const renderBuiltInPreview = () => {\n    if (nativePreviewSrc && !isImageFile) {\n      if (mimeType.startsWith('video/')) {\n        return <VideoPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType.startsWith('audio/')) {\n        return <AudioPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType === 'application/pdf') {\n        return <PdfPreview fileSrc={nativePreviewSrc} title={data?.filename as string} />\n      }\n    }\n\n    return (\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={selectedSizeData || data}\n        fileSrc={fileSrc}\n        imageCacheTag={imageCacheTag}\n        size=\"expand\"\n        uploadConfig={uploadConfig}\n      />\n    )\n  }\n\n  const metaString = (() => {\n    const w = (selectedSizeData?.width ?? data?.width) as number | undefined\n    const h = (selectedSizeData?.height ?? data?.height) as number | undefined\n    const parts: string[] = []\n    if (typeof w === 'number' && typeof h === 'number') {\n      parts.push(`${w} × ${h}`)\n    }\n    parts.push(\n      formatFilesize(((selectedSizeData?.filesize ?? (data?.filesize as number)) || 0) as number),\n    )\n    if (data?.mimeType) {\n      parts.push(data.mimeType as string)\n    }\n    return parts.join(' – ')\n  })()\n\n  return (\n    <div className={baseClass}>\n      {hasImageSizes && isImageFile && (\n        <MiniCarousel\n          doc={data}\n          imageCacheTag={imageCacheTag}\n          onSelect={setSelectedSize}\n          selectedSize={selectedSize}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      <div className={`${baseClass}__main`}>\n        <div className={`${baseClass}__image-wrap`}>\n          {UploadFilePreview ?? renderBuiltInPreview()}\n        </div>\n        <div className={`${baseClass}__info`}>\n          <span className={`${baseClass}__info-label`}>\n            {selectedSize ?? t('general:original')}\n          </span>\n          <span className={`${baseClass}__info-meta`}>{metaString}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatFilesize","isImage","React","useTranslation","appendCacheTag","MiniCarousel","Thumbnail","AudioPreview","PdfPreview","VideoPreview","baseClass","FilePreview","t0","$","collectionSlug","data","imageCacheTag","selectedSize","selectedSizeData","setSelectedSize","uploadConfig","UploadFilePreview","t","hasVariants","variants","length","mimeType","t1","isImageFile","fileSrc","url","thumbnailURL","originalUrl","nativePreviewSrc","undefined","renderBuiltInPreview","startsWith","_jsx","title","filename","className","doc","size","w","width","h","height","parts","filesize","push","t2","t3","metaString","join","_jsxs","children","onSelect"],"sources":["../../../../src/elements/FileManager/FilePreview/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { FileManagerProps } from '../index.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../../utilities/appendCacheTag.js'\nimport { MiniCarousel } from '../../MiniCarousel/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { AudioPreview } from './AudioPreview/index.js'\nimport { PdfPreview } from './PdfPreview/index.js'\nimport { VideoPreview } from './VideoPreview/index.js'\nimport './index.css'\n\nconst baseClass = 'file-preview'\n\ntype Props = {\n  readonly data: Record<string, unknown>\n  readonly imageCacheTag?: false | string\n  readonly selectedSize?: null | string\n  readonly selectedSizeData?: null | Record<string, unknown>\n  readonly setSelectedSize: (size: null | string) => void\n} & Pick<FileManagerProps, 'collectionSlug' | 'uploadConfig' | 'UploadFilePreview'>\n\nexport const FilePreview: React.FC<Props> = ({\n  collectionSlug,\n  data,\n  imageCacheTag,\n  selectedSize,\n  selectedSizeData,\n  setSelectedSize,\n  uploadConfig,\n  UploadFilePreview,\n}) => {\n  const { t } = useTranslation()\n\n  const hasVariants = uploadConfig?.variants?.length > 0\n  const mimeType = (data?.mimeType as string) ?? ''\n  const isImageFile = isImage(mimeType)\n  const fileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n\n  const originalUrl = data?.url as string | undefined\n  const nativePreviewSrc = originalUrl ? appendCacheTag(originalUrl, imageCacheTag) : undefined\n\n  // Built-in previews for native file types; images (and unknown types) fall back to the thumbnail.\n  const renderBuiltInPreview = () => {\n    if (nativePreviewSrc && !isImageFile) {\n      if (mimeType.startsWith('video/')) {\n        return <VideoPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType.startsWith('audio/')) {\n        return <AudioPreview fileSrc={nativePreviewSrc} />\n      }\n      if (mimeType === 'application/pdf') {\n        return <PdfPreview fileSrc={nativePreviewSrc} title={data?.filename as string} />\n      }\n    }\n\n    return (\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={selectedSizeData || data}\n        fileSrc={fileSrc}\n        imageCacheTag={imageCacheTag}\n        size=\"expand\"\n        uploadConfig={uploadConfig}\n      />\n    )\n  }\n\n  const metaString = (() => {\n    const w = (selectedSizeData?.width ?? data?.width) as number | undefined\n    const h = (selectedSizeData?.height ?? data?.height) as number | undefined\n    const parts: string[] = []\n    if (typeof w === 'number' && typeof h === 'number') {\n      parts.push(`${w} × ${h}`)\n    }\n    parts.push(\n      formatFilesize(((selectedSizeData?.filesize ?? (data?.filesize as number)) || 0) as number),\n    )\n    if (data?.mimeType) {\n      parts.push(data.mimeType as string)\n    }\n    return parts.join(' – ')\n  })()\n\n  return (\n    <div className={baseClass}>\n      {hasVariants && isImageFile && (\n        <MiniCarousel\n          doc={data}\n          imageCacheTag={imageCacheTag}\n          onSelect={setSelectedSize}\n          selectedSize={selectedSize}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      <div className={`${baseClass}__main`}>\n        <div className={`${baseClass}__image-wrap`}>\n          {UploadFilePreview ?? renderBuiltInPreview()}\n        </div>\n        <div className={`${baseClass}__info`}>\n          <span className={`${baseClass}__info-label`}>\n            {selectedSize ?? t('general:original')}\n          </span>\n          <span className={`${baseClass}__info-meta`}>{metaString}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,EAAEC,OAAO,QAAQ;AACxC,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,cAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,YAAA;IAAAC,gBAAA;IAAAC,eAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAT,EAS5C;EACC;IAAAU;EAAA,IAAcnB,cAAA;EAEd,MAAAoB,WAAA,GAAoBH,YAAA,EAAAI,QAAA,EAAAC,MAAA,IAAiC;EACrD,MAAAC,QAAA,GAAiBX,IAAC,EAAAW,QAAA,IAA6B;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAQ,iBAAA,IAAAR,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAG,aAAA,IAAAH,CAAA,QAAAa,QAAA,IAAAb,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAK,gBAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAS,CAAA,IAAAT,CAAA,SAAAO,YAAA;IAC/C,MAAAQ,WAAA,GAAoB3B,OAAA,CAAQyB,QAAA;IAC5B,MAAAG,OAAA,GAAiBX,gBAAA,EAAAY,GAAA,IAAyBf,IAAA,EAAAgB,YAAM,IAAgBhB,IAAA,EAAAe,GAAM,QAAO;IAI7E,MAAAE,WAAA,GAAoBjB,IAAA,EAAAe,GAAA;IACpB,MAAAG,gBAAA,GAAyBD,WAAA,GAAc5B,cAAA,CAAe4B,WAAA,EAAahB,aAAA,IAAAkB,SAAiB;IAGpF,MAAAC,oBAAA,GAAAA,CAAA;MAAA,IACMF,gBAAA,KAAqBL,WAAA;QAAA,IACnBF,QAAA,CAAAU,UAAA,CAAoB;UAAA,OACfC,IAAA,CAAA5B,YAAA;YAAAoB,OAAA,EAAuBI;UAAA,C;;YAE5BP,QAAA,CAAAU,UAAA,CAAoB;UAAA,OACfC,IAAA,CAAA9B,YAAA;YAAAsB,OAAA,EAAuBI;UAAA,C;;YAE5BP,QAAA,KAAa;UAAA,OACRW,IAAA,CAAA7B,UAAA;YAAAqB,OAAA,EAAqBI,gBAAA;YAAAK,KAAA,EAAyBvB,IAAA,EAAAwB;UAAA,C;;;aAKvDF,IAAA,CAAA/B,SAAA;QAAAkC,SAAA,EACa,GAAA9B,SAAA,aAAyB;QAAAI,cAAA;QAAA2B,GAAA,EAE/BvB,gBAAA,IAAoBH,IAAA;QAAAc,OAAA;QAAAb,aAAA;QAAA0B,IAAA,EAGpB;QAAAtB;MAAA,C;;IAOT,MAAAuB,CAAA,GAAWzB,gBAAA,EAAA0B,KAAA,IAA2B7B,IAAA,EAAA6B,KAAM;IAC5C,MAAAC,CAAA,GAAW3B,gBAAA,EAAA4B,MAAA,IAA4B/B,IAAA,EAAA+B,MAAM;IAAA,IAAAC,KAAA;IAAA,IAAAlC,CAAA,SAAAE,IAAA,IAAAF,CAAA,SAAAgC,CAAA,IAAAhC,CAAA,SAAAK,gBAAA,EAAA8B,QAAA,IAAAnC,CAAA,SAAA8B,CAAA;MAC7CI,KAAA;MAA0B,IACtB,OAAOJ,CAAA,KAAM,YAAY,OAAOE,CAAA,KAAM;QACxCE,KAAA,CAAAE,IAAA,CAAW,GAAGN,CAAA,MAAOE,CAAA,EAAG;MAAA;MAGR,MAAAK,EAAA,IAAChC,gBAAA,EAAA8B,QAAA,IAA+BjC,IAAA,EAAAiC,QAAwB,MAAM;MAAA,IAAAG,EAAA;MAAA,IAAAtC,CAAA,SAAAqC,EAAA;QAA9EC,EAAA,GAAAnD,cAAA,CAAgBkD,EAA8D;QAAArC,CAAA,OAAAqC,EAAA;QAAArC,CAAA,OAAAsC,EAAA;MAAA;QAAAA,EAAA,GAAAtC,CAAA;MAAA;MADhFkC,KAAA,CAAAE,IAAA,CACEE,EAA8E;MAAA,IAE5EpC,IAAA,EAAAW,QAAA;QACFqB,KAAA,CAAAE,IAAA,CAAWlC,IAAA,CAAAW,QAAa;MAAA;MAAAb,CAAA,OAAAE,IAAA;MAAAF,CAAA,OAAAgC,CAAA;MAAAhC,CAAA,OAAAK,gBAAA,EAAA8B,QAAA;MAAAnC,CAAA,OAAA8B,CAAA;MAAA9B,CAAA,OAAAkC,KAAA;IAAA;MAAAA,KAAA,GAAAlC,CAAA;IAAA;IAX5B,MAAAuC,UAAA,GAaSL,KAAA,CAAAM,IAAA,CAAW;IAIlB1B,EAAA,GAAA2B,KAAA,CAAC;MAAAd,SAAA,EAAA9B,SAAA;MAAA6C,QAAA,GACEhC,WAAA,IAAeK,WAAA,IACdS,IAAA,CAAAhC,YAAA;QAAAoC,GAAA,EACO1B,IAAA;QAAAC,aAAA;QAAAwC,QAAA,EAEKrC,eAAA;QAAAF,YAAA;QAAAG;MAAA,C,GAKdkC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAA9B,SAAA,QAAoB;QAAA6C,QAAA,GAClClB,IAAA,CAAC;UAAAG,SAAA,EAAe,GAAA9B,SAAA,cAA0B;UAAA6C,QAAA,EACvClC,iBAAA,IAAqBc,oBAAA;QAAA,C,GAExBmB,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAA9B,SAAA,QAAoB;UAAA6C,QAAA,GAClClB,IAAA,CAAC;YAAAG,SAAA,EAAgB,GAAA9B,SAAA,cAA0B;YAAA6C,QAAA,EACxCtC,YAAA,IAAgBK,CAAA,CAAE;UAAA,C,GAErBe,IAAA,CAAC;YAAAG,SAAA,EAAgB,GAAA9B,SAAA,aAAyB;YAAA6C,QAAA,EAAGH;UAAA,C;;;;;;;;;;;;;;;;;;;SAlBnDzB,E;CAuBJ","ignoreList":[]}

package/dist/elements/FileManager/FileToolbar/index.css

@@ -42,10 +42,9 @@
     border: var(--stroke-width-small) solid var(--special-border-translucent);
     cursor: pointer;
     color: var(--color-text);
-    font-family: var(--text-body-medium-strong-font-family);
     font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     max-width: var(--file-toolbar-filename-max-width);
 

package/dist/elements/FileManager/index.css

@@ -100,7 +100,6 @@
 
   .file-manager__selected-meta {
     color: var(--color-text-tertiary);
-    font-family: var(--text-body-small-font-family);
     font-size: var(--text-body-small-font-size);
     line-height: var(--text-body-small-line-height);
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAqD,MAAM,OAAO,CAAA;AA6BzE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6XlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAqD,MAAM,OAAO,CAAA;AA8BzE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+XlD,CAAA"}

package/dist/elements/FileManager/index.js

@@ -22,6 +22,7 @@ import { Dropzone } from '../Dropzone/index.js';
 import { EditUpload } from '../EditUpload/index.js';
 import { PreviewSizes } from '../PreviewSizes/index.js';
 import { Thumbnail } from '../Thumbnail/index.js';
+import { getEditorFileSrc } from '../Upload/getEditorFileSrc.js';
 import { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js';
 import { UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js';
 import { usePasteFromClipboard } from '../Upload/usePasteFromClipboard.js';
@@ -113,8 +114,8 @@ export const FileManager = t0 => {
   const [selectedSize, setSelectedSize] = useState(null);
   const acceptMimeTypes = uploadConfig.mimeTypes?.join(", ");
   const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt;
-  const hasImageSizes = uploadConfig?.imageSizes?.length > 0;
-  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions);
+  const hasVariants = uploadConfig?.variants?.length > 0;
+  const hasImageAdjustments = Boolean(uploadConfig?.hasImageAdjustments);
   const focalPointEnabled = uploadConfig?.focalPoint === true;
   const {
     crop: t3,
@@ -122,8 +123,8 @@ export const FileManager = t0 => {
   } = uploadConfig;
   const showCrop = t3 === undefined ? true : t3;
   const focalPoint = t4 === undefined ? true : t4;
-  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled);
-  const selectedSizeData = selectedSize ? data?.sizes?.[selectedSize] : null;
+  const showFocalPoint = focalPoint && (hasVariants || hasImageAdjustments || focalPointEnabled);
+  const selectedSizeData = selectedSize ? data?.variants?.[selectedSize] : null;
   const sidePanelFileSrc = selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null;
   const sidePanelMimeType = data?.mimeType;
   const fileTypeIsAdjustable = !!sidePanelMimeType && isImage(sidePanelMimeType) && sidePanelMimeType !== "image/svg+xml" && sidePanelMimeType !== "image/jxl";
@@ -427,7 +428,11 @@ export const FileManager = t0 => {
     children: [(value || data?.filename) && _jsx(EditDepthProvider, {
       children: _jsx(EditUpload, {
         fileName: value?.name || data?.filename,
-        fileSrc: data?.url || fileSrc,
+        fileSrc: getEditorFileSrc({
+          data,
+          fileSrc,
+          hasSelectedFile: Boolean(value)
+        }),
         imageCacheTag,
         initialCrop: uploadEdits?.crop ?? undefined,
         initialFocalPoint: {
@@ -438,7 +443,7 @@ export const FileManager = t0 => {
         showCrop,
         showFocalPoint
       })
-    }), data && hasImageSizes && _jsx(Drawer, {
+    }), data && hasVariants && _jsx(Drawer, {
       className: `${baseClass}__preview-drawer`,
       hoverTitle: true,
       slug: sizePreviewSlug,
@@ -495,6 +500,7 @@ export const FileManager = t0 => {
         }) : showUploadInput ? _jsxs("div", {
           className: `${baseClass}__upload`,
           children: [!value && removedFile && data?.filename && _jsx(Button, {
+            "aria-label": t("general:cancel"),
             buttonStyle: "secondary",
             className: `${baseClass}__remove`,
             icon: "x",
@@ -513,6 +519,7 @@ export const FileManager = t0 => {
             })
           }), value && fileSrc && _jsxs(Fragment, {
             children: [_jsx(Button, {
+              "aria-label": t("general:cancel"),
               buttonStyle: "secondary",
               className: `${baseClass}__remove`,
               icon: "x",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","formatFilesize","isImage","validateMimeType","React","Fragment","useCallback","useEffect","useState","toast","FieldError","fieldBaseClass","TextInput","useForm","useField","useDocumentInfo","EditDepthProvider","useTranslation","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","PreviewSizes","Thumbnail","editDrawerSlug","sizePreviewSlug","UploadFromURLModal","usePasteFromClipboard","useUploadFromUrl","UploadDropzoneContent","AudioPreview","FilePreview","PdfPreview","VideoPreview","FileToolbar","baseClass","FileManager","t0","$","collectionSlug","initialState","resetUploadEdits","resetUploadEditsFromProps","updateUploadEdits","updateUploadEditsFromProps","uploadConfig","UploadControls","uploadEdits","uploadEditsFromProps","UploadFilePreview","openModal","t","setModified","data","t1","mimeTypes","file","undefined","name","File","length","type","validate","t2","path","errorMessage","setValue","showError","value","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileUrl","uploadEditsContext","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","selectedSize","setSelectedSize","acceptMimeTypes","join","imageCacheTag","cacheTags","updatedAt","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","t3","t4","showCrop","showFocalPoint","selectedSizeData","sizes","sidePanelFileSrc","url","thumbnailURL","sidePanelMimeType","mimeType","fileTypeIsAdjustable","renameFile","_temp","t5","t6","file_0","isNewFile","t7","error","URL","createObjectURL","handleFileChange","e","updatedFileName","target","handleFileNameChange","files","handleFileSelection","t8","file_1","handleFileFetchedFromUrl","t9","onFileFetched","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","t10","handlePasteFromClipboard","t11","handleFileRemoval","t12","args","onEditsSave","t13","Symbol","for","t14","t15","t16","t17","t18","t19","t20","startsWith","revokeObjectURL","t21","t22","handleControlFileUrl","t23","t24","t25","src","fileType","_jsx","className","children","title","size","renderSelectedFilePreview","drawers","_jsxs","fileName","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","label","doc","pasteURL","showUploadInput","hideFileInputOnCreate","t26","filter","message","hideRemoveFile","isAdjustable","onEditImage","onReplace","buttonStyle","icon","onClick","round","tooltip","onChange","extraControls","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip","id","fileToChange","newName","lastModified"],"sources":["../../../src/elements/FileManager/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatFilesize, isImage, validateMimeType } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js'\nimport { UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js'\nimport { usePasteFromClipboard } from '../Upload/usePasteFromClipboard.js'\nimport { useUploadFromUrl } from '../Upload/useUploadFromUrl.js'\nimport { UploadDropzoneContent } from '../UploadDropzoneContent/index.js'\nimport { AudioPreview } from './FilePreview/AudioPreview/index.js'\nimport { FilePreview } from './FilePreview/index.js'\nimport { PdfPreview } from './FilePreview/PdfPreview/index.js'\nimport { VideoPreview } from './FilePreview/VideoPreview/index.js'\nimport { FileToolbar } from './FileToolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'file-manager'\n\nexport type FileManagerProps = {\n  readonly collectionSlug: string\n  readonly initialState?: import('payload').FormState\n  /**\n   * When provided, upload edits are sourced from these props instead of the `useUploadEdits`\n   * context. The bulk upload drawer uses this to drive per-file edits from its FormsManager.\n   */\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadConfig: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  readonly UploadControls?: React.ReactNode\n  readonly uploadEdits?: UploadEdits\n  readonly UploadFilePreview?: React.ReactNode\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n  collectionSlug,\n  initialState,\n  resetUploadEdits: resetUploadEditsFromProps,\n  updateUploadEdits: updateUploadEditsFromProps,\n  uploadConfig,\n  UploadControls,\n  uploadEdits: uploadEditsFromProps,\n  UploadFilePreview,\n}) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { data } = useDocumentInfo()\n  const validate = useCallback(\n    (file: File | null | undefined) => {\n      if (!file && file !== undefined) {\n        return 'A file is required.'\n      }\n      if (file && (!file.name || file.name === '')) {\n        return 'A file name is required.'\n      }\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        return t('error:invalidFileType')\n      }\n      return true\n    },\n    [t, uploadConfig.mimeTypes],\n  )\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileUrl,\n  } = useUploadControls()\n  const uploadEditsContext = useUploadEdits()\n  const resetUploadEdits = resetUploadEditsFromProps ?? uploadEditsContext.resetUploadEdits\n  const updateUploadEdits = updateUploadEditsFromProps ?? uploadEditsContext.updateUploadEdits\n  const uploadEdits = uploadEditsFromProps ?? uploadEditsContext.uploadEdits\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const selectedSizeData = selectedSize\n    ? (data?.sizes?.[selectedSize] as Record<string, unknown>)\n    : null\n  const sidePanelFileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n  const sidePanelMimeType = data?.mimeType as string | undefined\n  const fileTypeIsAdjustable =\n    !!sidePanelMimeType &&\n    isImage(sidePanelMimeType) &&\n    sidePanelMimeType !== 'image/svg+xml' &&\n    sidePanelMimeType !== 'image/jxl'\n\n  const renameFile = (fileToChange: File, newName: string): File =>\n    new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n    },\n    [\n      setValue,\n      setUploadControlFile,\n      setUploadControlFileName,\n      setUploadControlFileUrl,\n      t,\n      uploadConfig.mimeTypes,\n    ],\n  )\n\n  const handleFileNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => handleFileChange({ file: files?.[0] }),\n    [handleFileChange],\n  )\n\n  const handleFileFetchedFromUrl = useCallback(\n    (file: File) => handleFileChange({ file }),\n    [handleFileChange],\n  )\n\n  const { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl } = useUploadFromUrl({\n    collectionSlug,\n    onFileFetched: handleFileFetchedFromUrl,\n    uploadConfig,\n  })\n\n  const handlePasteFromClipboard = usePasteFromClipboard({\n    handleFileSelection,\n    handleUrlSubmit,\n    setFileUrl,\n    uploadConfig,\n  })\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    setSelectedSize(null)\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  // Reset states for when replacing the file with a new upload\n  useEffect(() => {\n    setSelectedSize(null)\n    setRemovedFile(false)\n    setFileSrc('')\n  }, [data?.url, data?.filename])\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    return () => {\n      if (fileSrc?.startsWith('blob:')) {\n        URL.revokeObjectURL(fileSrc)\n      }\n    }\n  }, [fileSrc])\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit, setFileUrl])\n\n  useEffect(() => {\n    if (uploadControlFile) {\n      handleFileChange({ file: uploadControlFile })\n    }\n  }, [uploadControlFile, handleFileChange])\n\n  // Preview a freshly-selected (not-yet-saved) file from its local object URL, so video/audio/PDF\n  // are playable/viewable just like images. Sizing is capped in CSS so large files stay contained.\n  const renderSelectedFilePreview = (src: string) => {\n    const fileType = value?.type ?? ''\n\n    if (fileType.startsWith('video/')) {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <VideoPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType.startsWith('audio/')) {\n      return (\n        <div className={`${baseClass}__selected-preview ${baseClass}__selected-preview--audio`}>\n          <AudioPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType === 'application/pdf') {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <PdfPreview fileSrc={src} title={value?.name} />\n        </div>\n      )\n    }\n\n    return (\n      <div className={`${baseClass}__selected-preview`}>\n        <Thumbnail\n          collectionSlug={collectionSlug}\n          fileSrc={isImage(fileType) ? src : null}\n          size=\"expand\"\n        />\n      </div>\n    )\n  }\n\n  const drawers = (\n    <Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || (data?.filename as string)}\n            fileSrc={(data?.url as string) || fileSrc}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || (data?.focalX as number) || 50,\n              y: uploadEdits?.focalPoint?.y || (data?.focalY as number) || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__preview-drawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n      {uploadConfig?.pasteURL !== false && (\n        <UploadFromURLModal\n          fileUrl={fileUrl}\n          handleUrlSubmit={handleUrlSubmit}\n          isValidUrl={isValidUrl}\n          setFileUrl={setFileUrl}\n        />\n      )}\n    </Fragment>\n  )\n\n  // Hide the create file input when the collection opts out of it (unless the user has explicitly\n  // removed an existing file or already selected a new one).\n  const showUploadInput = Boolean(value) || removedFile || !uploadConfig?.hideFileInputOnCreate\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} path=\"filename\" showError={showError} />\n      <div className={`${baseClass}__panel`}>\n        {data?.filename && !removedFile && (\n          <FileToolbar\n            filename={data.filename as string}\n            fileSrc={sidePanelFileSrc}\n            fileUrl={data?.url as string}\n            hideRemoveFile={uploadConfig?.hideRemoveFile}\n            isAdjustable={fileTypeIsAdjustable}\n            onEditImage={() => openModal(editDrawerSlug)}\n            onReplace={handleFileRemoval}\n          />\n        )}\n        <div className={`${baseClass}__content`}>\n          {data?.filename && !removedFile ? (\n            <FilePreview\n              collectionSlug={collectionSlug}\n              data={data as Record<string, unknown>}\n              imageCacheTag={imageCacheTag}\n              selectedSize={selectedSize}\n              selectedSizeData={selectedSizeData}\n              setSelectedSize={setSelectedSize}\n              uploadConfig={uploadConfig}\n              UploadFilePreview={UploadFilePreview}\n            />\n          ) : showUploadInput ? (\n            <div className={`${baseClass}__upload`}>\n              {!value && removedFile && data?.filename && (\n                <Button\n                  buttonStyle=\"secondary\"\n                  className={`${baseClass}__remove`}\n                  icon=\"x\"\n                  onClick={() => setRemovedFile(false)}\n                  round\n                  tooltip={t('general:cancel')}\n                />\n              )}\n              {!value && (\n                <Dropzone onChange={handleFileSelection}>\n                  <UploadDropzoneContent\n                    acceptMimeTypes={acceptMimeTypes}\n                    extraControls={UploadControls}\n                    onFilesSelected={handleFileSelection}\n                    onPasteFromClipboard={handlePasteFromClipboard}\n                    pasteButtonClassName={`${baseClass}__pasteFromClipboard`}\n                    pasteTooltip={t('upload:pasteURL')}\n                  />\n                </Dropzone>\n              )}\n              {value && fileSrc && (\n                <Fragment>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__remove`}\n                    icon=\"x\"\n                    onClick={handleFileRemoval}\n                    round\n                    tooltip={t('general:cancel')}\n                  />\n                  {renderSelectedFilePreview(fileSrc)}\n                  <div className={`${baseClass}__file-adjustments`}>\n                    {/* Custom id so this editor doesn't collide with the hidden auto `filename` field. */}\n                    <TextInput\n                      id=\"field-filemanager-filename\"\n                      label={t('upload:fileName')}\n                      onChange={handleFileNameChange}\n                      path=\"filename\"\n                      value={filename || value.name}\n                    />\n                    {(value.size || value.type) && (\n                      <span className={`${baseClass}__selected-meta`}>\n                        {[value.size ? formatFilesize(value.size) : null, value.type]\n                          .filter(Boolean)\n                          .join(' – ')}\n                      </span>\n                    )}\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,EAAEC,OAAO,EAAEC,gBAAgB,QAAQ;AAC1D,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAClE,SAASC,KAAK,QAAQ;AAEtB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,EAAEC,eAAe,QAAQ;AAChD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAzC,EAAA;EAAC;IAAA0C,cAAA;IAAAC,YAAA;IAAAC,gBAAA,EAAAC,yBAAA;IAAAC,iBAAA,EAAAC,0BAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,WAAA,EAAAC,oBAAA;IAAAC;EAAA,IAAAZ,EASvD;EACC;IAAAa;EAAA,IAAsBpD,QAAA;EACtB;IAAAqD;EAAA,IAAcpC,cAAA;EACd;IAAAqC;EAAA,IAAwBzC,OAAA;EACxB;IAAA0C;EAAA,IAAiBxC,eAAA;EAAA,IAAAyC,EAAA;EAAA,IAAAhB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAO,YAAA,CAAAU,SAAA;IAEfD,EAAA,GAAAE,IAAA;MAAA,IACM,CAACA,IAAA,IAAQA,IAAA,KAAAC,SAAS;QAAA,OACb;MAAA;MAAA,IAELD,IAAA,KAAS,CAACA,IAAA,CAAAE,IAAA,IAAaF,IAAA,CAAAE,IAAA,KAAc,EAAC;QAAA,OACjC;MAAA;MAAA,IAGPF,IAAA,YAAAG,IAAgB,IAChBd,YAAA,CAAAU,SAAA,EAAAK,MAAwB,KACvB3D,gBAAA,CAAiBuD,IAAA,CAAAK,IAAA,EAAWhB,YAAA,CAAAU,SAAsB;QAAA,OAE5CJ,CAAA,CAAE;MAAA;MAAA;IAAA;IAGbb,CAAA,MAAAa,CAAA;IAAAb,CAAA,MAAAO,YAAA,CAAAU,SAAA;IAAAjB,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAhBF,MAAAwB,QAAA,GAAiBR,EAiBY;EAAA,IAAAS,EAAA;EAAA,IAAAzB,CAAA,QAAAwB,QAAA;IAEuCC,EAAA;MAAAC,IAAA,EAC5D;MAAAF;IAAA;IAERxB,CAAA,MAAAwB,QAAA;IAAAxB,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAHA;IAAA2B,YAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAqDxD,QAAA,CAAemD,EAGpE;EACA;IAAAM,oBAAA;IAAAC,wBAAA;IAAAC,uBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAMIzD,iBAAA;EACJ,MAAA0D,kBAAA,GAA2BzD,cAAA;EAC3B,MAAAwB,gBAAA,GAAyBC,yBAAA,IAA6BgC,kBAAA,CAAAjC,gBAAmC;EACzF,MAAAE,iBAAA,GAA0BC,0BAAA,IAA8B8B,kBAAA,CAAA/B,iBAAoC;EAC5F,MAAAI,WAAA,GAAoBC,oBAAA,IAAwB0B,kBAAA,CAAA3B,WAA8B;EAE1E,OAAA4B,OAAA,EAAAC,UAAA,IAA8BtE,QAAA,KAAwB;EACtD,OAAAuE,WAAA,EAAAC,cAAA,IAAsCxE,QAAA,MAAS;EAC/C,OAAAyE,QAAA,EAAAC,WAAA,IAAgC1E,QAAA,CAAiB8D,KAAA,EAAAV,IAAA,IAAe;EAChE,OAAAuB,YAAA,EAAAC,eAAA,IAAwC5E,QAAA,KAAwB;EAEhE,MAAA6E,eAAA,GAAwBtC,YAAA,CAAAU,SAAA,EAAA6B,IAAA,CAA6B;EACrD,MAAAC,aAAA,GAAsBxC,YAAA,EAAAyC,SAAA,IAA2BjC,IAAA,EAAAkC,SAAM;EAEvD,MAAAC,aAAA,GAAsB3C,YAAA,EAAA4C,UAAA,EAAA7B,MAAA,IAAmC;EACzD,MAAA8B,gBAAA,GAAyBC,OAAA,CAAQ9C,YAAA,EAAA+C,aAAc;EAC/C,MAAAC,iBAAA,GAA0BhD,YAAA,EAAAiD,UAAA,SAA6B;EACvD;IAAAC,IAAA,EAAAC,EAAA;IAAAF,UAAA,EAAAG;EAAA,IAAqDpD,YAAA;EAAvC,MAAAqD,QAAA,GAAAF,EAAe,KAAAvC,SAAA,UAAfuC,EAAe;EAAE,MAAAF,UAAA,GAAAG,EAAiB,KAAAxC,SAAA,UAAjBwC,EAAiB;EAChD,MAAAE,cAAA,GAAuBL,UAAA,KAAeN,aAAA,IAAiBE,gBAAA,IAAoBG,iBAAgB;EAE3F,MAAAO,gBAAA,GAAyBnB,YAAA,GACpB5B,IAAA,EAAAgD,KAAA,GAAcpB,YAAA,QACf;EACJ,MAAAqB,gBAAA,GAA0BF,gBAAA,EAAAG,GAAA,IAAyBlD,IAAA,EAAAmD,YAAM,IAAgBnD,IAAA,EAAAkD,GAAM,QAAO;EAGtF,MAAAE,iBAAA,GAA0BpD,IAAA,EAAAqD,QAAA;EAC1B,MAAAC,oBAAA,GACE,EAAEF,iBAAA,IACFzG,OAAA,CAAQyG,iBAAA,KACRA,iBAAA,KAAsB,mBACtBA,iBAAA,KAAsB;EAExB,MAAAG,UAAA,GAAAC,KAAA;EAIE,IAAAC,EAAA;EAAA,IAAAxE,CAAA,QAAA+B,oBAAA,IAAA/B,CAAA,QAAAgC,wBAAA,IAAAhC,CAAA,QAAAiC,uBAAA,IAAAjC,CAAA,QAAA4B,QAAA,IAAA5B,CAAA,QAAAa,CAAA,IAAAb,CAAA,SAAAO,YAAA,CAAAU,SAAA;IAGAuD,EAAA,GAAAC,EAAA;MAAC;QAAAvD,IAAA,EAAAwD,MAAA;QAAAC,SAAA,EAAAC;MAAA,IAAAH,EAAsE;MAA9D,MAAAE,SAAA,GAAAC,EAAgB,KAAAzD,SAAA,UAAhByD,EAAgB;MAAA,IAErB1D,MAAA,YAAAG,IAAgB,IAChBd,YAAA,CAAAU,SAAA,EAAAK,MAAwB,KACvB3D,gBAAA,CAAiBuD,MAAA,CAAAK,IAAA,EAAWhB,YAAA,CAAAU,SAAsB;QAEnDhD,KAAA,CAAA4G,KAAA,CAAYhE,CAAA,CAAE;QAAA;MAAA;MAAA,IAGZ8D,SAAA,IAAazD,MAAA,YAAAG,IAAgB;QAC/BiB,UAAA,CAAWwC,GAAA,CAAAC,eAAA,CAAoB7D,MAAA;MAAA;MAEjCU,QAAA,CAASV,MAAA;MACTe,uBAAA,CAAwB;MACxBD,wBAAA,KAAyB;MACzBD,oBAAA,KAAqB;IAAA;IACvB/B,CAAA,MAAA+B,oBAAA;IAAA/B,CAAA,MAAAgC,wBAAA;IAAAhC,CAAA,MAAAiC,uBAAA;IAAAjC,CAAA,MAAA4B,QAAA;IAAA5B,CAAA,MAAAa,CAAA;IAAAb,CAAA,OAAAO,YAAA,CAAAU,SAAA;IAAAjB,CAAA,OAAAwE,EAAA;EAAA;IAAAA,EAAA,GAAAxE,CAAA;EAAA;EAjBF,MAAAgF,gBAAA,GAAyBR,EAyBtB;EAAA,IAAAC,EAAA;EAAA,IAAAzE,CAAA,SAAAgF,gBAAA,IAAAhF,CAAA,SAAA8B,KAAA;IAID2C,EAAA,GAAAQ,CAAA;MACE,MAAAC,eAAA,GAAwBD,CAAA,CAAAE,MAAA,CAAArD,KAAA;MAAc,IAClCA,KAAA;QACFkD,gBAAA;UAAA9D,IAAA,EAAyBoD,UAAA,CAAWxC,KAAA,EAAOoD,eAAA;UAAAP,SAAA;QAAA,CAAmC;QAC9EjC,WAAA,CAAYwC,eAAA;MAAA;IAAA;IAEhBlF,CAAA,OAAAgF,gBAAA;IAAAhF,CAAA,OAAA8B,KAAA;IAAA9B,CAAA,OAAAyE,EAAA;EAAA;IAAAA,EAAA,GAAAzE,CAAA;EAAA;EAPF,MAAAoF,oBAAA,GAA6BX,EAQF;EAAA,IAAAG,EAAA;EAAA,IAAA5E,CAAA,SAAAgF,gBAAA;IAIzBJ,EAAA,GAAAS,KAAA,IAAqBL,gBAAA;MAAA9D,IAAA,EAAyBmE,KAAA;IAAA,CAAW;IAAArF,CAAA,OAAAgF,gBAAA;IAAAhF,CAAA,OAAA4E,EAAA;EAAA;IAAAA,EAAA,GAAA5E,CAAA;EAAA;EAD3D,MAAAsF,mBAAA,GAA4BV,EAER;EAAA,IAAAW,EAAA;EAAA,IAAAvF,CAAA,SAAAgF,gBAAA;IAIlBO,EAAA,GAAAC,MAAA,IAAgBR,gBAAA;MAAA9D,IAAA,EAAmBA;IAAA,CAAK;IAAAlB,CAAA,OAAAgF,gBAAA;IAAAhF,CAAA,OAAAuF,EAAA;EAAA;IAAAA,EAAA,GAAAvF,CAAA;EAAA;EAD1C,MAAAyF,wBAAA,GAAiCF,EAEb;EAAA,IAAAG,EAAA;EAAA,IAAA1F,CAAA,SAAAC,cAAA,IAAAD,CAAA,SAAAyF,wBAAA,IAAAzF,CAAA,SAAAO,YAAA;IAG0DmF,EAAA;MAAAzF,cAAA;MAAA0F,aAAA,EAE7DF,wBAAA;MAAAlF;IAAA;IAEjBP,CAAA,OAAAC,cAAA;IAAAD,CAAA,OAAAyF,wBAAA;IAAAzF,CAAA,OAAAO,YAAA;IAAAP,CAAA,OAAA0F,EAAA;EAAA;IAAAA,EAAA,GAAA1F,CAAA;EAAA;EAJA;IAAA4F,OAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAA6DzG,gBAAA,CAAiBoG,EAI9E;EAAA,IAAAM,GAAA;EAAA,IAAAhG,CAAA,SAAAsF,mBAAA,IAAAtF,CAAA,SAAA6F,eAAA,IAAA7F,CAAA,SAAA+F,UAAA,IAAA/F,CAAA,SAAAO,YAAA;IAEuDyF,GAAA;MAAAV,mBAAA;MAAAO,eAAA;MAAAE,UAAA;MAAAxF;IAAA;IAKvDP,CAAA,OAAAsF,mBAAA;IAAAtF,CAAA,OAAA6F,eAAA;IAAA7F,CAAA,OAAA+F,UAAA;IAAA/F,CAAA,OAAAO,YAAA;IAAAP,CAAA,OAAAgG,GAAA;EAAA;IAAAA,GAAA,GAAAhG,CAAA;EAAA;EALA,MAAAiG,wBAAA,GAAiC5G,qBAAA,CAAsB2G,GAKvD;EAAA,IAAAE,GAAA;EAAA,IAAAlG,CAAA,SAAAgF,gBAAA,IAAAhF,CAAA,SAAAG,gBAAA,IAAAH,CAAA,SAAA+F,UAAA,IAAA/F,CAAA,SAAA+B,oBAAA,IAAA/B,CAAA,SAAAgC,wBAAA,IAAAhC,CAAA,SAAAiC,uBAAA;IAEsCiE,GAAA,GAAAA,CAAA;MACpC1D,cAAA,KAAe;MACfwC,gBAAA;QAAA9D,IAAA;MAAA,CAA8B;MAC9BoB,UAAA,CAAW;MACXyD,UAAA,CAAW;MACXnD,eAAA,KAAgB;MAChBzC,gBAAA;MACA8B,uBAAA,CAAwB;MACxBD,wBAAA,KAAyB;MACzBD,oBAAA,KAAqB;IAAA;IACvB/B,CAAA,OAAAgF,gBAAA;IAAAhF,CAAA,OAAAG,gBAAA;IAAAH,CAAA,OAAA+F,UAAA;IAAA/F,CAAA,OAAA+B,oBAAA;IAAA/B,CAAA,OAAAgC,wBAAA;IAAAhC,CAAA,OAAAiC,uBAAA;IAAAjC,CAAA,OAAAkG,GAAA;EAAA;IAAAA,GAAA,GAAAlG,CAAA;EAAA;EAVA,MAAAmG,iBAAA,GAA0BD,GAiBzB;EAAA,IAAAE,GAAA;EAAA,IAAApG,CAAA,SAAAc,WAAA,IAAAd,CAAA,SAAAK,iBAAA;IAGC+F,GAAA,GAAAC,IAAA;MACEvF,WAAA,KAAY;MACZT,iBAAA,CAAkBgG,IAAA;IAAA;IACpBrG,CAAA,OAAAc,WAAA;IAAAd,CAAA,OAAAK,iBAAA;IAAAL,CAAA,OAAAoG,GAAA;EAAA;IAAAA,GAAA,GAAApG,CAAA;EAAA;EAJF,MAAAsG,WAAA,GAAoBF,GAKc;EAAA,IAAAG,GAAA;EAAA,IAAAvG,CAAA,SAAAwG,MAAA,CAAAC,GAAA;IAIxBF,GAAA,GAAAA,CAAA;MACR3D,eAAA,KAAgB;MAChBJ,cAAA,MAAe;MACfF,UAAA,CAAW;IAAA;IACbtC,CAAA,OAAAuG,GAAA;EAAA;IAAAA,GAAA,GAAAvG,CAAA;EAAA;EAAI,MAAA0G,GAAA,GAAA3F,IAAA,EAAAkD,GAAA;EAAW,MAAA0C,GAAA,GAAA5F,IAAA,EAAA0B,QAAA;EAAM,IAAAmE,GAAA;EAAA,IAAA5G,CAAA,SAAA0G,GAAA,IAAA1G,CAAA,SAAA2G,GAAA;IAAlBC,GAAA,IAACF,GAAM,EAAKC,GAAM;IAAS3G,CAAA,OAAA0G,GAAA;IAAA1G,CAAA,OAAA2G,GAAA;IAAA3G,CAAA,OAAA4G,GAAA;EAAA;IAAAA,GAAA,GAAA5G,CAAA;EAAA;EAJ9BjC,SAAA,CAAUwI,GAIV,EAAGK,GAA2B;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA9G,CAAA,SAAAE,YAAA;IAEpB2G,GAAA,GAAAA,CAAA;MAAA,IACJ3G,YAAA,EAAAgB,IAAA,EAAAY,KAAA,YAAAT,IAAqC;QACvCiB,UAAA,CAAWwC,GAAA,CAAAC,eAAA,CAAoB7E,YAAA,CAAAgB,IAAA,CAAAY,KAAuB;QACtDU,cAAA,MAAe;MAAA;IAAA;IAEhBsE,GAAA,IAAC5G,YAAA;IAAaF,CAAA,OAAAE,YAAA;IAAAF,CAAA,OAAA6G,GAAA;IAAA7G,CAAA,OAAA8G,GAAA;EAAA;IAAAD,GAAA,GAAA7G,CAAA;IAAA8G,GAAA,GAAA9G,CAAA;EAAA;EALjBjC,SAAA,CAAU8I,GAKV,EAAGC,GAAc;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAhH,CAAA,SAAAqC,OAAA;IAEP0E,GAAA,GAAAA,CAAA;MAAA,IAEF1E,OAAA,EAAA4E,UAAA,CAAoB;QACtBnC,GAAA,CAAAoC,eAAA,CAAoB7E,OAAA;MAAA;IAAA;IAGvB2E,GAAA,IAAC3E,OAAA;IAAQrC,CAAA,OAAAqC,OAAA;IAAArC,CAAA,OAAA+G,GAAA;IAAA/G,CAAA,OAAAgH,GAAA;EAAA;IAAAD,GAAA,GAAA/G,CAAA;IAAAgH,GAAA,GAAAhH,CAAA;EAAA;EANZjC,SAAA,CAAUgJ,GAMV,EAAGC,GAAS;EAAA,IAAAG,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAApH,CAAA,SAAA6F,eAAA,IAAA7F,CAAA,SAAA+F,UAAA,IAAA/F,CAAA,SAAAmC,oBAAA;IAEFgF,GAAA,GAAAA,CAAA;MACR,MAAAE,oBAAA,SAAAA,CAAA;QAAA,IACMlF,oBAAA;UACF4D,UAAA,CAAW5D,oBAAA;UAAA,MACL0D,eAAA;QAAA;MAAA;MAGLwB,oBAAA;IAAA;IACJD,GAAA,IAACjF,oBAAA,EAAsB0D,eAAA,EAAiBE,UAAA;IAAW/F,CAAA,OAAA6F,eAAA;IAAA7F,CAAA,OAAA+F,UAAA;IAAA/F,CAAA,OAAAmC,oBAAA;IAAAnC,CAAA,OAAAmH,GAAA;IAAAnH,CAAA,OAAAoH,GAAA;EAAA;IAAAD,GAAA,GAAAnH,CAAA;IAAAoH,GAAA,GAAApH,CAAA;EAAA;EARtDjC,SAAA,CAAUoJ,GAQV,EAAGC,GAAmD;EAAA,IAAAE,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAvH,CAAA,SAAAgF,gBAAA,IAAAhF,CAAA,SAAAkC,iBAAA;IAE5CoF,GAAA,GAAAA,CAAA;MAAA,IACJpF,iBAAA;QACF8C,gBAAA;UAAA9D,IAAA,EAAyBgB;QAAA,CAAkB;MAAA;IAAA;IAE5CqF,GAAA,IAACrF,iBAAA,EAAmB8C,gBAAA;IAAiBhF,CAAA,OAAAgF,gBAAA;IAAAhF,CAAA,OAAAkC,iBAAA;IAAAlC,CAAA,OAAAsH,GAAA;IAAAtH,CAAA,OAAAuH,GAAA;EAAA;IAAAD,GAAA,GAAAtH,CAAA;IAAAuH,GAAA,GAAAvH,CAAA;EAAA;EAJxCjC,SAAA,CAAUuJ,GAIV,EAAGC,GAAqC;EAAA,IAAAC,GAAA;EAAA,IAAAxH,CAAA,SAAAC,cAAA,IAAAD,CAAA,SAAA8B,KAAA,EAAAV,IAAA,IAAApB,CAAA,SAAA8B,KAAA,EAAAP,IAAA;IAINiG,GAAA,GAAAC,GAAA;MAChC,MAAAC,QAAA,GAAiB5F,KAAA,EAAAP,IAAA,IAAe;MAAA,IAE5BmG,QAAA,CAAAT,UAAA,CAAoB;QAAA,OAEpBU,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAA/H,SAAA,oBAAgC;UAAAgI,QAAA,EAC9CF,IAAA,CAAAhI,YAAA;YAAA0C,OAAA,EAAuBoF;UAAA,C;;;UAKzBC,QAAA,CAAAT,UAAA,CAAoB;QAAA,OAEpBU,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAA/H,SAAA,sBAAAA,SAAA,2BAAsE;UAAAgI,QAAA,EACpFF,IAAA,CAAAnI,YAAA;YAAA6C,OAAA,EAAuBoF;UAAA,C;;;UAKzBC,QAAA,KAAa;QAAA,OAEbC,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAA/H,SAAA,oBAAgC;UAAAgI,QAAA,EAC9CF,IAAA,CAAAjI,UAAA;YAAA2C,OAAA,EAAqBoF,GAAA;YAAAK,KAAA,EAAYhG,KAAA,EAAAV;UAAA,C;;;aAMrCuG,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAA/H,SAAA,oBAAgC;QAAAgI,QAAA,EAC9CF,IAAA,CAAA1I,SAAA;UAAAgB,cAAA;UAAAoC,OAAA,EAEW3E,OAAA,CAAQgK,QAAA,IAAYD,GAAA,OAAM;UAAAM,IAAA,EAC9B;QAAA,C;;;IAIb/H,CAAA,OAAAC,cAAA;IAAAD,CAAA,OAAA8B,KAAA,EAAAV,IAAA;IAAApB,CAAA,OAAA8B,KAAA,EAAAP,IAAA;IAAAvB,CAAA,OAAAwH,GAAA;EAAA;IAAAA,GAAA,GAAAxH,CAAA;EAAA;EApCA,MAAAgI,yBAAA,GAAkCR,GAoClC;EAEA,MAAAS,OAAA,GACEC,KAAA,CAAArK,QAAA;IAAAgK,QAAA,GACI,CAAA/F,KAAA,IAASf,IAAA,EAAA0B,QAAa,KACtBkF,IAAA,CAAAnJ,iBAAA;MAAAqJ,QAAA,EACEF,IAAA,CAAA5I,UAAA;QAAAoJ,QAAA,EACYrG,KAAA,EAAAV,IAAA,IAAgBL,IAAA,EAAA0B,QAAM;QAAAJ,OAAA,EACvBtB,IAAC,EAAAkD,GAAA,IAAwB5B,OAAA;QAAAU,aAAA;QAAAqF,WAAA,EAErB3H,WAAA,EAAAgD,IAAA,IAAAtC,SAAqB;QAAAkH,iBAAA;UAAAC,CAAA,EAE7B7H,WAAA,EAAA+C,UAAA,EAAA8E,CAAA,IAA+BvH,IAAA,EAAAwH,MAAM,MAAqB;UAAAC,CAAA,EAC1D/H,WAAA,EAAA+C,UAAA,EAAAgF,CAAA,IAA+BzH,IAAA,EAAA0H,MAAM;QAAqB;QAAAC,MAAA,EAEvDpC,WAAA;QAAA1C,QAAA;QAAAC;MAAA,C;QAMb9C,IAAA,IAAQmC,aAAA,IACPyE,IAAA,CAAA9I,MAAA;MAAA+I,SAAA,EACa,GAAA/H,SAAA,kBAA8B;MAAA8I,UAAA;MAAAC,IAAA,EAAAzJ,eAAA;MAAA2I,KAAA,EAGlCjH,CAAA,CAAE;QAAAgI,KAAA,EAA4B9H,IAAA,CAAA0B;MAAA,CAAc;MAAAoF,QAAA,EAEnDF,IAAA,CAAA3I,YAAA;QAAA8J,GAAA,EAAmB/H,IAAA;QAAAA,aAAA;QAAAA;MAAA,C;QAGtBR,YAAA,EAAAwI,QAAA,UAA2B,IAC1BpB,IAAA,CAAAvI,kBAAA;MAAAwG,OAAA;MAAAC,eAAA;MAAAC,UAAA;MAAAC;IAAA,C;;EAYN,MAAAiD,eAAA,GAAwB3F,OAAA,CAAQvB,KAAA,KAAUS,WAAA,KAAgBhC,YAAA,EAAA0I,qBAAc;EAAA,IAAAC,GAAA;EAAA,IAAAlJ,CAAA,SAAAwG,MAAA,CAAAC,GAAA;IAGtDyC,GAAA,IAAA/K,cAAA,EAAA0B,SAAA,EAAAsJ,MAAA,CAAA9F,OAAmC;IAAArD,CAAA,OAAAkJ,GAAA;EAAA;IAAAA,GAAA,GAAAlJ,CAAA;EAAA;EAAA,OAAnDkI,KAAA,CAAC;IAAAN,SAAA,EAAesB,GAAmC,CAAApG,IAAA,CAAc;IAAA+E,QAAA,GAC/DF,IAAA,CAAAzJ,UAAA;MAAAkL,OAAA,EAAqBzH,YAAA;MAAAD,IAAA,EAAmB;MAAAG;IAAA,C,GACxCqG,KAAA,CAAC;MAAAN,SAAA,EAAe,GAAA/H,SAAA,SAAqB;MAAAgI,QAAA,GAClC9G,IAAA,EAAA0B,QAAA,KAAmBF,WAAA,IAClBoF,IAAA,CAAA/H,WAAA;QAAA6C,QAAA,EACY1B,IAAA,CAAA0B,QAAA;QAAAJ,OAAA,EACD2B,gBAAA;QAAA4B,OAAA,EACA7E,IAAA,EAAAkD,GAAA;QAAAoF,cAAA,EACO9I,YAAA,EAAA8I,cAAA;QAAAC,YAAA,EACFjF,oBAAA;QAAAkF,WAAA,EAAAA,CAAA,KACK3I,SAAA,CAAA1B,cAAU;QAAAsK,SAAA,EAClBrD;MAAA,C,GAGfwB,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAA/H,SAAA,WAAuB;QAAAgI,QAAA,EACpC9G,IAAA,EAAA0B,QAAA,KAAmBF,WAAA,GAClBoF,IAAA,CAAAlI,WAAA;UAAAQ,cAAA;UAAAc,IAAA;UAAAgC,aAAA;UAAAJ,YAAA;UAAAmB,gBAAA;UAAAlB,eAAA;UAAArC,YAAA;UAAAI;QAAA,C,IAUEqI,eAAA,GACFd,KAAA,CAAC;UAAAN,SAAA,EAAe,GAAA/H,SAAA,UAAsB;UAAAgI,QAAA,GACnC,CAAC/F,KAAA,IAASS,WAAA,IAAexB,IAAA,EAAA0B,QAAM,IAC9BkF,IAAA,CAAA/I,MAAA;YAAA6K,WAAA,EACc;YAAA7B,SAAA,EACD,GAAA/H,SAAA,UAAsB;YAAA6J,IAAA,EAC5B;YAAAC,OAAA,EAAAA,CAAA,KACUnH,cAAA,MAAe;YAAAoH,KAAA;YAAAC,OAAA,EAErBhJ,CAAA,CAAE;UAAA,C,GAGd,CAACiB,KAAA,IACA6F,IAAA,CAAA7I,QAAA;YAAAgL,QAAA,EAAoBxE,mBAAA;YAAAuC,QAAA,EAClBF,IAAA,CAAApI,qBAAA;cAAAsD,eAAA;cAAAkH,aAAA,EAEiBvJ,cAAA;cAAAwJ,eAAA,EACE1E,mBAAA;cAAA2E,oBAAA,EACKhE,wBAAA;cAAAiE,oBAAA,EACA,GAAArK,SAAA,sBAAkC;cAAAsK,YAAA,EAC1CtJ,CAAA,CAAE;YAAA,C;cAIrBiB,KAAA,IAASO,OAAA,IACR6F,KAAA,CAAArK,QAAA;YAAAgK,QAAA,GACEF,IAAA,CAAA/I,MAAA;cAAA6K,WAAA,EACc;cAAA7B,SAAA,EACD,GAAA/H,SAAA,UAAsB;cAAA6J,IAAA,EAC5B;cAAAC,OAAA,EACIxD,iBAAA;cAAAyD,KAAA;cAAAC,OAAA,EAEAhJ,CAAA,CAAE;YAAA,C,GAEZmH,yBAAA,CAA0B3F,OAAA,GAC3B6F,KAAA,CAAC;cAAAN,SAAA,EAAe,GAAA/H,SAAA,oBAAgC;cAAAgI,QAAA,GAE9CF,IAAA,CAAAvJ,SAAA;gBAAAgM,EAAA,EACK;gBAAAvB,KAAA,EACIhI,CAAA,CAAE;gBAAAiJ,QAAA,EACC1E,oBAAA;gBAAA1D,IAAA,EACL;gBAAAI,KAAA,EACEW,QAAA,IAAYX,KAAA,CAAAV;cAAU,C,GAE7B,CAAAU,KAAA,CAAAiG,IAAA,IAAcjG,KAAA,CAAAP,IAAU,KACxBoG,IAAA,CAAC;gBAAAC,SAAA,EAAgB,GAAA/H,SAAA,iBAA6B;gBAAAgI,QAAA,EAC3C,CAAC/F,KAAA,CAAAiG,IAAA,GAAatK,cAAA,CAAeqE,KAAA,CAAAiG,IAAU,QAAI,EAAMjG,KAAA,CAAAP,IAAA,EAAA4H,MAAA,CAAA9F,OACxC,EAAAP,IAAA,CACF;cAAA,C;;;;MAOlB,C;QAGPmF,OAAA;EAAA,C;CAGP;AA7XuD,SAAA1D,MAAA8F,YAAA,EAAAC,OAAA;EAAA,WAAAjJ,IAAA,EA6EzCgJ,YAAA,GAAeC,OAAA;IAAA/I,IAAA,EACjB8I,YAAA,CAAA9I,IAAA;IAAAgJ,YAAA,EACQF,YAAA,CAAAE;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","formatFilesize","isImage","validateMimeType","React","Fragment","useCallback","useEffect","useState","toast","FieldError","fieldBaseClass","TextInput","useForm","useField","useDocumentInfo","EditDepthProvider","useTranslation","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","PreviewSizes","Thumbnail","getEditorFileSrc","editDrawerSlug","sizePreviewSlug","UploadFromURLModal","usePasteFromClipboard","useUploadFromUrl","UploadDropzoneContent","AudioPreview","FilePreview","PdfPreview","VideoPreview","FileToolbar","baseClass","FileManager","t0","$","collectionSlug","initialState","resetUploadEdits","resetUploadEditsFromProps","updateUploadEdits","updateUploadEditsFromProps","uploadConfig","UploadControls","uploadEdits","uploadEditsFromProps","UploadFilePreview","openModal","t","setModified","data","t1","mimeTypes","file","undefined","name","File","length","type","validate","t2","path","errorMessage","setValue","showError","value","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileUrl","uploadEditsContext","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","selectedSize","setSelectedSize","acceptMimeTypes","join","imageCacheTag","cacheTags","updatedAt","hasVariants","variants","hasImageAdjustments","Boolean","focalPointEnabled","focalPoint","crop","t3","t4","showCrop","showFocalPoint","selectedSizeData","sidePanelFileSrc","url","thumbnailURL","sidePanelMimeType","mimeType","fileTypeIsAdjustable","renameFile","_temp","t5","t6","file_0","isNewFile","t7","error","URL","createObjectURL","handleFileChange","e","updatedFileName","target","handleFileNameChange","files","handleFileSelection","t8","file_1","handleFileFetchedFromUrl","t9","onFileFetched","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","t10","handlePasteFromClipboard","t11","handleFileRemoval","t12","args","onEditsSave","t13","Symbol","for","t14","t15","t16","t17","t18","t19","t20","startsWith","revokeObjectURL","t21","t22","handleControlFileUrl","t23","t24","t25","src","fileType","_jsx","className","children","title","size","renderSelectedFilePreview","drawers","_jsxs","fileName","hasSelectedFile","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","label","doc","pasteURL","showUploadInput","hideFileInputOnCreate","t26","filter","message","hideRemoveFile","isAdjustable","onEditImage","onReplace","buttonStyle","icon","onClick","round","tooltip","onChange","extraControls","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip","id","fileToChange","newName","lastModified"],"sources":["../../../src/elements/FileManager/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatFilesize, isImage, validateMimeType } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { getEditorFileSrc } from '../Upload/getEditorFileSrc.js'\nimport { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js'\nimport { UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js'\nimport { usePasteFromClipboard } from '../Upload/usePasteFromClipboard.js'\nimport { useUploadFromUrl } from '../Upload/useUploadFromUrl.js'\nimport { UploadDropzoneContent } from '../UploadDropzoneContent/index.js'\nimport { AudioPreview } from './FilePreview/AudioPreview/index.js'\nimport { FilePreview } from './FilePreview/index.js'\nimport { PdfPreview } from './FilePreview/PdfPreview/index.js'\nimport { VideoPreview } from './FilePreview/VideoPreview/index.js'\nimport { FileToolbar } from './FileToolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'file-manager'\n\nexport type FileManagerProps = {\n  readonly collectionSlug: string\n  readonly initialState?: import('payload').FormState\n  /**\n   * When provided, upload edits are sourced from these props instead of the `useUploadEdits`\n   * context. The bulk upload drawer uses this to drive per-file edits from its FormsManager.\n   */\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadConfig: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  readonly UploadControls?: React.ReactNode\n  readonly uploadEdits?: UploadEdits\n  readonly UploadFilePreview?: React.ReactNode\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n  collectionSlug,\n  initialState,\n  resetUploadEdits: resetUploadEditsFromProps,\n  updateUploadEdits: updateUploadEditsFromProps,\n  uploadConfig,\n  UploadControls,\n  uploadEdits: uploadEditsFromProps,\n  UploadFilePreview,\n}) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { data } = useDocumentInfo()\n  const validate = useCallback(\n    (file: File | null | undefined) => {\n      if (!file && file !== undefined) {\n        return 'A file is required.'\n      }\n      if (file && (!file.name || file.name === '')) {\n        return 'A file name is required.'\n      }\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        return t('error:invalidFileType')\n      }\n      return true\n    },\n    [t, uploadConfig.mimeTypes],\n  )\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileUrl,\n  } = useUploadControls()\n  const uploadEditsContext = useUploadEdits()\n  const resetUploadEdits = resetUploadEditsFromProps ?? uploadEditsContext.resetUploadEdits\n  const updateUploadEdits = updateUploadEditsFromProps ?? uploadEditsContext.updateUploadEdits\n  const uploadEdits = uploadEditsFromProps ?? uploadEditsContext.uploadEdits\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  const hasVariants = uploadConfig?.variants?.length > 0\n  const hasImageAdjustments = Boolean(uploadConfig?.hasImageAdjustments)\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n  const showFocalPoint = focalPoint && (hasVariants || hasImageAdjustments || focalPointEnabled)\n\n  const selectedSizeData = selectedSize\n    ? (data?.variants?.[selectedSize] as Record<string, unknown>)\n    : null\n  const sidePanelFileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n  const sidePanelMimeType = data?.mimeType as string | undefined\n  const fileTypeIsAdjustable =\n    !!sidePanelMimeType &&\n    isImage(sidePanelMimeType) &&\n    sidePanelMimeType !== 'image/svg+xml' &&\n    sidePanelMimeType !== 'image/jxl'\n\n  const renameFile = (fileToChange: File, newName: string): File =>\n    new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n    },\n    [\n      setValue,\n      setUploadControlFile,\n      setUploadControlFileName,\n      setUploadControlFileUrl,\n      t,\n      uploadConfig.mimeTypes,\n    ],\n  )\n\n  const handleFileNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => handleFileChange({ file: files?.[0] }),\n    [handleFileChange],\n  )\n\n  const handleFileFetchedFromUrl = useCallback(\n    (file: File) => handleFileChange({ file }),\n    [handleFileChange],\n  )\n\n  const { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl } = useUploadFromUrl({\n    collectionSlug,\n    onFileFetched: handleFileFetchedFromUrl,\n    uploadConfig,\n  })\n\n  const handlePasteFromClipboard = usePasteFromClipboard({\n    handleFileSelection,\n    handleUrlSubmit,\n    setFileUrl,\n    uploadConfig,\n  })\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    setSelectedSize(null)\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  // Reset states for when replacing the file with a new upload\n  useEffect(() => {\n    setSelectedSize(null)\n    setRemovedFile(false)\n    setFileSrc('')\n  }, [data?.url, data?.filename])\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    return () => {\n      if (fileSrc?.startsWith('blob:')) {\n        URL.revokeObjectURL(fileSrc)\n      }\n    }\n  }, [fileSrc])\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit, setFileUrl])\n\n  useEffect(() => {\n    if (uploadControlFile) {\n      handleFileChange({ file: uploadControlFile })\n    }\n  }, [uploadControlFile, handleFileChange])\n\n  // Preview a freshly-selected (not-yet-saved) file from its local object URL, so video/audio/PDF\n  // are playable/viewable just like images. Sizing is capped in CSS so large files stay contained.\n  const renderSelectedFilePreview = (src: string) => {\n    const fileType = value?.type ?? ''\n\n    if (fileType.startsWith('video/')) {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <VideoPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType.startsWith('audio/')) {\n      return (\n        <div className={`${baseClass}__selected-preview ${baseClass}__selected-preview--audio`}>\n          <AudioPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType === 'application/pdf') {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <PdfPreview fileSrc={src} title={value?.name} />\n        </div>\n      )\n    }\n\n    return (\n      <div className={`${baseClass}__selected-preview`}>\n        <Thumbnail\n          collectionSlug={collectionSlug}\n          fileSrc={isImage(fileType) ? src : null}\n          size=\"expand\"\n        />\n      </div>\n    )\n  }\n\n  const drawers = (\n    <Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || (data?.filename as string)}\n            fileSrc={getEditorFileSrc({ data, fileSrc, hasSelectedFile: Boolean(value) })}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || (data?.focalX as number) || 50,\n              y: uploadEdits?.focalPoint?.y || (data?.focalY as number) || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasVariants && (\n        <Drawer\n          className={`${baseClass}__preview-drawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n      {uploadConfig?.pasteURL !== false && (\n        <UploadFromURLModal\n          fileUrl={fileUrl}\n          handleUrlSubmit={handleUrlSubmit}\n          isValidUrl={isValidUrl}\n          setFileUrl={setFileUrl}\n        />\n      )}\n    </Fragment>\n  )\n\n  // Hide the create file input when the collection opts out of it (unless the user has explicitly\n  // removed an existing file or already selected a new one).\n  const showUploadInput = Boolean(value) || removedFile || !uploadConfig?.hideFileInputOnCreate\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} path=\"filename\" showError={showError} />\n      <div className={`${baseClass}__panel`}>\n        {data?.filename && !removedFile && (\n          <FileToolbar\n            filename={data.filename as string}\n            fileSrc={sidePanelFileSrc}\n            fileUrl={data?.url as string}\n            hideRemoveFile={uploadConfig?.hideRemoveFile}\n            isAdjustable={fileTypeIsAdjustable}\n            onEditImage={() => openModal(editDrawerSlug)}\n            onReplace={handleFileRemoval}\n          />\n        )}\n        <div className={`${baseClass}__content`}>\n          {data?.filename && !removedFile ? (\n            <FilePreview\n              collectionSlug={collectionSlug}\n              data={data as Record<string, unknown>}\n              imageCacheTag={imageCacheTag}\n              selectedSize={selectedSize}\n              selectedSizeData={selectedSizeData}\n              setSelectedSize={setSelectedSize}\n              uploadConfig={uploadConfig}\n              UploadFilePreview={UploadFilePreview}\n            />\n          ) : showUploadInput ? (\n            <div className={`${baseClass}__upload`}>\n              {!value && removedFile && data?.filename && (\n                <Button\n                  aria-label={t('general:cancel')}\n                  buttonStyle=\"secondary\"\n                  className={`${baseClass}__remove`}\n                  icon=\"x\"\n                  onClick={() => setRemovedFile(false)}\n                  round\n                  tooltip={t('general:cancel')}\n                />\n              )}\n              {!value && (\n                <Dropzone onChange={handleFileSelection}>\n                  <UploadDropzoneContent\n                    acceptMimeTypes={acceptMimeTypes}\n                    extraControls={UploadControls}\n                    onFilesSelected={handleFileSelection}\n                    onPasteFromClipboard={handlePasteFromClipboard}\n                    pasteButtonClassName={`${baseClass}__pasteFromClipboard`}\n                    pasteTooltip={t('upload:pasteURL')}\n                  />\n                </Dropzone>\n              )}\n              {value && fileSrc && (\n                <Fragment>\n                  <Button\n                    aria-label={t('general:cancel')}\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__remove`}\n                    icon=\"x\"\n                    onClick={handleFileRemoval}\n                    round\n                    tooltip={t('general:cancel')}\n                  />\n                  {renderSelectedFilePreview(fileSrc)}\n                  <div className={`${baseClass}__file-adjustments`}>\n                    {/* Custom id so this editor doesn't collide with the hidden auto `filename` field. */}\n                    <TextInput\n                      id=\"field-filemanager-filename\"\n                      label={t('upload:fileName')}\n                      onChange={handleFileNameChange}\n                      path=\"filename\"\n                      value={filename || value.name}\n                    />\n                    {(value.size || value.type) && (\n                      <span className={`${baseClass}__selected-meta`}>\n                        {[value.size ? formatFilesize(value.size) : null, value.type]\n                          .filter(Boolean)\n                          .join(' – ')}\n                      </span>\n                    )}\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FormHeader/index.css

@@ -10,7 +10,6 @@
 
   .form-header h1 {
     margin: 0;
-    font-family: var(--text-heading-large-font-family);
     font-size: var(--text-heading-large-font-size);
     font-weight: var(--text-heading-large-font-weight);
     line-height: var(--text-heading-large-line-height);
@@ -20,7 +19,6 @@
 
   .form-header p {
     margin: 0;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/GroupBy/Popup.css

@@ -19,10 +19,9 @@
     display: flex;
     flex: 1;
     padding: var(--spacer-2);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     color: var(--color-text);
   }
 
@@ -48,7 +47,6 @@
     display: flex;
     align-items: center;
     height: var(--spacer-4);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -78,7 +76,6 @@
     border-radius: var(--button-radius);
     cursor: pointer;
     color: var(--color-text);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/HTMLDiff/index.css

@@ -3,7 +3,6 @@
     display: flex;
     flex-direction: column;
     gap: var(--spacer-3);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/Hierarchy/ActionsMenu/index.css

@@ -0,0 +1,18 @@
+@layer payload-default {
+  .hierarchy-actions-menu {
+    display: contents;
+  }
+
+  .hierarchy-actions-menu__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Dividers span the full menu width rather than sitting inside the list's inline padding. */
+  .hierarchy-actions-menu__popup-content .popup-divider {
+    margin-inline: calc(var(--spacer-2) * -1);
+  }
+}

package/dist/elements/Hierarchy/ActionsMenu/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './index.css';
+/**
+ * Props for the trigger button. `undefined` when the menu is off and the trigger
+ * should run its own click handler instead.
+ */
+export type HierarchyActionsMenuTriggerProps = {
+    extraButtonProps: {
+        'aria-controls'?: string;
+        'aria-expanded'?: 'false' | 'true' | boolean;
+        'aria-haspopup': 'menu';
+        onKeyDown: React.KeyboardEventHandler;
+    };
+    onClick: React.MouseEventHandler;
+    selected: boolean;
+} | undefined;
+export type HierarchyActionsMenuProps = {
+    /** Destination for the "Go to" action. The action is hidden when omitted. */
+    goTo?: {
+        href: string;
+        name: string;
+    };
+    /** When false, the trigger renders without a menu. */
+    hasActions: boolean;
+    /** Singular label of the hierarchy collection, used in the remove action. */
+    hierarchyLabel: string;
+    onMove: () => void;
+    /** Return `false` when the remove failed, so focus stays where it is. */
+    onRemove: () => boolean | Promise<boolean> | void;
+    renderTrigger: (triggerProps: HierarchyActionsMenuTriggerProps) => React.ReactNode;
+    /** Show icons next to the move and remove actions. */
+    showActionIcons?: boolean;
+};
+export declare const HierarchyActionsMenu: React.FC<HierarchyActionsMenuProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Hierarchy/ActionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ActionsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAMvE,OAAO,aAAa,CAAA;AAIpB;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GACxC;IACE,gBAAgB,EAAE;QAChB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;QAC5C,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAA;KACtC,CAAA;IACD,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB,GACD,SAAS,CAAA;AAEb,MAAM,MAAM,yBAAyB,GAAG;IACtC,6EAA6E;IAC7E,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACjD,aAAa,EAAE,CAAC,YAAY,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAA;IAClF,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsFpE,CAAA"}