@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/widgets/UploadDropzone/index.css

@@ -0,0 +1,80 @@
+@layer payload-default {
+  .card.upload-dropzone-widget {
+    min-height: calc(var(--spacer-6) * 5);
+    padding: var(--spacer-2);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+  }
+
+  .card.upload-dropzone-widget .upload-dropzone-widget__dropzone {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: center;
+    min-height: 0;
+    padding: var(--spacer-4) var(--spacer-3);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    text-align: center;
+
+    &:hover {
+      background: var(--color-bg);
+    }
+
+    &.dragging {
+      border-color: var(--color-border-selected);
+      background: var(--color-bg-selected);
+    }
+  }
+
+  .upload-dropzone-widget__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacer-3);
+  }
+
+  .upload-dropzone-widget__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-6);
+    height: var(--spacer-6);
+    border-radius: var(--radius-full);
+    background: var(--color-bg-selected);
+    color: var(--color-icon-brand);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message,
+  .upload-dropzone-widget__message {
+    margin: 0;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message {
+    color: color-mix(in srgb, var(--color-text-secondary) 91%, var(--color-text) 9%);
+  }
+
+  .upload-dropzone-widget__message {
+    color: var(--color-text);
+  }
+
+  .upload-dropzone-widget__drag-message {
+    display: none;
+  }
+
+  .upload-dropzone-widget__dropzone.dragging {
+    .upload-dropzone-widget__content {
+      display: none;
+    }
+
+    .upload-dropzone-widget__drag-message {
+      display: block;
+    }
+  }
+}

package/dist/widgets/UploadDropzone/index.d.ts

@@ -0,0 +1,15 @@
+import type { CollectionSlug, WidgetServerProps } from 'payload';
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+type UploadDropzoneWidgetData = {
+    excludedCollections?: CollectionSlug[];
+};
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function UploadDropzoneWidget({ permissions, req, widgetData, }: WidgetServerProps<{
+    data?: UploadDropzoneWidgetData;
+}>): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/UploadDropzone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/UploadDropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,+BAA+B,CAAA;AACtC,OAAO,aAAa,CAAA;AAEpB,KAAK,wBAAwB,GAAG;IAC9B,mBAAmB,CAAC,EAAE,cAAc,EAAE,CAAA;CACvC,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAAC,qBAiDxD"}

package/dist/widgets/UploadDropzone/index.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isEntityHidden } from 'payload';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { UploadDropzoneWidgetClient } from '../../exports/client/index.js';
+import '../../elements/Card/index.css';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export function UploadDropzoneWidget({
+  permissions,
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    payload
+  } = req;
+  const uploadCollections = Object.values(payload.collections).map(({
+    config
+  }) => config).filter(collection => collection.upload && collection.upload.bulkUpload !== false && !isEntityHidden({
+    hidden: collection.admin?.hidden,
+    user: req.user
+  }));
+  const excludedCollections = new Set(widgetData?.excludedCollections ?? []);
+  const selectedCollections = uploadCollections.filter(collection => !excludedCollections.has(collection.slug));
+  const permittedCollections = selectedCollections.filter(collection => permissions?.collections?.[collection.slug]?.create);
+  const title = i18n.t('dashboard:widgetUploadFiles');
+  if (!selectedCollections.length) {
+    return /*#__PURE__*/_jsx("section", {
+      "aria-label": title,
+      className: "card upload-dropzone-widget",
+      children: /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__message",
+        children: i18n.t('dashboard:widgetCollectionRequired')
+      })
+    });
+  }
+  if (!permittedCollections.length) {
+    return /*#__PURE__*/_jsx("section", {
+      "aria-label": title,
+      className: "card upload-dropzone-widget",
+      children: /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__message",
+        children: i18n.t('error:notAllowedToPerformAction')
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("section", {
+    "aria-label": title,
+    className: "card upload-dropzone-widget",
+    children: /*#__PURE__*/_jsx(UploadDropzoneWidgetClient, {
+      collections: permittedCollections.map(collection => ({
+        slug: collection.slug,
+        mimeTypes: collection.upload.mimeTypes
+      }))
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/UploadDropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["isEntityHidden","React","UploadDropzoneWidgetClient","UploadDropzoneWidget","permissions","req","widgetData","i18n","payload","uploadCollections","Object","values","collections","map","config","filter","collection","upload","bulkUpload","hidden","admin","user","excludedCollections","Set","selectedCollections","has","slug","permittedCollections","create","title","t","length","_jsx","className","mimeTypes"],"sources":["../../../src/widgets/UploadDropzone/index.tsx"],"sourcesContent":["import type { CollectionSlug, WidgetServerProps } from 'payload'\n\nimport { isEntityHidden } from 'payload'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { UploadDropzoneWidgetClient } from '../../exports/client/index.js'\nimport '../../elements/Card/index.css'\nimport './index.css'\n\ntype UploadDropzoneWidgetData = {\n  excludedCollections?: CollectionSlug[]\n}\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport function UploadDropzoneWidget({\n  permissions,\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: UploadDropzoneWidgetData }>) {\n  const { i18n, payload } = req\n  const uploadCollections = Object.values(payload.collections)\n    .map(({ config }) => config)\n    .filter(\n      (collection) =>\n        collection.upload &&\n        collection.upload.bulkUpload !== false &&\n        !isEntityHidden({ hidden: collection.admin?.hidden, user: req.user }),\n    )\n  const excludedCollections = new Set(widgetData?.excludedCollections ?? [])\n  const selectedCollections = uploadCollections.filter(\n    (collection) => !excludedCollections.has(collection.slug),\n  )\n  const permittedCollections = selectedCollections.filter(\n    (collection) => permissions?.collections?.[collection.slug]?.create,\n  )\n  const title = i18n.t('dashboard:widgetUploadFiles')\n\n  if (!selectedCollections.length) {\n    return (\n      <section aria-label={title} className=\"card upload-dropzone-widget\">\n        <p className=\"upload-dropzone-widget__message\">\n          {i18n.t('dashboard:widgetCollectionRequired')}\n        </p>\n      </section>\n    )\n  }\n\n  if (!permittedCollections.length) {\n    return (\n      <section aria-label={title} className=\"card upload-dropzone-widget\">\n        <p className=\"upload-dropzone-widget__message\">\n          {i18n.t('error:notAllowedToPerformAction')}\n        </p>\n      </section>\n    )\n  }\n\n  return (\n    <section aria-label={title} className=\"card upload-dropzone-widget\">\n      <UploadDropzoneWidgetClient\n        collections={permittedCollections.map((collection) => ({\n          slug: collection.slug,\n          mimeTypes: collection.upload.mimeTypes,\n        }))}\n      />\n    </section>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,0BAA0B,QAAQ;AAC3C,OAAO;AACP,OAAO;AAMP;;;AAGA,OAAO,SAASC,qBAAqB;EACnCC,WAAW;EACXC,GAAG;EACHC;AAAU,CAC6C;EACvD,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAE,GAAGH,GAAA;EAC1B,MAAMI,iBAAA,GAAoBC,MAAA,CAAOC,MAAM,CAACH,OAAA,CAAQI,WAAW,EACxDC,GAAG,CAAC,CAAC;IAAEC;EAAM,CAAE,KAAKA,MAAA,EACpBC,MAAM,CACJC,UAAA,IACCA,UAAA,CAAWC,MAAM,IACjBD,UAAA,CAAWC,MAAM,CAACC,UAAU,KAAK,SACjC,CAAClB,cAAA,CAAe;IAAEmB,MAAA,EAAQH,UAAA,CAAWI,KAAK,EAAED,MAAA;IAAQE,IAAA,EAAMhB,GAAA,CAAIgB;EAAK;EAEzE,MAAMC,mBAAA,GAAsB,IAAIC,GAAA,CAAIjB,UAAA,EAAYgB,mBAAA,IAAuB,EAAE;EACzE,MAAME,mBAAA,GAAsBf,iBAAA,CAAkBM,MAAM,CACjDC,UAAA,IAAe,CAACM,mBAAA,CAAoBG,GAAG,CAACT,UAAA,CAAWU,IAAI;EAE1D,MAAMC,oBAAA,GAAuBH,mBAAA,CAAoBT,MAAM,CACpDC,UAAA,IAAeZ,WAAA,EAAaQ,WAAA,GAAcI,UAAA,CAAWU,IAAI,CAAC,EAAEE,MAAA;EAE/D,MAAMC,KAAA,GAAQtB,IAAA,CAAKuB,CAAC,CAAC;EAErB,IAAI,CAACN,mBAAA,CAAoBO,MAAM,EAAE;IAC/B,oBACEC,IAAA,CAAC;MAAQ,cAAYH,KAAA;MAAOI,SAAA,EAAU;gBACpC,aAAAD,IAAA,CAAC;QAAEC,SAAA,EAAU;kBACV1B,IAAA,CAAKuB,CAAC,CAAC;;;EAIhB;EAEA,IAAI,CAACH,oBAAA,CAAqBI,MAAM,EAAE;IAChC,oBACEC,IAAA,CAAC;MAAQ,cAAYH,KAAA;MAAOI,SAAA,EAAU;gBACpC,aAAAD,IAAA,CAAC;QAAEC,SAAA,EAAU;kBACV1B,IAAA,CAAKuB,CAAC,CAAC;;;EAIhB;EAEA,oBACEE,IAAA,CAAC;IAAQ,cAAYH,KAAA;IAAOI,SAAA,EAAU;cACpC,aAAAD,IAAA,CAAC9B,0BAAA;MACCU,WAAA,EAAae,oBAAA,CAAqBd,GAAG,CAAEG,UAAA,KAAgB;QACrDU,IAAA,EAAMV,UAAA,CAAWU,IAAI;QACrBQ,SAAA,EAAWlB,UAAA,CAAWC,MAAM,CAACiB;MAC/B;;;AAIR","ignoreList":[]}

package/dist/widgets/Welcome/getWelcomeDisplay.d.ts

@@ -0,0 +1,7 @@
+type GetWelcomeDisplayArgs = {
+    useAsTitle?: string;
+    user?: null | object;
+};
+export declare function getWelcomeDisplay({ useAsTitle, user }: GetWelcomeDisplayArgs): string | undefined;
+export {};
+//# sourceMappingURL=getWelcomeDisplay.d.ts.map

package/dist/widgets/Welcome/getWelcomeDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWelcomeDisplay.d.ts","sourceRoot":"","sources":["../../../src/widgets/Welcome/getWelcomeDisplay.ts"],"names":[],"mappings":"AAAA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACrB,CAAA;AAcD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAQjG"}

package/dist/widgets/Welcome/getWelcomeDisplay.js

@@ -0,0 +1,21 @@
+const getDisplayString = value => {
+  if (typeof value === 'string') {
+    return value.trim() || undefined;
+  }
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return String(value);
+  }
+  return undefined;
+};
+export function getWelcomeDisplay({
+  useAsTitle,
+  user
+}) {
+  const userData = user;
+  const email = getDisplayString(userData?.email);
+  const username = getDisplayString(userData?.username);
+  const userID = getDisplayString(userData?.id);
+  const title = useAsTitle ? getDisplayString(userData?.[useAsTitle]) : undefined;
+  return title ?? username ?? email ?? userID;
+}
+//# sourceMappingURL=getWelcomeDisplay.js.map

package/dist/widgets/Welcome/getWelcomeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWelcomeDisplay.js","names":["getDisplayString","value","trim","undefined","Number","isFinite","String","getWelcomeDisplay","useAsTitle","user","userData","email","username","userID","id","title"],"sources":["../../../src/widgets/Welcome/getWelcomeDisplay.ts"],"sourcesContent":["type GetWelcomeDisplayArgs = {\n  useAsTitle?: string\n  user?: null | object\n}\n\nconst getDisplayString = (value: unknown): string | undefined => {\n  if (typeof value === 'string') {\n    return value.trim() || undefined\n  }\n\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return String(value)\n  }\n\n  return undefined\n}\n\nexport function getWelcomeDisplay({ useAsTitle, user }: GetWelcomeDisplayArgs): string | undefined {\n  const userData = user as null | Record<string, unknown> | undefined\n  const email = getDisplayString(userData?.email)\n  const username = getDisplayString(userData?.username)\n  const userID = getDisplayString(userData?.id)\n  const title = useAsTitle ? getDisplayString(userData?.[useAsTitle]) : undefined\n\n  return title ?? username ?? email ?? userID\n}\n"],"mappings":"AAKA,MAAMA,gBAAA,GAAoBC,KAAA;EACxB,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAOA,KAAA,CAAMC,IAAI,MAAMC,SAAA;EACzB;EAEA,IAAI,OAAOF,KAAA,KAAU,YAAYG,MAAA,CAAOC,QAAQ,CAACJ,KAAA,GAAQ;IACvD,OAAOK,MAAA,CAAOL,KAAA;EAChB;EAEA,OAAOE,SAAA;AACT;AAEA,OAAO,SAASI,kBAAkB;EAAEC,UAAU;EAAEC;AAAI,CAAyB;EAC3E,MAAMC,QAAA,GAAWD,IAAA;EACjB,MAAME,KAAA,GAAQX,gBAAA,CAAiBU,QAAA,EAAUC,KAAA;EACzC,MAAMC,QAAA,GAAWZ,gBAAA,CAAiBU,QAAA,EAAUE,QAAA;EAC5C,MAAMC,MAAA,GAASb,gBAAA,CAAiBU,QAAA,EAAUI,EAAA;EAC1C,MAAMC,KAAA,GAAQP,UAAA,GAAaR,gBAAA,CAAiBU,QAAA,GAAWF,UAAA,CAAW,IAAIL,SAAA;EAEtE,OAAOY,KAAA,IAASH,QAAA,IAAYD,KAAA,IAASE,MAAA;AACvC","ignoreList":[]}

package/dist/widgets/Welcome/index.css

@@ -0,0 +1,25 @@
+@layer payload-default {
+  .welcome-widget {
+    overflow-wrap: anywhere;
+    padding-block: var(--spacer-2);
+  }
+
+  .welcome-widget__heading {
+    color: var(--color-text);
+    font-size: var(--text-heading-xl-font-size);
+    font-weight: var(--text-heading-xl-font-weight);
+    line-height: var(--text-heading-xl-line-height);
+    letter-spacing: var(--text-heading-xl-letter-spacing);
+    min-height: var(--spacer-5);
+    margin-block: 0;
+  }
+
+  .widget-wrapper--editing .welcome-widget {
+    padding-inline-end: calc(var(--spacer-6) + var(--spacer-3));
+  }
+
+  .widget-wrapper:has(.welcome-widget) .widget-wrapper__controls {
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+  }
+}

package/dist/widgets/Welcome/index.d.ts

@@ -0,0 +1,8 @@
+import type { WidgetServerProps } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function WelcomeWidget({ req, user }: WidgetServerProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Welcome/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/Welcome/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBAkB7D"}

package/dist/widgets/Welcome/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { getWelcomeDisplay } from './getWelcomeDisplay.js';
+import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export function WelcomeWidget({
+  req,
+  user
+}) {
+  const userCollection = req.payload.config.collections.find(({
+    slug
+  }) => slug === req.payload.config.admin.user);
+  const displayName = getWelcomeDisplay({
+    useAsTitle: userCollection?.admin.useAsTitle,
+    user
+  });
+  const welcome = req.i18n.t('general:welcome');
+  return /*#__PURE__*/_jsx("section", {
+    className: "welcome-widget",
+    children: /*#__PURE__*/_jsxs("h1", {
+      className: "welcome-widget__heading",
+      children: [welcome, displayName ? `, ${displayName}` : '']
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Welcome/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","getWelcomeDisplay","WelcomeWidget","req","user","userCollection","payload","config","collections","find","slug","admin","displayName","useAsTitle","welcome","i18n","t","_jsx","className","_jsxs"],"sources":["../../../src/widgets/Welcome/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { getWelcomeDisplay } from './getWelcomeDisplay.js'\nimport './index.css'\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport function WelcomeWidget({ req, user }: WidgetServerProps) {\n  const userCollection = req.payload.config.collections.find(\n    ({ slug }) => slug === req.payload.config.admin.user,\n  )\n  const displayName = getWelcomeDisplay({\n    useAsTitle: userCollection?.admin.useAsTitle,\n    user,\n  })\n  const welcome = req.i18n.t('general:welcome')\n\n  return (\n    <section className=\"welcome-widget\">\n      <h1 className=\"welcome-widget__heading\">\n        {welcome}\n        {displayName ? `, ${displayName}` : ''}\n      </h1>\n    </section>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP;;;AAGA,OAAO,SAASC,cAAc;EAAEC,GAAG;EAAEC;AAAI,CAAqB;EAC5D,MAAMC,cAAA,GAAiBF,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CACxD,CAAC;IAAEC;EAAI,CAAE,KAAKA,IAAA,KAASP,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACI,KAAK,CAACP,IAAI;EAEtD,MAAMQ,WAAA,GAAcX,iBAAA,CAAkB;IACpCY,UAAA,EAAYR,cAAA,EAAgBM,KAAA,CAAME,UAAA;IAClCT;EACF;EACA,MAAMU,OAAA,GAAUX,GAAA,CAAIY,IAAI,CAACC,CAAC,CAAC;EAE3B,oBACEC,IAAA,CAAC;IAAQC,SAAA,EAAU;cACjB,aAAAC,KAAA,CAAC;MAAGD,SAAA,EAAU;iBACXJ,OAAA,EACAF,WAAA,GAAc,KAAKA,WAAA,EAAa,GAAG;;;AAI5C","ignoreList":[]}

package/dist/widgets/WidgetCard/index.css

@@ -0,0 +1,131 @@
+@layer payload-default {
+  .card.widget-card {
+    --widget-card-visible-rows: 5;
+    --widget-card-row-gap: var(--spacer-1);
+    --widget-card-row-height: 40px;
+    --widget-card-scrollbar-width: 6px;
+    --widget-card-rows-height: calc(
+      (var(--widget-card-row-height) + var(--widget-card-row-gap)) *
+        var(--widget-card-visible-rows) - var(--widget-card-row-gap)
+    );
+
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--spacer-2-5);
+    height: 100%;
+    /* Border + padding + header + header/rows gap + the visible row viewport. */
+    max-height: calc(
+      (var(--stroke-width-small) * 2) + (var(--spacer-2-5) * 3) +
+        var(--text-heading-medium-line-height) + var(--widget-card-rows-height)
+    );
+    overflow: hidden;
+    padding: var(--spacer-2-5);
+  }
+
+  .widget-card__header {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .widget-card__title {
+    margin: 0;
+    color: var(--color-text);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+  }
+
+  .widget-card__rows {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: var(--widget-card-row-gap);
+    min-height: 0;
+    overflow-y: auto;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    scrollbar-color: GrayText transparent;
+    scrollbar-width: thin;
+
+    &::-webkit-scrollbar {
+      width: var(--widget-card-scrollbar-width);
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-corner,
+    &::-webkit-scrollbar-track,
+    &::-webkit-scrollbar-track-piece {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: var(--radius-small, 3px);
+      background: GrayText;
+    }
+  }
+
+  .widget-card__row {
+    margin: 0;
+  }
+
+  .widget-card__row-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    min-height: var(--widget-card-row-height);
+    padding: var(--spacer-1) calc(var(--spacer-1) * 1.5);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg);
+    color: var(--color-text);
+    text-decoration: none;
+
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+      text-decoration: none;
+    }
+  }
+
+  .widget-card__row-main,
+  .widget-card__row-meta {
+    display: inline-flex;
+    align-items: center;
+    min-width: 0;
+  }
+
+  .widget-card__row-main {
+    flex: 1 1 auto;
+    gap: calc(var(--spacer-1) * 1.5);
+  }
+
+  .widget-card__row-title {
+    overflow: hidden;
+    color: var(--color-text);
+    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);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .widget-card__row-meta {
+    flex: 0 0 auto;
+    gap: var(--spacer-1);
+    padding-left: calc(var(--spacer-1) * 1.5);
+    color: var(--color-text-secondary);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    white-space: nowrap;
+  }
+
+  .widget-card__empty {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+}

package/dist/widgets/WidgetCard/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+export type WidgetListItem = {
+    href: string;
+    key: string;
+    main: React.ReactNode;
+    meta?: React.ReactNode;
+};
+export declare function WidgetCard({ children, className, title, }: {
+    children: React.ReactNode;
+    className?: string;
+    title: React.ReactNode;
+}): React.JSX.Element;
+export declare function WidgetList({ emptyMessage, items, }: {
+    emptyMessage: string;
+    items: WidgetListItem[];
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/WidgetCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/WidgetCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,+BAA+B,CAAA;AACtC,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,qBASA;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,KAAK,GACN,EAAE;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB,qBAiBA"}

package/dist/widgets/WidgetCard/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+export function WidgetCard({
+  children,
+  className,
+  title
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: ['card', 'widget-card', className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "widget-card__header",
+      children: /*#__PURE__*/_jsx("h3", {
+        className: "widget-card__title",
+        children: title
+      })
+    }), children]
+  });
+}
+export function WidgetList({
+  emptyMessage,
+  items
+}) {
+  if (items.length === 0) {
+    return /*#__PURE__*/_jsx("p", {
+      className: "widget-card__empty",
+      children: emptyMessage
+    });
+  }
+  return /*#__PURE__*/_jsx("ul", {
+    className: "widget-card__rows",
+    children: items.map(item => /*#__PURE__*/_jsx("li", {
+      className: "widget-card__row",
+      children: /*#__PURE__*/_jsxs("a", {
+        className: "widget-card__row-link",
+        href: item.href,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "widget-card__row-main",
+          children: item.main
+        }), item.meta != null ? /*#__PURE__*/_jsx("span", {
+          className: "widget-card__row-meta",
+          children: item.meta
+        }) : null]
+      })
+    }, item.key))
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/WidgetCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","WidgetCard","children","className","title","_jsxs","filter","Boolean","join","_jsx","WidgetList","emptyMessage","items","length","map","item","href","main","meta","key"],"sources":["../../../src/widgets/WidgetCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport '../../elements/Card/index.css'\nimport './index.css'\n\nexport type WidgetListItem = {\n  href: string\n  key: string\n  main: React.ReactNode\n  meta?: React.ReactNode\n}\n\nexport function WidgetCard({\n  children,\n  className,\n  title,\n}: {\n  children: React.ReactNode\n  className?: string\n  title: React.ReactNode\n}) {\n  return (\n    <div className={['card', 'widget-card', className].filter(Boolean).join(' ')}>\n      <div className=\"widget-card__header\">\n        <h3 className=\"widget-card__title\">{title}</h3>\n      </div>\n      {children}\n    </div>\n  )\n}\n\nexport function WidgetList({\n  emptyMessage,\n  items,\n}: {\n  emptyMessage: string\n  items: WidgetListItem[]\n}) {\n  if (items.length === 0) {\n    return <p className=\"widget-card__empty\">{emptyMessage}</p>\n  }\n\n  return (\n    <ul className=\"widget-card__rows\">\n      {items.map((item) => (\n        <li className=\"widget-card__row\" key={item.key}>\n          <a className=\"widget-card__row-link\" href={item.href}>\n            <span className=\"widget-card__row-main\">{item.main}</span>\n            {item.meta != null ? <span className=\"widget-card__row-meta\">{item.meta}</span> : null}\n          </a>\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AACP,OAAO;AASP,OAAO,SAASC,WAAW;EACzBC,QAAQ;EACRC,SAAS;EACTC;AAAK,CAKN;EACC,oBACEC,KAAA,CAAC;IAAIF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACtEC,IAAA,CAAC;MAAIN,SAAA,EAAU;gBACb,aAAAM,IAAA,CAAC;QAAGN,SAAA,EAAU;kBAAsBC;;QAErCF,QAAA;;AAGP;AAEA,OAAO,SAASQ,WAAW;EACzBC,YAAY;EACZC;AAAK,CAIN;EACC,IAAIA,KAAA,CAAMC,MAAM,KAAK,GAAG;IACtB,oBAAOJ,IAAA,CAAC;MAAEN,SAAA,EAAU;gBAAsBQ;;EAC5C;EAEA,oBACEF,IAAA,CAAC;IAAGN,SAAA,EAAU;cACXS,KAAA,CAAME,GAAG,CAAEC,IAAA,iBACVN,IAAA,CAAC;MAAGN,SAAA,EAAU;gBACZ,aAAAE,KAAA,CAAC;QAAEF,SAAA,EAAU;QAAwBa,IAAA,EAAMD,IAAA,CAAKC,IAAI;gCAClDP,IAAA,CAAC;UAAKN,SAAA,EAAU;oBAAyBY,IAAA,CAAKE;YAC7CF,IAAA,CAAKG,IAAI,IAAI,oBAAOT,IAAA,CAAC;UAAKN,SAAA,EAAU;oBAAyBY,IAAA,CAAKG;aAAe;;OAHhDH,IAAA,CAAKI,GAAG;;AAStD","ignoreList":[]}

package/dist/widgets/shared/CollectionFilter/index.css

@@ -0,0 +1,14 @@
+@layer payload-default {
+  .collection-filter__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    padding: 0;
+    margin: var(--spacer-1) 0 0;
+    list-style: none;
+  }
+
+  .collection-filter__option {
+    margin: 0;
+  }
+}

package/dist/widgets/shared/CollectionFilter/index.d.ts

@@ -0,0 +1,13 @@
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * Widget config field shared by collection checklists. The value is stored as an exclusion list
+ * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
+ * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
+ * added later are visible by default.
+ *
+ * @internal - may change or be removed without a major version bump
+ */
+export declare const CollectionFilter: React.FC<SelectFieldClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/shared/CollectionFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/shared/CollectionFilter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,OAAO,aAAa,CAAA;AAOpB;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwE7D,CAAA"}