@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,OAAO,yBAiCnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,OAAO,yBAqBnB,CAAA"}

package/dist/graphics/Account/index.js

@@ -4,14 +4,14 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation.js';
 import React from 'react';
+// import { RenderComponent } from '../../elements/RenderComponent/client.js'
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
 export const Account = () => {
-  const $ = _c(6);
+  const $ = _c(3);
   const {
     config: t0
   } = useConfig();
@@ -21,15 +21,11 @@ export const Account = () => {
   } = t0;
   const {
     avatar,
-    components: t3,
-    routes: t4
+    routes: t3
   } = t1;
-  const {
-    Avatar: CustomAvatar
-  } = t3;
   const {
     account: accountRoute
-  } = t4;
+  } = t3;
   const {
     admin: adminRoute
   } = t2;
@@ -41,45 +37,28 @@ export const Account = () => {
     adminRoute,
     path: accountRoute
   });
-  if (CustomAvatar) {
-    let t5;
-    if ($[0] !== isOnAccountPage || $[1] !== CustomAvatar) {
-      t5 = _jsx(RenderComponent, {
-        clientProps: {
-          active: isOnAccountPage
-        },
-        mappedComponent: CustomAvatar
-      });
-      $[0] = isOnAccountPage;
-      $[1] = CustomAvatar;
-      $[2] = t5;
-    } else {
-      t5 = $[2];
-    }
-    return t5;
-  }
   if (!user?.email || avatar === "default") {
-    let t5;
-    if ($[3] !== isOnAccountPage) {
-      t5 = _jsx(DefaultAccountIcon, {
+    let t4;
+    if ($[0] !== isOnAccountPage) {
+      t4 = _jsx(DefaultAccountIcon, {
         active: isOnAccountPage
       });
-      $[3] = isOnAccountPage;
-      $[4] = t5;
+      $[0] = isOnAccountPage;
+      $[1] = t4;
     } else {
-      t5 = $[4];
+      t4 = $[1];
     }
-    return t5;
+    return t4;
   }
   if (avatar === "gravatar") {
-    let t5;
-    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = _jsx(GravatarAccountIcon, {});
-      $[5] = t5;
+    let t4;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = _jsx(GravatarAccountIcon, {});
+      $[2] = t4;
     } else {
-      t5 = $[5];
+      t4 = $[2];
     }
-    return t5;
+    return t4;
   }
 };
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","usePathname","React","useAuth","useConfig","RenderComponent","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","$","config","t0","admin","t1","routes","t2","avatar","components","t3","t4","Avatar","CustomAvatar","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","t5","_jsx","clientProps","active","mappedComponent","email","Symbol","for"],"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        components: { Avatar: CustomAvatar },\n        routes: { account: accountRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (CustomAvatar) {\n    return (\n      <RenderComponent\n        clientProps={{\n          active: isOnAccountPage,\n        }}\n        mappedComponent={CustomAvatar}\n      />\n    )\n  }\n\n  if (!user?.email || avatar === 'default') {\n    return <DefaultAccountIcon active={isOnAccountPage} />\n  }\n  if (avatar === 'gravatar') {\n    return <GravatarAccountIcon />\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,QAAQ;AAC5B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACrB;IAAAW,MAAA,EAAAC;EAAA,IASIR,SAAA;EARM;IAAAS,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAOP;EANQ;IAAAK,MAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAJ,MAAA,EAAAK;EAAA,IAAAN,EAIN;EAFa;IAAAO,MAAA,EAAAC;EAAA,IAAAH,EAAwB;EAC5B;IAAAI,OAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAE3B;IAAAP,KAAA,EAAAY;EAAA,IAAAT,EAAqB;EAIjC;IAAAU;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,QAAA,GAAiB1B,WAAA;EACjB,MAAA2B,eAAA,GAAwBD,QAAA,KAAarB,cAAA;IAAAmB,UAAA;IAAAI,IAAA,EAAmCL;EAAA,CAAa;EAAA,IAEjFF,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAApB,CAAA,QAAAkB,eAAA,IAAAlB,CAAA,QAAAY,YAAA;MAEAQ,EAAA,GAAAC,IAAA,CAAA1B,eAAA;QAAA2B,WAAA;UAAAC,MAAA,EAEYL;QAAA;QAAAM,eAAA,EAEOZ;MAAA,C;;;;;;;WAJnBQ,E;;MASA,CAACJ,IAAA,EAAAS,KAAA,IAAelB,MAAA,KAAW;IAAA,IAAAa,EAAA;IAAA,IAAApB,CAAA,QAAAkB,eAAA;MACtBE,EAAA,GAAAC,IAAA,CAAAxB,kBAAA;QAAA0B,MAAA,EAA4BL;MAAA,C;;;;;;WAA5BE,E;;MAELb,MAAA,KAAW;IAAA,IAAAa,EAAA;IAAA,IAAApB,CAAA,QAAA0B,MAAA,CAAAC,GAAA;MACNP,EAAA,GAAAC,IAAA,CAAAvB,mBAAA,IAAC;MAAAE,CAAA,MAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAAA,OAADoB,EAAC;EAAA;AAAA,CAEZ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","usePathname","React","useAuth","useConfig","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","$","config","t0","admin","t1","routes","t2","avatar","t3","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","t4","_jsx","active","Symbol","for"],"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\n// import { RenderComponent } from '../../elements/RenderComponent/client.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        routes: { account: accountRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (!user?.email || avatar === 'default') {\n    return <DefaultAccountIcon active={isOnAccountPage} />\n  }\n  if (avatar === 'gravatar') {\n    return <GravatarAccountIcon />\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,QAAQ;AAC5B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACrB;IAAAU,MAAA,EAAAC;EAAA,IAQIP,SAAA;EAPM;IAAAQ,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAMP;EALQ;IAAAK,MAAA;IAAAF,MAAA,EAAAG;EAAA,IAAAJ,EAGN;EADS;IAAAK,OAAA,EAAAC;EAAA,IAAAF,EAAyB;EAE3B;IAAAL,KAAA,EAAAQ;EAAA,IAAAL,EAAqB;EAIjC;IAAAM;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,QAAA,GAAiBrB,WAAA;EACjB,MAAAsB,eAAA,GAAwBD,QAAA,KAAajB,cAAA;IAAAe,UAAA;IAAAI,IAAA,EAAmCL;EAAA,CAAa;EAAA,IAEjF,CAACE,IAAA,EAAAI,KAAA,IAAeT,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAc,eAAA;MACtBG,EAAA,GAAAC,IAAA,CAAArB,kBAAA;QAAAsB,MAAA,EAA4BL;MAAA,C;;;;;;WAA5BG,E;;MAELV,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;MACNJ,EAAA,GAAAC,IAAA,CAAApB,mBAAA,IAAC;MAAAE,CAAA,MAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAAA,OAADiB,EAAC;EAAA;AAAA,CAEZ","ignoreList":[]}

package/dist/hooks/useDebouncedEffect.d.ts

@@ -1,3 +1,3 @@
 import type { DependencyList } from 'react';
-export declare function useDebouncedEffect(effect: () => void, delay: number, deps: DependencyList): void;
+export declare function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void;
 //# sourceMappingURL=useDebouncedEffect.d.ts.map

package/dist/hooks/useDebouncedEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAgBhG"}
+{"version":3,"file":"useDebouncedEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAgBhG"}

package/dist/hooks/useDebouncedEffect.js

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
-export function useDebouncedEffect(effect, delay, deps) {
+export function useDebouncedEffect(effect, deps, delay) {
   const $ = _c(11);
   let t0;
   if ($[0] !== effect) {

package/dist/hooks/useDebouncedEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","delay","deps","$","t0","debouncedEffect","setDebouncedEffect","t1","handler","setTimeout","clearTimeout","t2","t3","t4"],"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, delay: number, deps: DependencyList): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,mBAAAC,MAAA,EAAAC,KAAA,EAAAC,IAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAH,MAAA;IAC8DI,EAAA,GAAAA,CAAA,KAAMJ,MAAA;IAAAG,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAzE,OAAAE,eAAA,EAAAC,kBAAA,IAA8CR,QAAA,CAAqBM,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAF,KAAA;IAE/DM,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBC,KAAA;MAAA;QAGDS,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAD,IAAA,IAAAC,CAAA,QAAAF,KAAA;IAAGU,EAAA,OAAIT,IAAA,EAAMD,KAAA;IAAME,CAAA,MAAAD,IAAA;IAAAC,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EARnBN,SAAA,CAAUU,EAQV,EAAGI,EAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,eAAA;IAETO,EAAA,GAAAA,CAAA;MACRP,eAAA;IAAA;IACCQ,EAAA,IAACR,eAAA;IAAgBF,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAFpBN,SAAA,CAAUe,EAEV,EAAGC,EAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","deps","delay","$","t0","debouncedEffect","setDebouncedEffect","t1","handler","setTimeout","clearTimeout","t2","t3","t4"],"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,mBAAAC,MAAA,EAAAC,IAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAH,MAAA;IAC8DI,EAAA,GAAAA,CAAA,KAAMJ,MAAA;IAAAG,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAzE,OAAAE,eAAA,EAAAC,kBAAA,IAA8CR,QAAA,CAAqBM,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAD,KAAA;IAE/DK,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBE,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAF,IAAA,IAAAE,CAAA,QAAAD,KAAA;IAAGS,EAAA,OAAIV,IAAA,EAAMC,KAAA;IAAMC,CAAA,MAAAF,IAAA;IAAAE,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EARnBN,SAAA,CAAUU,EAQV,EAAGI,EAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,eAAA;IAETO,EAAA,GAAAA,CAAA;MACRP,eAAA;IAAA;IACCQ,EAAA,IAACR,eAAA;IAAgBF,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAFpBN,SAAA,CAAUe,EAEV,EAAGC,EAAiB;AAAA","ignoreList":[]}

package/dist/hooks/useIgnoredEffect.d.ts

@@ -14,4 +14,8 @@
 export declare function useIgnoredEffect(effect: React.EffectCallback, deps: React.DependencyList, ignoredDeps: React.DependencyList, options?: {
     runOnFirstRender?: boolean;
 }): void;
+export declare function useIgnoredEffectDebounced(effect: React.EffectCallback, deps: React.DependencyList, ignoredDeps: React.DependencyList, options?: {
+    delay?: number;
+    runOnFirstRender?: boolean;
+}): void;
 //# sourceMappingURL=useIgnoredEffect.d.ts.map

package/dist/hooks/useIgnoredEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIgnoredEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIgnoredEffect.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,WAAW,EAAE,KAAK,CAAC,cAAc,EACjC,OAAO,CAAC,EAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,QAoBzC"}
+{"version":3,"file":"useIgnoredEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIgnoredEffect.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,WAAW,EAAE,KAAK,CAAC,cAAc,EACjC,OAAO,CAAC,EAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,QAoBzC;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,WAAW,EAAE,KAAK,CAAC,cAAc,EACjC,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,QAwBzD"}

package/dist/hooks/useIgnoredEffect.js

@@ -1,5 +1,6 @@
 import { dequal } from 'dequal/lite';
 import { useEffect, useRef } from 'react';
+import { useDebouncedEffect } from './useDebouncedEffect.js';
 /**
  * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.
  * @constructor
@@ -25,4 +26,16 @@ export function useIgnoredEffect(effect, deps, ignoredDeps, options) {
     hasInitialized.current = true;
   }, deps);
 }
+export function useIgnoredEffectDebounced(effect, deps, ignoredDeps, options) {
+  const hasInitialized = useRef(typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false);
+  const prevDeps = useRef(deps);
+  useDebouncedEffect(() => {
+    const depsHaveChanged = deps.some((dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]));
+    if (depsHaveChanged || !hasInitialized.current) {
+      effect();
+    }
+    prevDeps.current = deps;
+    hasInitialized.current = true;
+  }, deps, options?.delay || 0);
+}
 //# sourceMappingURL=useIgnoredEffect.js.map

package/dist/hooks/useIgnoredEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIgnoredEffect.js","names":["dequal","useEffect","useRef","useIgnoredEffect","effect","deps","ignoredDeps","options","hasInitialized","runOnFirstRender","Boolean","prevDeps","depsHaveChanged","some","dep","index","includes","current"],"sources":["../../src/hooks/useIgnoredEffect.ts"],"sourcesContent":["import { dequal } from 'dequal/lite'\nimport { useEffect, useRef } from 'react'\n\n/**\n * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.\n * @constructor\n * @param {React.EffectCallback} effect - The effect to run\n * @param {React.DependencyList} deps - Dependencies that should trigger the effect\n * @param {React.DependencyList} ignoredDeps - Dependencies that should _not_ trigger the effect\n * @param {Object} options - Additional options to configure the hook\n * @param {boolean} options.runOnFirstRender - Whether the effect should run on the first render\n * @example\n * useIgnoredEffect(() => {\n *  console.log('This will run when `foo` changes, but not when `bar` changes')\n * }, [foo], [bar])\n */\nexport function useIgnoredEffect(\n  effect: React.EffectCallback,\n  deps: React.DependencyList,\n  ignoredDeps: React.DependencyList,\n  options?: { runOnFirstRender?: boolean },\n) {\n  const hasInitialized = useRef(\n    typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false,\n  )\n\n  const prevDeps = useRef(deps)\n\n  useEffect(() => {\n    const depsHaveChanged = deps.some(\n      (dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]),\n    )\n\n    if (depsHaveChanged || !hasInitialized.current) {\n      effect()\n    }\n\n    prevDeps.current = deps\n    hasInitialized.current = true\n  }, deps)\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC;;;;;;;;;;;;;AAaA,OAAO,SAASC,iBACdC,MAA4B,EAC5BC,IAA0B,EAC1BC,WAAiC,EACjCC,OAAwC;EAExC,MAAMC,cAAA,GAAiBN,MAAA,CACrB,OAAOK,OAAA,EAASE,gBAAA,KAAqB,cAAcC,OAAA,CAAQ,CAACH,OAAA,EAASE,gBAAA,IAAoB;EAG3F,MAAME,QAAA,GAAWT,MAAA,CAAOG,IAAA;EAExBJ,SAAA,CAAU;IACR,MAAMW,eAAA,GAAkBP,IAAA,CAAKQ,IAAI,CAC/B,CAACC,GAAA,EAAKC,KAAA,KAAU,CAACT,WAAA,CAAYU,QAAQ,CAACF,GAAA,KAAQ,CAACd,MAAA,CAAOc,GAAA,EAAKH,QAAA,CAASM,OAAO,CAACF,KAAA,CAAM;IAGpF,IAAIH,eAAA,IAAmB,CAACJ,cAAA,CAAeS,OAAO,EAAE;MAC9Cb,MAAA;IACF;IAEAO,QAAA,CAASM,OAAO,GAAGZ,IAAA;IACnBG,cAAA,CAAeS,OAAO,GAAG;EAC3B,GAAGZ,IAAA;AACL","ignoreList":[]}
+{"version":3,"file":"useIgnoredEffect.js","names":["dequal","useEffect","useRef","useDebouncedEffect","useIgnoredEffect","effect","deps","ignoredDeps","options","hasInitialized","runOnFirstRender","Boolean","prevDeps","depsHaveChanged","some","dep","index","includes","current","useIgnoredEffectDebounced","delay"],"sources":["../../src/hooks/useIgnoredEffect.ts"],"sourcesContent":["import { dequal } from 'dequal/lite'\nimport { useEffect, useRef } from 'react'\n\nimport { useDebouncedEffect } from './useDebouncedEffect.js'\n\n/**\n * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.\n * @constructor\n * @param {React.EffectCallback} effect - The effect to run\n * @param {React.DependencyList} deps - Dependencies that should trigger the effect\n * @param {React.DependencyList} ignoredDeps - Dependencies that should _not_ trigger the effect\n * @param {Object} options - Additional options to configure the hook\n * @param {boolean} options.runOnFirstRender - Whether the effect should run on the first render\n * @example\n * useIgnoredEffect(() => {\n *  console.log('This will run when `foo` changes, but not when `bar` changes')\n * }, [foo], [bar])\n */\nexport function useIgnoredEffect(\n  effect: React.EffectCallback,\n  deps: React.DependencyList,\n  ignoredDeps: React.DependencyList,\n  options?: { runOnFirstRender?: boolean },\n) {\n  const hasInitialized = useRef(\n    typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false,\n  )\n\n  const prevDeps = useRef(deps)\n\n  useEffect(() => {\n    const depsHaveChanged = deps.some(\n      (dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]),\n    )\n\n    if (depsHaveChanged || !hasInitialized.current) {\n      effect()\n    }\n\n    prevDeps.current = deps\n    hasInitialized.current = true\n  }, deps)\n}\n\nexport function useIgnoredEffectDebounced(\n  effect: React.EffectCallback,\n  deps: React.DependencyList,\n  ignoredDeps: React.DependencyList,\n  options?: { delay?: number; runOnFirstRender?: boolean },\n) {\n  const hasInitialized = useRef(\n    typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false,\n  )\n\n  const prevDeps = useRef(deps)\n\n  useDebouncedEffect(\n    () => {\n      const depsHaveChanged = deps.some(\n        (dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]),\n      )\n\n      if (depsHaveChanged || !hasInitialized.current) {\n        effect()\n      }\n\n      prevDeps.current = deps\n      hasInitialized.current = true\n    },\n    deps,\n    options?.delay || 0,\n  )\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,kBAAkB,QAAQ;AAEnC;;;;;;;;;;;;;AAaA,OAAO,SAASC,iBACdC,MAA4B,EAC5BC,IAA0B,EAC1BC,WAAiC,EACjCC,OAAwC;EAExC,MAAMC,cAAA,GAAiBP,MAAA,CACrB,OAAOM,OAAA,EAASE,gBAAA,KAAqB,cAAcC,OAAA,CAAQ,CAACH,OAAA,EAASE,gBAAA,IAAoB;EAG3F,MAAME,QAAA,GAAWV,MAAA,CAAOI,IAAA;EAExBL,SAAA,CAAU;IACR,MAAMY,eAAA,GAAkBP,IAAA,CAAKQ,IAAI,CAC/B,CAACC,GAAA,EAAKC,KAAA,KAAU,CAACT,WAAA,CAAYU,QAAQ,CAACF,GAAA,KAAQ,CAACf,MAAA,CAAOe,GAAA,EAAKH,QAAA,CAASM,OAAO,CAACF,KAAA,CAAM;IAGpF,IAAIH,eAAA,IAAmB,CAACJ,cAAA,CAAeS,OAAO,EAAE;MAC9Cb,MAAA;IACF;IAEAO,QAAA,CAASM,OAAO,GAAGZ,IAAA;IACnBG,cAAA,CAAeS,OAAO,GAAG;EAC3B,GAAGZ,IAAA;AACL;AAEA,OAAO,SAASa,0BACdd,MAA4B,EAC5BC,IAA0B,EAC1BC,WAAiC,EACjCC,OAAwD;EAExD,MAAMC,cAAA,GAAiBP,MAAA,CACrB,OAAOM,OAAA,EAASE,gBAAA,KAAqB,cAAcC,OAAA,CAAQ,CAACH,OAAA,EAASE,gBAAA,IAAoB;EAG3F,MAAME,QAAA,GAAWV,MAAA,CAAOI,IAAA;EAExBH,kBAAA,CACE;IACE,MAAMU,eAAA,GAAkBP,IAAA,CAAKQ,IAAI,CAC/B,CAACC,GAAA,EAAKC,KAAA,KAAU,CAACT,WAAA,CAAYU,QAAQ,CAACF,GAAA,KAAQ,CAACf,MAAA,CAAOe,GAAA,EAAKH,QAAA,CAASM,OAAO,CAACF,KAAA,CAAM;IAGpF,IAAIH,eAAA,IAAmB,CAACJ,cAAA,CAAeS,OAAO,EAAE;MAC9Cb,MAAA;IACF;IAEAO,QAAA,CAASM,OAAO,GAAGZ,IAAA;IACnBG,cAAA,CAAeS,OAAO,GAAG;EAC3B,GACAZ,IAAA,EACAE,OAAA,EAASY,KAAA,IAAS;AAEtB","ignoreList":[]}

package/dist/hooks/usePayloadAPI.js

@@ -115,7 +115,7 @@ export const usePayloadAPI = (url, t0) => {
         try {
           abortController.abort();
         } catch (t8) {
-          const error_0 = t8;
+          const _err = t8;
         }
       };
     };

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","t6","stringify","addQueryPrefix","search","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","error","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (error) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","t6","stringify","addQueryPrefix","search","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/useUseAsTitle.d.ts

@@ -1,3 +1,3 @@
 import type { ClientCollectionConfig, ClientField } from 'payload';
-export declare const useUseTitleField: (collection: ClientCollectionConfig, fields: ClientField[]) => ClientField;
+export declare const useUseTitleField: (collection: ClientCollectionConfig) => ClientField;
 //# sourceMappingURL=useUseAsTitle.d.ts.map

package/dist/hooks/useUseAsTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUseAsTitle.d.ts","sourceRoot":"","sources":["../../src/hooks/useUseAsTitle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlE,eAAO,MAAM,gBAAgB,eACf,sBAAsB,UAC1B,WAAW,EAAE,KACpB,WAOF,CAAA"}
+{"version":3,"file":"useUseAsTitle.d.ts","sourceRoot":"","sources":["../../src/hooks/useUseAsTitle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlE,eAAO,MAAM,gBAAgB,eAAgB,sBAAsB,KAAG,WAQrE,CAAA"}

package/dist/hooks/useUseAsTitle.js

@@ -1,13 +1,14 @@
 'use client';
 
 import { flattenFieldMap } from '../utilities/flattenFieldMap.js';
-export const useUseTitleField = (collection, fields) => {
+export const useUseTitleField = collection => {
   const {
     admin: {
       useAsTitle
-    }
+    },
+    fields
   } = collection;
   const topLevelFields = flattenFieldMap(fields);
-  return topLevelFields.find(field => 'name' in field && field.name === useAsTitle);
+  return topLevelFields?.find(field => 'name' in field && field.name === useAsTitle);
 };
 //# sourceMappingURL=useUseAsTitle.js.map

package/dist/hooks/useUseAsTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUseAsTitle.js","names":["flattenFieldMap","useUseTitleField","collection","fields","admin","useAsTitle","topLevelFields","find","field","name"],"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField } from 'payload'\n\nimport { flattenFieldMap } from '../utilities/flattenFieldMap.js'\n\nexport const useUseTitleField = (\n  collection: ClientCollectionConfig,\n  fields: ClientField[],\n): ClientField => {\n  const {\n    admin: { useAsTitle },\n  } = collection\n\n  const topLevelFields = flattenFieldMap(fields)\n  return topLevelFields.find((field) => 'name' in field && field.name === useAsTitle)\n}\n"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ;AAEhC,OAAO,MAAMC,gBAAA,GAAmBA,CAC9BC,UAAA,EACAC,MAAA;EAEA,MAAM;IACJC,KAAA,EAAO;MAAEC;IAAU;EAAE,CACtB,GAAGH,UAAA;EAEJ,MAAMI,cAAA,GAAiBN,eAAA,CAAgBG,MAAA;EACvC,OAAOG,cAAA,CAAeC,IAAI,CAAEC,KAAA,IAAU,UAAUA,KAAA,IAASA,KAAA,CAAMC,IAAI,KAAKJ,UAAA;AAC1E","ignoreList":[]}
+{"version":3,"file":"useUseAsTitle.js","names":["flattenFieldMap","useUseTitleField","collection","admin","useAsTitle","fields","topLevelFields","find","field","name"],"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField } from 'payload'\n\nimport { flattenFieldMap } from '../utilities/flattenFieldMap.js'\n\nexport const useUseTitleField = (collection: ClientCollectionConfig): ClientField => {\n  const {\n    admin: { useAsTitle },\n    fields,\n  } = collection\n\n  const topLevelFields = flattenFieldMap(fields)\n  return topLevelFields?.find((field) => 'name' in field && field.name === useAsTitle)\n}\n"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ;AAEhC,OAAO,MAAMC,gBAAA,GAAoBC,UAAA;EAC/B,MAAM;IACJC,KAAA,EAAO;MAAEC;IAAU,CAAE;IACrBC;EAAM,CACP,GAAGH,UAAA;EAEJ,MAAMI,cAAA,GAAiBN,eAAA,CAAgBK,MAAA;EACvC,OAAOC,cAAA,EAAgBC,IAAA,CAAMC,KAAA,IAAU,UAAUA,KAAA,IAASA,KAAA,CAAMC,IAAI,KAAKL,UAAA;AAC3E","ignoreList":[]}

package/dist/icons/Calendar/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--calendar {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--calendar {
+    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/Check/index.scss

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

package/dist/icons/Chevron/index.scss

@@ -1,23 +1,25 @@
 @import '../../scss/styles';
 
-.icon--chevron {
-  height: calc(var(--base) / 2);
-  width: calc(var(--base) / 2);
+@layer payload-default {
+  .icon--chevron {
+    height: calc(var(--base) / 2);
+    width: calc(var(--base) / 2);
 
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
-    vector-effect: non-scaling-stroke;
-  }
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+      vector-effect: non-scaling-stroke;
+    }
 
-  &.icon--size-large {
-    height: var(--base);
-    width: var(--base);
-  }
+    &.icon--size-large {
+      height: var(--base);
+      width: var(--base);
+    }
 
-  &.icon--size-small {
-    height: 8px;
-    width: 8px;
+    &.icon--size-small {
+      height: 8px;
+      width: 8px;
+    }
   }
 }

package/dist/icons/CloseMenu/index.scss

@@ -1,10 +1,12 @@
 @import '../../scss/styles.scss';
 
-.icon--close-menu {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--close-menu {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: currentColor;
+    .stroke {
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Copy/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--copy {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--copy {
+    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/DragHandle/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--drag-handle {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--drag-handle {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
-    fill: var(--theme-elevation-800);
+    .fill {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/icons/Edit/index.scss

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

package/dist/icons/Line/index.scss

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

package/dist/icons/Link/index.scss

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

package/dist/icons/Lock/index.scss

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

package/dist/icons/LogOut/index.scss

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

package/dist/icons/Menu/index.scss

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

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.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.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;
+    }
   }
 }