@payloadcms/ui 4.0.0-internal.45cfa3d → 4.0.0-internal.4a8e202

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

@@ -1 +1 @@
-{"version":3,"file":"getCollectionCardsData.js","names":["getAccessResults","getGlobalData","getNavGroups","getVisibleEntities","getCollectionCardsData","req","payload","user","admin","adminRoute","config","routes","permissions","visibleEntities","globalData","navGroups","i18n","userId","id"],"sources":["../../../src/widgets/CollectionCards/getCollectionCardsData.ts"],"sourcesContent":["import type { ClientUser, PayloadRequest, SanitizedPermissions } from 'payload'\n\nimport { getAccessResults } from 'payload'\n\nimport type { NavGroupType } from '../../utilities/groupNavItems.js'\n\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\n\nexport type GlobalLockData = {\n  data: {\n    _isLocked: boolean\n    _lastEditedAt: string\n    _userEditing: ClientUser | number | string\n  }\n  lockDuration?: number\n  slug: string\n}\n\nexport type CollectionCardsData = {\n  adminRoute: string\n  globalData: GlobalLockData[]\n  navGroups: NavGroupType[]\n  permissions: SanitizedPermissions\n  userId: number | string\n}\n\nexport async function getCollectionCardsData(req: PayloadRequest): Promise<CollectionCardsData> {\n  const { payload, user } = req\n  const { admin: adminRoute } = payload.config.routes\n\n  const permissions = await getAccessResults({ req })\n  const visibleEntities = getVisibleEntities({ req })\n  const globalData = await getGlobalData(req)\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, req.i18n)\n\n  return {\n    adminRoute,\n    globalData,\n    navGroups,\n    permissions,\n    userId: user?.id,\n  }\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ;AAIjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AAoBnC,OAAO,eAAeC,uBAAuBC,GAAmB;EAC9D,MAAM;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAC1B,MAAM;IAAEG,KAAA,EAAOC;EAAU,CAAE,GAAGH,OAAA,CAAQI,MAAM,CAACC,MAAM;EAEnD,MAAMC,WAAA,GAAc,MAAMZ,gBAAA,CAAiB;IAAEK;EAAI;EACjD,MAAMQ,eAAA,GAAkBV,kBAAA,CAAmB;IAAEE;EAAI;EACjD,MAAMS,UAAA,GAAa,MAAMb,aAAA,CAAcI,GAAA;EACvC,MAAMU,SAAA,GAAYb,YAAA,CAAaU,WAAA,EAAaC,eAAA,EAAiBP,OAAA,CAAQI,MAAM,EAAEL,GAAA,CAAIW,IAAI;EAErF,OAAO;IACLP,UAAA;IACAK,UAAA;IACAC,SAAA;IACAH,WAAA;IACAK,MAAA,EAAQV,IAAA,EAAMW;EAChB;AACF","ignoreList":[]}
+{"version":3,"file":"getCollectionCardsData.js","names":["getAccessResults","getGlobalData","getNavGroups","getVisibleEntities","getCollectionCardsData","req","payload","user","admin","adminRoute","config","routes","permissions","visibleEntities","globalData","navGroups","i18n","userId","id"],"sources":["../../../src/widgets/CollectionCards/getCollectionCardsData.ts"],"sourcesContent":["import type { PayloadRequest, SanitizedPermissions, User } from 'payload'\n\nimport { getAccessResults } from 'payload'\n\nimport type { NavGroupType } from '../../utilities/groupNavItems.js'\n\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\n\nexport type GlobalLockData = {\n  data: {\n    _isLocked: boolean\n    _lastEditedAt: string\n    _userEditing: number | string | User\n  }\n  lockDuration?: number\n  slug: string\n}\n\nexport type CollectionCardsData = {\n  adminRoute: string\n  globalData: GlobalLockData[]\n  navGroups: NavGroupType[]\n  permissions: SanitizedPermissions\n  userId: number | string\n}\n\nexport async function getCollectionCardsData(req: PayloadRequest): Promise<CollectionCardsData> {\n  const { payload, user } = req\n  const { admin: adminRoute } = payload.config.routes\n\n  const permissions = await getAccessResults({ req })\n  const visibleEntities = getVisibleEntities({ req })\n  const globalData = await getGlobalData(req)\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, req.i18n)\n\n  return {\n    adminRoute,\n    globalData,\n    navGroups,\n    permissions,\n    userId: user?.id,\n  }\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ;AAIjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AAoBnC,OAAO,eAAeC,uBAAuBC,GAAmB;EAC9D,MAAM;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAC1B,MAAM;IAAEG,KAAA,EAAOC;EAAU,CAAE,GAAGH,OAAA,CAAQI,MAAM,CAACC,MAAM;EAEnD,MAAMC,WAAA,GAAc,MAAMZ,gBAAA,CAAiB;IAAEK;EAAI;EACjD,MAAMQ,eAAA,GAAkBV,kBAAA,CAAmB;IAAEE;EAAI;EACjD,MAAMS,UAAA,GAAa,MAAMb,aAAA,CAAcI,GAAA;EACvC,MAAMU,SAAA,GAAYb,YAAA,CAAaU,WAAA,EAAaC,eAAA,EAAiBP,OAAA,CAAQI,MAAM,EAAEL,GAAA,CAAIW,IAAI;EAErF,OAAO;IACLP,UAAA;IACAK,UAAA;IACAC,SAAA;IACAH,WAAA;IACAK,MAAA,EAAQV,IAAA,EAAMW;EAChB;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","EntityType","formatAdminURL","React","Button","Card","Locked","useTranslation","baseClass","CollectionCardsClient","t0","$","adminRoute","globalData","navGroups","permissions","userId","i18n","t","t1","collections","_jsx","className","children","length","map","t2","groupIndex","entities","label","_jsxs","t3","entityIndex","slug","type","label_0","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","user","buttonStyle","el","icon","round","to","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { CollectionCardsData } from './getCollectionCardsData.js'\n\nimport './index.css'\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'collections'\n\nexport const CollectionCardsClient: React.FC<CollectionCardsData> = ({\n  adminRoute,\n  globalData,\n  navGroups,\n  permissions,\n  userId,\n}) => {\n  const { i18n, t } = useTranslation()\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: ClientUser | null = 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                      const globalLockData = globalData.find((global) => global.slug === slug)\n\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing as ClientUser | null\n\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 && userId !== 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":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","EntityType","formatAdminURL","React","Button","Card","Locked","useTranslation","baseClass","CollectionCardsClient","t0","$","adminRoute","globalData","navGroups","permissions","userId","i18n","t","t1","collections","_jsx","className","children","length","map","t2","groupIndex","entities","label","_jsxs","t3","entityIndex","slug","type","label_0","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","user","buttonStyle","el","icon","round","to","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.client.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { CollectionCardsData } from './getCollectionCardsData.js'\n\nimport './index.css'\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'collections'\n\nexport const CollectionCardsClient: React.FC<CollectionCardsData> = ({\n  adminRoute,\n  globalData,\n  navGroups,\n  permissions,\n  userId,\n}) => {\n  const { i18n, t } = useTranslation()\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 | User = 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                      const globalLockData = globalData.find((global) => global.slug === slug)\n\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing as null | User\n\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 && userId !== 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/dist/widgets/WidgetCard/index.css

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .widget-card {
+  .card.widget-card {
     --widget-card-visible-rows: 5;
     --widget-card-row-gap: var(--spacer-1);
     --widget-card-row-height: 40px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.45cfa3d",
+  "version": "4.0.0-internal.4a8e202",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -17,7 +17,6 @@
     }
   ],
   "sideEffects": [
-    "*.scss",
     "*.css"
   ],
   "type": "module",
@@ -41,16 +40,12 @@
       "import": "./dist/styles.css",
       "default": "./dist/styles.css"
     },
-    "./scss": {
-      "import": "./dist/scss/styles.scss",
-      "default": "./dist/scss/styles.scss"
-    },
+    "./css/app.css": "./dist/css/app.css",
     "./rsc": {
       "import": "./dist/exports/rsc/index.js",
       "types": "./dist/exports/rsc/index.d.ts",
       "default": "./dist/exports/rsc/index.js"
     },
-    "./scss/app.scss": "./dist/scss/app.scss",
     "./styles.css": "./dist/styles.css",
     "./assets": {
       "import": "./dist/assets/index.js",
@@ -274,9 +269,10 @@
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@faceless-ui/modal": "3.0.0",
+    "@faceless-ui/modal": "3.0.1",
     "@faceless-ui/scroll-info": "2.0.0",
     "@faceless-ui/window-info": "3.0.1",
+    "@floating-ui/dom": "1.7.6",
     "@monaco-editor/react": "4.7.0",
     "bson-objectid": "2.0.4",
     "date-fns": "4.1.0",
@@ -293,7 +289,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.45cfa3d"
+    "@payloadcms/translations": "4.0.0-internal.4a8e202"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -308,12 +304,12 @@
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-internal.45cfa3d"
+    "payload": "4.0.0-internal.4a8e202"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.45cfa3d"
+    "payload": "4.0.0-internal.4a8e202"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/Nav/NavToggler/index.css

@@ -1,12 +0,0 @@
-@layer payload-default {
-  .nav-toggler {
-    position: relative;
-    display: flex;
-    align-items: center;
-    background: transparent;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    cursor: pointer;
-  }
-}

package/dist/elements/Nav/NavToggler/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './index.css';
-export declare const NavToggler: React.FC<{
-    children?: React.ReactNode;
-    className?: string;
-    id?: string;
-    tabIndex?: number;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/Nav/NavToggler/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAyCA,CAAA"}

package/dist/elements/Nav/NavToggler/index.js

@@ -1,91 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useWindowInfo } from '@faceless-ui/window-info';
-import { PREFERENCE_KEYS } from 'payload/shared';
-import React from 'react';
-import { usePreferences } from '../../../providers/Preferences/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { useNav } from '../context.js';
-import './index.css';
-const baseClass = 'nav-toggler';
-export const NavToggler = props => {
-  const $ = _c(15);
-  const {
-    id,
-    children,
-    className,
-    tabIndex: t0
-  } = props;
-  const tabIndex = t0 === undefined ? 0 : t0;
-  const {
-    t
-  } = useTranslation();
-  const {
-    setPreference
-  } = usePreferences();
-  const {
-    navOpen,
-    setNavOpen
-  } = useNav();
-  const {
-    breakpoints: t1
-  } = useWindowInfo();
-  const {
-    l: largeBreak
-  } = t1;
-  const t2 = `${navOpen ? t("general:close") : t("general:open")} ${t("general:menu")}`;
-  const t3 = navOpen && `${baseClass}--is-open`;
-  let t4;
-  if ($[0] !== className || $[1] !== t3) {
-    t4 = [baseClass, t3, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t3;
-    $[2] = t4;
-  } else {
-    t4 = $[2];
-  }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[3] !== largeBreak || $[4] !== navOpen || $[5] !== setNavOpen || $[6] !== setPreference) {
-    t6 = async () => {
-      setNavOpen(!navOpen);
-      if (!largeBreak) {
-        await setPreference(PREFERENCE_KEYS.NAV, {
-          open: !navOpen
-        }, true);
-      }
-    };
-    $[3] = largeBreak;
-    $[4] = navOpen;
-    $[5] = setNavOpen;
-    $[6] = setPreference;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  let t7;
-  if ($[8] !== children || $[9] !== id || $[10] !== t2 || $[11] !== t5 || $[12] !== t6 || $[13] !== tabIndex) {
-    t7 = _jsx("button", {
-      "aria-label": t2,
-      className: t5,
-      id,
-      onClick: t6,
-      tabIndex,
-      type: "button",
-      children
-    });
-    $[8] = children;
-    $[9] = id;
-    $[10] = t2;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = tabIndex;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  return t7;
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/Nav/NavToggler/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","PREFERENCE_KEYS","React","usePreferences","useTranslation","useNav","baseClass","NavToggler","props","$","id","children","className","tabIndex","t0","undefined","t","setPreference","navOpen","setNavOpen","breakpoints","t1","l","largeBreak","t2","t3","t4","filter","Boolean","t5","join","t6","NAV","open","t7","_jsx","onClick","type"],"sources":["../../../../src/elements/Nav/NavToggler/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../../providers/Preferences/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useNav } from '../context.js'\nimport './index.css'\n\nconst baseClass = 'nav-toggler'\n\nexport const NavToggler: React.FC<{\n  children?: React.ReactNode\n  className?: string\n  id?: string\n  tabIndex?: number\n}> = (props) => {\n  const { id, children, className, tabIndex = 0 } = props\n\n  const { t } = useTranslation()\n\n  const { setPreference } = usePreferences()\n\n  const { navOpen, setNavOpen } = useNav()\n\n  const {\n    breakpoints: { l: largeBreak },\n  } = useWindowInfo()\n\n  return (\n    <button\n      aria-label={`${navOpen ? t('general:close') : t('general:open')} ${t('general:menu')}`}\n      className={[baseClass, navOpen && `${baseClass}--is-open`, className]\n        .filter(Boolean)\n        .join(' ')}\n      id={id}\n      onClick={async () => {\n        setNavOpen(!navOpen)\n\n        // only when the user explicitly toggles the nav on desktop do we want to set the preference\n        // this is because the js may open or close the nav based on the window size, routing, etc\n        if (!largeBreak) {\n          await setPreference(\n            PREFERENCE_KEYS.NAV,\n            {\n              open: !navOpen,\n            },\n            true,\n          )\n        }\n      }}\n      tabIndex={tabIndex}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACH;IAAAW,EAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,QAAA,EAAAC;EAAA,IAAkDN,KAAA;EAAjB,MAAAK,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAE7C;IAAAE;EAAA,IAAcZ,cAAA;EAEd;IAAAa;EAAA,IAA0Bd,cAAA;EAE1B;IAAAe,OAAA;IAAAC;EAAA,IAAgCd,MAAA;EAEhC;IAAAe,WAAA,EAAAC;EAAA,IAEIrB,aAAA;EADW;IAAAsB,CAAA,EAAAC;EAAA,IAAAF,EAAiB;EAKhB,MAAAG,EAAA,MAAGN,OAAA,GAAUF,CAAA,CAAE,mBAAmBA,CAAA,CAAE,mBAAmBA,CAAA,CAAE,iBAAiB;EAC/D,MAAAS,EAAA,GAAAP,OAAA,IAAW,GAAAZ,SAAA,WAAuB;EAAA,IAAAoB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAgB,EAAA;IAA9CC,EAAA,IAAApB,SAAA,EAAYmB,EAAkC,EAAEb,SAAA,EAAAe,MAAA,CAAAC,OACjD;IAAAnB,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EADC,MAAAoB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAS,OAAA,IAAAT,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAQ,aAAA;IAECc,EAAA,SAAAA,CAAA;MACPZ,UAAA,EAAYD,OAAA;MAAA,KAIPK,UAAA;QAAA,MACGN,aAAA,CAAAhB,eAAA,CAAA+B,GAAA;UAAAC,IAAA,GAGKf;QAAA,OAET;MAAA;IAAA;IAGNT,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAS,OAAA;IAAAT,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAQ,aAAA;IAAAR,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAzB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA,IAAAD,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAoB,EAAA,IAAApB,CAAA,SAAAsB,EAAA,IAAAtB,CAAA,SAAAI,QAAA;IApBFqB,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaX,EAA0E;MAAAZ,SAAA,EAC3EiB,EAEH;MAAAnB,EAAA;MAAA0B,OAAA,EAECL,EAcT;MAAAlB,QAAA;MAAAwB,IAAA,EAEK;MAAA1B;IAAA,C;;;;;;;;;;;SAtBPuB,E;CA2BJ","ignoreList":[]}

package/dist/elements/RelationshipTable/Pagination.css

@@ -1,39 +0,0 @@
-@layer payload-default {
-  .relationship-table-pagination {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    color: var(--color-text-secondary);
-  }
-
-  .relationship-table-pagination__nav {
-    display: flex;
-    gap: var(--spacer-3);
-    align-items: center;
-  }
-
-  .relationship-table-pagination__button {
-    background: none;
-    border: none;
-    padding: 0;
-    font: inherit;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-
-    &:hover:not(:disabled) {
-      color: var(--color-text);
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  .relationship-table-pagination__count {
-    white-space: nowrap;
-  }
-}

package/dist/scss/app.scss

@@ -1,183 +0,0 @@
-@layer payload-default, payload;
-
-@import 'styles';
-@import './colors.scss';
-@import '../styles.css';
-
-@layer payload-default {
-  :root {
-    --base-px: 20;
-    --base-body-size: 16;
-    --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
-
-    --breakpoint-xs-width: #{$breakpoint-xs-width};
-    --breakpoint-s-width: #{$breakpoint-s-width};
-    --breakpoint-m-width: #{$breakpoint-m-width};
-    --breakpoint-l-width: #{$breakpoint-l-width};
-    --scrollbar-width: 17px;
-
-    --theme-bg: var(--color-bg);
-    --theme-input-bg: var(--theme-elevation-0);
-    --theme-text: var(--theme-elevation-800);
-    --theme-overlay: rgba(5, 5, 5, 0.5);
-    --theme-baseline: #{$baseline-px};
-    --theme-baseline-body-size: #{$baseline-body-size};
-    --font-body: var(--font-family-sans), sans-serif;
-    --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-    --font-mono: var(--font-family-mono), 'SF Mono', Menlo, Consolas, Monaco, monospace;
-
-    --style-radius-s: #{$style-radius-s};
-    --style-radius-m: #{$style-radius-m};
-    --style-radius-l: #{$style-radius-l};
-
-    // --z-popup needs to be higher than --z-modal to ensure the popup is displayed when modal is open
-    --z-popup: 60;
-    --z-nav: 20;
-    --z-modal: 30;
-    --z-status: 40;
-
-    --gutter-h: var(--spacer-5);
-    --spacing-view-bottom: var(--gutter-h);
-    --app-header-height: 0px;
-    --doc-controls-height: 0px;
-    --doc-header-height: 0px;
-    --nav-width: 275px;
-
-    @include large-break {
-      --gutter-h: var(--spacer-4);
-    }
-
-    @include mid-break {
-      --gutter-h: var(--spacer-3);
-    }
-
-    @include small-break {
-      --spacing-view-bottom: calc(var(--base) * 2);
-      --nav-width: 100vw;
-    }
-  }
-
-  /////////////////////////////
-  // GLOBAL STYLES
-  /////////////////////////////
-
-  * {
-    box-sizing: border-box;
-  }
-
-  html {
-    background: var(--color-bg);
-    -webkit-font-smoothing: antialiased;
-
-    &[data-theme='dark'] {
-      --theme-bg: var(--color-bg);
-      --theme-text: var(--theme-elevation-1000);
-      --theme-input-bg: var(--theme-elevation-50);
-      --theme-overlay: rgba(5, 5, 5, 0.75);
-      color-scheme: dark;
-    }
-  }
-
-  html,
-  body,
-  #app {
-    height: 100%;
-  }
-
-  body {
-    font-family: var(--font-body);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    letter-spacing: var(--text-letter-spacing);
-    color: var(--theme-text);
-    margin: 0;
-    // this is for the nav to be able to push the document over
-    overflow-x: hidden;
-  }
-
-  // Lock background scroll while a drawer is open. Backs up faceless-ui's JS
-  // body-scroll-lock, which a sibling modal can clear prematurely.
-  body:has(.drawer--is-open) {
-    overflow: hidden;
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-    display: block;
-  }
-
-  h1 {
-  }
-
-  h2 {
-  }
-
-  h3 {
-  }
-
-  h4 {
-  }
-
-  h5 {
-  }
-
-  h6 {
-  }
-
-  p {
-    margin: 0;
-  }
-
-  ul,
-  ol {
-    padding-left: $baseline;
-    margin: 0;
-  }
-
-  :focus-visible {
-    outline: var(--accessibility-outline);
-    outline-offset: var(--accessibility-outline-offset);
-    border-radius: var(--radius-medium);
-  }
-
-  a {
-    color: currentColor;
-
-    &:focus {
-      &:not(:focus-visible) {
-        opacity: 0.8;
-      }
-    }
-
-    &:active {
-      opacity: 0.7;
-    }
-  }
-
-  svg {
-    vertical-align: middle;
-  }
-
-  dialog {
-    width: 100%;
-    border: 0;
-    padding: 0;
-    color: currentColor;
-  }
-
-  .payload__modal-item {
-    min-height: 100%;
-    background: transparent;
-  }
-
-  .payload__modal-container--enterDone {
-    overflow: auto;
-  }
-
-  .payload__modal-item--enter,
-  .payload__modal-item--enterDone {
-    z-index: var(--z-modal);
-  }
-}