@payloadcms/ui 4.0.0-internal.af6aad0 → 4.0.0-internal.b8e7c89

package/dist/providers/HierarchyDnd/index.js

@@ -1,163 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, pointerWithin, useSensor, useSensors } from '@dnd-kit/core';
-import { snapCenterToCursor } from '@dnd-kit/modifiers';
-import React, { createContext, use, useCallback, useId, useMemo, useState } from 'react';
-import { moveDocuments } from '../../elements/Hierarchy/move/moveDocuments.js';
-import { useConfig } from '../Config/index.js';
-import { useHierarchy } from '../Hierarchy/index.js';
-import { useLocale } from '../Locale/index.js';
-import { useRouteCache } from '../RouteCache/index.js';
-import { useTranslation } from '../Translation/index.js';
-import { canDropItems } from './types.js';
-import './index.css';
-const baseClass = 'hierarchy-dnd';
-/**
- * The overlay would otherwise be positioned against the dragged card's own rect, which puts a 40px
- * stack at the top-left corner of a ~216px card - so it only sits under the cursor if you happened to
- * grab that corner. Snapping the stack's centre to the pointer keeps it with the cursor wherever the
- * card was picked up. Purely cosmetic: `pointerWithin` collision is computed from the pointer, not
- * from the overlay.
- */
-const OVERLAY_MODIFIERS = [snapCenterToCursor];
-/** How many thumbnails the stack shows; the count pill carries the rest. */
-const MAX_PREVIEW_CARDS = 3;
-const Context = /*#__PURE__*/createContext({
-  activeDrag: null,
-  canDrop: () => false
-});
-export const useHierarchyDnd = () => use(Context);
-/**
- * Hosts the drag context for moving documents and folders between folders.
- *
- * Mounted high enough to span both the nav and the view - the sidebar tree is a drop target - which
- * is why it is rendered conditionally on the hierarchy view rather than always: it would otherwise
- * wrap the array/blocks drag contexts on document views.
- */
-export const HierarchyDndProvider = ({
-  children
-}) => {
-  const [activeDrag, setActiveDrag] = useState(null);
-  /*
-  * Without an explicit id, dnd-kit names the `aria-describedby` it puts on every draggable from a
-  * module-level counter, which does not line up between the server render and hydration - the
-  * card's attribute then mismatches and React discards the whole tree's hydration.
-  * See https://github.com/clauderic/dnd-kit/issues/926.
-  */
-  const dndContextID = useId();
-  const {
-    config: {
-      routes: {
-        api: apiRoute
-      }
-    }
-  } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const {
-    refreshTree
-  } = useHierarchy();
-  // A short distance threshold leaves plain clicks (which select) and the marquee intact; a drag
-  // only begins once the pointer has actually travelled.
-  const sensors = useSensors(useSensor(PointerSensor, {
-    activationConstraint: {
-      distance: 4
-    }
-  }), useSensor(KeyboardSensor));
-  const canDrop = useCallback(dropTarget => activeDrag ? canDropItems({
-    dropTarget,
-    items: activeDrag.items
-  }) : false, [activeDrag]);
-  const handleDragStart = useCallback(event => {
-    setActiveDrag(event.active.data.current ?? null);
-  }, []);
-  const handleDragEnd = useCallback(event_0 => {
-    const drag = event_0.active.data.current;
-    const drop = event_0.over?.data.current;
-    setActiveDrag(null);
-    if (!drag || !drop || drop.type !== 'hierarchy-folder') {
-      return;
-    }
-    // Validity is re-derived from the event rather than read off `canDrop`, whose `activeDrag` has
-    // just been cleared above.
-    if (!canDropItems({
-      dropTarget: drop,
-      items: drag.items
-    })) {
-      return;
-    }
-    const selections = {};
-    for (const item of drag.items) {
-      selections[item.collectionSlug] ??= {
-        ids: []
-      };
-      selections[item.collectionSlug].ids.push(item.id);
-    }
-    void moveDocuments({
-      apiRoute,
-      destination: {
-        id: drop.folderId,
-        title: drop.title
-      },
-      i18n,
-      label: drag.items.length === 1 ? drag.items[0].title : t('general:documents'),
-      locale,
-      parentFieldName: drop.parentFieldName,
-      selections,
-      t
-    }).then(({
-      totalMoved
-    }) => {
-      if (totalMoved > 0) {
-        drag.onMoveSuccess?.();
-        refreshTree(drop.hierarchySlug);
-        clearRouteCache();
-      }
-    });
-  }, [apiRoute, clearRouteCache, i18n, locale, refreshTree, t]);
-  const handleDragCancel = useCallback(() => setActiveDrag(null), []);
-  const contextValue = useMemo(() => ({
-    activeDrag,
-    canDrop
-  }), [activeDrag, canDrop]);
-  const previewCards = activeDrag?.preview.slice(0, MAX_PREVIEW_CARDS) ?? [];
-  const draggedCount = activeDrag?.items.length ?? 0;
-  return /*#__PURE__*/_jsx(Context, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsxs(DndContext, {
-      collisionDetection: pointerWithin,
-      id: dndContextID,
-      onDragCancel: handleDragCancel,
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      sensors: sensors,
-      children: [children, /*#__PURE__*/_jsx(DragOverlay, {
-        dropAnimation: null,
-        modifiers: OVERLAY_MODIFIERS,
-        children: activeDrag ? /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__preview`,
-          children: [previewCards.map((card, index) => /*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__preview-card`,
-            style: {
-              '--preview-index': index
-            },
-            children: card
-          }, index)), draggedCount > 1 && /*#__PURE__*/_jsx("span", {
-            className: `${baseClass}__preview-count`,
-            children: draggedCount
-          })]
-        }) : null
-      })]
-    })
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/providers/HierarchyDnd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["DndContext","DragOverlay","KeyboardSensor","PointerSensor","pointerWithin","useSensor","useSensors","snapCenterToCursor","React","createContext","use","useCallback","useId","useMemo","useState","moveDocuments","useConfig","useHierarchy","useLocale","useRouteCache","useTranslation","canDropItems","baseClass","OVERLAY_MODIFIERS","MAX_PREVIEW_CARDS","Context","activeDrag","canDrop","useHierarchyDnd","HierarchyDndProvider","children","setActiveDrag","dndContextID","config","routes","api","apiRoute","code","locale","i18n","t","clearRouteCache","refreshTree","sensors","activationConstraint","distance","dropTarget","items","handleDragStart","event","active","data","current","handleDragEnd","drag","drop","over","type","selections","item","collectionSlug","ids","push","id","destination","folderId","title","label","length","parentFieldName","then","totalMoved","onMoveSuccess","hierarchySlug","handleDragCancel","contextValue","previewCards","preview","slice","draggedCount","_jsx","value","_jsxs","collisionDetection","onDragCancel","onDragEnd","onDragStart","dropAnimation","modifiers","className","map","card","index","style"],"sources":["../../../src/providers/HierarchyDnd/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { snapCenterToCursor } from '@dnd-kit/modifiers'\nimport React, { createContext, use, useCallback, useId, useMemo, useState } from 'react'\n\nimport type { HierarchyDragData, HierarchyDropData } from './types.js'\n\nimport { moveDocuments } from '../../elements/Hierarchy/move/moveDocuments.js'\nimport { useConfig } from '../Config/index.js'\nimport { useHierarchy } from '../Hierarchy/index.js'\nimport { useLocale } from '../Locale/index.js'\nimport { useRouteCache } from '../RouteCache/index.js'\nimport { useTranslation } from '../Translation/index.js'\nimport { canDropItems } from './types.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-dnd'\n\n/**\n * The overlay would otherwise be positioned against the dragged card's own rect, which puts a 40px\n * stack at the top-left corner of a ~216px card - so it only sits under the cursor if you happened to\n * grab that corner. Snapping the stack's centre to the pointer keeps it with the cursor wherever the\n * card was picked up. Purely cosmetic: `pointerWithin` collision is computed from the pointer, not\n * from the overlay.\n */\nconst OVERLAY_MODIFIERS = [snapCenterToCursor]\n\n/** How many thumbnails the stack shows; the count pill carries the rest. */\nconst MAX_PREVIEW_CARDS = 3\n\ntype HierarchyDndContextValue = {\n  /** The drag in flight, or null. Drop targets read this to validate and style themselves. */\n  activeDrag: HierarchyDragData | null\n  canDrop: (dropTarget: HierarchyDropData) => boolean\n}\n\nconst Context = createContext<HierarchyDndContextValue>({\n  activeDrag: null,\n  canDrop: () => false,\n})\n\nexport const useHierarchyDnd = (): HierarchyDndContextValue => use(Context)\n\n/**\n * Hosts the drag context for moving documents and folders between folders.\n *\n * Mounted high enough to span both the nav and the view - the sidebar tree is a drop target - which\n * is why it is rendered conditionally on the hierarchy view rather than always: it would otherwise\n * wrap the array/blocks drag contexts on document views.\n */\nexport const HierarchyDndProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [activeDrag, setActiveDrag] = useState<HierarchyDragData | null>(null)\n\n  /*\n   * Without an explicit id, dnd-kit names the `aria-describedby` it puts on every draggable from a\n   * module-level counter, which does not line up between the server render and hydration - the\n   * card's attribute then mismatches and React discards the whole tree's hydration.\n   * See https://github.com/clauderic/dnd-kit/issues/926.\n   */\n  const dndContextID = useId()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { refreshTree } = useHierarchy()\n\n  // A short distance threshold leaves plain clicks (which select) and the marquee intact; a drag\n  // only begins once the pointer has actually travelled.\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(KeyboardSensor),\n  )\n\n  const canDrop = useCallback(\n    (dropTarget: HierarchyDropData): boolean =>\n      activeDrag ? canDropItems({ dropTarget, items: activeDrag.items }) : false,\n    [activeDrag],\n  )\n\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    setActiveDrag((event.active.data.current as HierarchyDragData | undefined) ?? null)\n  }, [])\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const drag = event.active.data.current as HierarchyDragData | undefined\n      const drop = event.over?.data.current as HierarchyDropData | undefined\n\n      setActiveDrag(null)\n\n      if (!drag || !drop || drop.type !== 'hierarchy-folder') {\n        return\n      }\n\n      // Validity is re-derived from the event rather than read off `canDrop`, whose `activeDrag` has\n      // just been cleared above.\n      if (!canDropItems({ dropTarget: drop, items: drag.items })) {\n        return\n      }\n\n      const selections: Record<string, { ids: (number | string)[] }> = {}\n\n      for (const item of drag.items) {\n        selections[item.collectionSlug] ??= { ids: [] }\n        selections[item.collectionSlug].ids.push(item.id)\n      }\n\n      void moveDocuments({\n        apiRoute,\n        destination: { id: drop.folderId, title: drop.title },\n        i18n,\n        label: drag.items.length === 1 ? drag.items[0].title : t('general:documents'),\n        locale,\n        parentFieldName: drop.parentFieldName,\n        selections,\n        t,\n      }).then(({ totalMoved }) => {\n        if (totalMoved > 0) {\n          drag.onMoveSuccess?.()\n          refreshTree(drop.hierarchySlug)\n          clearRouteCache()\n        }\n      })\n    },\n    [apiRoute, clearRouteCache, i18n, locale, refreshTree, t],\n  )\n\n  const handleDragCancel = useCallback(() => setActiveDrag(null), [])\n\n  const contextValue = useMemo<HierarchyDndContextValue>(\n    () => ({ activeDrag, canDrop }),\n    [activeDrag, canDrop],\n  )\n\n  const previewCards = activeDrag?.preview.slice(0, MAX_PREVIEW_CARDS) ?? []\n  const draggedCount = activeDrag?.items.length ?? 0\n\n  return (\n    <Context value={contextValue}>\n      <DndContext\n        collisionDetection={pointerWithin}\n        id={dndContextID}\n        onDragCancel={handleDragCancel}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        sensors={sensors}\n      >\n        {children}\n        <DragOverlay dropAnimation={null} modifiers={OVERLAY_MODIFIERS}>\n          {activeDrag ? (\n            <div className={`${baseClass}__preview`}>\n              {previewCards.map((card, index) => (\n                <div\n                  className={`${baseClass}__preview-card`}\n                  key={index}\n                  style={{ '--preview-index': index } as React.CSSProperties}\n                >\n                  {card}\n                </div>\n              ))}\n              {draggedCount > 1 && (\n                <span className={`${baseClass}__preview-count`}>{draggedCount}</span>\n              )}\n            </div>\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    </Context>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/HierarchyDnd/types.d.ts

@@ -1,56 +0,0 @@
-import type React from 'react';
-export type HierarchyDragItem = {
-    collectionSlug: string;
-    id: number | string;
-    title: string;
-};
-/**
- * Attached to every draggable card. Rides on dnd-kit's `active.data`, which is how the drag context
- * - mounted above the view - gets at state that only exists below it: the current selection's
- * contents, its card renders, and how to clear it afterwards.
- */
-export type HierarchyDragData = {
-    items: HierarchyDragItem[];
-    /**
-     * Called after a successful move, by the surface that started the drag. The selection provider
-     * lives below the drag context, so the context can't clear the selection itself.
-     */
-    onMoveSuccess?: () => void;
-    /**
-     * Ghosted card renders shown fanned under the cursor. Only the first few are used; the rest of
-     * the count collapses into a "+N" badge.
-     */
-    preview: React.ReactNode[];
-    type: 'hierarchy-items';
-};
-/**
- * Attached to every drop target - folder cards, tree nodes, breadcrumbs.
- */
-export type HierarchyDropData = {
-    /**
-     * Collection slugs this destination accepts. Undefined or empty means unrestricted.
-     */
-    allowedCollections?: string[];
-    /**
-     * Ids of the destination's ancestors, so a folder can't be dropped into its own subtree.
-     */
-    ancestorIds: (number | string)[];
-    /** Destination hierarchy item, or null for root. */
-    folderId: null | number | string;
-    hierarchySlug: string;
-    parentFieldName: string;
-    title: string;
-    type: 'hierarchy-folder';
-};
-/**
- * Whether `dropTarget` can accept `items`: the destination has to accept every dragged collection,
- * and a folder can never land inside itself or its own descendants.
- *
- * Shared by the live `canDrop` (which styles hover states) and the drop handler (which re-derives
- * validity from the event, because the active drag has already been cleared by then).
- */
-export declare const canDropItems: ({ dropTarget, items, }: {
-    dropTarget: HierarchyDropData;
-    items: HierarchyDragItem[];
-}) => boolean;
-//# sourceMappingURL=types.d.ts.map

package/dist/providers/HierarchyDnd/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/HierarchyDnd/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1B,IAAI,EAAE,iBAAiB,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B;;OAEG;IACH,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAChC,oDAAoD;IACpD,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,kBAAkB,CAAA;CACzB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,2BAGtB;IACD,UAAU,EAAE,iBAAiB,CAAA;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B,KAAG,OAmBA,CAAA"}

package/dist/providers/HierarchyDnd/types.js

@@ -1,21 +0,0 @@
-/**
- * Whether `dropTarget` can accept `items`: the destination has to accept every dragged collection,
- * and a folder can never land inside itself or its own descendants.
- *
- * Shared by the live `canDrop` (which styles hover states) and the drop handler (which re-derives
- * validity from the event, because the active drag has already been cleared by then).
- */export const canDropItems = ({
-  dropTarget,
-  items
-}) => items.every(item => {
-  if (dropTarget.allowedCollections?.length && !dropTarget.allowedCollections.includes(item.collectionSlug)) {
-    return false;
-  }
-  if (item.collectionSlug === dropTarget.hierarchySlug) {
-    // Ids are compared as strings because a folder id can arrive as either across the
-    // config/query/DOM boundaries.
-    return String(item.id) !== String(dropTarget.folderId) && !dropTarget.ancestorIds.some(id => String(id) === String(item.id));
-  }
-  return true;
-});
-//# sourceMappingURL=types.js.map

package/dist/providers/HierarchyDnd/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":["canDropItems","dropTarget","items","every","item","allowedCollections","length","includes","collectionSlug","hierarchySlug","String","id","folderId","ancestorIds","some"],"sources":["../../../src/providers/HierarchyDnd/types.ts"],"sourcesContent":["import type React from 'react'\n\nexport type HierarchyDragItem = {\n  collectionSlug: string\n  id: number | string\n  title: string\n}\n\n/**\n * Attached to every draggable card. Rides on dnd-kit's `active.data`, which is how the drag context\n * - mounted above the view - gets at state that only exists below it: the current selection's\n * contents, its card renders, and how to clear it afterwards.\n */\nexport type HierarchyDragData = {\n  items: HierarchyDragItem[]\n  /**\n   * Called after a successful move, by the surface that started the drag. The selection provider\n   * lives below the drag context, so the context can't clear the selection itself.\n   */\n  onMoveSuccess?: () => void\n  /**\n   * Ghosted card renders shown fanned under the cursor. Only the first few are used; the rest of\n   * the count collapses into a \"+N\" badge.\n   */\n  preview: React.ReactNode[]\n  type: 'hierarchy-items'\n}\n\n/**\n * Attached to every drop target - folder cards, tree nodes, breadcrumbs.\n */\nexport type HierarchyDropData = {\n  /**\n   * Collection slugs this destination accepts. Undefined or empty means unrestricted.\n   */\n  allowedCollections?: string[]\n  /**\n   * Ids of the destination's ancestors, so a folder can't be dropped into its own subtree.\n   */\n  ancestorIds: (number | string)[]\n  /** Destination hierarchy item, or null for root. */\n  folderId: null | number | string\n  hierarchySlug: string\n  parentFieldName: string\n  title: string\n  type: 'hierarchy-folder'\n}\n\n/**\n * Whether `dropTarget` can accept `items`: the destination has to accept every dragged collection,\n * and a folder can never land inside itself or its own descendants.\n *\n * Shared by the live `canDrop` (which styles hover states) and the drop handler (which re-derives\n * validity from the event, because the active drag has already been cleared by then).\n */\nexport const canDropItems = ({\n  dropTarget,\n  items,\n}: {\n  dropTarget: HierarchyDropData\n  items: HierarchyDragItem[]\n}): boolean =>\n  items.every((item) => {\n    if (\n      dropTarget.allowedCollections?.length &&\n      !dropTarget.allowedCollections.includes(item.collectionSlug)\n    ) {\n      return false\n    }\n\n    if (item.collectionSlug === dropTarget.hierarchySlug) {\n      // Ids are compared as strings because a folder id can arrive as either across the\n      // config/query/DOM boundaries.\n      return (\n        String(item.id) !== String(dropTarget.folderId) &&\n        !dropTarget.ancestorIds.some((id) => String(id) === String(item.id))\n      )\n    }\n\n    return true\n  })\n"],"mappings":"AAgDA;;;;;;GAOA,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,UAAU;EACVC;AAAK,CAIN,KACCA,KAAA,CAAMC,KAAK,CAAEC,IAAA;EACX,IACEH,UAAA,CAAWI,kBAAkB,EAAEC,MAAA,IAC/B,CAACL,UAAA,CAAWI,kBAAkB,CAACE,QAAQ,CAACH,IAAA,CAAKI,cAAc,GAC3D;IACA,OAAO;EACT;EAEA,IAAIJ,IAAA,CAAKI,cAAc,KAAKP,UAAA,CAAWQ,aAAa,EAAE;IACpD;IACA;IACA,OACEC,MAAA,CAAON,IAAA,CAAKO,EAAE,MAAMD,MAAA,CAAOT,UAAA,CAAWW,QAAQ,KAC9C,CAACX,UAAA,CAAWY,WAAW,CAACC,IAAI,CAAEH,EAAA,IAAOD,MAAA,CAAOC,EAAA,MAAQD,MAAA,CAAON,IAAA,CAAKO,EAAE;EAEtE;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.css

@@ -1,216 +0,0 @@
-@layer payload-default {
-  /*
-   * Every state ring is a spread-only box-shadow rather than a border, so the selected state can
-   * double the stroke width without taking layout space - a widening border would grow the card's
-   * auto height and shift the whole grid row below it. The ring is drawn outside the card box, so
-   * it also never crops the thumbnail it surrounds.
-   */
-  .hierarchy-document-card {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    background: var(--color-bg);
-    border-radius: var(--radius-large);
-    overflow: hidden;
-    box-shadow: 0 0 0 var(--stroke-width-small) var(--color-border);
-  }
-
-  /*
-   * :not(--selected) so the hover ring cannot win over the accent ring on a selected card - both
-   * rules live in the same layer and file, and the hover selector would otherwise have the higher
-   * specificity.
-   */
-  .hierarchy-document-card:not(.hierarchy-document-card--selected):hover {
-    box-shadow: 0 0 0 var(--stroke-width-small) var(--special-border-translucent-strong);
-  }
-
-  .hierarchy-document-card--selected {
-    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
-  }
-
-  /* Thumbnail */
-
-  .hierarchy-document-card__thumbnail-wrap {
-    position: relative;
-    width: 100%;
-    aspect-ratio: 4 / 3;
-    overflow: hidden;
-    background: var(--color-bg-secondary);
-  }
-
-  .hierarchy-document-card__thumbnail {
-    width: 100%;
-    height: 100%;
-  }
-
-  /* Type badge, overlaid on the thumbnail */
-
-  .hierarchy-document-card__type {
-    position: absolute;
-    inset-block-start: var(--spacer-2-5);
-    inset-inline-start: var(--spacer-2-5);
-    display: inline-flex;
-    align-items: center;
-    /* Leaves room for the lock indicator in the opposite corner */
-    max-width: calc(100% - var(--spacer-6));
-    padding-inline: var(--spacer-1);
-    padding-block: var(--spacer-0);
-    border-radius: var(--radius-medium);
-    background: var(--color-bg);
-    color: black;
-    border: var(--stroke-width-small) solid var(--color-border);
-    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);
-    letter-spacing: var(--text-body-medium-letter-spacing);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  /* Content */
-
-  .hierarchy-document-card__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacer-1);
-    padding-inline: var(--spacer-3);
-    padding-block-start: var(--spacer-2-5);
-    padding-block-end: var(--spacer-3);
-    min-width: 0;
-    border-block-start: var(--stroke-width-small) solid var(--color-border);
-  }
-
-  .hierarchy-document-card__link {
-    display: block;
-    min-width: 0;
-    color: inherit;
-    text-decoration: none;
-  }
-
-  /* Stretches the title link across the card so the whole surface navigates */
-  .hierarchy-document-card__link::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-  }
-
-  /*
-   * The stretched overlay above is intentionally hit-testable, but left alone it also swallows
-   * hover on the title - suppressing the truncated-title tooltip, because a native `title`
-   * tooltip only resolves against ancestors of the hit element and the attribute sits on this
-   * span. Lifting just the title restores it; the title still navigates because it lives inside
-   * the anchor. The metadata rows are deliberately NOT lifted, so the whole card stays navigable.
-   */
-  .hierarchy-document-card__title {
-    position: relative;
-    z-index: 2;
-  }
-
-  /*
-   * Custom property rows may contain their own controls, so they alone are lifted above the
-   * overlay. Clicks here will not navigate.
-   */
-  .hierarchy-document-card__extra {
-    position: relative;
-    z-index: 2;
-  }
-
-  .hierarchy-document-card__title {
-    display: block;
-    overflow: hidden;
-    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);
-  }
-
-  /* Properties */
-
-  .hierarchy-document-card__properties {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacer-1);
-  }
-
-  .hierarchy-document-card__property {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-0-5, 2px);
-    min-width: 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);
-    letter-spacing: var(--text-body-medium-letter-spacing);
-    color: var(--color-text-secondary);
-  }
-
-  .hierarchy-document-card__property-label {
-    color: var(--color-text-secondary);
-    white-space: nowrap;
-  }
-
-  .hierarchy-document-card__property-value {
-    min-width: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    color: var(--color-text-secondary);
-  }
-
-  /* Status pill - mirrors the token pairs used by the table status cell */
-
-  .hierarchy-document-card__status {
-    display: inline-flex;
-    /* The pill is a direct child of the stretch-aligned properties column, so it shrink-wraps here */
-    align-self: flex-start;
-    align-items: center;
-    justify-content: center;
-    padding-inline: var(--spacer-1);
-    padding-block: var(--spacer-0);
-    border-radius: var(--radius-medium);
-    white-space: nowrap;
-    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);
-    letter-spacing: var(--text-body-medium-letter-spacing);
-  }
-
-  .hierarchy-document-card__status--published {
-    background: var(--color-bg-selected);
-    color: var(--color-text-brand);
-  }
-
-  .hierarchy-document-card__status--draft {
-    background: var(--color-bg-tertiary);
-    color: var(--color-text);
-  }
-
-  .hierarchy-document-card__status--changed {
-    background: var(--color-bg-warning-tertiary);
-    color: var(--color-text-warning);
-  }
-
-  .hierarchy-document-card__status--previously-published {
-    background: var(--color-bg-tertiary);
-    color: var(--color-text);
-  }
-
-  /* Lock indicator */
-
-  .hierarchy-document-card__corner-slot {
-    position: absolute;
-    inset-block-start: var(--spacer-2);
-    inset-inline-end: var(--spacer-2);
-    /* Above both the stretched link and the raised text, so selecting never navigates */
-    z-index: 3;
-  }
-}

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.d.ts

@@ -1,20 +0,0 @@
-import type { User } from 'payload';
-import React from 'react';
-import './index.css';
-export type DocumentCardProps = {
-    children?: React.ReactNode;
-    collectionSlug: string;
-    doc: Record<string, unknown>;
-    href: string;
-    isSelected?: boolean;
-    /**
-     * The user currently editing this document. When set, a lock indicator is shown and the card
-     * cannot be selected.
-     */
-    lockedUser?: User;
-    showType?: boolean;
-    typeLabel?: string;
-    updatedAt?: string;
-};
-export declare const DocumentCard: React.FC<DocumentCardProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/HierarchyList/HierarchyCards/DocumentCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,OAAO,aAAa,CAAA;AAsBpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwHpD,CAAA"}