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

package/dist/elements/DatePicker/index.css

@@ -9,10 +9,22 @@
     border: 0;
   }
 
+  /* Visually hidden labels, e.g. full weekday names read instead of "Su", "Mo", ...
+     (copied from react-datepicker's stylesheet) */
+  .react-datepicker__sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+
   .react-datepicker {
     --time-column-width: 120px;
-
-    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);
@@ -22,6 +34,10 @@
     border: none;
     border-radius: var(--radius-large);
     display: inline-flex;
+    /* Don't stretch the calendar and time columns to the same height. react-datepicker sizes the
+       time list from the calendar's height and re-measures it on resize, so stretching would make
+       both grow forever. The library's own float layout doesn't stretch either. */
+    align-items: flex-start;
     position: relative;
     /* stylelint-disable-next-line plugin/no-subpixel-values -- TODO: pre-existing; revisit this sub-pixel value */
     box-shadow:
@@ -55,7 +71,6 @@
 
   .react-datepicker__header {
     display: flex;
-    flex-wrap: wrap;
     align-items: center;
     text-align: center;
     text-transform: none;
@@ -64,7 +79,8 @@
     border-radius: 0;
     padding: 0;
     position: relative;
-    width: min-content;
+    /* Fill the calendar's width, but don't let the dropdowns make the calendar wider */
+    contain: inline-size;
 
     & h2 {
       display: none;
@@ -82,7 +98,7 @@
     padding: var(--spacer-2);
     border-top-left-radius: 0;
     border-top-right-radius: var(--radius-large);
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     min-height: calc(var(--spacer-4) + var(--spacer-2) * 2);
     width: 100%;
   }
@@ -94,10 +110,9 @@
   .react-datepicker-time__header {
     margin-top: 0;
     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);
+    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);
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
@@ -109,14 +124,13 @@
     min-width: min-content;
     gap: var(--spacer-2);
     align-items: center;
-    order: 1;
     padding: var(--spacer-2);
     margin: 0 var(--spacer-5);
   }
 
   .react-datepicker-year-header {
     padding: var(--spacer-2-5) 0;
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     color: var(--color-text);
     width: 100%;
     display: flex;
@@ -135,7 +149,6 @@
     cursor: pointer;
     padding: 0 var(--spacer-2);
     color: var(--color-text);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     -webkit-appearance: none;
@@ -421,7 +434,6 @@
     padding-bottom: 0;
     border-top: var(--stroke-width-small) solid var(--color-border);
     width: 100%;
-    order: 3;
   }
 
   .react-datepicker__week {
@@ -440,7 +452,6 @@
     line-height: var(--text-body-medium-line-height);
     text-align: center;
     margin: 0;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     position: relative;
@@ -657,7 +668,6 @@
             height: auto;
             padding: var(--spacer-1) var(--spacer-2);
             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);
@@ -731,7 +741,7 @@
     border-top: var(--stroke-width-small) solid var(--color-border);
     cursor: pointer;
     text-align: center;
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     padding: var(--spacer-1) 0;
     clear: left;
     border-bottom-left-radius: var(--radius-large);
@@ -828,7 +838,6 @@
 
   /* ——— Input field ——— */
   .date-time-picker .react-datepicker__input-container input {
-    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);
@@ -900,6 +909,7 @@
     }
 
     .date-time-picker .react-datepicker__time-container {
+      align-self: stretch;
       width: auto;
       border-top: var(--stroke-width-small) solid var(--color-border);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAI9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsGlE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EAEZ,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4GlE,CAAA"}

package/dist/elements/DefaultListViewTabs/index.js

@@ -39,16 +39,18 @@ export const DefaultListViewTabs = t0 => {
         onChange(newViewType);
       }
       if (newViewType === "list" || newViewType === "hierarchy") {
-        await setPreference(`collection-${collectionConfig.slug}`, {
-          listViewType: newViewType
-        });
+        const listViewType = newViewType;
+        await setPreference(`collection-${collectionConfig.slug}`, preferences => ({
+          ...(preferences ?? {}),
+          listViewType
+        }));
       }
-      let path = `/collections/${collectionConfig.slug}`;
-      bb17: switch (newViewType) {
+      let path = `/collections/${collectionConfig.slug}?view=all`;
+      bb23: switch (newViewType) {
         case "hierarchy":
           {
-            path = `/collections/${collectionConfig.slug}/hierarchy`;
-            break bb17;
+            path = `/collections/${collectionConfig.slug}?view=hierarchy`;
+            break bb23;
           }
         case "trash":
           {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","usePreferences","useRouter","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isHierarchyEnabled","Boolean","hierarchy","t1","slug","newViewType","listViewType","path","bb17","url","adminRoute","routes","admin","push","handleViewChange","t2","labels","plural","t3","collectionLabel","allButtonLabel","t4","singular","t5","Symbol","for","allButtonId","toLowerCase","replace","t6","t7","filter","t8","_jsxs","className","children","_jsx","buttonStyle","join","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}/hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle={viewType === 'list' ? 'pill' : 'ghost'}\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle={viewType === 'hierarchy' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle={viewType === 'trash' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","usePreferences","useRouter","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isHierarchyEnabled","Boolean","hierarchy","t1","slug","newViewType","listViewType","preferences","path","bb23","url","adminRoute","routes","admin","push","handleViewChange","t2","labels","plural","t3","collectionLabel","allButtonLabel","t4","singular","t5","Symbol","for","allButtonId","toLowerCase","replace","t6","t7","filter","t8","_jsxs","className","children","_jsx","buttonStyle","join","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  CollectionPreferences,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      const listViewType = newViewType as 'hierarchy' | 'list'\n\n      await setPreference<CollectionPreferences>(\n        `collection-${collectionConfig.slug}`,\n        (preferences) => ({\n          ...(preferences ?? {}),\n          listViewType,\n        }),\n      )\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}?view=all`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}?view=hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle={viewType === 'list' ? 'pill' : 'ghost'}\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle={viewType === 'hierarchy' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle={viewType === 'trash' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Dialog/DialogModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE5C,OAAO,cAAc,CAAA;AAErB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;AAIxE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiDlD,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA;AAEnE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,KAAK,EAAY,MAAM,sBAAsB,CAAA;AAEtD,OAAO,cAAc,CAAA;AAErB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;AAIxE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsDlD,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA;AAEnE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA"}

package/dist/elements/Dialog/DialogModal/index.js

@@ -4,12 +4,12 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useEffect, useState } from 'react';
 import { drawerZBase, useDrawerDepth } from '../../Drawer/index.js';
-import { Modal } from '../../Modal/index.js';
+import { Modal, useModal } from '../../Modal/index.js';
 import { DialogContext } from '../context.js';
 import '../index.css';
 const baseClass = 'dialog';
 export const DialogModal = t0 => {
-  const $ = _c(16);
+  const $ = _c(18);
   const {
     slug,
     children,
@@ -23,39 +23,45 @@ export const DialogModal = t0 => {
   const closeOnEsc = t2 === undefined ? true : t2;
   const size = t3 === undefined ? "small" : t3;
   const [isConfirming, setConfirming] = useState(false);
+  const {
+    modalState
+  } = useModal();
   const drawerDepth = useDrawerDepth();
   const dialogDepth = useDialogDepth();
   let t4;
   let t5;
-  if ($[0] !== closeOnEsc) {
+  if ($[0] !== closeOnEsc || $[1] !== modalState || $[2] !== slug) {
     t4 = () => {
-      if (closeOnEsc) {
+      const latestOpenModal = Object.values(modalState).filter(_temp).sort(_temp2)[0];
+      if (closeOnEsc || latestOpenModal?.slug !== slug) {
         return;
       }
-      const handler = _temp;
+      const handler = _temp3;
       document.addEventListener("keydown", handler, true);
       return () => document.removeEventListener("keydown", handler, true);
     };
-    t5 = [closeOnEsc];
+    t5 = [closeOnEsc, modalState, slug];
     $[0] = closeOnEsc;
-    $[1] = t4;
-    $[2] = t5;
+    $[1] = modalState;
+    $[2] = slug;
+    $[3] = t4;
+    $[4] = t5;
   } else {
-    t4 = $[1];
-    t5 = $[2];
+    t4 = $[3];
+    t5 = $[4];
   }
   useEffect(t4, t5);
   let t6;
-  if ($[3] !== children || $[4] !== className || $[5] !== closeOnBlur || $[6] !== dialogDepth || $[7] !== drawerDepth || $[8] !== focusTrapOptions || $[9] !== isConfirming || $[10] !== size || $[11] !== slug) {
+  if ($[5] !== children || $[6] !== className || $[7] !== closeOnBlur || $[8] !== dialogDepth || $[9] !== drawerDepth || $[10] !== focusTrapOptions || $[11] !== isConfirming || $[12] !== size || $[13] !== slug) {
     const t7 = `${baseClass}--${size}`;
     let t8;
-    if ($[13] !== className || $[14] !== t7) {
+    if ($[15] !== className || $[16] !== t7) {
       t8 = [baseClass, t7, className].filter(Boolean);
-      $[13] = className;
-      $[14] = t7;
-      $[15] = t8;
+      $[15] = className;
+      $[16] = t7;
+      $[17] = t8;
     } else {
-      t8 = $[15];
+      t8 = $[17];
     }
     t6 = _jsx(DialogDepthProvider, {
       children: _jsx(DialogContext, {
@@ -79,18 +85,18 @@ export const DialogModal = t0 => {
         })
       })
     });
-    $[3] = children;
-    $[4] = className;
-    $[5] = closeOnBlur;
-    $[6] = dialogDepth;
-    $[7] = drawerDepth;
-    $[8] = focusTrapOptions;
-    $[9] = isConfirming;
-    $[10] = size;
-    $[11] = slug;
-    $[12] = t6;
+    $[5] = children;
+    $[6] = className;
+    $[7] = closeOnBlur;
+    $[8] = dialogDepth;
+    $[9] = drawerDepth;
+    $[10] = focusTrapOptions;
+    $[11] = isConfirming;
+    $[12] = size;
+    $[13] = slug;
+    $[14] = t6;
   } else {
-    t6 = $[12];
+    t6 = $[14];
   }
   return t6;
 };
@@ -117,7 +123,13 @@ export const DialogDepthProvider = t0 => {
   }
   return t1;
 };
-function _temp(e) {
+function _temp(modal) {
+  return modal.isOpen;
+}
+function _temp2(a, b) {
+  return (b.openedOn ?? 0) - (a.openedOn ?? 0);
+}
+function _temp3(e) {
   if (e.key === "Escape") {
     e.stopImmediatePropagation();
     e.preventDefault();

package/dist/elements/Dialog/DialogModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useEffect","useState","drawerZBase","useDrawerDepth","Modal","DialogContext","baseClass","DialogModal","t0","$","slug","children","className","closeOnBlur","t1","closeOnEsc","t2","focusTrapOptions","size","t3","undefined","isConfirming","setConfirming","drawerDepth","dialogDepth","useDialogDepth","t4","t5","handler","_temp","document","addEventListener","removeEventListener","t6","t7","t8","filter","Boolean","_jsx","DialogDepthProvider","value","style","zIndex","join","role","DialogDepthContext","parentDepth","depth","e","key","stopImmediatePropagation","preventDefault"],"sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"sourcesContent":["'use client'\nimport type { ComponentProps } from 'react'\n\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { drawerZBase, useDrawerDepth } from '../../Drawer/index.js'\nimport { Modal } from '../../Modal/index.js'\nimport { DialogContext } from '../context.js'\nimport '../index.css'\n\ntype FocusTrapOptions = ComponentProps<typeof Modal>['focusTrapOptions']\n\nconst baseClass = 'dialog'\n\nexport type DialogSize = 'large' | 'medium' | 'small'\n\nexport type DialogModalProps = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly closeOnBlur?: boolean\n  readonly closeOnEsc?: boolean\n  readonly focusTrapOptions?: FocusTrapOptions\n  readonly size?: DialogSize\n  readonly slug: string\n}\n\nexport const DialogModal: React.FC<DialogModalProps> = ({\n  slug,\n  children,\n  className,\n  closeOnBlur = false,\n  closeOnEsc = true,\n  focusTrapOptions,\n  size = 'small',\n}) => {\n  const [isConfirming, setConfirming] = useState(false)\n  const drawerDepth = useDrawerDepth()\n  const dialogDepth = useDialogDepth()\n\n  useEffect(() => {\n    if (closeOnEsc) {\n      return\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopImmediatePropagation()\n        e.preventDefault()\n      }\n    }\n\n    // Capture phase fires before ModalProvider's bubble-phase listener\n    document.addEventListener('keydown', handler, true)\n    return () => document.removeEventListener('keydown', handler, true)\n  }, [closeOnEsc])\n\n  return (\n    <DialogDepthProvider>\n      <DialogContext value={{ slug, isConfirming, setConfirming }}>\n        <Modal\n          closeOnBlur={closeOnBlur}\n          focusTrapOptions={focusTrapOptions}\n          slug={slug}\n          style={{ zIndex: drawerZBase + drawerDepth + dialogDepth + 1 }}\n        >\n          <div\n            className={[baseClass, `${baseClass}--${size}`, className].filter(Boolean).join(' ')}\n            role=\"document\"\n          >\n            {children}\n          </div>\n        </Modal>\n      </DialogContext>\n    </DialogDepthProvider>\n  )\n}\n\nexport const DialogDepthContext = createContext(0)\n\nexport const useDialogDepth = (): number => use(DialogDepthContext)\n\nexport const DialogDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDialogDepth()\n  const depth = parentDepth + 1\n\n  return <DialogDepthContext value={depth}>{children}</DialogDepthContext>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useEffect","useState","drawerZBase","useDrawerDepth","Modal","useModal","DialogContext","baseClass","DialogModal","t0","$","slug","children","className","closeOnBlur","t1","closeOnEsc","t2","focusTrapOptions","size","t3","undefined","isConfirming","setConfirming","modalState","drawerDepth","dialogDepth","useDialogDepth","t4","t5","latestOpenModal","Object","values","filter","_temp","sort","_temp2","handler","_temp3","document","addEventListener","removeEventListener","t6","t7","t8","Boolean","_jsx","DialogDepthProvider","value","style","zIndex","join","role","DialogDepthContext","parentDepth","depth","modal","isOpen","a","b","openedOn","e","key","stopImmediatePropagation","preventDefault"],"sources":["../../../../src/elements/Dialog/DialogModal/index.tsx"],"sourcesContent":["'use client'\nimport type { ComponentProps } from 'react'\n\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { drawerZBase, useDrawerDepth } from '../../Drawer/index.js'\nimport { Modal, useModal } from '../../Modal/index.js'\nimport { DialogContext } from '../context.js'\nimport '../index.css'\n\ntype FocusTrapOptions = ComponentProps<typeof Modal>['focusTrapOptions']\n\nconst baseClass = 'dialog'\n\nexport type DialogSize = 'large' | 'medium' | 'small'\n\nexport type DialogModalProps = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly closeOnBlur?: boolean\n  readonly closeOnEsc?: boolean\n  readonly focusTrapOptions?: FocusTrapOptions\n  readonly size?: DialogSize\n  readonly slug: string\n}\n\nexport const DialogModal: React.FC<DialogModalProps> = ({\n  slug,\n  children,\n  className,\n  closeOnBlur = false,\n  closeOnEsc = true,\n  focusTrapOptions,\n  size = 'small',\n}) => {\n  const [isConfirming, setConfirming] = useState(false)\n  const { modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const dialogDepth = useDialogDepth()\n\n  useEffect(() => {\n    const latestOpenModal = Object.values(modalState)\n      .filter((modal) => modal.isOpen)\n      .sort((a, b) => (b.openedOn ?? 0) - (a.openedOn ?? 0))[0]\n\n    if (closeOnEsc || latestOpenModal?.slug !== slug) {\n      return\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopImmediatePropagation()\n        e.preventDefault()\n      }\n    }\n\n    // Capture phase fires before ModalProvider's bubble-phase listener\n    document.addEventListener('keydown', handler, true)\n    return () => document.removeEventListener('keydown', handler, true)\n  }, [closeOnEsc, modalState, slug])\n\n  return (\n    <DialogDepthProvider>\n      <DialogContext value={{ slug, isConfirming, setConfirming }}>\n        <Modal\n          closeOnBlur={closeOnBlur}\n          focusTrapOptions={focusTrapOptions}\n          slug={slug}\n          style={{ zIndex: drawerZBase + drawerDepth + dialogDepth + 1 }}\n        >\n          <div\n            className={[baseClass, `${baseClass}--${size}`, className].filter(Boolean).join(' ')}\n            role=\"document\"\n          >\n            {children}\n          </div>\n        </Modal>\n      </DialogContext>\n    </DialogDepthProvider>\n  )\n}\n\nexport const DialogDepthContext = createContext(0)\n\nexport const useDialogDepth = (): number => use(DialogDepthContext)\n\nexport const DialogDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDialogDepth()\n  const depth = parentDepth + 1\n\n  return <DialogDepthContext value={depth}>{children}</DialogDepthContext>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Dialog/DialogTitle/index.css

@@ -3,7 +3,7 @@
     flex: 1 0 0;
     min-width: 0;
     margin: 0;
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 }

package/dist/elements/Dialog/index.css

@@ -20,7 +20,6 @@
     background: var(--color-bg);
     border-radius: var(--radius-large);
     overflow: clip;
-    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);
@@ -65,7 +64,7 @@
     flex: 1 0 0;
     min-width: 0;
     margin: 0;
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 

package/dist/elements/DocumentCard/index.css

@@ -0,0 +1,73 @@
+@layer payload-default {
+  .document-card {
+    position: relative;
+    overflow: hidden;
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+  }
+  .document-card--selected {
+    border-color: var(--color-border-selected);
+  }
+  .document-card__thumbnail {
+    display: block;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
+    background: var(--color-bg-secondary);
+  }
+  .document-card__thumbnail--empty {
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      width: var(--spacer-6);
+      height: var(--spacer-6);
+    }
+
+    .icon--document {
+      color: var(--color-text-tertiary);
+    }
+  }
+  .document-card__content {
+    padding: var(--spacer-2-5);
+  }
+  .document-card__title {
+    display: inline-block;
+    overflow: hidden;
+    color: var(--color-text);
+    max-width: 100%;
+    text-overflow: ellipsis;
+    text-decoration: none;
+    vertical-align: top;
+    white-space: nowrap;
+  }
+  .document-card--link .document-card__title::after {
+    position: absolute;
+    content: '';
+    inset: 0;
+  }
+  .document-card--link
+    .document-card__metadata
+    :is(a, button, input, select, textarea, [tabindex]) {
+    position: relative;
+    z-index: 1;
+  }
+  .document-card__title:focus:not(:focus-visible) {
+    opacity: 1;
+  }
+  .document-card:focus-visible {
+    border-radius: var(--radius-large);
+    box-shadow: 0 0 0 var(--stroke-width-small) var(--accessibility-focus-color);
+  }
+  .document-card__title:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--spacer-1);
+  }
+  .document-card__metadata {
+    margin-block-start: var(--spacer-1);
+    color: var(--color-text-secondary);
+  }
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.css';
+export type DocumentCardThumbnail = {
+    alt?: string;
+    src: string;
+};
+export type DocumentCardProps = {
+    readonly children?: React.ReactNode;
+    readonly href?: null | string;
+    readonly isSelected?: boolean;
+    readonly onSelect?: () => void;
+    readonly placeholder?: React.ReactNode;
+    readonly thumbnail?: DocumentCardThumbnail;
+    readonly title: string;
+};
+/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */
+export declare const DocumentCard: React.FC<DocumentCardProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,qBAAqB,CAAA;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,sGAAsG;AACtG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqHpD,CAAA"}