@payloadcms/ui 4.0.0-internal.183b315 → 4.0.0-internal.1a2a79e

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","shouldPermanentlyDelete","ConfirmationModal","ListSelectionButton","Translation","DeleteMany","props","$","viewType","collection","t0","hasDeletePermission","hasDeletePermissionFromProps","hasTrashPermission","hasTrashPermissionFromProps","modalPrefix","slug","trash","undefined","permissions","count","selectAll","selectedIDs","toggleAll","router","searchParams","clearRouteCache","collectionPermissions","collections","Boolean","delete","selectingAll","AllAvailable","ids","isTrashView","canShowDeleteButton","None","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","t1","replace","stringify","page","addQueryPrefix","_jsx","Fragment","children","DeleteMany_v4","afterDelete","search","selections","all","totalCount","length","t","config","routes","api","code","locale","i18n","openModal","deletePermanently","setDeletePermanently","useState","confirmManyDeleteDrawerSlug","handleDelete","useCallback","deletingOneCollection","Object","keys","result","relationTo","entries","collectionConfig","find","whereConstraint","id","not_equals","in","url","apiRoute","path","limit","select","permanentlyDelete","deleteManyResponse","headers","language","patch","body","JSON","Date","toISOString","plural","singular","labels","json","deletedDocs","docs","successLabel","status","successKey","success","label","errors","error","message","description","map","join","deletedCount","doc","totalDocs","_err","labelString","labelCount","reduce","acc","key","value","index","array","collectionLabel","newLabel","_jsxs","className","onClick","elements","0","1","i18nKey","variables","checked","name","onToggle","e","target","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, 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 { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.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\nexport type Props = {\n  collection: ClientCollectionConfig\n  /**\n   * Whether the user has permission to permanently delete documents.\n   * If provided, uses this instead of reading from auth context.\n   */\n  hasDeletePermission?: boolean\n  /**\n   * Whether the user has permission to trash (soft delete) documents.\n   * If provided, uses this instead of reading from auth context.\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   * When multiple PublishMany components are rendered on the page, this will differentiate them.\n   */\n  title?: string\n  viewType?: ViewTypes\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n  const { viewType } = props\n  const {\n    collection: { slug, trash } = {},\n    hasDeletePermission: hasDeletePermissionFromProps,\n    hasTrashPermission: hasTrashPermissionFromProps,\n    modalPrefix,\n  } = props\n\n  const { permissions } = useAuth()\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n\n  const hasDeletePermission =\n    hasDeletePermissionFromProps !== undefined\n      ? hasDeletePermissionFromProps\n      : Boolean(collectionPermissions?.delete)\n  const hasTrashPermission =\n    hasTrashPermissionFromProps !== undefined ? hasTrashPermissionFromProps : hasDeletePermission\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n\n  const ids = selectingAll ? [] : selectedIDs\n\n  const isTrashView = viewType === 'trash'\n  const canShowDeleteButton = isTrashView\n    ? hasDeletePermission\n    : hasDeletePermission || hasTrashPermission\n\n  if (selectAll === SelectAllStatus.None || !canShowDeleteButton) {\n    return null\n  }\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere =\n    viewType === 'trash'\n      ? {\n          and: [\n            ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n            { deletedAt: { exists: true } },\n          ],\n        }\n      : baseWhere\n\n  return (\n    <React.Fragment>\n      <DeleteMany_v4\n        afterDelete={() => {\n          toggleAll()\n\n          router.replace(\n            qs.stringify(\n              {\n                ...parseSearchParams(searchParams),\n                page: selectAll ? '1' : undefined,\n              },\n              { addQueryPrefix: true },\n            ),\n          )\n\n          clearRouteCache()\n        }}\n        hasDeletePermission={hasDeletePermission}\n        hasTrashPermission={hasTrashPermission}\n        modalPrefix={modalPrefix}\n        search={parseSearchParams(searchParams)?.search as string}\n        selections={{\n          [slug]: {\n            all: selectAll === SelectAllStatus.AllAvailable,\n            ids,\n            totalCount: selectingAll ? count : ids.length,\n          },\n        }}\n        trash={trash}\n        viewType={viewType}\n        where={finalWhere}\n      />\n    </React.Fragment>\n  )\n}\n\ntype AfterDeleteResult = {\n  [relationTo: string]: {\n    deletedCount: number\n    errors: unknown[]\n    ids: (number | string)[]\n    totalCount: number\n  }\n}\ntype DeleteMany_v4Props = {\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_v4({\n  afterDelete,\n  hasDeletePermission = false,\n  hasTrashPermission = false,\n  modalPrefix,\n  search,\n  selections,\n  trash,\n  viewType,\n  where,\n}: DeleteMany_v4Props) {\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","useBranchParam","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","branch","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 { useBranchParam } from '../../providers/Branch/index.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 branch = useBranchParam()\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              branch,\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    branch,\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/DialogCancel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogCancel","t0","$","label","onClick","slug","isConfirming","closeModal","t","t1","handleClick","t2","_jsx","buttonStyle","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogCancel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogCancelProps = {\n  readonly label?: string\n  readonly onClick?: () => void\n}\n\nexport const DialogCancel: React.FC<DialogCancelProps> = ({ label, onClick }) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = () => {\n    if (isConfirming) {\n      return\n    }\n    closeModal(slug)\n    onClick?.()\n  }\n\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'cancel' }}\n      id={`${slug}-cancel`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {label ?? t('general:cancel')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAOjC,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC;EAAA,IAAAH,EAAkB;EAC1E;IAAAI,IAAA;IAAAC;EAAA,IAA+BP,gBAAA;EAC/B;IAAAQ;EAAA,IAAuBT,QAAA;EACvB;IAAAU;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,IAAA;IAEMI,EAAA,GAAAA,CAAA;MAAA,IACdH,YAAA;QAAA;MAAA;MAGJC,UAAA,CAAWF,IAAA;MACXD,OAAA;IAAA;IACFF,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EANA,MAAAQ,WAAA,GAAoBD,EAMpB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAM,CAAA;IAGEG,EAAA,GAAAC,IAAA,CAAAf,MAAA;MAAAgB,WAAA,EACc;MAAAC,QAAA,EACFR,YAAA;MAAAS,gBAAA;QAAA,sBACgC;MAAA;MAAAC,EAAA,EACtC,GAAGX,IAAA,SAAa;MAAAY,MAAA;MAAAb,OAAA,EAEXM,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJhB,KAAA,IAASK,CAAA,CAAE;IAAA,C;;;;;;;;;;SATdG,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogCancel","t0","$","label","onClick","slug","isConfirming","closeModal","t","t1","handleClick","t2","_jsx","buttonStyle","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogCancel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogCancelProps = {\n  readonly label?: string\n  readonly onClick?: () => void\n}\n\nexport const DialogCancel: React.FC<DialogCancelProps> = ({ label, onClick }) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = () => {\n    if (isConfirming) {\n      return\n    }\n    closeModal(slug)\n    onClick?.()\n  }\n\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'cancel' }}\n      id={`${slug}-cancel`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {label ?? t('general:cancel')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAOjC,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC;EAAA,IAAAH,EAAkB;EAC1E;IAAAI,IAAA;IAAAC;EAAA,IAA+BP,gBAAA;EAC/B;IAAAQ;EAAA,IAAuBT,QAAA;EACvB;IAAAU;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,IAAA;IAEMI,EAAA,GAAAA,CAAA;MAClB,IAAIH,YAAA;QAAA;MAAA;MAGJC,UAAA,CAAWF,IAAA;MACXD,OAAA;IAAA,CACF;IAAAF,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EANA,MAAAQ,WAAA,GAAoBD,EAMpB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAM,CAAA;IAGEG,EAAA,GAAAC,IAAA,CAACf,MAAA;MAAAgB,WAAA,EACa;MAAAC,QAAA,EACFR,YAAA;MAAAS,gBAAA,EACQ;QAAA,sBAAwB;MAAS;MAAAC,EAAA,EAC/C,GAAGX,IAAA,SAAa;MAAAY,MAAA,EACZ;MAAAb,OAAA,EACCM,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJhB,KAAW,IAAFK,CAAA,CAAE;;;;;;;;;;;SATdG,E;CAYJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogConfirm","t0","$","label","loadingLabel","onClick","slug","isConfirming","setConfirming","closeModal","t","t1","handleClick","t2","resolvedLabel","_jsx","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogConfirm/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogConfirmProps = {\n  readonly label?: string\n  readonly loadingLabel?: string\n  readonly onClick: () => Promise<void> | void\n}\n\nexport const DialogConfirm: React.FC<DialogConfirmProps> = ({ label, loadingLabel, onClick }) => {\n  const { slug, isConfirming, setConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = async () => {\n    if (isConfirming) {\n      return\n    }\n    setConfirming(true)\n    await onClick()\n    setConfirming(false)\n    closeModal(slug)\n  }\n\n  const resolvedLabel = label ?? t('general:confirm')\n\n  return (\n    <Button\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'confirm' }}\n      id={`${slug}-confirm`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {isConfirming && loadingLabel ? loadingLabel : resolvedLabel}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAQjC,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAAgC;EAC1F;IAAAK,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAA8CT,gBAAA;EAC9C;IAAAU;EAAA,IAAuBX,QAAA;EACvB;IAAAY;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAI,IAAA;IAEMK,EAAA,SAAAA,CAAA;MAAA,IACdJ,YAAA;QAAA;MAAA;MAGJC,aAAA,KAAc;MAAA,MACRH,OAAA;MACNG,aAAA,MAAc;MACdC,UAAA,CAAWH,IAAA;IAAA;IACbJ,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAM,aAAA;IAAAN,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EARA,MAAAU,WAAA,GAAoBD,EAQpB;EAAA,IAAAE,EAAA;EAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAQ,CAAA;IAEA,MAAAI,aAAA,GAAsBX,KAAA,IAASO,CAAA,CAAE;IAG/BG,EAAA,GAAAE,IAAA,CAAAlB,MAAA;MAAAmB,QAAA,EACYT,YAAA;MAAAU,gBAAA;QAAA,sBACgC;MAAA;MAAAC,EAAA,EACtC,GAAGZ,IAAA,UAAc;MAAAa,MAAA;MAAAd,OAAA,EAEZO,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJd,YAAA,IAAgBH,YAAA,GAAeA,YAAA,GAAeU;IAAA,C;;;;;;;;;;;SARjDD,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","useModal","useDialogContext","DialogConfirm","t0","$","label","loadingLabel","onClick","slug","isConfirming","setConfirming","closeModal","t","t1","handleClick","t2","resolvedLabel","_jsx","disabled","extraButtonProps","id","margin","size","children"],"sources":["../../../../src/elements/Dialog/DialogConfirm/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nexport type DialogConfirmProps = {\n  readonly label?: string\n  readonly loadingLabel?: string\n  readonly onClick: () => Promise<void> | void\n}\n\nexport const DialogConfirm: React.FC<DialogConfirmProps> = ({ label, loadingLabel, onClick }) => {\n  const { slug, isConfirming, setConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const handleClick = async () => {\n    if (isConfirming) {\n      return\n    }\n    setConfirming(true)\n    await onClick()\n    setConfirming(false)\n    closeModal(slug)\n  }\n\n  const resolvedLabel = label ?? t('general:confirm')\n\n  return (\n    <Button\n      disabled={isConfirming}\n      extraButtonProps={{ 'data-dialog-action': 'confirm' }}\n      id={`${slug}-confirm`}\n      margin={false}\n      onClick={handleClick}\n      size=\"medium\"\n    >\n      {isConfirming && loadingLabel ? loadingLabel : resolvedLabel}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAQjC,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAAgC;EAC1F;IAAAK,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAA8CT,gBAAA;EAC9C;IAAAU;EAAA,IAAuBX,QAAA;EACvB;IAAAY;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAT,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAI,IAAA;IAEMK,EAAA,SAAAA,CAAA;MAClB,IAAIJ,YAAA;QAAA;MAAA;MAGJC,aAAA,CAAc;MACd,MAAMH,OAAA;MACNG,aAAA,CAAc;MACdC,UAAA,CAAWH,IAAA;IAAA,CACb;IAAAJ,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAM,aAAA;IAAAN,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EARA,MAAAU,WAAA,GAAoBD,EAQpB;EAAA,IAAAE,EAAA;EAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAE,YAAA,IAAAF,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAQ,CAAA;IAEA,MAAAI,aAAA,GAAsBX,KAAW,IAAFO,CAAA,CAAE;IAG/BG,EAAA,GAAAE,IAAA,CAAClB,MAAA;MAAAmB,QAAA,EACWT,YAAA;MAAAU,gBAAA,EACQ;QAAA,sBAAwB;MAAU;MAAAC,EAAA,EAChD,GAAGZ,IAAA,UAAc;MAAAa,MAAA,EACb;MAAAd,OAAA,EACCO,WAAA;MAAAQ,IAAA,EACJ;MAAAC,QAAA,EAEJd,YAAgB,IAAhBH,YAA8C,GAA9CA,YAA8C,GAA9CU;;;;;;;;;;;;SARHD,E;CAWJ","ignoreList":[]}

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

@@ -1,6 +1,10 @@
 import React from 'react';
 export type DialogHeaderProps = {
     readonly children?: React.ReactNode;
+    readonly className?: string;
+    readonly onClose?: ({ modalSlug }: {
+        modalSlug: string;
+    }) => void;
     readonly showClose?: boolean;
     readonly title?: React.ReactNode;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0CpD,CAAA"}

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

@@ -7,11 +7,14 @@ import { XIcon } from '../../../icons/X/index.js';
 import { Button } from '../../Button/index.js';
 import { useModal } from '../../Modal/index.js';
 import { useDialogContext } from '../context.js';
+import { DialogTitle } from '../DialogTitle/index.js';
 const baseClass = 'dialog';
 export const DialogHeader = t0 => {
-  const $ = _c(10);
+  const $ = _c(12);
   const {
     children,
+    className,
+    onClose,
     showClose,
     title
   } = t0;
@@ -27,43 +30,55 @@ export const DialogHeader = t0 => {
   }
   const t1 = showClose && `${baseClass}__header--has-close`;
   let t2;
-  if ($[0] !== t1) {
-    t2 = [`${baseClass}__header`, t1].filter(Boolean);
-    $[0] = t1;
-    $[1] = t2;
+  if ($[0] !== className || $[1] !== t1) {
+    t2 = [`${baseClass}__header`, t1, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[2];
   }
   const t3 = t2.join(" ");
   let t4;
-  if ($[2] !== children || $[3] !== closeModal || $[4] !== isConfirming || $[5] !== showClose || $[6] !== slug || $[7] !== t3 || $[8] !== title) {
+  if ($[3] !== children || $[4] !== closeModal || $[5] !== isConfirming || $[6] !== onClose || $[7] !== showClose || $[8] !== slug || $[9] !== t3 || $[10] !== title) {
     t4 = _jsxs("div", {
       className: t3,
-      children: [title ? _jsx("h4", {
-        className: `${baseClass}__title`,
-        children: title
-      }) : null, children ? _jsx("div", {
-        className: `${baseClass}__header-extras`,
-        children
-      }) : null, showClose ? _jsx(Button, {
-        "aria-label": "Close",
-        buttonStyle: "ghost",
-        disabled: isConfirming,
-        icon: _jsx(XIcon, {}),
-        margin: false,
-        onClick: () => closeModal(slug)
-      }) : null]
+      children: [title ? typeof title === "string" ? _jsx(DialogTitle, {
+        title
+      }) : title : null, _jsxs("div", {
+        className: `${baseClass}__header-end`,
+        children: [children ? _jsx("div", {
+          className: `${baseClass}__header-extras`,
+          children
+        }) : null, showClose ? _jsx(Button, {
+          "aria-label": "Close",
+          buttonStyle: "ghost",
+          disabled: isConfirming,
+          icon: _jsx(XIcon, {}),
+          margin: false,
+          onClick: () => {
+            if (onClose) {
+              onClose({
+                modalSlug: slug
+              });
+            } else {
+              closeModal(slug);
+            }
+          }
+        }) : null]
+      })]
     });
-    $[2] = children;
-    $[3] = closeModal;
-    $[4] = isConfirming;
-    $[5] = showClose;
-    $[6] = slug;
-    $[7] = t3;
-    $[8] = title;
-    $[9] = t4;
+    $[3] = children;
+    $[4] = closeModal;
+    $[5] = isConfirming;
+    $[6] = onClose;
+    $[7] = showClose;
+    $[8] = slug;
+    $[9] = t3;
+    $[10] = title;
+    $[11] = t4;
   } else {
-    t4 = $[9];
+    t4 = $[11];
   }
   return t4;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","XIcon","Button","useModal","useDialogContext","baseClass","DialogHeader","t0","$","children","showClose","title","slug","isConfirming","closeModal","t1","t2","filter","Boolean","t3","join","t4","_jsxs","className","_jsx","buttonStyle","disabled","icon","margin","onClick"],"sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\n\nconst baseClass = 'dialog'\n\nexport type DialogHeaderProps = {\n  readonly children?: React.ReactNode\n  readonly showClose?: boolean\n  readonly title?: React.ReactNode\n}\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({ children, showClose, title }) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n\n  if (!title && !children && !showClose) {\n    return null\n  }\n\n  return (\n    <div\n      className={[`${baseClass}__header`, showClose && `${baseClass}__header--has-close`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {title ? <h4 className={`${baseClass}__title`}>{title}</h4> : null}\n      {children ? <div className={`${baseClass}__header-extras`}>{children}</div> : null}\n      {showClose ? (\n        <Button\n          aria-label=\"Close\"\n          buttonStyle=\"ghost\"\n          disabled={isConfirming}\n          icon={<XIcon />}\n          margin={false}\n          onClick={() => closeModal(slug)}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAA8B;EACtF;IAAAK,IAAA;IAAAC;EAAA,IAA+BT,gBAAA;EAC/B;IAAAU;EAAA,IAAuBX,QAAA;EAAA,IAEnB,CAACQ,KAAA,KAAUF,QAAA,KAAaC,SAAA;IAAA;EAAA;EAMY,MAAAK,EAAA,GAAAL,SAAA,IAAa,GAAAL,SAAA,qBAAiC;EAAA,IAAAW,EAAA;EAAA,IAAAR,CAAA,QAAAO,EAAA;IAAvEC,EAAA,IAAC,GAAAX,SAAA,UAAsB,EAAEU,EAA8C,EAAAE,MAAA,CAAAC,OACxE;IAAAV,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EADC,MAAAW,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAG,KAAA;IAHVU,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAV,QAAA,GAEPE,KAAA,GAAQa,IAAA,CAAC;QAAAD,SAAA,EAAc,GAAAlB,SAAA,SAAqB;QAAAI,QAAA,EAAGE;MAAA,C,QAAc,EAC7DF,QAAA,GAAWe,IAAA,CAAC;QAAAD,SAAA,EAAe,GAAAlB,SAAA,iBAA6B;QAAAI;MAAA,C,QAAqB,EAC7EC,SAAA,GACCc,IAAA,CAAAtB,MAAA;QAAA,cACa;QAAAuB,WAAA,EACC;QAAAC,QAAA,EACFb,YAAA;QAAAc,IAAA,EACJH,IAAA,CAAAvB,KAAA,IAAC;QAAA2B,MAAA;QAAAC,OAAA,EAAAA,CAAA,KAEQf,UAAA,CAAWF,IAAA;MAAA,C,QAE1B;IAAA,C;;;;;;;;;;;;SAhBNS,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","Button","useModal","useDialogContext","DialogTitle","baseClass","DialogHeader","t0","$","children","className","onClose","showClose","title","slug","isConfirming","closeModal","t1","t2","filter","Boolean","t3","join","t4","_jsxs","_jsx","buttonStyle","disabled","icon","margin","onClick","modalSlug"],"sources":["../../../../src/elements/Dialog/DialogHeader/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { useDialogContext } from '../context.js'\nimport { DialogTitle } from '../DialogTitle/index.js'\n\nconst baseClass = 'dialog'\n\nexport type DialogHeaderProps = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly onClose?: ({ modalSlug }: { modalSlug: string }) => void\n  readonly showClose?: boolean\n  readonly title?: React.ReactNode\n}\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  className,\n  onClose,\n  showClose,\n  title,\n}) => {\n  const { slug, isConfirming } = useDialogContext()\n  const { closeModal } = useModal()\n\n  if (!title && !children && !showClose) {\n    return null\n  }\n\n  return (\n    <div\n      className={[`${baseClass}__header`, showClose && `${baseClass}__header--has-close`, className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {title ? typeof title === 'string' ? <DialogTitle title={title} /> : title : null}\n      <div className={`${baseClass}__header-end`}>\n        {children ? <div className={`${baseClass}__header-extras`}>{children}</div> : null}\n        {showClose ? (\n          <Button\n            aria-label=\"Close\"\n            buttonStyle=\"ghost\"\n            disabled={isConfirming}\n            icon={<XIcon />}\n            margin={false}\n            onClick={() => {\n              if (onClose) {\n                onClose({ modalSlug: slug })\n              } else {\n                closeModal(slug)\n              }\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAE5B,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMzD;EACC;IAAAO,IAAA;IAAAC;EAAA,IAA+BZ,gBAAA;EAC/B;IAAAa;EAAA,IAAuBd,QAAA;EAEvB,IAAI,CAACW,KAAU,IAAX,CAAWJ,QAAa,IAAxB,CAAwBG,SAAA;IAAA,OACnB;EAAA;EAK+B,MAAAK,EAAA,GAAAL,SAA8C,IAA9C,GAAgBP,SAAA,qBAA8B;EAAA,IAAAa,EAAA;EAAA,IAAAV,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAS,EAAA;IAAvEC,EAAA,IAAC,GAAGb,SAAA,UAAmB,EAAEY,EAA8C,EAAEP,SAAA,CAAU,CAAAS,MACrF,CAACC,OAAA;IAAAZ,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IACH,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAa,EAAA,IAAAb,CAAA,SAAAK,KAAA;IAHVU,EAAA,GAAAC,KAAA,CAAC;MAAAd,SAAA,EACYW,EAEH;MAAAZ,QAAA,E,CAEPI,KAAA,GAAQ,OAAOA,KAAA,KAAU,QAA2C,GAAhCY,IAAA,CAACrB,WAAA;QAAAS;OAA+B,IAA5DA,KAAoE,GAA5E,IAA4E,EAC7EW,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAGL,SAAA,cAAuB;QAAAI,QAAA,E,CACvCA,QAAA,GAAWgB,IAAA,CAAC;UAAAf,SAAA,EAAe,GAAGL,SAAA,iBAA0B;UAAAI;SAAqB,IAA7E,IAA6E,EAC7EG,SAAA,GACCa,IAAA,CAACxB,MAAA;UAAA,cACY;UAAAyB,WAAA,EACC;UAAAC,QAAA,EACFZ,YAAA;UAAAa,IAAA,EACJH,IAAA,CAACzB,KAAA;UAAA6B,MAAA,EACC;UAAAC,OAAA,EACCA,CAAA;YACP,IAAInB,OAAA;cACFA,OAAA,CAAQ;gBAAAoB,SAAA,EAAajB;cAAK;YAAA;cAE1BE,UAAA,CAAWF,IAAA;YAAA;UACb;SAGF,IAfH,IAeG;;;;;;;;;;;;;;;SAvBRS,E;CA2BJ","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 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 = 'medium' | 'small';
+export type DialogSize = 'large' | 'medium' | 'small';
 export type DialogModalProps = {
     readonly children?: React.ReactNode;
     readonly className?: string;
@@ -14,5 +14,10 @@ export type DialogModalProps = {
     readonly slug: string;
 };
 export declare const DialogModal: React.FC<DialogModalProps>;
+export declare const DialogDepthContext: React.Context<number>;
+export declare const useDialogDepth: () => number;
+export declare const DialogDepthProvider: React.FC<{
+    children: React.ReactNode;
+}>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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,KAA8B,MAAM,OAAO,CAAA;AAIlD,OAAO,cAAc,CAAA;AAErB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;AAIxE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE3C,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,CA8ClD,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, { useEffect, useState } from 'react';
+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(15);
+  const $ = _c(18);
   const {
     slug,
     children,
@@ -23,74 +23,113 @@ 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] !== drawerDepth || $[7] !== focusTrapOptions || $[8] !== isConfirming || $[9] !== size || $[10] !== 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 ($[12] !== className || $[13] !== t7) {
+    if ($[15] !== className || $[16] !== t7) {
       t8 = [baseClass, t7, className].filter(Boolean);
-      $[12] = className;
-      $[13] = t7;
-      $[14] = t8;
+      $[15] = className;
+      $[16] = t7;
+      $[17] = t8;
     } else {
-      t8 = $[14];
+      t8 = $[17];
     }
-    t6 = _jsx(DialogContext, {
-      value: {
-        slug,
-        isConfirming,
-        setConfirming
-      },
-      children: _jsx(Modal, {
-        closeOnBlur,
-        focusTrapOptions,
-        slug,
-        style: {
-          zIndex: drawerZBase + drawerDepth + 1
+    t6 = _jsx(DialogDepthProvider, {
+      children: _jsx(DialogContext, {
+        value: {
+          slug,
+          isConfirming,
+          setConfirming
         },
-        children: _jsx("div", {
-          className: t8.join(" "),
-          role: "document",
-          children
+        children: _jsx(Modal, {
+          closeOnBlur,
+          focusTrapOptions,
+          slug,
+          style: {
+            zIndex: drawerZBase + drawerDepth + dialogDepth + 1
+          },
+          children: _jsx("div", {
+            className: t8.join(" "),
+            role: "document",
+            children
+          })
         })
       })
     });
-    $[3] = children;
-    $[4] = className;
-    $[5] = closeOnBlur;
-    $[6] = drawerDepth;
-    $[7] = focusTrapOptions;
-    $[8] = isConfirming;
-    $[9] = size;
-    $[10] = slug;
-    $[11] = t6;
+    $[5] = children;
+    $[6] = className;
+    $[7] = closeOnBlur;
+    $[8] = dialogDepth;
+    $[9] = drawerDepth;
+    $[10] = focusTrapOptions;
+    $[11] = isConfirming;
+    $[12] = size;
+    $[13] = slug;
+    $[14] = t6;
   } else {
-    t6 = $[11];
+    t6 = $[14];
   }
   return t6;
 };
-function _temp(e) {
+export const DialogDepthContext = /*#__PURE__*/createContext(0);
+export const useDialogDepth = () => use(DialogDepthContext);
+export const DialogDepthProvider = t0 => {
+  const $ = _c(3);
+  const {
+    children
+  } = t0;
+  const parentDepth = useDialogDepth();
+  const depth = parentDepth + 1;
+  let t1;
+  if ($[0] !== children || $[1] !== depth) {
+    t1 = _jsx(DialogDepthContext, {
+      value: depth,
+      children
+    });
+    $[0] = children;
+    $[1] = depth;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+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","useEffect","useState","drawerZBase","useDrawerDepth","DialogContext","baseClass","DialogModal","t0","$","slug","children","className","closeOnBlur","t1","closeOnEsc","t2","focusTrapOptions","size","t3","undefined","isConfirming","setConfirming","drawerDepth","t4","t5","handler","_temp","document","addEventListener","removeEventListener","t6","t7","t8","filter","Boolean","_jsx","value","style","zIndex","join","role","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, { 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 = '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\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    <DialogContext value={{ slug, isConfirming, setConfirming }}>\n      <Modal\n        closeOnBlur={closeOnBlur}\n        focusTrapOptions={focusTrapOptions}\n        slug={slug}\n        style={{ zIndex: drawerZBase + drawerDepth + 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  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAIP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,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,IAAsCpB,QAAA,MAAS;EAC/C,MAAAqB,WAAA,GAAoBnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAM,UAAA;IAEVS,EAAA,GAAAA,CAAA;MAAA,IACJT,UAAA;QAAA;MAAA;MAIJ,MAAAW,OAAA,GAAAC,KAAA;MAQAC,QAAA,CAAAC,gBAAA,CAA0B,WAAWH,OAAA,MAAS;MAAA,aACjCE,QAAA,CAAAE,mBAAA,CAA6B,WAAWJ,OAAA,MAAS;IAAA;IAC7DD,EAAA,IAACV,UAAA;IAAWN,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAffR,SAAA,CAAUuB,EAeV,EAAGC,EAAY;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAY,YAAA,IAAAZ,CAAA,QAAAS,IAAA,IAAAT,CAAA,SAAAC,IAAA;IAWgB,MAAAsB,EAAA,MAAA1B,SAAA,KAAiBY,IAAA,EAAM;IAAA,IAAAe,EAAA;IAAA,IAAAxB,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAuB,EAAA;MAAnCC,EAAA,IAAA3B,SAAA,EAAY0B,EAAuB,EAAEpB,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;MAAA1B,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAuB,EAAA;MAAAvB,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IARxEsB,EAAA,GAAAK,IAAA,CAAA/B,aAAA;MAAAgC,KAAA;QAAA3B,IAAA;QAAAW,YAAA;QAAAC;MAAA;MAAAX,QAAA,EACEyB,IAAA,CAAArC,KAAA;QAAAc,WAAA;QAAAI,gBAAA;QAAAP,IAAA;QAAA4B,KAAA;UAAAC,MAAA,EAImBpC,WAAA,GAAcoB,WAAA;QAAc;QAAAZ,QAAA,EAE7CyB,IAAA,CAAC;UAAAxB,SAAA,EACYqB,EAAuD,CAAAO,IAAA,CAAc;UAAAC,IAAA,EAC3E;UAAA9B;QAAA,C;;;;;;;;;;;;;;;SATXoB,E;CAgBJ;AA9CuD,SAAAJ,MAAAe,CAAA;EAAA,IAkB7CA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,wBAAA,CAA0B;IAC1BF,CAAA,CAAAG,cAAA,CAAgB;EAAA;AAAA","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,KAAnBM,SAAmB,GAAnB,KAAmB,GAAnBN,EAAmB;EACnB,MAAAC,UAAA,GAAAC,EAAiB,KAAjBI,SAAiB,GAAjB,IAAiB,GAAjBJ,EAAiB;EAEjB,MAAAE,IAAA,GAAAC,EAAc,KAAdC,SAAc,GAAd,OAAc,GAAdD,EAAc;EAEd,OAAAE,YAAA,EAAAC,aAAA,IAAsCtB,QAAA,CAAS;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,MAC7B,CAACC,KAAuB,EAAAC,IAC1B,CAACC,MAA6C,CAAG,GAAG;MAE3D,IAAIpB,UAAwC,IAA1Bc,eAAA,EAAAnB,IAAiB,KAASA,IAAA;QAAA;MAAA;MAI5C,MAAA0B,OAAA,GAAgBC,MAKhB;MAGAC,QAAA,CAAAC,gBAAyB,CAAC,WAAWH,OAAA,EAAS;MAAA,OACvC,MAAME,QAAA,CAAAE,mBAA4B,CAAC,WAAWJ,OAAA,EAAS;IAAA,CAChE;IAAGR,EAAA,IAACb,UAAA,EAAYQ,UAAA,EAAYb,IAAA,CAAK;IAAAD,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,MAAGpC,SAAA,KAAcY,IAAA,EAAM;IAAA,IAAAyB,EAAA;IAAA,IAAAlC,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAiC,EAAA;MAAnCC,EAAA,IAACrC,SAAA,EAAWoC,EAAuB,EAAE9B,SAAA,CAAU,CAAAoB,MAAO,CAACY,OAAA;MAAAnC,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAiC,EAAA;MAAAjC,CAAA,OAAAkC,EAAA;IAAA;MAAAA,EAAA,GAAAlC,CAAA;IAAA;IAT1EgC,EAAA,GAAAI,IAAA,CAACC,mBAAA;MAAAnC,QAAA,EACCkC,IAAA,CAACxC,aAAA;QAAA0C,KAAA,EAAqB;UAAArC,IAAA;UAAAW,YAAA;UAAAC;QAAoC;QAAAX,QAAA,EACxDkC,IAAA,CAAC1C,KAAA;UAAAU,WAAA;UAAAI,gBAAA;UAAAP,IAAA;UAAAsC,KAAA,EAIQ;YAAAC,MAAA,EAAUhD,WAAA,GAAcuB,WAAA,GAAcC,WAAA,GAAc;UAAE;UAAAd,QAAA,EAE7DkC,IAAA,CAAC;YAAAjC,SAAA,EACY+B,EAAuD,CAAAO,IAAa,CAAC;YAAAC,IAAA,EAC3E;YAAAxC;;;;;;;;;;;;;;;;;;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,GAAc;EAAA,IAAAvC,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAA6C,KAAA;IAErBxC,EAAA,GAAA+B,IAAA,CAACO,kBAAA;MAAAL,KAAA,EAA0BO,KAAA;MAAA3C;;;;;;;;SAA3BG,E;CACT;AAjEuD,SAAAmB,MAAAsB,KAAA;EAAA,OAgB9BA,KAAA,CAAAC,MAAY;AAAA;AAhBkB,SAAArB,OAAAsB,CAAA,EAAAC,CAAA;EAAA,OAiBjC,CAACA,CAAA,CAAAC,QAAc,IAAd,CAAc,KAAMF,CAAA,CAAAE,QAAc,IAAd,CAAc;AAAA;AAjBF,SAAAtB,OAAAuB,CAAA;EAwBjD,IAAIA,CAAA,CAAAC,GAAK,KAAK;IACZD,CAAA,CAAAE,wBAA0B;IAC1BF,CAAA,CAAAG,cAAgB;EAAA;AAClB","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .dialog-title {
+    flex: 1 0 0;
+    min-width: 0;
+    margin: 0;
+    font-weight: var(--text-body-medium-bold-font-weight);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+  }
+}

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

@@ -0,0 +1,5 @@
+import './index.css';
+export declare const DialogTitle: ({ title }: {
+    title: React.ReactNode;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Dialog/DialogTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,cAAe;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,gCAEhE,CAAA"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './index.css';
+const baseClass = 'dialog-title';
+export const DialogTitle = ({
+  title
+}) => /*#__PURE__*/_jsx("h4", {
+  className: baseClass,
+  children: title
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["baseClass","DialogTitle","title","_jsx","className"],"sources":["../../../../src/elements/Dialog/DialogTitle/index.tsx"],"sourcesContent":["import './index.css'\n\nconst baseClass = 'dialog-title'\n\nexport const DialogTitle = ({ title }: { title: React.ReactNode }) => (\n  <h4 className={baseClass}>{title}</h4>\n)\n"],"mappings":";AAAA,OAAO;AAEP,MAAMA,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAAEC;AAAK,CAA8B,kBAC/DC,IAAA,CAAC;EAAGC,SAAA,EAAWJ,SAAA;YAAYE","ignoreList":[]}