@payloadcms/ui 4.0.0-internal.f11981a → 4.0.0-internal.f2a04f7

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useConfig","useLocale","useTranslation","requests","shouldPermanentlyDelete","ConfirmationModal","ListSelectionButton","Translation","DeleteMany","afterDelete","hasDeletePermission","hasTrashPermission","modalPrefix","search","selections","trash","viewType","where","t","config","collections","routes","api","code","locale","i18n","openModal","deletePermanently","setDeletePermanently","useState","confirmManyDeleteDrawerSlug","handleDelete","useCallback","deletingOneCollection","Object","keys","length","result","relationTo","all","ids","entries","collectionConfig","find","slug","whereConstraint","and","Array","isArray","deletedAt","exists","id","not_equals","in","url","apiRoute","path","stringify","limit","select","addQueryPrefix","permanentlyDelete","Boolean","isTrashView","deleteManyResponse","delete","headers","language","patch","body","JSON","Date","toISOString","plural","singular","labels","json","deletedDocs","docs","successLabel","status","successKey","success","count","label","errors","error","message","description","map","join","deletedCount","doc","totalCount","totalDocs","_err","labelString","labelCount","reduce","acc","key","value","index","array","undefined","collectionLabel","newLabel","_jsxs","Fragment","_jsx","className","onClick","elements","0","children","1","i18nKey","variables","checked","name","onToggle","e","target","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { shouldPermanentlyDelete } from '../../utilities/shouldPermanentlyDelete.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { Translation } from '../Translation/index.js'\n\ntype AfterDeleteResult = {\n  [relationTo: string]: {\n    deletedCount: number\n    errors: unknown[]\n    ids: (number | string)[]\n    totalCount: number\n  }\n}\nexport type DeleteManyProps = {\n  /**\n   * A callback function to be called after the delete request is completed.\n   */\n  afterDelete?: (result: AfterDeleteResult) => void\n  /**\n   * Whether the user has permission to permanently delete documents.\n   * When false, the \"delete permanently\" checkbox will be hidden.\n   */\n  hasDeletePermission?: boolean\n  /**\n   * Whether the user has permission to trash (soft delete) documents.\n   * When false and hasDeletePermission is true, only permanent delete is available.\n   */\n  hasTrashPermission?: boolean\n  /**\n   * When multiple DeleteMany components are rendered on the page, this will differentiate them.\n   */\n  modalPrefix?: string\n  /**\n   * Optionally pass a search string to filter the documents to be deleted.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * search string that may not be stored in the URL.\n   */\n  search?: string\n  /**\n   * An object containing the relationTo as the key and an object with the following properties:\n   * - all: boolean\n   * - totalCount: number\n   * - ids: (string | number)[]\n   */\n  selections: {\n    [relationTo: string]: {\n      all?: boolean\n      ids?: (number | string)[]\n      totalCount?: number\n    }\n  }\n  trash?: boolean\n  viewType?: ViewTypes\n  /**\n   * Optionally pass a where clause to filter the documents to be deleted.\n   * This will be ignored if multiple relations are selected.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * where clause that may not be stored in the URL.\n   */\n  where?: Where\n}\n\n/**\n * Handles polymorphic document delete operations.\n *\n * If you are deleting monomorphic documents, shape your `selections` to match the polymorphic structure.\n */\nexport function DeleteMany({\n  afterDelete,\n  hasDeletePermission = false,\n  hasTrashPermission = false,\n  modalPrefix,\n  search,\n  selections,\n  trash,\n  viewType,\n  where,\n}: DeleteManyProps) {\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { code: locale } = useLocale()\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const [deletePermanently, setDeletePermanently] = React.useState(false)\n  const confirmManyDeleteDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-delete-many-docs`\n\n  const handleDelete = React.useCallback(async () => {\n    const deletingOneCollection = Object.keys(selections).length === 1\n    const result: AfterDeleteResult = {}\n\n    for (const [relationTo, { all, ids = [] }] of Object.entries(selections)) {\n      const collectionConfig = collections.find(({ slug }) => slug === relationTo)\n\n      if (collectionConfig) {\n        let whereConstraint: Where\n\n        if (all) {\n          // selecting all documents with optional where filter\n          if (deletingOneCollection && where) {\n            whereConstraint =\n              viewType === 'trash'\n                ? {\n                    and: [\n                      ...(Array.isArray(where.and) ? where.and : [where]),\n                      { deletedAt: { exists: true } },\n                    ],\n                  }\n                : where\n          } else {\n            whereConstraint =\n              viewType === 'trash'\n                ? {\n                    and: [{ id: { not_equals: '' } }, { deletedAt: { exists: true } }],\n                  }\n                : {\n                    id: { not_equals: '' },\n                  }\n          }\n        } else {\n          // selecting specific documents\n          whereConstraint = {\n            and: [\n              { id: { in: ids } },\n              ...(viewType === 'trash' ? [{ deletedAt: { exists: true } }] : []),\n            ],\n          }\n        }\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${relationTo}${qs.stringify(\n            {\n              limit: 0,\n              locale,\n              select: {},\n              where: mergeListSearchAndWhere({\n                collectionConfig,\n                search,\n                where: whereConstraint,\n              }),\n              ...(viewType === 'trash' ? { trash: true } : {}),\n            },\n            { addQueryPrefix: true },\n          )}`,\n        })\n\n        const permanentlyDelete = shouldPermanentlyDelete({\n          deletePermanently,\n          hasDeletePermission,\n          hasTrashPermission: Boolean(collectionConfig.trash) && hasTrashPermission,\n          isTrashView: viewType === 'trash',\n        })\n\n        const deleteManyResponse = permanentlyDelete\n          ? await requests.delete(url, {\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n          : await requests.patch(url, {\n              body: JSON.stringify({\n                deletedAt: new Date().toISOString(),\n              }),\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n\n        try {\n          const { plural, singular } = collectionConfig.labels\n          const json = await deleteManyResponse.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (deleteManyResponse.status < 400 || deletedDocs > 0) {\n            let successKey:\n              | 'general:deletedCountSuccessfully'\n              | 'general:permanentlyDeletedCountSuccessfully'\n              | 'general:trashedCountSuccessfully'\n\n            if (!permanentlyDelete) {\n              successKey = 'general:trashedCountSuccessfully'\n            } else if (viewType === 'trash' || (hasDeletePermission && deletePermanently)) {\n              successKey = 'general:permanentlyDeletedCountSuccessfully'\n            } else {\n              successKey = 'general:deletedCountSuccessfully'\n            }\n\n            toast.success(\n              t(successKey, {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n          }\n\n          if (json?.errors.length > 0) {\n            toast.error(json.message, {\n              description: json.errors.map((error) => error.message).join('\\n'),\n            })\n          }\n\n          result[relationTo] = {\n            deletedCount: deletedDocs,\n            errors: json?.errors || null,\n            ids: json?.docs.map((doc) => doc.id) || [],\n            totalCount: json.totalDocs,\n          }\n\n          if (deleteManyResponse.status > 400 && json?.errors.length === 0) {\n            toast.error(t('error:unknown'))\n            result[relationTo].errors = [t('error:unknown')]\n          }\n\n          continue\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n          result[relationTo] = {\n            deletedCount: 0,\n            errors: [_err],\n            ids: [],\n            totalCount: 0,\n          }\n          continue\n        }\n      }\n    }\n\n    if (typeof afterDelete === 'function') {\n      afterDelete(result)\n    }\n  }, [\n    selections,\n    afterDelete,\n    collections,\n    deletePermanently,\n    hasDeletePermission,\n    hasTrashPermission,\n    locale,\n    search,\n    api,\n    i18n,\n    viewType,\n    where,\n    t,\n  ])\n\n  const { label: labelString, labelCount } = Object.entries(selections).reduce(\n    (acc, [key, value], index, array) => {\n      const collectionConfig = collections.find(({ slug }) => slug === key)\n      if (collectionConfig) {\n        const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount\n        const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(\n          value.totalCount > 1 ? collectionConfig.labels.plural : collectionConfig.labels.singular,\n          i18n,\n        )}`\n\n        let newLabel\n\n        if (index === array.length - 1 && index !== 0) {\n          newLabel = `${acc.label} and ${collectionLabel}`\n        } else if (index > 0) {\n          newLabel = `${acc.label}, ${collectionLabel}`\n        } else {\n          newLabel = collectionLabel\n        }\n\n        return {\n          label: newLabel,\n          labelCount,\n        }\n      }\n      return acc\n    },\n    {\n      label: '',\n      labelCount: undefined,\n    },\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:delete')}\n        className=\"delete-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyDeleteDrawerSlug)\n        }}\n      >\n        {t('general:delete')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            <p>\n              {trash && hasTrashPermission ? (\n                viewType === 'trash' ? (\n                  <Translation\n                    elements={{\n                      '0': ({ children }) => <strong>{children}</strong>,\n                      '1': ({ children }) => <strong>{children}</strong>,\n                    }}\n                    i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n                    t={t}\n                    variables={{\n                      count: labelCount ?? 0,\n                      label: labelString,\n                    }}\n                  />\n                ) : (\n                  t('general:aboutToTrashCount', { count: labelCount, label: labelString })\n                )\n              ) : (\n                t('general:aboutToDeleteCount', { count: labelCount, label: labelString })\n              )}\n            </p>\n            {trash && hasTrashPermission && hasDeletePermission && viewType !== 'trash' && (\n              <CheckboxInput\n                checked={deletePermanently}\n                id=\"delete-forever\"\n                label={t('general:deletePermanently')}\n                name=\"delete-forever\"\n                onToggle={(e) => setDeletePermanently(e.target.checked)}\n              />\n            )}\n          </React.Fragment>\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmManyDeleteDrawerSlug}\n        onConfirm={handleDelete}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useConfig","useLocale","useTranslation","requests","shouldPermanentlyDelete","ConfirmationModal","ListSelectionButton","Translation","DeleteMany","afterDelete","hasDeletePermission","hasTrashPermission","modalPrefix","search","selections","trash","viewType","where","t","config","collections","routes","api","currentLocale","locale","code","i18n","openModal","deletePermanently","setDeletePermanently","useState","confirmManyDeleteDrawerSlug","handleDelete","useCallback","deletingOneCollection","Object","keys","length","result","relationTo","all","ids","entries","collectionConfig","find","slug","whereConstraint","and","Array","isArray","deletedAt","exists","id","not_equals","in","url","apiRoute","path","stringify","limit","select","addQueryPrefix","permanentlyDelete","Boolean","isTrashView","deleteManyResponse","delete","headers","language","patch","body","JSON","Date","toISOString","plural","singular","labels","json","deletedDocs","docs","successLabel","status","successKey","success","count","label","errors","error","message","description","map","join","deletedCount","doc","totalCount","totalDocs","_err","labelString","labelCount","reduce","acc","key","value","index","array","undefined","collectionLabel","newLabel","_jsxs","Fragment","_jsx","className","onClick","elements","0","children","1","i18nKey","variables","checked","name","onToggle","e","target","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { shouldPermanentlyDelete } from '../../utilities/shouldPermanentlyDelete.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { Translation } from '../Translation/index.js'\n\ntype AfterDeleteResult = {\n  [relationTo: string]: {\n    deletedCount: number\n    errors: unknown[]\n    ids: (number | string)[]\n    totalCount: number\n  }\n}\nexport type DeleteManyProps = {\n  /**\n   * A callback function to be called after the delete request is completed.\n   */\n  afterDelete?: (result: AfterDeleteResult) => void\n  /**\n   * Whether the user has permission to permanently delete documents.\n   * When false, the \"delete permanently\" checkbox will be hidden.\n   */\n  hasDeletePermission?: boolean\n  /**\n   * Whether the user has permission to trash (soft delete) documents.\n   * When false and hasDeletePermission is true, only permanent delete is available.\n   */\n  hasTrashPermission?: boolean\n  /**\n   * When multiple DeleteMany components are rendered on the page, this will differentiate them.\n   */\n  modalPrefix?: string\n  /**\n   * Optionally pass a search string to filter the documents to be deleted.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * search string that may not be stored in the URL.\n   */\n  search?: string\n  /**\n   * An object containing the relationTo as the key and an object with the following properties:\n   * - all: boolean\n   * - totalCount: number\n   * - ids: (string | number)[]\n   */\n  selections: {\n    [relationTo: string]: {\n      all?: boolean\n      ids?: (number | string)[]\n      totalCount?: number\n    }\n  }\n  trash?: boolean\n  viewType?: ViewTypes\n  /**\n   * Optionally pass a where clause to filter the documents to be deleted.\n   * This will be ignored if multiple relations are selected.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * where clause that may not be stored in the URL.\n   */\n  where?: Where\n}\n\n/**\n * Handles polymorphic document delete operations.\n *\n * If you are deleting monomorphic documents, shape your `selections` to match the polymorphic structure.\n */\nexport function DeleteMany({\n  afterDelete,\n  hasDeletePermission = false,\n  hasTrashPermission = false,\n  modalPrefix,\n  search,\n  selections,\n  trash,\n  viewType,\n  where,\n}: DeleteManyProps) {\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const [deletePermanently, setDeletePermanently] = React.useState(false)\n  const confirmManyDeleteDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-delete-many-docs`\n\n  const handleDelete = React.useCallback(async () => {\n    const deletingOneCollection = Object.keys(selections).length === 1\n    const result: AfterDeleteResult = {}\n\n    for (const [relationTo, { all, ids = [] }] of Object.entries(selections)) {\n      const collectionConfig = collections.find(({ slug }) => slug === relationTo)\n\n      if (collectionConfig) {\n        let whereConstraint: Where\n\n        if (all) {\n          // selecting all documents with optional where filter\n          if (deletingOneCollection && where) {\n            whereConstraint =\n              viewType === 'trash'\n                ? {\n                    and: [\n                      ...(Array.isArray(where.and) ? where.and : [where]),\n                      { deletedAt: { exists: true } },\n                    ],\n                  }\n                : where\n          } else {\n            whereConstraint =\n              viewType === 'trash'\n                ? {\n                    and: [{ id: { not_equals: '' } }, { deletedAt: { exists: true } }],\n                  }\n                : {\n                    id: { not_equals: '' },\n                  }\n          }\n        } else {\n          // selecting specific documents\n          whereConstraint = {\n            and: [\n              { id: { in: ids } },\n              ...(viewType === 'trash' ? [{ deletedAt: { exists: true } }] : []),\n            ],\n          }\n        }\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${relationTo}${qs.stringify(\n            {\n              limit: 0,\n              locale,\n              select: {},\n              where: mergeListSearchAndWhere({\n                collectionConfig,\n                search,\n                where: whereConstraint,\n              }),\n              ...(viewType === 'trash' ? { trash: true } : {}),\n            },\n            { addQueryPrefix: true },\n          )}`,\n        })\n\n        const permanentlyDelete = shouldPermanentlyDelete({\n          deletePermanently,\n          hasDeletePermission,\n          hasTrashPermission: Boolean(collectionConfig.trash) && hasTrashPermission,\n          isTrashView: viewType === 'trash',\n        })\n\n        const deleteManyResponse = permanentlyDelete\n          ? await requests.delete(url, {\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n          : await requests.patch(url, {\n              body: JSON.stringify({\n                deletedAt: new Date().toISOString(),\n              }),\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n\n        try {\n          const { plural, singular } = collectionConfig.labels\n          const json = await deleteManyResponse.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (deleteManyResponse.status < 400 || deletedDocs > 0) {\n            let successKey:\n              | 'general:deletedCountSuccessfully'\n              | 'general:permanentlyDeletedCountSuccessfully'\n              | 'general:trashedCountSuccessfully'\n\n            if (!permanentlyDelete) {\n              successKey = 'general:trashedCountSuccessfully'\n            } else if (viewType === 'trash' || (hasDeletePermission && deletePermanently)) {\n              successKey = 'general:permanentlyDeletedCountSuccessfully'\n            } else {\n              successKey = 'general:deletedCountSuccessfully'\n            }\n\n            toast.success(\n              t(successKey, {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n          }\n\n          if (json?.errors.length > 0) {\n            toast.error(json.message, {\n              description: json.errors.map((error) => error.message).join('\\n'),\n            })\n          }\n\n          result[relationTo] = {\n            deletedCount: deletedDocs,\n            errors: json?.errors || null,\n            ids: json?.docs.map((doc) => doc.id) || [],\n            totalCount: json.totalDocs,\n          }\n\n          if (deleteManyResponse.status > 400 && json?.errors.length === 0) {\n            toast.error(t('error:unknown'))\n            result[relationTo].errors = [t('error:unknown')]\n          }\n\n          continue\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n          result[relationTo] = {\n            deletedCount: 0,\n            errors: [_err],\n            ids: [],\n            totalCount: 0,\n          }\n          continue\n        }\n      }\n    }\n\n    if (typeof afterDelete === 'function') {\n      afterDelete(result)\n    }\n  }, [\n    selections,\n    afterDelete,\n    collections,\n    deletePermanently,\n    hasDeletePermission,\n    hasTrashPermission,\n    locale,\n    search,\n    api,\n    i18n,\n    viewType,\n    where,\n    t,\n  ])\n\n  const { label: labelString, labelCount } = Object.entries(selections).reduce(\n    (acc, [key, value], index, array) => {\n      const collectionConfig = collections.find(({ slug }) => slug === key)\n      if (collectionConfig) {\n        const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount\n        const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(\n          value.totalCount > 1 ? collectionConfig.labels.plural : collectionConfig.labels.singular,\n          i18n,\n        )}`\n\n        let newLabel\n\n        if (index === array.length - 1 && index !== 0) {\n          newLabel = `${acc.label} and ${collectionLabel}`\n        } else if (index > 0) {\n          newLabel = `${acc.label}, ${collectionLabel}`\n        } else {\n          newLabel = collectionLabel\n        }\n\n        return {\n          label: newLabel,\n          labelCount,\n        }\n      }\n      return acc\n    },\n    {\n      label: '',\n      labelCount: undefined,\n    },\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:delete')}\n        className=\"delete-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyDeleteDrawerSlug)\n        }}\n      >\n        {t('general:delete')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            <p>\n              {trash && hasTrashPermission ? (\n                viewType === 'trash' ? (\n                  <Translation\n                    elements={{\n                      '0': ({ children }) => <strong>{children}</strong>,\n                      '1': ({ children }) => <strong>{children}</strong>,\n                    }}\n                    i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n                    t={t}\n                    variables={{\n                      count: labelCount ?? 0,\n                      label: labelString,\n                    }}\n                  />\n                ) : (\n                  t('general:aboutToTrashCount', { count: labelCount, label: labelString })\n                )\n              ) : (\n                t('general:aboutToDeleteCount', { count: labelCount, label: labelString })\n              )}\n            </p>\n            {trash && hasTrashPermission && hasDeletePermission && viewType !== 'trash' && (\n              <CheckboxInput\n                checked={deletePermanently}\n                id=\"delete-forever\"\n                label={t('general:deletePermanently')}\n                name=\"delete-forever\"\n                onToggle={(e) => setDeletePermanently(e.target.checked)}\n              />\n            )}\n          </React.Fragment>\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmManyDeleteDrawerSlug}\n        onConfirm={handleDelete}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { Modal } from '@faceless-ui/modal';
 import React from 'react';
+import { Modal } from '../../Modal/index.js';
 import '../index.css';
 type FocusTrapOptions = ComponentProps<typeof Modal>['focusTrapOptions'];
 export type DialogSize = 'large' | 'medium' | 'small';

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,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,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

@@ -2,14 +2,14 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from '@faceless-ui/modal';
 import React, { createContext, use, useEffect, useState } from 'react';
 import { drawerZBase, useDrawerDepth } from '../../Drawer/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","Modal","React","createContext","use","useEffect","useState","drawerZBase","useDrawerDepth","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 { Modal } from '@faceless-ui/modal'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { drawerZBase, useDrawerDepth } from '../../Drawer/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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAIP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,IAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,gBAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAX,EAQvD;EAJC,MAAAK,WAAA,GAAAC,EAAmB,KAAAM,SAAA,WAAnBN,EAAmB;EACnB,MAAAC,UAAA,GAAAC,EAAiB,KAAAI,SAAA,UAAjBJ,EAAiB;EAEjB,MAAAE,IAAA,GAAAC,EAAc,KAAAC,SAAA,GAAP,OAAO,GAAdD,EAAc;EAEd,OAAAE,YAAA,EAAAC,aAAA,IAAsCtB,QAAA,MAAS;EAC/C;IAAAuB;EAAA,IAAuBnB,QAAA;EACvB,MAAAoB,WAAA,GAAoBtB,cAAA;EACpB,MAAAuB,WAAA,GAAoBC,cAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAC,IAAA;IAEViB,EAAA,GAAAA,CAAA;MACR,MAAAE,eAAA,GAAwBC,MAAA,CAAAC,MAAA,CAAcR,UAAA,EAAAS,MAAA,CAAAC,KACL,EAAAC,IAAA,CAAAC,MACoB,CAAG;MAAG,IAEvDpB,UAAA,IAAcc,eAAA,EAAAnB,IAAA,KAA0BA,IAAA;QAAA;MAAA;MAI5C,MAAA0B,OAAA,GAAAC,MAAA;MAQAC,QAAA,CAAAC,gBAAA,CAA0B,WAAWH,OAAA,MAAS;MAAA,aACjCE,QAAA,CAAAE,mBAAA,CAA6B,WAAWJ,OAAA,MAAS;IAAA;IAC7DR,EAAA,IAACb,UAAA,EAAYQ,UAAA,EAAYb,IAAA;IAAKD,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAD,EAAA,GAAAlB,CAAA;IAAAmB,EAAA,GAAAnB,CAAA;EAAA;EAnBjCV,SAAA,CAAU4B,EAmBV,EAAGC,EAA8B;EAAA,IAAAa,EAAA;EAAA,IAAAhC,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAe,WAAA,IAAAf,CAAA,SAAAQ,gBAAA,IAAAR,CAAA,SAAAY,YAAA,IAAAZ,CAAA,SAAAS,IAAA,IAAAT,CAAA,SAAAC,IAAA;IAYA,MAAAgC,EAAA,MAAApC,SAAA,KAAiBY,IAAA,EAAM;IAAA,IAAAyB,EAAA;IAAA,IAAAlC,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAiC,EAAA;MAAnCC,EAAA,IAAArC,SAAA,EAAYoC,EAAuB,EAAE9B,SAAA,EAAAoB,MAAA,CAAAY,OAAkB;MAAAnC,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAiC,EAAA;MAAAjC,CAAA,OAAAkC,EAAA;IAAA;MAAAA,EAAA,GAAAlC,CAAA;IAAA;IAT1EgC,EAAA,GAAAI,IAAA,CAAAC,mBAAA;MAAAnC,QAAA,EACEkC,IAAA,CAAAxC,aAAA;QAAA0C,KAAA;UAAArC,IAAA;UAAAW,YAAA;UAAAC;QAAA;QAAAX,QAAA,EACEkC,IAAA,CAAA1C,KAAA;UAAAU,WAAA;UAAAI,gBAAA;UAAAP,IAAA;UAAAsC,KAAA;YAAAC,MAAA,EAImBhD,WAAA,GAAcuB,WAAA,GAAcC,WAAA;UAAc;UAAAd,QAAA,EAE3DkC,IAAA,CAAC;YAAAjC,SAAA,EACY+B,EAAuD,CAAAO,IAAA,CAAc;YAAAC,IAAA,EAC3E;YAAAxC;UAAA,C;;;;;;;;;;;;;;;;;SAVb8B,E;CAkBJ;AAEA,OAAO,MAAMW,kBAAA,gBAAqBvD,aAAA,CAAc;AAEhD,OAAO,MAAM6B,cAAA,GAAiBA,CAAA,KAAc5B,GAAA,CAAIsD,kBAAA;AAEhD,OAAO,MAAMN,mBAAA,GAA+DtC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAgB;EAAA,IAAAH,EAAY;EACvF,MAAA6C,WAAA,GAAoB3B,cAAA;EACpB,MAAA4B,KAAA,GAAcD,WAAA,IAAc;EAAA,IAAAvC,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAA6C,KAAA;IAErBxC,EAAA,GAAA+B,IAAA,CAAAO,kBAAA;MAAAL,KAAA,EAA2BO,KAAA;MAAA3C;IAAA,C;;;;;;;SAA3BG,E;CACT;AAjEuD,SAAAmB,MAAAsB,KAAA;EAAA,OAgB9BA,KAAA,CAAAC,MAAA;AAAA;AAhB8B,SAAArB,OAAAsB,CAAA,EAAAC,CAAA;EAAA,OAiBjC,CAACA,CAAA,CAAAC,QAAA,KAAc,KAAMF,CAAA,CAAAE,QAAA,KAAc;AAAA;AAjBF,SAAAtB,OAAAuB,CAAA;EAAA,IAwB7CA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,wBAAA,CAA0B;IAC1BF,CAAA,CAAAG,cAAA,CAAgB;EAAA;AAAA","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);
   }
 
@@ -97,6 +96,7 @@
     padding-block: var(--spacer-2);
     padding-inline-start: var(--spacer-3);
     padding-inline-end: var(--spacer-2);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
     flex-shrink: 0;
   }
 }

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

package/dist/elements/DocumentCard/index.js

@@ -0,0 +1,182 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Link } from '../Link/index.js';
+import './index.css';
+const baseClass = 'document-card';
+/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */
+export const DocumentCard = t0 => {
+  const $ = _c(32);
+  const {
+    children,
+    href,
+    isSelected: t1,
+    onSelect,
+    placeholder,
+    thumbnail,
+    title
+  } = t0;
+  const isSelected = t1 === undefined ? false : t1;
+  const router = useRouter();
+  const {
+    t
+  } = useTranslation();
+  const selectionStatusID = React.useId();
+  let t2;
+  if ($[0] !== onSelect) {
+    t2 = event => {
+      if (!onSelect || event.detail === 0) {
+        return;
+      }
+      event.preventDefault();
+      onSelect();
+    };
+    $[0] = onSelect;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const handleClick = t2;
+  let t3;
+  if ($[2] !== href || $[3] !== onSelect || $[4] !== router) {
+    t3 = event_0 => {
+      if (!onSelect || !href) {
+        return;
+      }
+      event_0.preventDefault();
+      router.push(href);
+    };
+    $[2] = href;
+    $[3] = onSelect;
+    $[4] = router;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleDoubleClick = t3;
+  let t4;
+  if ($[6] !== onSelect) {
+    t4 = event_1 => {
+      if (event_1.target.closest("a")) {
+        return;
+      }
+      onSelect?.();
+    };
+    $[6] = onSelect;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const handleCardClick = t4;
+  let t5;
+  if ($[8] !== href || $[9] !== onSelect || $[10] !== router) {
+    t5 = event_2 => {
+      if (!onSelect || !href || event_2.target.closest("a")) {
+        return;
+      }
+      event_2.preventDefault();
+      router.push(href);
+    };
+    $[8] = href;
+    $[9] = onSelect;
+    $[10] = router;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const handleCardDoubleClick = t5;
+  let t6;
+  if ($[12] !== onSelect) {
+    t6 = event_3 => {
+      if (!onSelect || event_3.target.closest("a") || event_3.key !== "Enter" && event_3.key !== " ") {
+        return;
+      }
+      event_3.preventDefault();
+      onSelect();
+    };
+    $[12] = onSelect;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const handleCardKeyDown = t6;
+  let t7;
+  if ($[14] !== children || $[15] !== handleCardClick || $[16] !== handleCardDoubleClick || $[17] !== handleCardKeyDown || $[18] !== handleClick || $[19] !== handleDoubleClick || $[20] !== href || $[21] !== isSelected || $[22] !== onSelect || $[23] !== placeholder || $[24] !== selectionStatusID || $[25] !== t || $[26] !== thumbnail || $[27] !== title) {
+    const cardInteractionProps = onSelect ? {
+      "aria-describedby": selectionStatusID,
+      "aria-label": title,
+      "aria-pressed": isSelected,
+      onClick: handleCardClick,
+      onDoubleClick: handleCardDoubleClick,
+      onKeyDown: handleCardKeyDown,
+      role: "button",
+      tabIndex: 0
+    } : {};
+    const t8 = !onSelect && href && `${baseClass}--link`;
+    const t9 = isSelected && `${baseClass}--selected`;
+    let t10;
+    if ($[29] !== t8 || $[30] !== t9) {
+      t10 = [baseClass, t8, t9].filter(Boolean);
+      $[29] = t8;
+      $[30] = t9;
+      $[31] = t10;
+    } else {
+      t10 = $[31];
+    }
+    t7 = _jsxs("div", {
+      ...cardInteractionProps,
+      className: t10.join(" "),
+      children: [thumbnail ? _jsx("img", {
+        alt: thumbnail.alt || "",
+        className: `${baseClass}__thumbnail`,
+        src: thumbnail.src
+      }) : _jsx("div", {
+        "aria-hidden": "true",
+        className: `${baseClass}__thumbnail ${baseClass}__thumbnail--empty`,
+        children: placeholder
+      }), _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [href ? _jsx(Link, {
+          className: `${baseClass}__title`,
+          href,
+          onClick: onSelect ? handleClick : undefined,
+          onDoubleClick: onSelect ? handleDoubleClick : undefined,
+          children: title
+        }) : _jsx("span", {
+          className: `${baseClass}__title`,
+          children: title
+        }), children ? _jsx("div", {
+          className: `${baseClass}__metadata`,
+          children
+        }) : null]
+      }), onSelect ? _jsx("span", {
+        className: "document-card__selection-status sr-only",
+        id: selectionStatusID,
+        children: t(isSelected ? "general:selectedDocument" : "general:notSelectedDocument")
+      }) : null]
+    });
+    $[14] = children;
+    $[15] = handleCardClick;
+    $[16] = handleCardDoubleClick;
+    $[17] = handleCardKeyDown;
+    $[18] = handleClick;
+    $[19] = handleDoubleClick;
+    $[20] = href;
+    $[21] = isSelected;
+    $[22] = onSelect;
+    $[23] = placeholder;
+    $[24] = selectionStatusID;
+    $[25] = t;
+    $[26] = thumbnail;
+    $[27] = title;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  return t7;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useRouter","useTranslation","Link","baseClass","DocumentCard","t0","$","children","href","isSelected","t1","onSelect","placeholder","thumbnail","title","undefined","router","t","selectionStatusID","useId","t2","event","detail","preventDefault","handleClick","t3","event_0","push","handleDoubleClick","t4","event_1","target","closest","handleCardClick","t5","event_2","handleCardDoubleClick","t6","event_3","key","handleCardKeyDown","t7","cardInteractionProps","onClick","onDoubleClick","onKeyDown","role","tabIndex","t8","t9","t10","filter","Boolean","_jsxs","className","join","_jsx","alt","src","id"],"sources":["../../../src/elements/DocumentCard/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport './index.css'\n\nconst baseClass = 'document-card'\n\nexport type DocumentCardThumbnail = { alt?: string; src: string }\nexport type DocumentCardProps = {\n  readonly children?: React.ReactNode\n  readonly href?: null | string\n  readonly isSelected?: boolean\n  readonly onSelect?: () => void\n  readonly placeholder?: React.ReactNode\n  readonly thumbnail?: DocumentCardThumbnail\n  readonly title: string\n}\n\n/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */\nexport const DocumentCard: React.FC<DocumentCardProps> = ({\n  children,\n  href,\n  isSelected = false,\n  onSelect,\n  placeholder,\n  thumbnail,\n  title,\n}) => {\n  const router = useRouter()\n  const { t } = useTranslation()\n  const selectionStatusID = React.useId()\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!onSelect || event.detail === 0) {\n      return\n    }\n\n    event.preventDefault()\n    onSelect()\n  }\n\n  const handleDoubleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!onSelect || !href) {\n      return\n    }\n\n    event.preventDefault()\n    void router.push(href)\n  }\n\n  const handleCardClick = (event: React.MouseEvent<HTMLElement>) => {\n    if ((event.target as HTMLElement).closest('a')) {\n      return\n    }\n\n    onSelect?.()\n  }\n\n  const handleCardDoubleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (!onSelect || !href || (event.target as HTMLElement).closest('a')) {\n      return\n    }\n\n    event.preventDefault()\n    void router.push(href)\n  }\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (\n      !onSelect ||\n      (event.target as HTMLElement).closest('a') ||\n      (event.key !== 'Enter' && event.key !== ' ')\n    ) {\n      return\n    }\n\n    event.preventDefault()\n    onSelect()\n  }\n\n  const cardInteractionProps: React.HTMLAttributes<HTMLDivElement> = onSelect\n    ? {\n        'aria-describedby': selectionStatusID,\n        'aria-label': title,\n        'aria-pressed': isSelected,\n        onClick: handleCardClick,\n        onDoubleClick: handleCardDoubleClick,\n        onKeyDown: handleCardKeyDown,\n        role: 'button',\n        tabIndex: 0,\n      }\n    : {}\n\n  return (\n    <div\n      {...cardInteractionProps}\n      className={[\n        baseClass,\n        !onSelect && href && `${baseClass}--link`,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {thumbnail ? (\n        <img alt={thumbnail.alt || ''} className={`${baseClass}__thumbnail`} src={thumbnail.src} />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={`${baseClass}__thumbnail ${baseClass}__thumbnail--empty`}\n        >\n          {placeholder}\n        </div>\n      )}\n      <div className={`${baseClass}__content`}>\n        {href ? (\n          <Link\n            className={`${baseClass}__title`}\n            href={href}\n            onClick={onSelect ? handleClick : undefined}\n            onDoubleClick={onSelect ? handleDoubleClick : undefined}\n          >\n            {title}\n          </Link>\n        ) : (\n          <span className={`${baseClass}__title`}>{title}</span>\n        )}\n        {children ? <div className={`${baseClass}__metadata`}>{children}</div> : null}\n      </div>\n      {onSelect ? (\n        <span className=\"document-card__selection-status sr-only\" id={selectionStatusID}>\n          {t(isSelected ? 'general:selectedDocument' : 'general:notSelectedDocument')}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}