@payloadcms/ui 4.0.0-internal.cd47d20 → 4.0.0-internal.ce66a41

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useState","DraggableSortable","props","$","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","id","setNodeRef","t3","Symbol","for","activationConstraint","distance","t4","delay","tolerance","t5","coordinateGetter","sensors","t6","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t7","handleDragCancel","t8","event_0","active_0","handleDragStart","t9","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","dropAnimation","remove"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart, renderDragOverlay, sortingStrategy } =\n    props\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,aAAa,EACbC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL;AACP,SAASC,eAAe,EAAEC,2BAA2B,QAAQ;AAC7D,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,QAAQ;AAI/D,OAAO;AAIP,OAAO,MAAMC,iBAAA,GAAqCC,KAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAChD;IAAAoB,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IACER,KAAA;EACF,OAAAS,QAAA,EAAAC,WAAA,IAAgCZ,QAAA,KAAiC;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAQ,QAAA;IAIvDE,EAAA,GAAAA,CAAA;MAAA,IACJF,QAAA,SAAa;QACfI,QAAA,CAAAC,IAAA,CAAAC,SAAA,CAAAC,GAAA,CAA4B;QAAA,OAAAC,KAAA;MAAA;IAAA;IAK7BL,EAAA,IAACH,QAAA;IAASR,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAD,EAAA,GAAAV,CAAA;IAAAW,EAAA,GAAAX,CAAA;EAAA;EAPbL,SAAA,CAAUe,EAOV,EAAGC,EAAU;EAEb,MAAAM,YAAA,GAAqBrB,KAAA;EACrB,MAAAsB,iBAAA,GAA0BtB,KAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAnB,CAAA,QAAAiB,YAAA;IAEUE,EAAA;MAAAC,EAAA,EAC9BH;IAAA;IACNjB,CAAA,MAAAiB,YAAA;IAAAjB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAFA;IAAAqB;EAAA,IAAuBjC,YAAA,CAAa+B,EAEpC;EAAA,IAAAG,EAAA;EAAA,IAAAtB,CAAA,QAAAuB,MAAA,CAAAC,GAAA;IAGyBF,EAAA;MAAAG,oBAAA;QAAAC,QAAA;MAAA;IAAA;IAIvB1B,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAA2B,EAAA;EAAA,IAAA3B,CAAA,QAAAuB,MAAA,CAAAC,GAAA;IACuBG,EAAA;MAAAF,oBAAA;QAAAG,KAAA;QAAAC,SAAA;MAAA;IAAA;IAKvB7B,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAAA,IAAA8B,EAAA;EAAA,IAAA9B,CAAA,QAAAuB,MAAA,CAAAC,GAAA;IAC0BM,EAAA;MAAAC,gBAAA,EAAAvC;IAAA;IAE1BQ,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAdF,MAAAgC,OAAA,GAAgB1C,UAAA,CACdD,SAAA,CAAAH,WAAA,EAAuBoC,EAIvB,GACAjC,SAAA,CAAAF,WAAA,EAAuBwC,EAKvB,GACAtC,SAAA,CAAAJ,cAAA,EAA0B6C,EAE1B;EAAA,IAAAG,EAAA;EAAA,IAAAjC,CAAA,QAAAG,GAAA,IAAAH,CAAA,QAAAI,SAAA;IAIA6B,EAAA,GAAAC,KAAA;MACE;QAAAC,MAAA;QAAAC;MAAA,IAAyBF,KAAA;MAEzBA,KAAA,CAAAG,cAAA,CAAAC,eAAA,CAAoC;MACpC7B,WAAA,KAAY;MAAA,IAER,CAAC0B,MAAA,KAAWC,IAAA;QAAA;MAAA;MAAA,IAIZ,OAAOhC,SAAA,KAAc;QACvBA,SAAA;UAAA8B,KAAA;UAAAK,aAAA,EAEiBpC,GAAA,CAAAqC,SAAA,CAAAC,GAAA,IAAuBA,GAAA,KAAQN,MAAA,CAAAf,EAAS;UAAAsB,WAAA,EAC1CvC,GAAA,CAAAqC,SAAA,CAAAG,KAAA,IAAuBF,KAAA,KAAQL,IAAA,CAAAhB,EAAO;QAAA,CACrD;MAAA;IAAA;IAEJpB,CAAA,MAAAG,GAAA;IAAAH,CAAA,MAAAI,SAAA;IAAAJ,CAAA,OAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAlBF,MAAA4C,aAAA,GAAsBX,EAmBJ;EAAA,IAAAY,EAAA;EAAA,IAAA7C,CAAA,SAAAuB,MAAA,CAAAC,GAAA;IAGmBqB,EAAA,GAAAA,CAAA;MACnCpC,WAAA,KAAY;IAAA;IACdT,CAAA,OAAA6C,EAAA;EAAA;IAAAA,EAAA,GAAA7C,CAAA;EAAA;EAFA,MAAA8C,gBAAA,GAAyBD,EAEpB;EAAA,IAAAE,EAAA;EAAA,IAAA/C,CAAA,SAAAK,WAAA;IAGH0C,EAAA,GAAAC,OAAA;MACE;QAAAb,MAAA,EAAAc;MAAA,IAAmBf,OAAA;MAAA,KAEdC,QAAA;QAAA;MAAA;MAIL1B,WAAA,CAAY0B,QAAA,CAAAf,EAAS;MAAA,IAEjB,OAAOf,WAAA,KAAgB;QACzBA,WAAA;UAAAe,EAAA,EAAkBe,QAAA,CAAAA,EAAA;UAAAA,KAAA,EAAWD;QAAA,CAAM;MAAA;IAAA;IAEvClC,CAAA,OAAAK,WAAA;IAAAL,CAAA,OAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EAbF,MAAAkD,eAAA,GAAwBH,EAcT;EAAA,IAAAI,EAAA;EAAA,IAAAnD,CAAA,SAAAQ,QAAA,IAAAR,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAiB,YAAA,IAAAjB,CAAA,SAAA4C,aAAA,IAAA5C,CAAA,SAAAkD,eAAA,IAAAlD,CAAA,SAAAG,GAAA,IAAAH,CAAA,SAAAM,iBAAA,IAAAN,CAAA,SAAAgC,OAAA,IAAAhC,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAkB,iBAAA,IAAAlB,CAAA,SAAAO,eAAA;IAIb4C,EAAA,GAAAC,KAAA,CAAArE,UAAA;MAAAsE,kBAAA,EAAAvE,aAAA;MAAAsC,EAAA,EAGMH,YAAA;MAAAqC,YAAA,EACUR,gBAAA;MAAA1C,SAAA,EACHwC,aAAA;MAAAvC,WAAA,EACE6C,eAAA;MAAAlB,OAAA;MAAA/B,QAAA,GAGbsD,IAAA,CAAAhE,eAAA;QAAA6B,EAAA,EAEMF,iBAAA;QAAAsC,KAAA,EACGrD,GAAA;QAAAsD,QAAA,EACGlD,eAAA;QAAAN,QAAA,EAEVsD,IAAA,CAAC;UAAArD,SAAA;UAAAwD,GAAA,EAA+BrC,UAAA;UAAApB;QAAA,C;UAIjCK,iBAAA,IAAqBE,QAAA,SAAa,IACjC+C,IAAA,CAAAvE,WAAA;QAAA2E,aAAA;QAAA1D,QAAA,EAAmCK,iBAAA,CAAkBE,QAAA;MAAA,C;;;;;;;;;;;;;;;;;;SApBzD2C,E;CAwBJ;AA5GkD,SAAAnC,MAAA;EAW1CJ,QAAA,CAAAC,IAAA,CAAAC,SAAA,CAAA8C,MAAA,CAA+B;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useState","DraggableSortable","props","$","id","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","setNodeRef","t3","Symbol","for","activationConstraint","distance","t4","delay","tolerance","t5","coordinateGetter","sensors","t6","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t7","handleDragCancel","t8","event_0","active_0","handleDragStart","t9","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","dropAnimation","remove"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const {\n    id,\n    children,\n    className,\n    ids,\n    onDragEnd,\n    onDragStart,\n    renderDragOverlay,\n    sortingStrategy,\n  } = props\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div className={className} id={id} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DraggableSortable/types.d.ts

@@ -5,6 +5,7 @@ export type Props = {
     children: React.ReactNode;
     className?: string;
     droppableRef?: Ref<HTMLElement>;
+    id?: string;
     ids: string[];
     onDragEnd: (e: {
         event: DragEndEvent;

package/dist/elements/DraggableSortable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\nimport type { SortingStrategy } from '@dnd-kit/sortable'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n  onDragStart?: (e: { event: DragStartEvent; id: number | string }) => void\n  renderDragOverlay?: (activeId: number | string) => React.ReactNode\n  sortingStrategy?: SortingStrategy\n}\n"],"mappings":"AAIA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\nimport type { SortingStrategy } from '@dnd-kit/sortable'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  id?: string\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n  onDragStart?: (e: { event: DragStartEvent; id: number | string }) => void\n  renderDragOverlay?: (activeId: number | string) => React.ReactNode\n  sortingStrategy?: SortingStrategy\n}\n"],"mappings":"AAIA","ignoreList":[]}

package/dist/elements/Drawer/index.css

@@ -126,11 +126,10 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     color: var(--color-text);
-    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);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    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);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .drawer__header__close {

package/dist/elements/Drawer/types.d.ts

@@ -3,7 +3,7 @@ export type DrawerHeaderAction = {
     readonly disabled?: boolean;
     readonly label: string;
     readonly onClick: () => void;
-    readonly style?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    readonly style?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
 };
 export type Props = {
     readonly children: React.ReactNode;
@@ -15,7 +15,7 @@ export type Props = {
     readonly title?: string;
 };
 export type TogglerProps = {
-    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
     children: React.ReactNode;
     className?: string;
     disabled?: boolean;

package/dist/elements/Drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;CACvF,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;CAChG,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type DrawerHeaderAction = {\n  readonly disabled?: boolean\n  readonly label: string\n  readonly onClick: () => void\n  readonly style?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n}\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly Header?: React.ReactNode\n  readonly headerActions?: ReadonlyArray<DrawerHeaderAction>\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  extraButtonProps?: Record<string, any>\n  slug: string\n  tooltip?: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"mappings":"AAmBA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type DrawerHeaderAction = {\n  readonly disabled?: boolean\n  readonly label: string\n  readonly onClick: () => void\n  readonly style?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary'\n}\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly Header?: React.ReactNode\n  readonly headerActions?: ReadonlyArray<DrawerHeaderAction>\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary'\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  extraButtonProps?: Record<string, any>\n  slug: string\n  tooltip?: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"mappings":"AAmBA","ignoreList":[]}

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

@@ -6,8 +6,9 @@ export type Props = {
     readonly disabled?: boolean;
     readonly dropzoneStyle?: 'default' | 'none';
     readonly hasError?: boolean;
+    readonly isFocusable?: boolean;
     readonly multipleFiles?: boolean;
     readonly onChange: (e: FileList) => void;
 };
-export declare function Dropzone({ children, className, disabled, dropzoneStyle, hasError, multipleFiles, onChange, }: Props): React.JSX.Element;
+export declare function Dropzone({ children, className, disabled, dropzoneStyle, hasError, isFocusable, multipleFiles, onChange, }: Props): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AASpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAyB,EACzB,QAAgB,EAChB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,qBAoGP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AASpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAyB,EACzB,QAAgB,EAChB,WAAkB,EAClB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,qBAyGP"}

package/dist/elements/Dropzone/index.js

@@ -14,6 +14,7 @@ export function Dropzone({
   disabled = false,
   dropzoneStyle = 'default',
   hasError = false,
+  isFocusable = true,
   multipleFiles,
   onChange
 }) {
@@ -79,15 +80,13 @@ export function Dropzone({
     return () => null;
   }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste]);
   const classes = [baseClass, className, dragging ? 'dragging' : '', hasError && `${baseClass}--has-error`, `${baseClass}--style-${dropzoneStyle}`].filter(Boolean).join(' ');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners
-    /*#__PURE__*/
-    _jsx("div", {
-      className: classes,
-      ref: dropRef,
-      tabIndex: dropzoneStyle === 'none' ? undefined : 0,
-      children: children
-    })
-  );
+  /* eslint-disable jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners */
+  return /*#__PURE__*/_jsx("div", {
+    className: classes,
+    ref: dropRef,
+    tabIndex: isFocusable && dropzoneStyle !== 'none' ? 0 : undefined,
+    children: children
+  });
+  /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","hasError","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","_jsx","ref","tabIndex","undefined"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly hasError?: boolean\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  hasError = false,\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        try {\n          e.dataTransfer.clearData()\n        } catch {\n          // Firefox throws NoModificationAllowedError when calling clearData() on a protected DataTransfer during drop events\n          // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData#exceptions\n        }\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    hasError && `${baseClass}--has-error`,\n    `${baseClass}--style-${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners\n    <div className={classes} ref={dropRef} tabIndex={dropzoneStyle === 'none' ? undefined : 0}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","hasError","isFocusable","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","_jsx","ref","tabIndex","undefined"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly hasError?: boolean\n  readonly isFocusable?: boolean\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  hasError = false,\n  isFocusable = true,\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        try {\n          e.dataTransfer.clearData()\n        } catch {\n          // Firefox throws NoModificationAllowedError when calling clearData() on a protected DataTransfer during drop events\n          // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData#exceptions\n        }\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    hasError && `${baseClass}--has-error`,\n    `${baseClass}--style-${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  /* eslint-disable jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners */\n  return (\n    <div\n      className={classes}\n      ref={dropRef}\n      tabIndex={isFocusable && dropzoneStyle !== 'none' ? 0 : undefined}\n    >\n      {children}\n    </div>\n  )\n  /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.css

@@ -32,11 +32,10 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     color: var(--color-text);
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
-    letter-spacing: var(--text-body-large-strong-letter-spacing);
+    font-size: var(--text-body-large-bold-font-size);
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
+    letter-spacing: var(--text-body-large-bold-letter-spacing);
   }
 
   .edit-many__header__actions {

package/dist/elements/EditUpload/index.css

@@ -80,10 +80,9 @@
 
   .edit-upload__section-title {
     margin: 0;
-    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);
   }
 

package/dist/elements/ErrorPill/index.css

@@ -7,7 +7,6 @@
     padding: 0 var(--spacer-1);
     border-radius: var(--radius-medium);
     line-height: var(--text-body-medium-line-height);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     letter-spacing: var(--text-letter-spacing);

package/dist/elements/FieldDiffContainer/index.css

@@ -66,7 +66,6 @@
     background-color: var(--color-bg-secondary);
     border-radius: var(--radius-medium);
     color: var(--color-text-secondary);
-    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/FieldDiffLabel/index.css

@@ -1,11 +1,10 @@
 @layer payload-default {
   .field-diff-label {
     margin-bottom: 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);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    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);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
     display: flex;
     flex-direction: row;
     height: 100%;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAOzE,MAAM,MAAM,yBAAyB,GAAG;IACtC,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,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6EpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAOzE,MAAM,MAAM,yBAAyB,GAAG;IACtC,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,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6EpE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Button","Thumbnail","baseClass","DraggableSortableItem","AlignJustifiedIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","$","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","t0","DocumentDrawer","DocumentDrawerToggler","t1","draggableSortableItemProps","_jsxs","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","children","_jsx","attributes","listeners","fileSrc","buttonStyle","icon","onClick","round","t2"],"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          key={id}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <AlignJustifiedIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Button","Thumbnail","baseClass","DraggableSortableItem","AlignJustifiedIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","$","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","t0","DocumentDrawer","DocumentDrawerToggler","t1","draggableSortableItemProps","_jsxs","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","children","_jsx","attributes","listeners","fileSrc","buttonStyle","icon","onClick","round","t2"],"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.css'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    variants?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: false | string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          key={id}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <AlignJustifiedIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,8 +4,8 @@ export type FileMetaProps = {
     filesize: number;
     height?: number;
     mimeType: string;
-    sizes?: unknown;
     url: string;
+    variants?: unknown;
     width?: number;
 };
 import './index.css';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAGD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4B5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAGD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4B5C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatFilesize","React","CopyToClipboard","baseClass","FileMeta","props","filename","filesize","height","mimeType","url","fileURL","width","_jsxs","className","_jsx","href","rel","target","defaultMessage","value","Fragment"],"sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nexport type FileMetaProps = {\n  filename: string\n  filesize: number\n  height?: number\n  mimeType: string\n  sizes?: unknown\n  url: string\n  width?: number\n}\n\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport './index.css'\n\nconst baseClass = 'file-meta'\n\nexport const FileMeta: React.FC<FileMetaProps> = (props) => {\n  const { filename, filesize, height, mimeType, url: fileURL, width } = props\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__url`}>\n        <a href={fileURL} rel=\"noopener noreferrer\" target=\"_blank\">\n          {filename}\n        </a>\n        <CopyToClipboard defaultMessage=\"Copy URL\" value={fileURL} />\n      </div>\n      <div className={`${baseClass}__size-type`}>\n        {formatFilesize(filesize)}\n        {typeof width === 'number' && typeof height === 'number' && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {width}x{height}\n          </React.Fragment>\n        )}\n        {mimeType && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {mimeType}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAYlB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,GAAA,EAAKC,OAAO;IAAEC;EAAK,CAAE,GAAGP,KAAA;EAEtE,oBACEQ,KAAA,CAAC;IAAIC,SAAA,EAAWX,SAAA;4BACdU,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,OAAgB;8BACjCY,IAAA,CAAC;QAAEC,IAAA,EAAML,OAAA;QAASM,GAAA,EAAI;QAAsBC,MAAA,EAAO;kBAChDZ;uBAEHS,IAAA,CAACb,eAAA;QAAgBiB,cAAA,EAAe;QAAWC,KAAA,EAAOT;;qBAEpDE,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,aAAsB;iBACtCH,cAAA,CAAeO,QAAA,GACf,OAAOK,KAAA,KAAU,YAAY,OAAOJ,MAAA,KAAW,yBAC9CK,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbT,KAAA,EAAM,KAAEJ,MAAA;UAGZC,QAAA,iBACCI,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbZ,QAAA;;;;AAMb","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatFilesize","React","CopyToClipboard","baseClass","FileMeta","props","filename","filesize","height","mimeType","url","fileURL","width","_jsxs","className","_jsx","href","rel","target","defaultMessage","value","Fragment"],"sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nexport type FileMetaProps = {\n  filename: string\n  filesize: number\n  height?: number\n  mimeType: string\n  url: string\n  variants?: unknown\n  width?: number\n}\n\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport './index.css'\n\nconst baseClass = 'file-meta'\n\nexport const FileMeta: React.FC<FileMetaProps> = (props) => {\n  const { filename, filesize, height, mimeType, url: fileURL, width } = props\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__url`}>\n        <a href={fileURL} rel=\"noopener noreferrer\" target=\"_blank\">\n          {filename}\n        </a>\n        <CopyToClipboard defaultMessage=\"Copy URL\" value={fileURL} />\n      </div>\n      <div className={`${baseClass}__size-type`}>\n        {formatFilesize(filesize)}\n        {typeof width === 'number' && typeof height === 'number' && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {width}x{height}\n          </React.Fragment>\n        )}\n        {mimeType && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {mimeType}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAYlB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,GAAA,EAAKC,OAAO;IAAEC;EAAK,CAAE,GAAGP,KAAA;EAEtE,oBACEQ,KAAA,CAAC;IAAIC,SAAA,EAAWX,SAAA;4BACdU,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,OAAgB;8BACjCY,IAAA,CAAC;QAAEC,IAAA,EAAML,OAAA;QAASM,GAAA,EAAI;QAAsBC,MAAA,EAAO;kBAChDZ;uBAEHS,IAAA,CAACb,eAAA;QAAgBiB,cAAA,EAAe;QAAWC,KAAA,EAAOT;;qBAEpDE,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,aAAsB;iBACtCH,cAAA,CAAeO,QAAA,GACf,OAAOK,KAAA,KAAU,YAAY,OAAOJ,MAAA,KAAW,yBAC9CK,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbT,KAAA,EAAM,KAAEJ,MAAA;UAGZC,QAAA,iBACCI,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbZ,QAAA;;;;AAMb","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import type { Data, FileSizes, SanitizedCollectionConfig } from 'payload';
 export type StaticFileDetailsProps = {
     customUploadActions?: React.ReactNode[];
     doc: {
-        sizes?: FileSizes;
+        variants?: FileSizes;
     } & Data;
     enableAdjustments?: boolean;
     handleRemove?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,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,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,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,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,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,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,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,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAA"}

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":"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","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;AA4BzE,OAAO,aAAa,CAAA;AAcpB,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,CA2VlD,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;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"}