@payloadcms/ui 3.86.0-internal.ac46214 → 4.0.0-internal.1f9ae9a

package/dist/views/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","plural","url","path","trashLabel","t","navItems","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","length","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: getTranslation(labels?.plural, i18n),\n        url:\n          isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      const navItems =\n        isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs?.length > 0 && (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              )}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","useRouter","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","queryParam","parentFieldName","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","fieldName","hasMany","useAsTitle","Actions","el","singular","to","withMargin","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const queryParam = hierarchyData.parentFieldName || 'parent'\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <CollectionListHeader\n              collectionConfig={collectionConfig}\n              Description={\n                Description || collectionConfig?.admin?.description ? (\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                ) : undefined\n              }\n              disableBulkDelete={disableBulkDelete}\n              disableBulkEdit={disableBulkEdit}\n              hasCreatePermission={hasCreatePermission}\n              hasDeletePermission={hasDeletePermission}\n              hasTrashPermission={hasTrashPermission}\n              i18n={i18n}\n              isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n              isTrashEnabled={isTrashEnabled}\n              newDocumentURL={newDocumentURL}\n              openBulkUpload={openBulkUpload}\n              smallBreak={smallBreak}\n              viewType={viewType}\n            />\n            <ListControls\n              beforeActions={\n                enableRowSelections && typeof onBulkSelect === 'function'\n                  ? beforeActions\n                    ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                  : beforeActions\n              }\n              collectionConfig={collectionConfig}\n              collectionSlug={collectionSlug}\n              disableQueryPresets={\n                collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n              }\n              hasCreatePermission={hasCreatePermission && viewType !== 'trash'}\n              listMenuItems={listMenuItems}\n              newDocumentURL={newDocumentURL}\n              queryPreset={queryPreset}\n              queryPresetPermissions={queryPresetPermissions}\n              renderedFilters={renderedFilters}\n              resolvedFilterOptions={resolvedFilterOptions}\n            />\n            {BeforeListTable}\n            {hierarchyData ? (\n              <DocumentSelectionProvider\n                collectionData={{\n                  [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                  ...Object.fromEntries(\n                    Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => [slug, { docs: related.result.docs }],\n                    ),\n                  ),\n                }}\n              >\n                <HierarchyTable\n                  childrenData={hierarchyData.childrenData}\n                  collectionSlug={collectionSlug}\n                  hierarchyLabel={collectionLabel}\n                  key={hierarchyData.parentId}\n                  parentId={hierarchyData.parentId}\n                  relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                    ([slug, related]) => ({\n                      collectionSlug: slug,\n                      data: related.result,\n                      fieldName: related.fieldName,\n                      hasMany: related.hasMany,\n                      label: related.label,\n                    }),\n                  )}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                />\n                <DocumentListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                />\n              </DocumentSelectionProvider>\n            ) : docs?.length > 0 ? (\n              <RelationshipProvider>{Table}</RelationshipProvider>\n            ) : null}\n            {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n            {docs?.length === 0 && (\n              <NoListResults\n                Actions={\n                  hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                    ? [\n                        isInDrawer ? (\n                          <Button\n                            el=\"button\"\n                            key=\"create\"\n                            onClick={() => openModal(createNewDrawerSlug)}\n                          >\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ) : (\n                          <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ),\n                      ]\n                    : []\n                }\n                description={\n                  viewType === 'trash'\n                    ? i18n.t('general:noTrashResults', {\n                        label: getTranslation(labels?.plural, i18n),\n                      })\n                    : i18n.t('general:noResultsDescription')\n                }\n                title={viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined}\n                withMargin\n              />\n            )}\n            {AfterListTable}\n            {AfterList}\n            {docs?.length > 0 && !isGroupingBy && (\n              <PageControls\n                AfterPageControls={\n                  smallBreak ? (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection\n                        collectionConfig={collectionConfig}\n                        disableBulkDelete={disableBulkDelete}\n                        disableBulkEdit={disableBulkEdit}\n                        label={collectionLabel}\n                        showSelectAllAcrossPages={!isGroupingBy}\n                      />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        {enableRowSelections && typeof onBulkSelect === 'function'\n                          ? beforeActions\n                            ? [\n                                ...beforeActions,\n                                <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                              ]\n                            : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                          : beforeActions}\n                      </div>\n                    </div>\n                  ) : null\n                }\n                collectionConfig={collectionConfig}\n              />\n            )}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <PageControls collectionConfig={collectionConfig} />\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionCards/index.css

@@ -0,0 +1,84 @@
+@layer payload-default {
+  .collections {
+    display: flex;
+    width: 100%;
+    --gap: var(--spacer-3);
+    --cols: 5;
+  }
+
+  .collections__wrap {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+    padding-bottom: var(--spacer-6);
+  }
+
+  .collections__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap);
+    padding-top: var(--spacer-2);
+  }
+
+  .collections__label {
+    margin: 0;
+    font-family: var(--text-heading-medium-font-family);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+    color: var(--color-text);
+  }
+
+  .collections__card-list {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    gap: var(--spacer-3);
+    display: grid;
+    grid-template-columns: repeat(var(--cols), 1fr);
+
+    .card {
+      height: 100%;
+    }
+  }
+
+  .collections__locked.locked {
+    align-items: unset;
+    justify-content: unset;
+  }
+
+  @media (max-width: 1440px) {
+    .collections {
+      --cols: 4;
+    }
+  }
+
+  @media (max-width: 1024px) {
+    .collections {
+      --gap: var(--spacer-3);
+      --cols: 2;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .collections {
+      --cols: 2;
+    }
+
+    .collections__wrap {
+      gap: var(--spacer-3);
+    }
+
+    .collections__card-list {
+      gap: var(--spacer-2);
+    }
+  }
+
+  @media (max-width: 400px) {
+    .collections {
+      --cols: 1;
+    }
+  }
+}

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

@@ -1,5 +1,5 @@
 import type { WidgetServerProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare function CollectionCards(props: WidgetServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAwH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAoH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -3,13 +3,12 @@ import { getTranslation } from '@payloadcms/translations';
 import { EntityType, getAccessResults } from 'payload';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
-import { Button } from '../../elements/Button/index.js';
-import { Card } from '../../elements/Card/index.js';
-import { Locked } from '../../elements/Locked/index.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { Button, Card, Locked } from '../../exports/client/index.js';
 import { getGlobalData } from '../../utilities/getGlobalData.js';
 import { getNavGroups } from '../../utilities/getNavGroups.js';
 import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'collections';
 export async function CollectionCards(props) {
   const {
@@ -60,7 +59,6 @@ export async function CollectionCards(props) {
               let hasCreatePermission;
               let isLocked = null;
               let userEditing = null;
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.collection) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:showAllLabel', {
@@ -76,7 +74,6 @@ export async function CollectionCards(props) {
                 });
                 hasCreatePermission = permissions?.collections?.[slug]?.create;
               }
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.global) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:editLabel', {
@@ -111,10 +108,9 @@ export async function CollectionCards(props) {
                     "aria-label": t('general:createNewLabel', {
                       label
                     }),
-                    buttonStyle: "icon-label",
+                    buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
-                    iconStyle: "with-border",
                     round: true,
                     to: createHREF
                   }) : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                            hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.86.0-internal.ac46214",
+  "version": "4.0.0-internal.1f9ae9a",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -32,6 +32,11 @@
       "types": "./dist/exports/shared/index.d.ts",
       "default": "./dist/exports/shared/index.js"
     },
+    "./layouts": {
+      "import": "./dist/exports/layouts.js",
+      "types": "./dist/exports/layouts.d.ts",
+      "default": "./dist/exports/layouts.js"
+    },
     "./css": {
       "import": "./dist/styles.css",
       "default": "./dist/styles.css"
@@ -135,8 +140,8 @@
     "sonner": "^1.7.2",
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
-    "uuid": "13.0.2",
-    "@payloadcms/translations": "3.86.0-internal.ac46214"
+    "uuid": "14.0.0",
+    "@payloadcms/translations": "4.0.0-internal.1f9ae9a"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -150,17 +155,16 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.86.0-internal.ac46214"
+    "payload": "4.0.0-internal.1f9ae9a",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
-    "next": ">=15.2.9 <15.3.0 || >=15.3.9 <15.4.0 || >=15.4.11 <15.5.0 || >=16.2.6 <17.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "3.86.0-internal.ac46214"
+    "payload": "4.0.0-internal.1f9ae9a"
   },
   "engines": {
-    "node": "^18.20.2 || >=20.9.0"
+    "node": ">=24.15.0"
   },
   "scripts": {
     "build": "pnpm build:reactcompiler",

package/dist/elements/AddNewRelation/index.scss

@@ -1,44 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .relationship-add-new {
-    display: flex;
-    align-items: stretch;
-
-    .popup__trigger-wrap {
-      display: flex;
-      align-items: stretch;
-      height: 100%;
-    }
-
-    &__add-button:not(.relationship-add-new__add-button--unstyled),
-    &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
-      @include formInput;
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-
-    &__add-button {
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-  }
-}

package/dist/elements/AnimateHeight/index.scss

@@ -1,10 +0,0 @@
-@layer payload-default {
-  .rah-static {
-    interpolate-size: allow-keywords;
-    height: 0;
-
-    &--height-auto {
-      height: auto;
-    }
-  }
-}

package/dist/elements/AppHeader/index.scss

@@ -1,194 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .app-header {
-    position: relative;
-    width: 100%;
-    height: var(--app-header-height);
-    z-index: var(--z-modal);
-
-    &__mobile-nav-toggler {
-      display: none;
-    }
-
-    &__localizer.localizer {
-      position: absolute;
-      top: 50%;
-      right: base(4.5);
-      transform: translate3d(0, -50%, 0);
-    }
-
-    // place the localizer outside the `overflow: hidden` container so that the popup is visible
-    // this means we need to use a placeholder div so that the space is retained in the DOM
-    [dir='rtl'] &__localizer {
-      right: unset;
-      left: base(4.5);
-    }
-
-    &__localizer-spacing {
-      visibility: hidden;
-    }
-
-    &__bg {
-      opacity: 0;
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      pointer-events: none;
-    }
-
-    &--show-bg {
-      opacity: 1;
-    }
-
-    &__content {
-      display: flex;
-      align-items: center;
-      height: 100%;
-      padding: 0 var(--gutter-h);
-      position: relative;
-      flex-grow: 1;
-    }
-
-    &__wrapper {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      align-items: center;
-      height: 100%;
-      flex-grow: 1;
-      justify-content: space-between;
-      width: 100%;
-    }
-
-    &__account {
-      position: relative;
-      flex-shrink: 0;
-
-      &:focus:not(:focus-visible) {
-        opacity: 1;
-      }
-
-      // Use a pseudo element for the accessability so that it doesn't take up DOM space
-      // Also because the parent element has `overflow: hidden` which would clip an outline
-      &:focus-visible {
-        outline: none;
-
-        &::after {
-          content: '';
-          border: var(--accessibility-outline);
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          pointer-events: none;
-        }
-      }
-    }
-
-    &__controls-wrapper {
-      display: flex;
-      align-items: center;
-      flex: 1;
-      min-width: 0;
-    }
-
-    &__step-nav-wrapper {
-      flex-grow: 0;
-      display: flex;
-      width: 100%;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__actions-wrapper {
-      position: relative;
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-      margin-right: var(--base);
-    }
-
-    &__gradient-placeholder {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: var(--base);
-      height: var(--base);
-      background: linear-gradient(to right, transparent, var(--theme-bg));
-    }
-
-    &__actions {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-      flex-shrink: 0;
-      max-width: 600px;
-      white-space: nowrap;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__last-action {
-      margin-right: var(--base);
-    }
-
-    @include large-break {
-      &__actions {
-        max-width: 500px;
-      }
-    }
-
-    @include mid-break {
-      &__gradient-placeholder {
-        right: var(--base);
-      }
-
-      &__actions {
-        max-width: 300px;
-        margin-right: var(--base);
-      }
-    }
-
-    @include small-break {
-      &__localizer.localizer {
-        right: base(2);
-      }
-
-      &--nav-open {
-        .app-header__localizer {
-          display: none;
-        }
-      }
-
-      &__mobile-nav-toggler {
-        display: flex;
-        align-items: center;
-
-        &.nav-toggler--is-open {
-          opacity: 0.5;
-        }
-      }
-
-      &__step-header {
-        // TODO: overflow the step header instead of hide it
-        display: none;
-      }
-
-      &__gradient-placeholder {
-        right: 0;
-      }
-
-      &__actions {
-        max-width: 150px;
-        margin-right: 0;
-      }
-    }
-  }
-}

package/dist/elements/ArrayAction/index.scss

@@ -1,35 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .array-actions {
-    &__button {
-      @extend %btn-reset;
-      cursor: pointer;
-      border-radius: 100px;
-
-      &:hover {
-        background: var(--theme-elevation-0);
-      }
-    }
-
-    &__actions {
-      list-style: none;
-      margin: 0;
-      padding: 0;
-    }
-
-    &__action {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      align-items: center;
-
-      svg {
-        position: relative;
-
-        .stroke {
-          stroke-width: 1px;
-        }
-      }
-    }
-  }
-}

package/dist/elements/Autosave/index.scss

@@ -1,7 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .autosave {
-    white-space: nowrap;
-  }
-}