@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/icons/More/index.js

@@ -1,30 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const MoreIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
-        className: [
-            'icon icon--more',
-            className
-        ].filter(Boolean).join(' '),
-        viewBox: "0 0 20 20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                className: "fill",
-                d: "M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z",
-                strokeLinecap: "square"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: "fill",
-                d: "M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z",
-                strokeLinecap: "square"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: "fill",
-                d: "M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z",
-                strokeLinecap: "square"
-            })
-        ]
-    });
-
+export const MoreIcon = ({
+  className
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon icon--more', className].filter(Boolean).join(' '),
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z",
+    strokeLinecap: "square"
+  })]
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/More/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MoreIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--more', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","MoreIcon","className","svg","filter","Boolean","join","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAA6C,CAAC,EAAEC,SAAS,EAAE,iBACtE,MAACC;QACCD,WAAW;YAAC;YAAmBA;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC/DC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;;OAGnB"}
+{"version":3,"file":"index.js","names":["React","MoreIcon","className","_jsxs","filter","Boolean","join","viewBox","xmlns","_jsx","d","strokeLinecap"],"sources":["../../../src/icons/More/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MoreIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--more', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,mBAAmBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,OAAA,EAAQ;EACRC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/More/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--more {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--more {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
-    stroke: currentColor;
+    .fill {
+      fill: var(--theme-elevation-800);
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Plus/index.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const PlusIcon = ()=>/*#__PURE__*/ _jsx("svg", {
-        className: "icon icon--plus",
-        height: "20",
-        viewBox: "0 0 20 20",
-        width: "20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            className: "stroke",
-            d: "M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666",
-            strokeLinecap: "square"
-        })
-    });
-
+export const PlusIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--plus",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const PlusIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--plus\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","PlusIcon","svg","className","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCL,WAAU;YACVM,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"file":"index.js","names":["React","PlusIcon","_jsx","className","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const PlusIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--plus\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCC,SAAA,EAAU;IACVK,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Plus/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles';
 
-.icon--plus {
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width;
+@layer payload-default {
+  .icon--plus {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Search/index.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const SearchIcon = ()=>/*#__PURE__*/ _jsx("svg", {
-        className: "icon icon--search",
-        fill: "none",
-        viewBox: "0 0 20 20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            className: "stroke",
-            d: "M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z",
-            strokeLinecap: "square"
-        })
-    });
-
+export const SearchIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--search",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SearchIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--search\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","SearchIcon","svg","className","fill","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCJ,WAAU;YACVK,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"file":"index.js","names":["React","SearchIcon","_jsx","className","fill","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SearchIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--search\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IACCC,SAAA,EAAU;IACVI,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Search/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--search {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--search {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/Swap/index.js

@@ -1,15 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const SwapIcon = ()=>/*#__PURE__*/ _jsx("svg", {
-        className: "icon icon--swap",
-        viewBox: "0 0 20 20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            className: "stroke",
-            d: "M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667",
-            strokeLinecap: "square"
-        })
-    });
-
+export const SwapIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--swap",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SwapIcon: React.FC = () => (\n  <svg className=\"icon icon--swap\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","SwapIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"file":"index.js","names":["React","SwapIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SwapIcon: React.FC = () => (\n  <svg className=\"icon icon--swap\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAkBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YACzD,aAAAH,IAAA,CAAC;IACCC,SAAA,EAAU;IACVG,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Swap/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--swap {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--swap {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/X/index.js

@@ -1,20 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const XIcon = ({ className })=>/*#__PURE__*/ _jsx("svg", {
-        className: [
-            className,
-            'icon icon--x'
-        ].filter(Boolean).join(' '),
-        height: 20,
-        viewBox: "0 0 20 20",
-        width: 20,
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            className: "stroke",
-            d: "M14 6L6 14M6 6L14 14",
-            strokeLinecap: "square"
-        })
-    });
-
+export const XIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
+  className: [className, 'icon icon--x'].filter(Boolean).join(' '),
+  height: 20,
+  viewBox: "0 0 20 20",
+  width: 20,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M14 6L6 14M6 6L14 14",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const XIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height={20}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","XIcon","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,QAA0C,CAAC,EAAEC,SAAS,EAAE,iBACnE,KAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAQ;QACRC,SAAQ;QACRC,OAAO;QACPC,OAAM;kBAEN,cAAA,KAACC;YAAKT,WAAU;YAASU,GAAE;YAAuBC,eAAc;;OAEnE"}
+{"version":3,"file":"index.js","names":["React","XIcon","className","_jsx","filter","Boolean","join","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const XIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height={20}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,KAAA,GAA0CA,CAAC;EAAEC;AAAS,CAAE,kBACnEC,IAAA,CAAC;EACCD,SAAA,EAAW,CAACA,SAAA,EAAW,eAAe,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC5DC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAP,IAAA,CAAC;IAAKD,SAAA,EAAU;IAASS,CAAA,EAAE;IAAuBC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/X/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles';
 
-.icon--x {
-  .stroke {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
+@layer payload-default {
+  .icon--x {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

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

@@ -1,12 +1,16 @@
 import React from 'react';
-import type { ActionMap } from '../ComponentMap/buildComponentMap/types.js';
-export { SetViewActions } from './SetViewActions/index.js';
 type ActionsContextType = {
-    actions: ActionMap['Edit'][string];
-    setViewActions: (actions: ActionMap['Edit'][string]) => void;
+    Actions: {
+        [key: string]: React.ReactNode;
+    };
+    setViewActions: (actions: ActionsContextType['Actions']) => void;
 };
 export declare const useActions: () => ActionsContextType;
-export declare const ActionsProvider: ({ children }: {
-    children: any;
-}) => React.JSX.Element;
+export declare const ActionsProvider: React.FC<{
+    readonly Actions?: {
+        [key: string]: React.ReactNode;
+    };
+    readonly children: React.ReactNode;
+}>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAI3E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAClC,cAAc,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC7D,CAAA;AAOD,eAAO,MAAM,UAAU,0BAAmC,CAAA;AAE1D,eAAO,MAAM,eAAe;;uBAmB3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAAmC,CAAA;AAE1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAQA,CAAA"}

package/dist/providers/Actions/index.js

@@ -1,33 +1,37 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useEffect, useState } from 'react';
-import { useComponentMap } from '../ComponentMap/index.js';
-export { SetViewActions } from './SetViewActions/index.js';
-const ActionsContext = /*#__PURE__*/ createContext({
-    actions: [],
-    setViewActions: ()=>{}
+import React, { createContext, useContext, useState } from 'react';
+const ActionsContext = /*#__PURE__*/createContext({
+  Actions: {},
+  setViewActions: () => {}
 });
-export const useActions = ()=>useContext(ActionsContext);
-export const ActionsProvider = ({ children })=>{
-    const [viewActions, setViewActions] = useState([]);
-    const [adminActions, setAdminActions] = useState([]);
-    const { componentMap: { actions } } = useComponentMap();
-    useEffect(()=>{
-        setAdminActions(actions || []);
-    }, [
-        actions
-    ]);
-    const combinedActions = [
-        ...viewActions || [],
-        ...adminActions || []
-    ];
-    return /*#__PURE__*/ _jsx(ActionsContext.Provider, {
-        value: {
-            actions: combinedActions,
-            setViewActions
-        },
-        children: children
+export const useActions = () => {
+  return useContext(ActionsContext);
+};
+export const ActionsProvider = t0 => {
+  const $ = _c(3);
+  const {
+    Actions,
+    children
+  } = t0;
+  const [viewActions, setViewActions] = useState(Actions);
+  let t1;
+  if ($[0] !== viewActions || $[1] !== children) {
+    t1 = _jsx(ActionsContext.Provider, {
+      value: {
+        Actions: viewActions,
+        setViewActions
+      },
+      children
     });
+    $[0] = viewActions;
+    $[1] = children;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { ActionMap } from '../ComponentMap/buildComponentMap/types.js'\n\nimport { useComponentMap } from '../ComponentMap/index.js'\n\nexport { SetViewActions } from './SetViewActions/index.js'\n\ntype ActionsContextType = {\n  actions: ActionMap['Edit'][string]\n  setViewActions: (actions: ActionMap['Edit'][string]) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  actions: [],\n  setViewActions: () => {},\n})\n\nexport const useActions = () => useContext(ActionsContext)\n\nexport const ActionsProvider = ({ children }) => {\n  const [viewActions, setViewActions] = useState([])\n  const [adminActions, setAdminActions] = useState([])\n\n  const {\n    componentMap: { actions },\n  } = useComponentMap()\n\n  useEffect(() => {\n    setAdminActions(actions || [])\n  }, [actions])\n\n  const combinedActions = [...(viewActions || []), ...(adminActions || [])]\n\n  return (\n    <ActionsContext.Provider value={{ actions: combinedActions, setViewActions }}>\n      {children}\n    </ActionsContext.Provider>\n  )\n}\n"],"names":["React","createContext","useContext","useEffect","useState","useComponentMap","SetViewActions","ActionsContext","actions","setViewActions","useActions","ActionsProvider","children","viewActions","adminActions","setAdminActions","componentMap","combinedActions","Provider","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI7E,SAASC,eAAe,QAAQ,2BAA0B;AAE1D,SAASC,cAAc,QAAQ,4BAA2B;AAO1D,MAAMC,+BAAiBN,cAAkC;IACvDO,SAAS,EAAE;IACXC,gBAAgB,KAAO;AACzB;AAEA,OAAO,MAAMC,aAAa,IAAMR,WAAWK,gBAAe;AAE1D,OAAO,MAAMI,kBAAkB,CAAC,EAAEC,QAAQ,EAAE;IAC1C,MAAM,CAACC,aAAaJ,eAAe,GAAGL,SAAS,EAAE;IACjD,MAAM,CAACU,cAAcC,gBAAgB,GAAGX,SAAS,EAAE;IAEnD,MAAM,EACJY,cAAc,EAAER,OAAO,EAAE,EAC1B,GAAGH;IAEJF,UAAU;QACRY,gBAAgBP,WAAW,EAAE;IAC/B,GAAG;QAACA;KAAQ;IAEZ,MAAMS,kBAAkB;WAAKJ,eAAe,EAAE;WAAOC,gBAAgB,EAAE;KAAE;IAEzE,qBACE,KAACP,eAAeW,QAAQ;QAACC,OAAO;YAAEX,SAASS;YAAiBR;QAAe;kBACxEG;;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useContext","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewActions","t1","_jsx","Provider","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useContext, useState } from 'react'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => useContext(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n}> = ({ Actions, children }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n\n  return (\n    <ActionsContext.Provider value={{ Actions: viewActions, setViewActions }}>\n      {children}\n    </ActionsContext.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAS3D,MAAMC,cAAA,gBAAiBH,aAAA,CAAkC;EACvDI,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAML,UAAA,CAAAE,cAAW;AAAA;AAE3C,OAAO,MAAMI,eAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAM,OAAA;IAAAM;EAAA,IAAAF,EAAqB;EACzB,OAAAG,WAAA,EAAAN,cAAA,IAAsCH,QAAA,CAASE,OAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAC,QAAA;IAG7CE,EAAA,GAAAC,IAAA,CAAAV,cAAA,CAAAW,QAAA;MAAAC,KAAA;QAAAX,OAAA,EAA2CO,WAAA;QAAAN;MAAA;MAAAK;IAAA,C;;;;;;;SAA3CE,E;CAIJ","ignoreList":[]}

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

@@ -1,22 +1,27 @@
-import type { ClientUser, Permissions } from 'payload';
+import type { ClientUser, SanitizedPermissions, User } from 'payload';
 import React from 'react';
+export type UserWithToken<T = ClientUser> = {
+    exp: number;
+    token: string;
+    user: T;
+};
 export type AuthContext<T = ClientUser> = {
-    fetchFullUser: () => Promise<void>;
-    logOut: () => Promise<void>;
-    permissions?: Permissions;
+    fetchFullUser: () => Promise<null | User>;
+    logOut: () => Promise<boolean>;
+    permissions?: SanitizedPermissions;
     refreshCookie: (forceRefresh?: boolean) => void;
     refreshCookieAsync: () => Promise<ClientUser>;
     refreshPermissions: () => Promise<void>;
-    setPermissions: (permissions: Permissions) => void;
-    setUser: (user: T) => void;
+    setPermissions: (permissions: SanitizedPermissions) => void;
+    setUser: (user: null | UserWithToken<T>) => void;
     strategy?: string;
     token?: string;
     tokenExpiration?: number;
-    user?: T | null;
+    user?: null | T;
 };
 type Props = {
     children: React.ReactNode;
-    permissions?: Permissions;
+    permissions?: SanitizedPermissions;
     user?: ClientUser | null;
 };
 export declare function AuthProvider({ children, permissions: initialPermissions, user: initialUser, }: Props): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAqB,WAAW,EAAE,MAAM,SAAS,CAAA;AAKzE,OAAO,KAAsE,MAAM,OAAO,CAAA;AAU1F,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,kBAAkB,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAA;IAC7C,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IAClD,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAChB,CAAA;AAMD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EAAE,kBAAkB,EAC/B,IAAI,EAAE,WAAW,GAClB,EAAE,KAAK,qBA2RP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,CAAC,CAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Auth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAKrE,OAAO,KAAsE,MAAM,OAAO,CAAA;AAU1F,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,UAAU,IAAI;IAC1C,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,CAAC,CAAA;CACR,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAC9B,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,aAAa,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,kBAAkB,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAA;IAC7C,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,cAAc,EAAE,CAAC,WAAW,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,CAAA;CAChB,CAAA;AAMD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EAAE,kBAAkB,EAC/B,IAAI,EAAE,WAAW,GAClB,EAAE,KAAK,qBAwRP;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,oBAAmB,WAAW,CAAC,CAAC,CAA0C,CAAA"}