@payloadcms/ui 4.0.0-internal.688c4d0 → 4.0.0-internal.bc5cf8c

package/dist/icons/Replace/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ReplaceIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Replace/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const ReplaceIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--replace', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M17.854 11.646a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708l2.647-2.646H6.5a.5.5 0 0 1 0-1h9.793l-2.647-2.646a.5.5 0 0 1 .708-.708z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Reset/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--reset {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/Reset/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const ResetIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Reset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Reset/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/Reset/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M5.64648 2.14648C5.84175 1.95122 6.15825 1.95122 6.35352 2.14648C6.54878 2.34175 6.54878 2.65825 6.35352 2.85352L5.20703 4H8.5C11.2614 4 13.5 6.23858 13.5 9C13.5 11.7614 11.2614 14 8.5 14C5.73858 14 3.5 11.7614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5C4.27614 8.5 4.5 8.72386 4.5 9C4.5 11.2091 6.29086 13 8.5 13C10.7091 13 12.5 11.2091 12.5 9C12.5 6.79086 10.7091 5 8.5 5H5.20703L6.35352 6.14648C6.54878 6.34175 6.54878 6.65825 6.35352 6.85352C6.15825 7.04878 5.84175 7.04878 5.64648 6.85352L3.64648 4.85352C3.45122 4.65825 3.45122 4.34175 3.64648 4.14648L5.64648 2.14648Z',
+  24: 'M8.14658 5.14631C8.34183 4.95119 8.65839 4.95113 8.85361 5.14631C9.04882 5.34152 9.04873 5.65806 8.85361 5.85334L7.70712 6.99982H12.0001C15.3137 6.99987 18 9.68623 18.0001 12.9998C18.0001 16.3135 15.3138 18.9998 12.0001 18.9998C8.68638 18.9998 6.00009 16.3135 6.00009 12.9998C6.00019 12.7238 6.22401 12.4998 6.50009 12.4998C6.77613 12.4999 6.99999 12.7238 7.00009 12.9998C7.00009 15.7612 9.23867 17.9998 12.0001 17.9998C14.7615 17.9998 17.0001 15.7612 17.0001 12.9998C17 10.2385 14.7614 7.99987 12.0001 7.99982H7.70712L8.85361 9.14631C9.04882 9.34152 9.04873 9.65806 8.85361 9.85334C8.65835 10.0486 8.34184 10.0486 8.14658 9.85334L6.14658 7.85334C5.95136 7.65807 5.95133 7.34155 6.14658 7.14631L8.14658 5.14631Z'
+};
+export const ResetIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--reset', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Reset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","ResetIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Reset/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M5.64648 2.14648C5.84175 1.95122 6.15825 1.95122 6.35352 2.14648C6.54878 2.34175 6.54878 2.65825 6.35352 2.85352L5.20703 4H8.5C11.2614 4 13.5 6.23858 13.5 9C13.5 11.7614 11.2614 14 8.5 14C5.73858 14 3.5 11.7614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5C4.27614 8.5 4.5 8.72386 4.5 9C4.5 11.2091 6.29086 13 8.5 13C10.7091 13 12.5 11.2091 12.5 9C12.5 6.79086 10.7091 5 8.5 5H5.20703L6.35352 6.14648C6.54878 6.34175 6.54878 6.65825 6.35352 6.85352C6.15825 7.04878 5.84175 7.04878 5.64648 6.85352L3.64648 4.85352C3.45122 4.65825 3.45122 4.34175 3.64648 4.14648L5.64648 2.14648Z',\n  24: 'M8.14658 5.14631C8.34183 4.95119 8.65839 4.95113 8.85361 5.14631C9.04882 5.34152 9.04873 5.65806 8.85361 5.85334L7.70712 6.99982H12.0001C15.3137 6.99987 18 9.68623 18.0001 12.9998C18.0001 16.3135 15.3138 18.9998 12.0001 18.9998C8.68638 18.9998 6.00009 16.3135 6.00009 12.9998C6.00019 12.7238 6.22401 12.4998 6.50009 12.4998C6.77613 12.4999 6.99999 12.7238 7.00009 12.9998C7.00009 15.7612 9.23867 17.9998 12.0001 17.9998C14.7615 17.9998 17.0001 15.7612 17.0001 12.9998C17 10.2385 14.7614 7.99987 12.0001 7.99982H7.70712L8.85361 9.14631C9.04882 9.34152 9.04873 9.65806 8.85361 9.85334C8.65835 10.0486 8.34184 10.0486 8.14658 9.85334L6.14658 7.85334C5.95136 7.65807 5.95133 7.34155 6.14658 7.14631L8.14658 5.14631Z',\n}\n\nexport const ResetIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--reset', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,SAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Swap/index.js

@@ -12,7 +12,7 @@ export const SwapIcon = ({
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     clipRule: "evenodd",
-    d: "M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z",
+    d: "M14.647 12.646a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .707l-2.5 2.5a.5.5 0 0 1-.707-.707L16.293 16H6.5a.5.5 0 0 1 0-1h9.793l-1.646-1.646a.5.5 0 0 1 0-.708m-6-7a.5.5 0 1 1 .707.707L7.707 8H17.5a.5.5 0 0 1 0 1H7.707l1.647 1.646a.5.5 0 0 1-.708.707l-2.5-2.5a.5.5 0 0 1 0-.707z",
     fill: "currentColor",
     fillRule: "evenodd"
   })

package/dist/icons/Swap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SwapIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SwapIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--swap', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","SwapIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SwapIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--swap', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M14.647 12.646a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .707l-2.5 2.5a.5.5 0 0 1-.707-.707L16.293 16H6.5a.5.5 0 0 1 0-1h9.793l-1.646-1.646a.5.5 0 0 1 0-.708m-6-7a.5.5 0 1 1 .707.707L7.707 8H17.5a.5.5 0 0 1 0 1H7.707l1.647 1.646a.5.5 0 0 1-.708.707l-2.5-2.5a.5.5 0 0 1 0-.707z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Warning/index.css

@@ -1,11 +1,5 @@
 @layer payload-default {
   .icon--warning {
-    .icon__circle {
-      fill: var(--color-bg-warning);
-    }
-
-    .icon__symbol {
-      stroke: var(--color-text-onwarning);
-    }
+    color: var(--color-bg-warning);
   }
 }

package/dist/icons/Warning/index.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import './index.css';
 export declare const WarningIcon: React.FC<{
     readonly className?: string;
-    readonly size?: 26;
+    readonly size?: 16 | 24;
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/Warning/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Warning/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAUpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAiBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Warning/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/Warning/index.js

@@ -1,30 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
 const paths = {
-  26: {
-    circle: 'M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z',
-    symbol: 'M13 10V13.2M13 16.4H13.008'
-  }
+  16: 'M6.285 2.915c.777-1.295 2.653-1.294 3.43 0l4.234 7.056c.8 1.333-.161 3.029-1.716 3.029H3.766c-1.554 0-2.515-1.696-1.716-3.03zm2.572.514a1 1 0 0 0-1.715 0l-4.234 7.056a1 1 0 0 0 .716 1.505l.142.01h8.467a1 1 0 0 0 .857-1.515zM8 9.499A.75.75 0 1 1 8 11a.75.75 0 0 1 0-1.5m.079-4.495a.73.73 0 0 1 .648.787l-.23 2.75a.5.5 0 0 1-.996 0L7.272 5.79A.73.73 0 0 1 8 5z',
+  24: 'M10.257 6.06c.764-1.36 2.722-1.36 3.486 0l5.04 8.96c.75 1.333-.213 2.98-1.743 2.98H6.96c-1.53 0-2.493-1.647-1.743-2.98l.87.49a1 1 0 0 0 .733 1.48l.14.01h10.08a1 1 0 0 0 .872-1.49l-.001-.001-5.04-8.96a1 1 0 0 0-1.742 0l-5.041 8.96-.871-.49zM12 14.003a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5M12 8.5c.425 0 .76.36.73.785l-.231 3.25a.5.5 0 0 1-.998 0l-.232-3.25A.733.733 0 0 1 12 8.5'
 };
 export const WarningIcon = ({
   className,
-  size = 26
-}) => /*#__PURE__*/_jsxs("svg", {
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
   className: ['icon', 'icon--warning', className].filter(Boolean).join(' '),
   fill: "none",
   height: size,
   viewBox: `0 0 ${size} ${size}`,
   width: size,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    className: "icon__circle",
-    d: paths[size].circle
-  }), /*#__PURE__*/_jsx("path", {
-    className: "icon__symbol",
-    d: paths[size].symbol,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/icons/Warning/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","circle","symbol","WarningIcon","className","size","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Warning/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  26: {\n    circle:\n      'M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z',\n    symbol: 'M13 10V13.2M13 16.4H13.008',\n  },\n}\n\nexport const WarningIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 26\n}> = ({ className, size = 26 }) => (\n  <svg\n    className={['icon', 'icon--warning', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"icon__circle\" d={paths[size].circle} />\n    <path\n      className=\"icon__symbol\"\n      d={paths[size].symbol}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,MAAA,EACE;IACFC,MAAA,EAAQ;EACV;AACF;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,KAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKX,SAAA,EAAU;IAAeY,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK,CAACJ;mBAC9Cc,IAAA,CAAC;IACCX,SAAA,EAAU;IACVY,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK,CAACH,MAAM;IACrBe,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","WarningIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Warning/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M6.285 2.915c.777-1.295 2.653-1.294 3.43 0l4.234 7.056c.8 1.333-.161 3.029-1.716 3.029H3.766c-1.554 0-2.515-1.696-1.716-3.03zm2.572.514a1 1 0 0 0-1.715 0l-4.234 7.056a1 1 0 0 0 .716 1.505l.142.01h8.467a1 1 0 0 0 .857-1.515zM8 9.499A.75.75 0 1 1 8 11a.75.75 0 0 1 0-1.5m.079-4.495a.73.73 0 0 1 .648.787l-.23 2.75a.5.5 0 0 1-.996 0L7.272 5.79A.73.73 0 0 1 8 5z',\n  24: 'M10.257 6.06c.764-1.36 2.722-1.36 3.486 0l5.04 8.96c.75 1.333-.213 2.98-1.743 2.98H6.96c-1.53 0-2.493-1.647-1.743-2.98l.87.49a1 1 0 0 0 .733 1.48l.14.01h10.08a1 1 0 0 0 .872-1.49l-.001-.001-5.04-8.96a1 1 0 0 0-1.742 0l-5.041 8.96-.871-.49zM12 14.003a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5M12 8.5c.425 0 .76.36.73.785l-.231 3.25a.5.5 0 0 1-.998 0l-.232-3.25A.733.733 0 0 1 12 8.5',\n}\n\nexport const WarningIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--warning', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/providers/ToastContainer/index.css

@@ -0,0 +1,208 @@
+@layer payload-default {
+  .payload-toast-container {
+    padding: 0;
+    margin: 0;
+
+    .toast-title {
+      padding-inline: var(--spacer-1);
+      color: var(--color-text);
+      font-family: var(--text-body-medium-strong-font-family);
+      font-size: var(--text-body-medium-strong-font-size);
+      font-weight: var(--text-body-medium-strong-font-weight);
+      letter-spacing: var(--text-body-medium-strong-letter-spacing);
+      line-height: var(--text-body-medium-strong-line-height);
+    }
+
+    .payload-toast-item {
+      display: flex;
+      align-items: flex-start;
+      gap: var(--spacer-2);
+      min-height: var(--spacer-6);
+      /* set width to match FPL */
+      inline-size: 280px;
+      margin: 0;
+      padding: var(--spacer-2);
+      color: var(--color-text);
+      font-style: normal;
+      font-weight: var(--font-weight-strong);
+      background: var(--color-bg-elevated);
+      border-radius: var(--radius-large);
+      box-shadow: var(--elevation-100-canvas);
+
+      .toast-content {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: var(--spacer-1);
+        width: 100%;
+        transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
+        padding-block: var(--spacer-1);
+      }
+
+      &[data-front='false'] {
+        .toast-content {
+          opacity: 0;
+        }
+      }
+
+      &[data-expanded='true'] {
+        .toast-content {
+          opacity: 1;
+        }
+      }
+
+      .toast-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0;
+        flex-shrink: 0;
+      }
+
+      .toast-icon + .toast-content .toast-title {
+        padding-inline-start: 0;
+      }
+
+      &.toast-error {
+        color: var(--color-text-ondanger);
+        background: var(--color-bg-danger);
+
+        .toast-title {
+          color: var(--color-text-ondanger);
+        }
+
+        .icon--warning {
+          color: var(--color-text-ondanger);
+        }
+      }
+
+      &.toast-warning {
+        .icon--warning {
+          color: var(--color-icon-warning);
+        }
+      }
+    }
+  }
+}
+
+/* Sonner injects unlayered `:where()` (0,0,0) styles that beat our layered rules. These overrides
+   are unlayered too, winning on class specificity. */
+
+.payload-toast-container .toast-title {
+  font-weight: var(--text-body-medium-strong-font-weight);
+  line-height: var(--text-body-medium-strong-line-height);
+}
+
+/* Sonner forces [data-icon] to 16px; use a --spacer-4 (24px) box so our icons fit. */
+.payload-toast-container .payload-toast-item .toast-icon {
+  position: relative;
+  width: var(--spacer-4);
+  height: var(--spacer-4);
+  margin: 0;
+  justify-content: center;
+}
+
+.payload-toast-container .payload-toast-item .toast-icon svg {
+  margin: 0;
+}
+
+/* Spinner wrapper is `absolute; inset: 0`; restore flex flow so the box centers it. */
+.payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper {
+  position: static;
+}
+
+.payload-toast-container
+  .payload-toast-item
+  .toast-icon
+  .sonner-loading-wrapper[data-visible='false'] {
+  display: none;
+}
+
+/* Sonner positions [data-close-button] absolutely; place it inline as a --spacer-4 (24px) IconButton. */
+.payload-toast-container .payload-toast-item .payload-toast-close-button {
+  position: relative;
+  inset: auto;
+  order: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  min-width: var(--spacer-4);
+  min-height: var(--spacer-4);
+  width: auto;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-medium);
+  background: transparent;
+  color: var(--color-icon);
+  transform: none;
+  cursor: pointer;
+  transition: none;
+}
+
+/* Sonner sets a dark-theme base background on [data-close-button]. Override with higher specificity. */
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item
+  [data-close-button].payload-toast-close-button {
+  background: transparent;
+  border-color: transparent;
+}
+
+.payload-toast-container .payload-toast-item .payload-toast-close-button:hover,
+.payload-toast-container .payload-toast-item .payload-toast-close-button:focus-visible {
+  background: var(--color-bg-hover);
+}
+
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item
+  [data-close-button].payload-toast-close-button:hover,
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item
+  [data-close-button].payload-toast-close-button:focus-visible {
+  background: var(--color-bg-hover);
+}
+
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item
+  [data-close-button].payload-toast-close-button:active {
+  background: var(--color-bg-pressed);
+}
+
+.payload-toast-container .toast-error .payload-toast-close-button {
+  color: var(--color-text-ondanger);
+}
+
+.payload-toast-container .toast-error .payload-toast-close-button:hover,
+.payload-toast-container .toast-error .payload-toast-close-button:focus-visible {
+  background: var(--color-bg-danger-hover);
+}
+
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item.toast-error
+  [data-close-button].payload-toast-close-button:hover,
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item.toast-error
+  [data-close-button].payload-toast-close-button:focus-visible {
+  background: var(--color-bg-danger-hover);
+}
+
+[data-sonner-toaster][data-theme='dark'].payload-toast-container
+  [data-sonner-toast].payload-toast-item.toast-error
+  [data-close-button].payload-toast-close-button:active {
+  background: var(--color-bg-danger-pressed);
+}
+
+[data-sonner-toaster].payload-toast-container[data-lifted='true'] {
+  transform: none;
+}
+
+[data-sonner-toaster].payload-toast-container[data-x-position='right'] {
+  left: auto;
+  right: var(--spacer-6);
+}
+
+[data-sonner-toaster].payload-toast-container[data-y-position='bottom'] {
+  bottom: var(--spacer-6);
+}

package/dist/providers/ToastContainer/index.d.ts

@@ -1,5 +1,6 @@
 import type { ClientConfig } from 'payload';
 import React from 'react';
+import './index.css';
 export declare const ToastContainer: React.FC<{
     config: ClientConfig;
 }>;

package/dist/providers/ToastContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CAqCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CA6CA,CAAA"}

package/dist/providers/ToastContainer/index.js

@@ -3,10 +3,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Toaster } from 'sonner';
-import { ErrorIcon } from '../../icons/Error/index.js';
+import { CheckIcon } from '../../icons/Check/index.js';
 import { InfoIcon } from '../../icons/Info/index.js';
-import { SuccessIcon } from '../../icons/Success/index.js';
 import { WarningIcon } from '../../icons/Warning/index.js';
+import { XIcon } from '../../icons/X/index.js';
+import './index.css';
 export const ToastContainer = ({
   config
 }) => {
@@ -23,19 +24,31 @@ export const ToastContainer = ({
   return /*#__PURE__*/_jsx(Toaster, {
     className: "payload-toast-container",
     closeButton: true,
-    // @ts-expect-error
+    // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing "undefined" opts out of RTL/LTR handling
     dir: "undefined",
     duration: duration ?? 4000,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      error: /*#__PURE__*/_jsx(ErrorIcon, {}),
+      close: /*#__PURE__*/_jsx(XIcon, {
+        size: 24
+      }),
+      error: /*#__PURE__*/_jsx(WarningIcon, {}),
       info: /*#__PURE__*/_jsx(InfoIcon, {}),
-      success: /*#__PURE__*/_jsx(SuccessIcon, {}),
+      success: /*#__PURE__*/_jsx(CheckIcon, {
+        size: 24
+      }),
       warning: /*#__PURE__*/_jsx(WarningIcon, {})
     },
-    offset: "calc(var(--gutter-h) / 2)",
+    offset: {
+      bottom: 'var(--spacer-6)',
+      right: 'var(--spacer-6)'
+    },
     position: position ?? 'bottom-right',
+    style: {
+      width: '280px'
+    },
+    theme: "dark",
     toastOptions: {
       classNames: {
         closeButton: 'payload-toast-close-button',

package/dist/providers/ToastContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Toaster","ErrorIcon","InfoIcon","SuccessIcon","WarningIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","error","info","success","warning","offset","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { ErrorIcon } from '../../icons/Error/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { SuccessIcon } from '../../icons/Success/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        error: <ErrorIcon />,\n        info: <InfoIcon />,\n        success: <SuccessIcon />,\n        warning: <WarningIcon />,\n      }}\n      offset=\"calc(var(--gutter-h) / 2)\"\n      position={position ?? 'bottom-right'}\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACZ,SAAA;MACRmB,IAAA,eAAMP,IAAA,CAACX,QAAA;MACPmB,OAAA,eAASR,IAAA,CAACV,WAAA;MACVmB,OAAA,eAAST,IAAA,CAACT,WAAA;IACZ;IACAmB,MAAA,EAAO;IACPX,QAAA,EAAUA,QAAA,IAAY;IACtBY,YAAA,EAAc;MACZC,UAAA,EAAY;QACVV,WAAA,EAAa;QACbW,OAAA,EAAS;QACTP,KAAA,EAAO;QACPQ,IAAA,EAAM;QACNP,IAAA,EAAM;QACNC,OAAA,EAAS;QACTO,KAAA,EAAO;QACPpB,KAAA,EAAO;QACPc,OAAA,EAAS;MACX;MACAO,QAAA,EAAU;IACZ;IACAC,aAAA,EAAenB,KAAA,IAAS;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","close","size","error","info","success","warning","offset","bottom","right","style","width","theme","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: <XIcon size={24} />,\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACT,KAAA;QAAMgB,IAAA,EAAM;;MACpBC,KAAA,eAAOR,IAAA,CAACV,WAAA;MACRmB,IAAA,eAAMT,IAAA,CAACX,QAAA;MACPqB,OAAA,eAASV,IAAA,CAACZ,SAAA;QAAUmB,IAAA,EAAM;;MAC1BI,OAAA,eAASX,IAAA,CAACV,WAAA;IACZ;IACAsB,MAAA,EAAQ;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;IACAf,QAAA,EAAUA,QAAA,IAAY;IACtBgB,KAAA,EAAO;MACLC,KAAA,EAAO;IACT;IACAC,KAAA,EAAM;IACNC,YAAA,EAAc;MACZC,UAAA,EAAY;QACVjB,WAAA,EAAa;QACbkB,OAAA,EAAS;QACTZ,KAAA,EAAO;QACPa,IAAA,EAAM;QACNZ,IAAA,EAAM;QACNC,OAAA,EAAS;QACTY,KAAA,EAAO;QACP3B,KAAA,EAAO;QACPgB,OAAA,EAAS;MACX;MACAY,QAAA,EAAU;IACZ;IACAC,aAAA,EAAe1B,KAAA,IAAS;;AAG9B","ignoreList":[]}

package/dist/scss/app.scss

@@ -1,7 +1,6 @@
 @layer payload-default, payload;
 
-@import './styles';
-@import './toasts.scss';
+@import 'styles';
 @import './colors.scss';
 @import '../styles.css';
 
@@ -39,7 +38,9 @@
 
     --gutter-h: var(--spacer-5);
     --spacing-view-bottom: var(--gutter-h);
-    --doc-controls-height: calc(var(--text-body-large-line-height) + var(--spacer-4));
+    --app-header-height: 0px;
+    --doc-controls-height: 0px;
+    --doc-header-height: 0px;
     --nav-width: 275px;
 
     @include large-break {
@@ -48,7 +49,6 @@
 
     @include mid-break {
       --gutter-h: var(--spacer-3);
-      --doc-controls-height: calc(var(--base) * 2.4);
     }
 
     @include small-break {
@@ -96,6 +96,12 @@
     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;