@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

package/dist/hooks/useDelayedRender.js

@@ -1,44 +1,83 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
 import { useDelay } from './useDelay.js';
-export const useDelayedRender = ({
-  delayBeforeShow,
-  inTimeout,
-  minShowTime,
-  outTimeout,
-  show
-}) => {
+export const useDelayedRender = t0 => {
+  const $ = _c(13);
+  const {
+    delayBeforeShow,
+    inTimeout,
+    minShowTime,
+    outTimeout,
+    show
+  } = t0;
   const totalMountTime = inTimeout + minShowTime + outTimeout;
   const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow);
   const [isMounted, setIsMounted] = React.useState(false);
   const [isUnmounting, setIsUnmounting] = React.useState(false);
   const onMountTimestampRef = React.useRef(0);
   const unmountTimeoutRef = React.useRef(undefined);
-  const unmount = React.useCallback(() => {
-    setIsUnmounting(true);
-    unmountTimeoutRef.current = setTimeout(() => {
-      setIsMounted(false);
-      setIsUnmounting(false);
-    }, outTimeout);
-  }, [setIsUnmounting, outTimeout]);
-  React.useEffect(() => {
-    const shouldMount = hasDelayed && !isMounted && show;
-    const shouldUnmount = isMounted && !show;
-    if (shouldMount) {
-      onMountTimestampRef.current = Date.now();
-      setIsMounted(true);
-    } else if (shouldUnmount) {
-      const totalTimeMounted = Date.now() - onMountTimestampRef.current;
-      const remainingTime = totalMountTime - totalTimeMounted;
-      clearTimeout(unmountTimeoutRef.current);
-      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime));
-    }
-  }, [isMounted, show, unmount, totalMountTime, hasDelayed]);
-  return {
-    isMounted,
-    isUnmounting,
-    triggerDelayedRender: triggerDelay
-  };
+  let t1;
+  if ($[0] !== outTimeout) {
+    t1 = () => {
+      setIsUnmounting(true);
+      unmountTimeoutRef.current = setTimeout(() => {
+        setIsMounted(false);
+        setIsUnmounting(false);
+      }, outTimeout);
+    };
+    $[0] = outTimeout;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const unmount = t1;
+  let t2;
+  let t3;
+  if ($[2] !== hasDelayed || $[3] !== isMounted || $[4] !== show || $[5] !== totalMountTime || $[6] !== unmount) {
+    t2 = () => {
+      const shouldMount = hasDelayed && !isMounted && show;
+      const shouldUnmount = isMounted && !show;
+      if (shouldMount) {
+        onMountTimestampRef.current = Date.now();
+        setIsMounted(true);
+      } else {
+        if (shouldUnmount) {
+          const totalTimeMounted = Date.now() - onMountTimestampRef.current;
+          const remainingTime = totalMountTime - totalTimeMounted;
+          clearTimeout(unmountTimeoutRef.current);
+          unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime));
+        }
+      }
+    };
+    t3 = [isMounted, show, unmount, totalMountTime, hasDelayed];
+    $[2] = hasDelayed;
+    $[3] = isMounted;
+    $[4] = show;
+    $[5] = totalMountTime;
+    $[6] = unmount;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t2 = $[7];
+    t3 = $[8];
+  }
+  React.useEffect(t2, t3);
+  let t4;
+  if ($[9] !== isMounted || $[10] !== isUnmounting || $[11] !== triggerDelay) {
+    t4 = {
+      isMounted,
+      isUnmounting,
+      triggerDelayedRender: triggerDelay
+    };
+    $[9] = isMounted;
+    $[10] = isUnmounting;
+    $[11] = triggerDelay;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 };
 //# sourceMappingURL=useDelayedRender.js.map

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedRender.js","names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"mappings":"AAAA;;AACA,YAAYA,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AAwBzB,OAAO,MAAMC,gBAAA,GAAsCA,CAAC;EAClDC,eAAe;EACfC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC;AAAI,CACL;EACC,MAAMC,cAAA,GAAiBJ,SAAA,GAAYC,WAAA,GAAcC,UAAA;EACjD,MAAM,CAACG,UAAA,EAAYC,YAAA,CAAa,GAAGT,QAAA,CAASE,eAAA;EAC5C,MAAM,CAACQ,SAAA,EAAWC,YAAA,CAAa,GAAGZ,KAAA,CAAMa,QAAQ,CAAC;EACjD,MAAM,CAACC,YAAA,EAAcC,eAAA,CAAgB,GAAGf,KAAA,CAAMa,QAAQ,CAAC;EACvD,MAAMG,mBAAA,GAAsBhB,KAAA,CAAMiB,MAAM,CAAC;EACzC,MAAMC,iBAAA,GAAiElB,KAAA,CAAMiB,MAAM,CAACE,SAAA;EAEpF,MAAMC,OAAA,GAAUpB,KAAA,CAAMqB,WAAW,CAAC;IAChCN,eAAA,CAAgB;IAChBG,iBAAA,CAAkBI,OAAO,GAAGC,UAAA,CAAW;MACrCX,YAAA,CAAa;MACbG,eAAA,CAAgB;IAClB,GAAGT,UAAA;EACL,GAAG,CAACS,eAAA,EAAiBT,UAAA,CAAW;EAEhCN,KAAA,CAAMwB,SAAS,CAAC;IACd,MAAMC,WAAA,GAAchB,UAAA,IAAc,CAACE,SAAA,IAAaJ,IAAA;IAChD,MAAMmB,aAAA,GAAgBf,SAAA,IAAa,CAACJ,IAAA;IAEpC,IAAIkB,WAAA,EAAa;MACfT,mBAAA,CAAoBM,OAAO,GAAGK,IAAA,CAAKC,GAAG;MACtChB,YAAA,CAAa;IACf,OAAO,IAAIc,aAAA,EAAe;MACxB,MAAMG,gBAAA,GAAmBF,IAAA,CAAKC,GAAG,KAAKZ,mBAAA,CAAoBM,OAAO;MACjE,MAAMQ,aAAA,GAAgBtB,cAAA,GAAiBqB,gBAAA;MACvCE,YAAA,CAAab,iBAAA,CAAkBI,OAAO;MACtCJ,iBAAA,CAAkBI,OAAO,GAAGC,UAAA,CAAWH,OAAA,EAASY,IAAA,CAAKC,GAAG,CAAC,GAAGH,aAAA;IAC9D;EACF,GAAG,CAACnB,SAAA,EAAWJ,IAAA,EAAMa,OAAA,EAASZ,cAAA,EAAgBC,UAAA,CAAW;EAEzD,OAAO;IACLE,SAAA;IACAG,YAAA;IACAoB,oBAAA,EAAsBxB;EACxB;AACF","ignoreList":[]}
+{"version":3,"file":"useDelayedRender.js","names":["c","_c","React","useDelay","useDelayedRender","t0","$","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","t1","current","setTimeout","unmount","t2","t3","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","useEffect","t4","triggerDelayedRender"],"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAiF3B,CAAA"}
+{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAkF3B,CAAA"}

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        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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,YAAYC,EAAA,MAAQ;AACpB,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5C,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AAoBzB,OAAO,MAAMC,aAAA,GAA+BA,CAAAC,GAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAD,CAAA,QAAAD,EAAA;IAAME,EAAA,GAAAF,EAAY,KAAAG,SAAA,QAAZH,EAAY;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAZ,MAAAG,OAAA,GAAAF,EAAY;EAC5D;IAAAG,WAAA;IAAAC,aAAA,EAAAC;EAAA,IAA4CH,OAAA;EAAA,IAAAI,EAAA;EAAA,IAAAP,CAAA,QAAAM,EAAA;IAAvBC,EAAA,GAAAD,EAAkB,KAAAJ,SAAA,QAAlBI,EAAkB;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAlB,MAAAK,aAAA,GAAAE,EAAkB;EAEvC;IAAAC;EAAA,IAAiBb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAT,CAAA,QAAAI,WAAA;IACgBK,EAAA,GAAAL,WAAA,MAAgB;IAAAJ,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAjD,OAAAU,IAAA,EAAAC,OAAA,IAAwBlB,QAAA,CAASgB,EAAgB;EACjD,OAAAG,MAAA,EAAAC,SAAA,IAA4BpB,QAAA,CAASY,aAAA;EACrC,OAAAS,SAAA,EAAAC,YAAA,IAAkCtB,QAAA,EAAUW,WAAA;EAC5C,OAAAY,OAAA,EAAAC,UAAA,IAA8BxB,QAAA,MAAS;EACvC;IAAAyB,IAAA,EAAAC;EAAA,IAAyBzB,SAAA;EACzB,MAAA0B,cAAA,GAAuB5B,MAAA,MAAO;EAAA,IAAA6B,EAAA;EAAA,IAAArB,CAAA,QAAAY,MAAA,IAAAZ,CAAA,QAAAmB,MAAA;IAAA,IAAAG,EAAA;IAAA,IAAAtB,CAAA,QAAAY,MAAA;MAKtBU,EAAA,UAAOV,MAAA,KAAW,WAAWA,MAAA,KAAW;MAAAZ,CAAA,MAAAY,MAAA;MAAAZ,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAHjCqB,EAAA,GAAA/B,EAAA,CAAAiC,SAAA;MAAAJ,MAAA;MAAA,GAGPG;IAAwC;MAAAE,cAAA;IAAA,CAI9C;IAAAxB,CAAA,MAAAY,MAAA;IAAAZ,CAAA,MAAAmB,MAAA;IAAAnB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAPF,MAAAyB,MAAA,GAAeJ,EAOb;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,SAAAI,WAAA,IAAAJ,CAAA,SAAAF,GAAA,IAAAE,CAAA,SAAAyB,MAAA,IAAAzB,CAAA,SAAAQ,IAAA,CAAAkB,QAAA;IAIQJ,EAAA,GAAAA,CAAA;MAAA,IACJlB,WAAA,KAAgBgB,cAAA,CAAAO,OAAsB;QACxCP,cAAA,CAAAO,OAAA;QAAA;MAAA;MAIF,MAAAC,eAAA,OAAAC,eAAA;MAEA,MAAAC,SAAA,SAAAA,CAAA;QACEb,UAAA,MAAW;QACXF,YAAA,KAAa;QAAA;QAAA;UAGX,MAAAgB,QAAA,SAAuBnC,QAAA,CAAAoC,GAAA,CAAa,GAAGlC,GAAA,GAAM2B,MAAA,EAAQ;YAAAQ,OAAA;cAAA,mBAE9BzB,IAAA,CAAAkB;YAAA;YAAAQ,MAAA,EAEbN,eAAA,CAAAM;UAAA,CACV;UAAA,IAEIH,QAAA,CAAAI,MAAA,MAAkB;YACpBlB,UAAA,KAAW;UAAA;UAGb,MAAAmB,IAAA,SAAmBL,QAAA,CAAAK,IAAA,CAAa;UAChCzB,OAAA,CAAQyB,IAAA;UACRrB,YAAA,MAAa;QAAA,SAAAsB,EAAA;UAAA,KAERT,eAAA,CAAAM,MAAA,CAAAI,OAAA;YACHrB,UAAA,KAAW;YACXF,YAAA,MAAa;UAAA;QAAA;MAAA;MAGnB,IAEIjB,GAAA;QACGgC,SAAA;MAAA;QAELb,UAAA,MAAW;QACXF,YAAA,MAAa;MAAA;MAAA;QAAA;QAAA;UAKXa,eAAA,CAAAW,KAAA,CAAqB;QAAA,SAAAC,EAAA;UACdC,KAAA,CAAAA,OAAA,CAAAA,CAAA,CAAAA,EAAA;QAAA;MAAA;IAAA;IAIbzC,CAAA,OAAAI,WAAA;IAAAJ,CAAA,OAAAF,GAAA;IAAAE,CAAA,OAAAyB,MAAA;IAAAzB,CAAA,OAAAQ,IAAA,CAAAkB,QAAA;IAAA1B,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAAqC,EAAA;EAAA,IAAArC,CAAA,SAAAF,GAAA,IAAAE,CAAA,SAAAmB,MAAA,IAAAnB,CAAA,SAAAyB,MAAA,IAAAzB,CAAA,SAAAQ,IAAA,CAAAkB,QAAA,IAAA1B,CAAA,SAAAI,WAAA;IAAGiC,EAAA,IAACvC,GAAA,EAAKqB,MAAA,EAAQM,MAAA,EAAQjB,IAAA,CAAAkB,QAAA,EAAetB,WAAA;IAAYJ,CAAA,OAAAF,GAAA;IAAAE,CAAA,OAAAmB,MAAA;IAAAnB,CAAA,OAAAyB,MAAA;IAAAzB,CAAA,OAAAQ,IAAA,CAAAkB,QAAA;IAAA1B,CAAA,OAAAI,WAAA;IAAAJ,CAAA,OAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAjDpDT,SAAA,CAAU+B,EAiDV,EAAGe,EAAiD;EAAA,IAAAG,EAAA;EAAA,IAAAE,EAAA;EAAA,IAAA1C,CAAA,SAAAI,WAAA;IAG1CoC,EAAA,GAAAA,CAAA;MAAA,IACJpC,WAAA,IAAegB,cAAA,CAAAO,OAAsB;QACvChB,OAAA,CAAQP,WAAA;MAAA;IAAA;IAETsC,EAAA,IAACtC,WAAA;IAAYJ,CAAA,OAAAI,WAAA;IAAAJ,CAAA,OAAAwC,EAAA;IAAAxC,CAAA,OAAA0C,EAAA;EAAA;IAAAF,EAAA,GAAAxC,CAAA;IAAA0C,EAAA,GAAA1C,CAAA;EAAA;EAJhBT,SAAA,CAAUiD,EAIV,EAAGE,EAAa;EAAA,IAAAC,GAAA;EAAA,IAAA3C,CAAA,SAAAU,IAAA,IAAAV,CAAA,SAAAgB,OAAA,IAAAhB,CAAA,SAAAc,SAAA;IAER6B,GAAA;MAAAjC,IAAA;MAAAM,OAAA;MAAAF;IAAA;IAA2Bd,CAAA,OAAAU,IAAA;IAAAV,CAAA,OAAAgB,OAAA;IAAAhB,CAAA,OAAAc,SAAA;IAAAd,CAAA,OAAA2C,GAAA;EAAA;IAAAA,GAAA,GAAA3C,CAAA;EAAA;EAAA,IAAA4C,GAAA;EAAA,IAAA5C,CAAA,SAAA6C,MAAA,CAAAC,GAAA;IAAGF,GAAA;MAAA/B;IAAA;IAAYb,CAAA,OAAA4C,GAAA;EAAA;IAAAA,GAAA,GAAA5C,CAAA;EAAA;EAAA,IAAA+C,GAAA;EAAA,IAAA/C,CAAA,SAAA2C,GAAA;IAA3CI,GAAA,IAACJ,GAA2B,EAAGC,GAAY;IAAE5C,CAAA,OAAA2C,GAAA;IAAA3C,CAAA,OAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAA,OAA7C+C,GAA6C;AAAA,CACtD","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","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":[]}

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.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import './index.scss';
 export declare const ChevronIcon: React.FC<{
-    className?: string;
-    direction?: 'down' | 'left' | 'right' | 'up';
-    size?: 'large' | 'small';
+    readonly className?: string;
+    readonly direction?: 'down' | 'left' | 'right' | 'up';
+    readonly size?: 'large' | 'small';
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Chevron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAsBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Chevron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAClC,CAsBA,CAAA"}

package/dist/icons/Chevron/index.js

@@ -7,16 +7,16 @@ export const ChevronIcon = ({
   size
 }) => /*#__PURE__*/_jsx("svg", {
   className: ['icon icon--chevron', className, size && `icon--size-${size}`].filter(Boolean).join(' '),
-  height: 20,
+  height: "100%",
   style: {
     transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
   },
-  viewBox: "0 0 20 20",
-  width: 20,
+  viewBox: "0 0 22 12",
+  width: "100%",
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     className: "stroke",
-    d: "M6 8L10 12.5L14 8",
+    d: "M1 1.12109L11 11.1211L21 1.12109",
     strokeLinecap: "square"
   })
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  className?: string\n  direction?: 'down' | 'left' | 'right' | 'up'\n  size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height={20}\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M6 8L10 12.5L14 8\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAClCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAQ;EACRC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAoBC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 22 12\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M1 1.12109L11 11.1211L21 1.12109\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAClCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAO;EACPC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAmCC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Chevron/index.scss

@@ -1,15 +1,25 @@
 @import '../../scss/styles';
 
-.icon--chevron {
-  .stroke {
-    fill: none;
-    stroke: currentColor;
-    stroke-width: $style-stroke-width-s;
-    vector-effect: non-scaling-stroke;
-  }
+@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;
+    }
+
+    &.icon--size-large {
+      height: var(--base);
+      width: var(--base);
+    }
 
-  &--size-large {
-    height: var(--base);
-    width: var(--base);
+    &.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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare const LockIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Lock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAwBrD,CAAA"}

package/dist/icons/Lock/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+export const LockIcon = ({
+  className
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon icon--lock', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeOpacity: "1"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z",
+    stopOpacity: "1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","LockIcon","className","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","strokeOpacity","stopOpacity"],"sources":["../../../src/icons/Lock/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LockIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--lock', className].filter(Boolean).join(' ')}\n    fill=\"none\"\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=\"M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity=\"1\"\n    />\n    <path\n      className=\"stroke\"\n      d=\"M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z\"\n      stopOpacity=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\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,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe;IACfC,aAAA,EAAc;mBAEhBJ,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFI,WAAA,EAAY;IACZH,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}

package/dist/icons/Lock/index.scss

@@ -0,0 +1,10 @@
+@import '../../scss/styles';
+
+@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;
+    }
   }
 }

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