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

package/dist/elements/DatePicker/hasAmbiguousYearInput.js

@@ -0,0 +1,37 @@
+import { format } from 'date-fns';
+import { getDefaultLocale } from 'react-datepicker';
+export const hasAmbiguousYearInput = ({
+  date,
+  dateFormat,
+  inputValue,
+  locale
+}) => {
+  if (!date || date.getFullYear() >= 100 || !inputValue) {
+    return false;
+  }
+  const formats = Array.isArray(dateFormat) ? dateFormat : [dateFormat];
+  const resolvedLocale = resolveDatePickerLocale({
+    locale
+  });
+  return !formats.some(dateFormat => format(date, dateFormat, {
+    locale: resolvedLocale,
+    useAdditionalDayOfYearTokens: true,
+    useAdditionalWeekYearTokens: true
+  }) === inputValue);
+};
+const resolveDatePickerLocale = ({
+  locale
+}) => {
+  // The picker formats its explicit 'en' locale with date-fns defaults.
+  if (locale === 'en') {
+    return undefined;
+  }
+  if (typeof locale === 'object') {
+    return locale;
+  }
+  // registerLocale stores names on this scope; react-datepicker exposes no registry getter.
+  const scope = typeof window !== 'undefined' ? window : globalThis;
+  const defaultLocale = getDefaultLocale();
+  return locale && scope.__localeData__?.[locale] || defaultLocale && scope.__localeData__?.[defaultLocale] || undefined;
+};
+//# sourceMappingURL=hasAmbiguousYearInput.js.map

package/dist/elements/DatePicker/hasAmbiguousYearInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasAmbiguousYearInput.js","names":["format","getDefaultLocale","hasAmbiguousYearInput","date","dateFormat","inputValue","locale","getFullYear","formats","Array","isArray","resolvedLocale","resolveDatePickerLocale","some","useAdditionalDayOfYearTokens","useAdditionalWeekYearTokens","undefined","scope","window","globalThis","defaultLocale","__localeData__"],"sources":["../../../src/elements/DatePicker/hasAmbiguousYearInput.ts"],"sourcesContent":["import type { DatePickerProps } from 'react-datepicker'\n\nimport { format } from 'date-fns'\nimport { getDefaultLocale } from 'react-datepicker'\n\ntype DatePickerLocale = Exclude<DatePickerProps['locale'], string | undefined>\n\nexport const hasAmbiguousYearInput = ({\n  date,\n  dateFormat,\n  inputValue,\n  locale,\n}: {\n  date: Date | null\n  dateFormat: string | string[]\n  inputValue?: string\n  locale?: DatePickerProps['locale']\n}): boolean => {\n  if (!date || date.getFullYear() >= 100 || !inputValue) {\n    return false\n  }\n\n  const formats = Array.isArray(dateFormat) ? dateFormat : [dateFormat]\n  const resolvedLocale = resolveDatePickerLocale({ locale })\n\n  return !formats.some(\n    (dateFormat) =>\n      format(date, dateFormat, {\n        locale: resolvedLocale,\n        useAdditionalDayOfYearTokens: true,\n        useAdditionalWeekYearTokens: true,\n      }) === inputValue,\n  )\n}\n\nconst resolveDatePickerLocale = ({ locale }: { locale?: DatePickerProps['locale'] }) => {\n  // The picker formats its explicit 'en' locale with date-fns defaults.\n  if (locale === 'en') {\n    return undefined\n  }\n\n  if (typeof locale === 'object') {\n    return locale\n  }\n\n  // registerLocale stores names on this scope; react-datepicker exposes no registry getter.\n  const scope = (typeof window !== 'undefined' ? window : globalThis) as {\n    __localeData__?: Record<string, DatePickerLocale>\n  }\n  const defaultLocale = getDefaultLocale()\n\n  return (\n    (locale && scope.__localeData__?.[locale]) ||\n    (defaultLocale && scope.__localeData__?.[defaultLocale]) ||\n    undefined\n  )\n}\n"],"mappings":"AAEA,SAASA,MAAM,QAAQ;AACvB,SAASC,gBAAgB,QAAQ;AAIjC,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,IAAI;EACJC,UAAU;EACVC,UAAU;EACVC;AAAM,CAMP;EACC,IAAI,CAACH,IAAA,IAAQA,IAAA,CAAKI,WAAW,MAAM,OAAO,CAACF,UAAA,EAAY;IACrD,OAAO;EACT;EAEA,MAAMG,OAAA,GAAUC,KAAA,CAAMC,OAAO,CAACN,UAAA,IAAcA,UAAA,GAAa,CAACA,UAAA,CAAW;EACrE,MAAMO,cAAA,GAAiBC,uBAAA,CAAwB;IAAEN;EAAO;EAExD,OAAO,CAACE,OAAA,CAAQK,IAAI,CACjBT,UAAA,IACCJ,MAAA,CAAOG,IAAA,EAAMC,UAAA,EAAY;IACvBE,MAAA,EAAQK,cAAA;IACRG,4BAAA,EAA8B;IAC9BC,2BAAA,EAA6B;EAC/B,OAAOV,UAAA;AAEb;AAEA,MAAMO,uBAAA,GAA0BA,CAAC;EAAEN;AAAM,CAA0C;EACjF;EACA,IAAIA,MAAA,KAAW,MAAM;IACnB,OAAOU,SAAA;EACT;EAEA,IAAI,OAAOV,MAAA,KAAW,UAAU;IAC9B,OAAOA,MAAA;EACT;EAEA;EACA,MAAMW,KAAA,GAAS,OAAOC,MAAA,KAAW,cAAcA,MAAA,GAASC,UAAA;EAGxD,MAAMC,aAAA,GAAgBnB,gBAAA;EAEtB,OACEK,MAAC,IAAUW,KAAA,CAAMI,cAAc,GAAGf,MAAA,CAAO,IACxCc,aAAA,IAAiBH,KAAA,CAAMI,cAAc,GAAGD,aAAA,CAAc,IACvDJ,SAAA;AAEJ","ignoreList":[]}

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/DatePicker/useDatePickerKeyboard.d.ts

@@ -0,0 +1,18 @@
+import type ReactDatePicker from 'react-datepicker';
+import React from 'react';
+import type { Props } from './types.js';
+export declare const useDatePickerKeyboard: ({ overrides }: Props) => {
+    calendarRef: React.RefObject<HTMLDivElement>;
+    datePickerRef: React.RefObject<ReactDatePicker.DatePicker>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    onCalendarClose: () => void;
+    onCalendarKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onCalendarOpen: () => void;
+    onChangeRaw: (event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, selectionMeta?: {
+        date: Date;
+        formattedDate: string;
+    }) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement>;
+};
+//# sourceMappingURL=useDatePickerKeyboard.d.ts.map

package/dist/elements/DatePicker/useDatePickerKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerKeyboard.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,kBAAkB,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,qBAAqB,kBAAmB,KAAK;;;;;+BAqB9C,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;;;;;;;;CAiH9C,CAAA"}

package/dist/elements/DatePicker/useDatePickerKeyboard.js

@@ -0,0 +1,212 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+export const useDatePickerKeyboard = t0 => {
+  const $ = _c(27);
+  const {
+    overrides
+  } = t0;
+  const datePickerRef = React.useRef(null);
+  const calendarRef = React.useRef(null);
+  const hasTypedInput = React.useRef(false);
+  const shouldFocusCalendar = React.useRef(false);
+  const calendarFocusFrame = React.useRef(null);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      event.stopPropagation();
+      if (!event.defaultPrevented) {
+        event.preventDefault();
+        datePickerRef.current?.setOpen(false, true);
+        datePickerRef.current?.sendFocusBackToInput();
+      }
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const onEscape = t1;
+  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown);
+  let t2;
+  if ($[1] !== overrides?.onKeyDown) {
+    t2 = () => {
+      onOverrideKeyDownRef.current = overrides?.onKeyDown;
+    };
+    $[1] = overrides?.onKeyDown;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const t3 = overrides?.onKeyDown;
+  let t4;
+  if ($[3] !== t3) {
+    t4 = [t3];
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  React.useLayoutEffect(t2, t4);
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = event_0 => {
+      if (event_0.key === "Escape") {
+        if (!event_0.defaultPrevented) {
+          onOverrideKeyDownRef.current?.(event_0);
+        }
+        onEscape(event_0);
+      }
+    };
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const onCalendarKeyDown = t5;
+  let t6;
+  let t7;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => () => {
+      if (calendarFocusFrame.current !== null) {
+        cancelAnimationFrame(calendarFocusFrame.current);
+      }
+    };
+    t7 = [];
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t6 = $[6];
+    t7 = $[7];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  if ($[8] !== overrides) {
+    t8 = event_1 => {
+      hasTypedInput.current = false;
+      overrides?.onBlur?.(event_1);
+    };
+    $[8] = overrides;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  const onBlur = t8;
+  let t9;
+  if ($[10] !== overrides) {
+    t9 = (event_2, selectionMeta) => {
+      overrides?.onChangeRaw?.(event_2, selectionMeta);
+      if (event_2 && !event_2.defaultPrevented && event_2.target === datePickerRef.current?.input) {
+        hasTypedInput.current = true;
+      }
+    };
+    $[10] = overrides;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  const onChangeRaw = t9;
+  let t10;
+  if ($[12] !== overrides) {
+    t10 = () => {
+      hasTypedInput.current = false;
+      shouldFocusCalendar.current = false;
+      if (calendarFocusFrame.current !== null) {
+        cancelAnimationFrame(calendarFocusFrame.current);
+        calendarFocusFrame.current = null;
+      }
+      overrides?.onCalendarClose?.();
+    };
+    $[12] = overrides;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  const onCalendarClose = t10;
+  let t11;
+  if ($[14] !== overrides) {
+    t11 = () => {
+      if (shouldFocusCalendar.current) {
+        calendarFocusFrame.current = requestAnimationFrame(() => {
+          calendarFocusFrame.current = null;
+          shouldFocusCalendar.current = false;
+          if (!datePickerRef.current?.isCalendarOpen()) {
+            return;
+          }
+          const calendar = calendarRef.current;
+          const focusTarget = calendar?.querySelector("[tabindex=\"0\"]") || calendar?.querySelector("button:not(:disabled), select:not(:disabled)");
+          focusTarget?.focus();
+        });
+      }
+      overrides?.onCalendarOpen?.();
+    };
+    $[14] = overrides;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const onCalendarOpen = t11;
+  let t12;
+  if ($[16] !== overrides) {
+    t12 = event_3 => {
+      overrides?.onKeyDown?.(event_3);
+      if (event_3.key === "Escape" && datePickerRef.current?.isCalendarOpen()) {
+        onEscape(event_3);
+      }
+      if (!event_3.defaultPrevented && event_3.target === datePickerRef.current?.input && !datePickerRef.current.isCalendarOpen() && ["ArrowDown", "ArrowUp", "Enter"].includes(event_3.key)) {
+        event_3.preventDefault();
+        if (event_3.key === "Enter" && hasTypedInput.current) {
+          hasTypedInput.current = false;
+          datePickerRef.current.setOpen(false);
+          return;
+        }
+        shouldFocusCalendar.current = true;
+        datePickerRef.current?.setOpen(true);
+      }
+    };
+    $[16] = overrides;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const onKeyDown = t12;
+  let t13;
+  if ($[18] !== overrides) {
+    t13 = event_4 => {
+      const isCalendarCell = event_4.target instanceof HTMLElement && event_4.target.matches(".react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text");
+      if (event_4.key === "Escape" && (event_4.target === datePickerRef.current?.input || isCalendarCell) && datePickerRef.current?.isCalendarOpen()) {
+        overrides?.onKeyDown?.(event_4);
+        onEscape(event_4);
+      }
+    };
+    $[18] = overrides;
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const onKeyDownCapture = t13;
+  let t14;
+  if ($[20] !== onBlur || $[21] !== onCalendarClose || $[22] !== onCalendarOpen || $[23] !== onChangeRaw || $[24] !== onKeyDown || $[25] !== onKeyDownCapture) {
+    t14 = {
+      calendarRef,
+      datePickerRef,
+      onBlur,
+      onCalendarClose,
+      onCalendarKeyDown,
+      onCalendarOpen,
+      onChangeRaw,
+      onKeyDown,
+      onKeyDownCapture
+    };
+    $[20] = onBlur;
+    $[21] = onCalendarClose;
+    $[22] = onCalendarOpen;
+    $[23] = onChangeRaw;
+    $[24] = onKeyDown;
+    $[25] = onKeyDownCapture;
+    $[26] = t14;
+  } else {
+    t14 = $[26];
+  }
+  return t14;
+};
+//# sourceMappingURL=useDatePickerKeyboard.js.map

package/dist/elements/DatePicker/useDatePickerKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerKeyboard.js","names":["c","_c","React","useDatePickerKeyboard","t0","$","overrides","datePickerRef","useRef","calendarRef","hasTypedInput","shouldFocusCalendar","calendarFocusFrame","t1","Symbol","for","event","stopPropagation","defaultPrevented","preventDefault","current","setOpen","sendFocusBackToInput","onEscape","onOverrideKeyDownRef","onKeyDown","t2","t3","t4","useLayoutEffect","t5","event_0","key","onCalendarKeyDown","t6","t7","cancelAnimationFrame","useEffect","t8","event_1","onBlur","t9","event_2","selectionMeta","onChangeRaw","target","input","t10","onCalendarClose","t11","requestAnimationFrame","isCalendarOpen","calendar","focusTarget","querySelector","focus","onCalendarOpen","t12","event_3","includes","t13","event_4","isCalendarCell","HTMLElement","matches","onKeyDownCapture","t14"],"sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"sourcesContent":["'use client'\n\nimport type ReactDatePicker from 'react-datepicker'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\ntype DatePickerComponent = typeof ReactDatePicker extends { default: infer Component }\n  ? Component\n  : typeof ReactDatePicker\n\nexport const useDatePickerKeyboard = ({ overrides }: Props) => {\n  const datePickerRef = React.useRef<React.ComponentRef<DatePickerComponent>>(null)\n  const calendarRef = React.useRef<HTMLDivElement>(null)\n  const hasTypedInput = React.useRef(false)\n  const shouldFocusCalendar = React.useRef(false)\n  const calendarFocusFrame = React.useRef<null | number>(null)\n  const onEscape = React.useCallback((event: React.KeyboardEvent) => {\n    event.stopPropagation()\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n      datePickerRef.current?.setOpen(false, true)\n      datePickerRef.current?.sendFocusBackToInput()\n    }\n  }, [])\n  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown)\n\n  React.useLayoutEffect(() => {\n    onOverrideKeyDownRef.current = overrides?.onKeyDown\n  }, [overrides?.onKeyDown])\n\n  const onCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        if (!event.defaultPrevented) {\n          onOverrideKeyDownRef.current?.(event)\n        }\n        onEscape(event)\n      }\n    },\n    [onEscape],\n  )\n\n  React.useEffect(\n    () => () => {\n      if (calendarFocusFrame.current !== null) {\n        cancelAnimationFrame(calendarFocusFrame.current)\n      }\n    },\n    [],\n  )\n\n  const onBlur: NonNullable<DatePickerProps['onBlur']> = (event) => {\n    hasTypedInput.current = false\n    overrides?.onBlur?.(event)\n  }\n  const onChangeRaw: NonNullable<DatePickerProps['onChangeRaw']> = (event, selectionMeta) => {\n    overrides?.onChangeRaw?.(event, selectionMeta)\n\n    if (event && !event.defaultPrevented && event.target === datePickerRef.current?.input) {\n      hasTypedInput.current = true\n    }\n  }\n  const onCalendarClose = () => {\n    hasTypedInput.current = false\n    shouldFocusCalendar.current = false\n    if (calendarFocusFrame.current !== null) {\n      cancelAnimationFrame(calendarFocusFrame.current)\n      calendarFocusFrame.current = null\n    }\n    overrides?.onCalendarClose?.()\n  }\n  const onCalendarOpen = () => {\n    if (shouldFocusCalendar.current) {\n      calendarFocusFrame.current = requestAnimationFrame(() => {\n        calendarFocusFrame.current = null\n        shouldFocusCalendar.current = false\n        if (!datePickerRef.current?.isCalendarOpen()) {\n          return\n        }\n        const calendar = calendarRef.current\n        const focusTarget =\n          calendar?.querySelector<HTMLElement>('[tabindex=\"0\"]') ||\n          calendar?.querySelector<HTMLElement>('button:not(:disabled), select:not(:disabled)')\n\n        focusTarget?.focus()\n      })\n    }\n    overrides?.onCalendarOpen?.()\n  }\n  const onKeyDown: NonNullable<DatePickerProps['onKeyDown']> = (event) => {\n    overrides?.onKeyDown?.(event)\n\n    if (event.key === 'Escape' && datePickerRef.current?.isCalendarOpen()) {\n      onEscape(event)\n    }\n\n    if (\n      !event.defaultPrevented &&\n      event.target === datePickerRef.current?.input &&\n      !datePickerRef.current.isCalendarOpen() &&\n      ['ArrowDown', 'ArrowUp', 'Enter'].includes(event.key)\n    ) {\n      event.preventDefault()\n      // Enter confirms typed input instead of opening the calendar over nearby controls.\n      if (event.key === 'Enter' && hasTypedInput.current) {\n        hasTypedInput.current = false\n        datePickerRef.current.setOpen(false)\n        return\n      }\n      shouldFocusCalendar.current = true\n      datePickerRef.current?.setOpen(true)\n    }\n  }\n\n  const onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement> = (event) => {\n    // Cells handle Escape themselves, which can blur the input after we restore focus.\n    // Intercept only the cell itself so nested controls can consume Escape.\n    const isCalendarCell =\n      event.target instanceof HTMLElement &&\n      event.target.matches(\n        '.react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text',\n      )\n\n    if (\n      event.key === 'Escape' &&\n      (event.target === datePickerRef.current?.input || isCalendarCell) &&\n      datePickerRef.current?.isCalendarOpen()\n    ) {\n      overrides?.onKeyDown?.(event)\n      onEscape(event)\n    }\n  }\n\n  return {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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/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"}