@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/hooks/useHotkey.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"names":["useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","cmdCtrlKey","editDepth","keyCodes","modalState","keydown","event","e","detail","undefined","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","Set","has","ctrlKey","maxEditDepth","Object","isOpen","length","keyup","document","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"names":["useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","cmdCtrlKey","editDepth","keyCodes","modalState","keydown","event","e","detail","undefined","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","Set","has","ctrlKey","maxEditDepth","Object","isOpen","length","keyup","document","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/hooks/usePayloadAPI.js

@@ -58,11 +58,10 @@ export const usePayloadAPI = (url, options = {})=>{
         return ()=>{
             try {
                 abortController.abort();
-            } catch (_err) {
-            // swallow error
-            }
+            } catch (_err) {}
         };
-    }, [
+    }, // swallow error
+    [
         url,
         locale,
         search,

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","options","initialData","initialParams","i18n","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","search","stringify","addQueryPrefix","current","abortController","AbortController","fetchData","response","get","headers","language","signal","status","json","error","aborted","abort","_err"],"mappings":"AAAA;AAGA,YAAYA,QAAQ,SAAQ;AAC5B,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEnD,SAASC,SAAS,QAAQ,+BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,QAAQ,QAAQ,sBAAqB;AAoB9C,OAAO,MAAMC,gBAA+B,CAACC,KAAKC,UAAU,CAAC,CAAC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,CAAC,CAAC,EAAE,GAAGF;IAE5C,MAAM,EAAEG,IAAI,EAAE,GAAGP;IACjB,MAAM,CAACQ,MAAMC,QAAQ,GAAGX,SAASO,eAAe,CAAC;IACjD,MAAM,CAACK,QAAQC,UAAU,GAAGb,SAASQ;IACrC,MAAM,CAACM,WAAWC,aAAa,GAAGf,SAAS,CAACO;IAC5C,MAAM,CAACS,SAASC,WAAW,GAAGjB,SAAS;IACvC,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGlB;IACzB,MAAMmB,iBAAiBrB,OAAO;IAE9B,MAAMsB,SAASxB,GAAGyB,SAAS,CACzB;QACEH;QACA,GAAI,OAAOP,WAAW,WAAWA,SAAS,CAAC,CAAC;IAC9C,GACA;QACEW,gBAAgB;IAClB;IAGF,8CAA8C;IAC9CzB,UAAU;QACR,IAAIS,eAAe,CAACa,eAAeI,OAAO,EAAE;YAC1CJ,eAAeI,OAAO,GAAG;YACzB;QACF;QAEA,MAAMC,kBAAkB,IAAIC;QAE5B,MAAMC,YAAY;YAChBV,WAAW;YACXF,aAAa;YAEb,IAAI;gBACF,MAAMa,WAAW,MAAMzB,SAAS0B,GAAG,CAAC,GAAGxB,MAAMgB,QAAQ,EAAE;oBACrDS,SAAS;wBACP,mBAAmBrB,KAAKsB,QAAQ;oBAClC;oBACAC,QAAQP,gBAAgBO,MAAM;gBAChC;gBAEA,IAAIJ,SAASK,MAAM,GAAG,KAAK;oBACzBhB,WAAW;gBACb;gBAEA,MAAMiB,OAAO,MAAMN,SAASM,IAAI;gBAEhCvB,QAAQuB;gBACRnB,aAAa;YACf,EAAE,OAAOoB,OAAO;gBACd,IAAI,CAACV,gBAAgBO,MAAM,CAACI,OAAO,EAAE;oBACnCnB,WAAW;oBACXF,aAAa;gBACf;YACF;QACF;QAEA,IAAIV,KAAK;YACP,KAAKsB;QACP,OAAO;YACLV,WAAW;YACXF,aAAa;QACf;QAEA,OAAO;YACL,IAAI;gBACFU,gBAAgBY,KAAK;YACvB,EAAE,OAAOC,MAAM;YACb,gBAAgB;YAClB;QACF;IACF,GAAG;QAACjC;QAAKc;QAAQE;QAAQZ,KAAKsB,QAAQ;QAAExB;KAAY;IAEpD,4CAA4C;IAC5CT,UAAU;QACR,IAAIS,eAAea,eAAeI,OAAO,EAAE;YACzCb,QAAQJ;QACV;IACF,GAAG;QAACA;KAAY;IAEhB,OAAO;QAAC;YAAEG;YAAMM;YAASF;QAAU;QAAG;YAAED;QAAU;KAAE;AACtD,EAAC"}
+{"version":3,"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"],"names":["qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","options","initialData","initialParams","i18n","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","search","stringify","addQueryPrefix","current","abortController","AbortController","fetchData","response","get","headers","language","signal","status","json","error","aborted","abort","_err"],"mappings":"AAAA;AAGA,YAAYA,QAAQ,SAAQ;AAC5B,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEnD,SAASC,SAAS,QAAQ,+BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,QAAQ,QAAQ,sBAAqB;AAoB9C,OAAO,MAAMC,gBAA+B,CAACC,KAAKC,UAAU,CAAC,CAAC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,CAAC,CAAC,EAAE,GAAGF;IAE5C,MAAM,EAAEG,IAAI,EAAE,GAAGP;IACjB,MAAM,CAACQ,MAAMC,QAAQ,GAAGX,SAASO,eAAe,CAAC;IACjD,MAAM,CAACK,QAAQC,UAAU,GAAGb,SAASQ;IACrC,MAAM,CAACM,WAAWC,aAAa,GAAGf,SAAS,CAACO;IAC5C,MAAM,CAACS,SAASC,WAAW,GAAGjB,SAAS;IACvC,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGlB;IACzB,MAAMmB,iBAAiBrB,OAAO;IAE9B,MAAMsB,SAASxB,GAAGyB,SAAS,CACzB;QACEH;QACA,GAAI,OAAOP,WAAW,WAAWA,SAAS,CAAC,CAAC;IAC9C,GACA;QACEW,gBAAgB;IAClB;IAGF,8CAA8C;IAC9CzB,UAAU;QACR,IAAIS,eAAe,CAACa,eAAeI,OAAO,EAAE;YAC1CJ,eAAeI,OAAO,GAAG;YACzB;QACF;QAEA,MAAMC,kBAAkB,IAAIC;QAE5B,MAAMC,YAAY;YAChBV,WAAW;YACXF,aAAa;YAEb,IAAI;gBACF,MAAMa,WAAW,MAAMzB,SAAS0B,GAAG,CAAC,GAAGxB,MAAMgB,QAAQ,EAAE;oBACrDS,SAAS;wBACP,mBAAmBrB,KAAKsB,QAAQ;oBAClC;oBACAC,QAAQP,gBAAgBO,MAAM;gBAChC;gBAEA,IAAIJ,SAASK,MAAM,GAAG,KAAK;oBACzBhB,WAAW;gBACb;gBAEA,MAAMiB,OAAO,MAAMN,SAASM,IAAI;gBAEhCvB,QAAQuB;gBACRnB,aAAa;YACf,EAAE,OAAOoB,OAAO;gBACd,IAAI,CAACV,gBAAgBO,MAAM,CAACI,OAAO,EAAE;oBACnCnB,WAAW;oBACXF,aAAa;gBACf;YACF;QACF;QAEA,IAAIV,KAAK;YACP,KAAKsB;QACP,OAAO;YACLV,WAAW;YACXF,aAAa;QACf;QAEA,OAAO;YACL,IAAI;gBACFU,gBAAgBY,KAAK;YACvB,EAAE,OAAOC,MAAM,CAEf;QACF;IACF,GAHM,gBAAgB;IAGnB;QAACjC;QAAKc;QAAQE;QAAQZ,KAAKsB,QAAQ;QAAExB;KAAY;IAEpD,4CAA4C;IAC5CT,UAAU;QACR,IAAIS,eAAea,eAAeI,OAAO,EAAE;YACzCb,QAAQJ;QACV;IACF,GAAG;QAACA;KAAY;IAEhB,OAAO;QAAC;YAAEG;YAAMM;YAASF;QAAU;QAAG;YAAED;QAAU;KAAE;AACtD,EAAC"}

package/dist/hooks/usePopupWindow.js

@@ -61,8 +61,8 @@ export const usePopupWindow = (props)=>{
             }
             strCopy += `${key}=${value},`;
             return strCopy;
-        }, '').slice(0, -1) // remove last ',' (comma)
-        ;
+        }, '').slice(0, -1);
+        // remove last ',' (comma)
         const newWindow = window.open(url, '_blank', popupOptions);
         popupRef.current = newWindow;
         setIsOpen(true);

package/dist/hooks/usePopupWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const {\n    config: { serverURL },\n  } = useConfig()\n\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useCallback","useEffect","useRef","useState","useConfig","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"mappings":"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"}
+{"version":3,"sources":["../../src/hooks/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const {\n    config: { serverURL },\n  } = useConfig()\n\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useCallback","useEffect","useRef","useState","useConfig","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"mappings":"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"}

package/dist/hooks/useQueue.js

@@ -1,5 +1,13 @@
 import { useCallback, useRef } from 'react';
 /**
+   * A function that is called after the queue has processed a function
+   * Used to perform side effects after processing the queue
+   * @returns {void}
+   */ /**
+   * A function that can be used to prevent the queue from processing under certain conditions
+   * Can also be used to perform side effects before processing the queue
+   * @returns {boolean} If `false`, the queue will not process
+   */ /**
  * A React hook that allows you to queue up functions to be executed in order.
  * This is useful when you need to ensure long running networks requests are processed sequentially.
  * Builds up a "queue" of functions to be executed in order, only ever processing the last function in the queue.
@@ -31,17 +39,17 @@ import { useCallback, useRef } from 'react';
                 }
             }
             while(queue.current.length > 0){
-                const latestTask = queue.current.pop() // Only process the last task in the queue
-                ;
-                queue.current = [] // Discard all other tasks
-                ;
+                const latestTask = queue.current.pop();
+                // Only process the last task in the queue
+                queue.current = [];
+                // Discard all other tasks
                 isProcessing.current = true;
                 try {
                     await latestTask();
                 } catch (err) {
-                    console.error('Error in queued function:', err) // eslint-disable-line no-console
-                    ;
-                } finally{
+                    console.error('Error in queued function:', err);
+                } finally// eslint-disable-line no-console
+                {
                     isProcessing.current = false;
                     if (typeof options?.afterProcess === 'function') {
                         options.afterProcess();

package/dist/hooks/useQueue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useQueue.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\ntype QueuedFunction = () => Promise<void>\n\ntype QueuedTaskOptions = {\n  /**\n   * A function that is called after the queue has processed a function\n   * Used to perform side effects after processing the queue\n   * @returns {void}\n   */\n  afterProcess?: () => void\n  /**\n   * A function that can be used to prevent the queue from processing under certain conditions\n   * Can also be used to perform side effects before processing the queue\n   * @returns {boolean} If `false`, the queue will not process\n   */\n  beforeProcess?: () => boolean | void\n}\n\ntype QueueTask = (fn: QueuedFunction, options?: QueuedTaskOptions) => void\n\n/**\n * A React hook that allows you to queue up functions to be executed in order.\n * This is useful when you need to ensure long running networks requests are processed sequentially.\n * Builds up a \"queue\" of functions to be executed in order, only ever processing the last function in the queue.\n * This ensures that a long queue of tasks doesn't cause a backlog of tasks to be processed.\n * E.g. if you queue a task and it begins running, then you queue 9 more tasks:\n *   1. The currently task will finish\n *   2. The next task in the queue will run\n *   3. All remaining tasks will be discarded\n * @returns {queueTask} A function used to queue a function.\n * @example\n * const { queueTask } = useQueue()\n * queueTask(async () => {\n *   await fetch('https://api.example.com')\n * })\n */\nexport function useQueue(): {\n  queueTask: QueueTask\n} {\n  const queue = useRef<QueuedFunction[]>([])\n\n  const isProcessing = useRef(false)\n\n  const queueTask = useCallback<QueueTask>((fn, options) => {\n    queue.current.push(fn)\n\n    async function processQueue() {\n      if (isProcessing.current) {\n        return\n      }\n\n      // Allow the consumer to prevent the queue from processing under certain conditions\n      if (typeof options?.beforeProcess === 'function') {\n        const shouldContinue = options.beforeProcess()\n\n        if (shouldContinue === false) {\n          return\n        }\n      }\n\n      while (queue.current.length > 0) {\n        const latestTask = queue.current.pop() // Only process the last task in the queue\n        queue.current = [] // Discard all other tasks\n\n        isProcessing.current = true\n\n        try {\n          await latestTask()\n        } catch (err) {\n          console.error('Error in queued function:', err) // eslint-disable-line no-console\n        } finally {\n          isProcessing.current = false\n\n          if (typeof options?.afterProcess === 'function') {\n            options.afterProcess()\n          }\n        }\n      }\n    }\n\n    void processQueue()\n  }, [])\n\n  return { queueTask }\n}\n"],"names":["useCallback","useRef","useQueue","queue","isProcessing","queueTask","fn","options","current","push","processQueue","beforeProcess","shouldContinue","length","latestTask","pop","err","console","error","afterProcess"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAqB3C;;;;;;;;;;;;;;;CAeC,GACD,OAAO,SAASC;IAGd,MAAMC,QAAQF,OAAyB,EAAE;IAEzC,MAAMG,eAAeH,OAAO;IAE5B,MAAMI,YAAYL,YAAuB,CAACM,IAAIC;QAC5CJ,MAAMK,OAAO,CAACC,IAAI,CAACH;QAEnB,eAAeI;YACb,IAAIN,aAAaI,OAAO,EAAE;gBACxB;YACF;YAEA,mFAAmF;YACnF,IAAI,OAAOD,SAASI,kBAAkB,YAAY;gBAChD,MAAMC,iBAAiBL,QAAQI,aAAa;gBAE5C,IAAIC,mBAAmB,OAAO;oBAC5B;gBACF;YACF;YAEA,MAAOT,MAAMK,OAAO,CAACK,MAAM,GAAG,EAAG;gBAC/B,MAAMC,aAAaX,MAAMK,OAAO,CAACO,GAAG,GAAG,0CAA0C;;gBACjFZ,MAAMK,OAAO,GAAG,EAAE,CAAC,0BAA0B;;gBAE7CJ,aAAaI,OAAO,GAAG;gBAEvB,IAAI;oBACF,MAAMM;gBACR,EAAE,OAAOE,KAAK;oBACZC,QAAQC,KAAK,CAAC,6BAA6BF,KAAK,iCAAiC;;gBACnF,SAAU;oBACRZ,aAAaI,OAAO,GAAG;oBAEvB,IAAI,OAAOD,SAASY,iBAAiB,YAAY;wBAC/CZ,QAAQY,YAAY;oBACtB;gBACF;YACF;QACF;QAEA,KAAKT;IACP,GAAG,EAAE;IAEL,OAAO;QAAEL;IAAU;AACrB"}
+{"version":3,"sources":["../../src/hooks/useQueue.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\ntype QueuedFunction = () => Promise<void>\n\ntype QueuedTaskOptions = {\n  /**\n   * A function that is called after the queue has processed a function\n   * Used to perform side effects after processing the queue\n   * @returns {void}\n   */\n  afterProcess?: () => void\n  /**\n   * A function that can be used to prevent the queue from processing under certain conditions\n   * Can also be used to perform side effects before processing the queue\n   * @returns {boolean} If `false`, the queue will not process\n   */\n  beforeProcess?: () => boolean | void\n}\n\ntype QueueTask = (fn: QueuedFunction, options?: QueuedTaskOptions) => void\n\n/**\n * A React hook that allows you to queue up functions to be executed in order.\n * This is useful when you need to ensure long running networks requests are processed sequentially.\n * Builds up a \"queue\" of functions to be executed in order, only ever processing the last function in the queue.\n * This ensures that a long queue of tasks doesn't cause a backlog of tasks to be processed.\n * E.g. if you queue a task and it begins running, then you queue 9 more tasks:\n *   1. The currently task will finish\n *   2. The next task in the queue will run\n *   3. All remaining tasks will be discarded\n * @returns {queueTask} A function used to queue a function.\n * @example\n * const { queueTask } = useQueue()\n * queueTask(async () => {\n *   await fetch('https://api.example.com')\n * })\n */\nexport function useQueue(): {\n  queueTask: QueueTask\n} {\n  const queue = useRef<QueuedFunction[]>([])\n\n  const isProcessing = useRef(false)\n\n  const queueTask = useCallback<QueueTask>((fn, options) => {\n    queue.current.push(fn)\n\n    async function processQueue() {\n      if (isProcessing.current) {\n        return\n      }\n\n      // Allow the consumer to prevent the queue from processing under certain conditions\n      if (typeof options?.beforeProcess === 'function') {\n        const shouldContinue = options.beforeProcess()\n\n        if (shouldContinue === false) {\n          return\n        }\n      }\n\n      while (queue.current.length > 0) {\n        const latestTask = queue.current.pop() // Only process the last task in the queue\n        queue.current = [] // Discard all other tasks\n\n        isProcessing.current = true\n\n        try {\n          await latestTask()\n        } catch (err) {\n          console.error('Error in queued function:', err) // eslint-disable-line no-console\n        } finally {\n          isProcessing.current = false\n\n          if (typeof options?.afterProcess === 'function') {\n            options.afterProcess()\n          }\n        }\n      }\n    }\n\n    void processQueue()\n  }, [])\n\n  return { queueTask }\n}\n"],"names":["useCallback","useRef","useQueue","queue","isProcessing","queueTask","fn","options","current","push","processQueue","beforeProcess","shouldContinue","length","latestTask","pop","err","console","error","afterProcess"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAKzC;;;;GAIC,GAED;;;;GAIC,GAMH;;;;;;;;;;;;;;;CAeC,GACD,OAAO,SAASC;IAGd,MAAMC,QAAQF,OAAyB,EAAE;IAEzC,MAAMG,eAAeH,OAAO;IAE5B,MAAMI,YAAYL,YAAuB,CAACM,IAAIC;QAC5CJ,MAAMK,OAAO,CAACC,IAAI,CAACH;QAEnB,eAAeI;YACb,IAAIN,aAAaI,OAAO,EAAE;gBACxB;YACF;YAEA,mFAAmF;YACnF,IAAI,OAAOD,SAASI,kBAAkB,YAAY;gBAChD,MAAMC,iBAAiBL,QAAQI,aAAa;gBAE5C,IAAIC,mBAAmB,OAAO;oBAC5B;gBACF;YACF;YAEA,MAAOT,MAAMK,OAAO,CAACK,MAAM,GAAG,EAAG;gBAC/B,MAAMC,aAAaX,MAAMK,OAAO,CAACO,GAAG;gBAAG,0CAA0C;gBACjFZ,MAAMK,OAAO,GAAG,EAAE;gBAAC,0BAA0B;gBAE7CJ,aAAaI,OAAO,GAAG;gBAEvB,IAAI;oBACF,MAAMM;gBACR,EAAE,OAAOE,KAAK;oBACZC,QAAQC,KAAK,CAAC,6BAA6BF;gBAC7C,SADkD,iCAAiC;gBACzE;oBACRZ,aAAaI,OAAO,GAAG;oBAEvB,IAAI,OAAOD,SAASY,iBAAiB,YAAY;wBAC/CZ,QAAQY,YAAY;oBACtB;gBACF;YACF;QACF;QAEA,KAAKT;IACP,GAAG,EAAE;IAEL,OAAO;QAAEL;IAAU;AACrB"}

package/dist/hooks/useResize.js

@@ -3,12 +3,13 @@ import { useEffect, useState } from 'react';
 export const useResize = (element)=>{
     const [size, setSize] = useState();
     useEffect(()=>{
-        let observer// eslint-disable-line
-        ;
+        let observer;
+        // eslint-disable-line
         if (element) {
             observer = new ResizeObserver((entries)=>{
                 entries.forEach((entry)=>{
-                    const { contentBoxSize, contentRect } = entry;
+                    const { contentBoxSize, contentRect } = // for Safari iOS compatibility, will be deprecated eventually (see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect)
+                    entry;
                     let newWidth = 0;
                     let newHeight = 0;
                     if (contentBoxSize) {

package/dist/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useResize.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\ninterface Size {\n  height: number\n  width: number\n}\n\ninterface Resize {\n  size?: Size\n}\n\nexport const useResize = (element: HTMLElement): Resize => {\n  const [size, setSize] = useState<Size>()\n\n  useEffect(() => {\n    let observer: any // eslint-disable-line\n\n    if (element) {\n      observer = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const {\n            contentBoxSize,\n            contentRect, // for Safari iOS compatibility, will be deprecated eventually (see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect)\n          } = entry\n\n          let newWidth = 0\n          let newHeight = 0\n\n          if (contentBoxSize) {\n            const newSize = Array.isArray(contentBoxSize) ? contentBoxSize[0] : contentBoxSize\n\n            if (newSize) {\n              const { blockSize, inlineSize } = newSize\n              newWidth = inlineSize\n              newHeight = blockSize\n            }\n          } else if (contentRect) {\n            // see note above for why this block is needed\n            const { height, width } = contentRect\n            newWidth = width\n            newHeight = height\n          }\n\n          setSize({\n            height: newHeight,\n            width: newWidth,\n          })\n        })\n      })\n\n      observer.observe(element)\n    }\n\n    return () => {\n      if (observer) {\n        observer.unobserve(element)\n      }\n    }\n  }, [element])\n\n  return {\n    size,\n  }\n}\n"],"names":["useEffect","useState","useResize","element","size","setSize","observer","ResizeObserver","entries","forEach","entry","contentBoxSize","contentRect","newWidth","newHeight","newSize","Array","isArray","blockSize","inlineSize","height","width","observe","unobserve"],"mappings":"AAAA;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAW3C,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,CAACC,MAAMC,QAAQ,GAAGJ;IAExBD,UAAU;QACR,IAAIM,QAAc,sBAAsB;;QAExC,IAAIH,SAAS;YACXG,WAAW,IAAIC,eAAe,CAACC;gBAC7BA,QAAQC,OAAO,CAAC,CAACC;oBACf,MAAM,EACJC,cAAc,EACdC,WAAW,EACZ,GAAGF;oBAEJ,IAAIG,WAAW;oBACf,IAAIC,YAAY;oBAEhB,IAAIH,gBAAgB;wBAClB,MAAMI,UAAUC,MAAMC,OAAO,CAACN,kBAAkBA,cAAc,CAAC,EAAE,GAAGA;wBAEpE,IAAII,SAAS;4BACX,MAAM,EAAEG,SAAS,EAAEC,UAAU,EAAE,GAAGJ;4BAClCF,WAAWM;4BACXL,YAAYI;wBACd;oBACF,OAAO,IAAIN,aAAa;wBACtB,8CAA8C;wBAC9C,MAAM,EAAEQ,MAAM,EAAEC,KAAK,EAAE,GAAGT;wBAC1BC,WAAWQ;wBACXP,YAAYM;oBACd;oBAEAf,QAAQ;wBACNe,QAAQN;wBACRO,OAAOR;oBACT;gBACF;YACF;YAEAP,SAASgB,OAAO,CAACnB;QACnB;QAEA,OAAO;YACL,IAAIG,UAAU;gBACZA,SAASiB,SAAS,CAACpB;YACrB;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,OAAO;QACLC;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../src/hooks/useResize.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\ninterface Size {\n  height: number\n  width: number\n}\n\ninterface Resize {\n  size?: Size\n}\n\nexport const useResize = (element: HTMLElement): Resize => {\n  const [size, setSize] = useState<Size>()\n\n  useEffect(() => {\n    let observer: any // eslint-disable-line\n\n    if (element) {\n      observer = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const {\n            contentBoxSize,\n            contentRect, // for Safari iOS compatibility, will be deprecated eventually (see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect)\n          } = entry\n\n          let newWidth = 0\n          let newHeight = 0\n\n          if (contentBoxSize) {\n            const newSize = Array.isArray(contentBoxSize) ? contentBoxSize[0] : contentBoxSize\n\n            if (newSize) {\n              const { blockSize, inlineSize } = newSize\n              newWidth = inlineSize\n              newHeight = blockSize\n            }\n          } else if (contentRect) {\n            // see note above for why this block is needed\n            const { height, width } = contentRect\n            newWidth = width\n            newHeight = height\n          }\n\n          setSize({\n            height: newHeight,\n            width: newWidth,\n          })\n        })\n      })\n\n      observer.observe(element)\n    }\n\n    return () => {\n      if (observer) {\n        observer.unobserve(element)\n      }\n    }\n  }, [element])\n\n  return {\n    size,\n  }\n}\n"],"names":["useEffect","useState","useResize","element","size","setSize","observer","ResizeObserver","entries","forEach","entry","contentBoxSize","contentRect","newWidth","newHeight","newSize","Array","isArray","blockSize","inlineSize","height","width","observe","unobserve"],"mappings":"AAAA;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAW3C,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,CAACC,MAAMC,QAAQ,GAAGJ;IAExBD,UAAU;QACR,IAAIM;QAAc,sBAAsB;QAExC,IAAIH,SAAS;YACXG,WAAW,IAAIC,eAAe,CAACC;gBAC7BA,QAAQC,OAAO,CAAC,CAACC;oBACf,MAAM,EACJC,cAAc,EACdC,WAAW,EACZ,GADc,qJAAqJ;oBAChKF;oBAEJ,IAAIG,WAAW;oBACf,IAAIC,YAAY;oBAEhB,IAAIH,gBAAgB;wBAClB,MAAMI,UAAUC,MAAMC,OAAO,CAACN,kBAAkBA,cAAc,CAAC,EAAE,GAAGA;wBAEpE,IAAII,SAAS;4BACX,MAAM,EAAEG,SAAS,EAAEC,UAAU,EAAE,GAAGJ;4BAClCF,WAAWM;4BACXL,YAAYI;wBACd;oBACF,OAAO,IAAIN,aAAa;wBACtB,8CAA8C;wBAC9C,MAAM,EAAEQ,MAAM,EAAEC,KAAK,EAAE,GAAGT;wBAC1BC,WAAWQ;wBACXP,YAAYM;oBACd;oBAEAf,QAAQ;wBACNe,QAAQN;wBACRO,OAAOR;oBACT;gBACF;YACF;YAEAP,SAASgB,OAAO,CAACnB;QACnB;QAEA,OAAO;YACL,IAAIG,UAAU;gBACZA,SAASiB,SAAS,CAACpB;YACrB;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,OAAO;QACLC;IACF;AACF,EAAC"}

package/dist/icons/Calendar/index.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
-export const CalendarIcon = ()=>/*#__PURE__*/ _jsx("svg", {
+export const CalendarIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         className: "icon icon--calendar",
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M7.33333 3.33334V6M12.6667 3.33334V6M4 8.66667H16M5.33333 4.66667H14.6667C15.403 4.66667 16 5.26362 16 6V15.3333C16 16.0697 15.403 16.6667 14.6667 16.6667H5.33333C4.59695 16.6667 4 16.0697 4 15.3333V6C4 5.26362 4.59695 4.66667 5.33333 4.66667Z",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/Calendar/index.tsx",
+            lineNumber: 7,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/Calendar/index.tsx",
+        lineNumber: 6,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Calendar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CalendarIcon: React.FC = () => (\n  <svg className=\"icon icon--calendar\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33333 3.33334V6M12.6667 3.33334V6M4 8.66667H16M5.33333 4.66667H14.6667C15.403 4.66667 16 5.26362 16 6V15.3333C16 16.0697 15.403 16.6667 14.6667 16.6667H5.33333C4.59695 16.6667 4 16.0697 4 15.3333V6C4 5.26362 4.59695 4.66667 5.33333 4.66667Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CalendarIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyB,kBACpC,KAACC;QAAIC,WAAU;QAAsBC,SAAQ;QAAYC,OAAM;kBAC7D,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"sources":["../../../src/icons/Calendar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CalendarIcon: React.FC = () => (\n  <svg className=\"icon icon--calendar\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33333 3.33334V6M12.6667 3.33334V6M4 8.66667H16M5.33333 4.66667H14.6667C15.403 4.66667 16 5.26362 16 6V15.3333C16 16.0697 15.403 16.6667 14.6667 16.6667H5.33333C4.59695 16.6667 4 16.0697 4 15.3333V6C4 5.26362 4.59695 4.66667 5.33333 4.66667Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CalendarIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyB,kBACpC,QAACC;QAAIC,WAAU;QAAsBC,SAAQ;QAAYC,OAAM;kBAC7D,cAAA,QAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;;;;;;;;;aAGnB"}

package/dist/icons/Check/index.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
-export const CheckIcon = ()=>/*#__PURE__*/ _jsx("svg", {
+export const CheckIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         className: "icon icon--check",
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M15.3333 6.00001L8.00001 13.3333L4.66667 10",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/Check/index.tsx",
+            lineNumber: 7,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/Check/index.tsx",
+        lineNumber: 6,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Check/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CheckIcon: React.FC = () => (\n  <svg className=\"icon icon--check\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M15.3333 6.00001L8.00001 13.3333L4.66667 10\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CheckIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAsB,kBACjC,KAACC;QAAIC,WAAU;QAAmBC,SAAQ;QAAYC,OAAM;kBAC1D,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"sources":["../../../src/icons/Check/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CheckIcon: React.FC = () => (\n  <svg className=\"icon icon--check\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M15.3333 6.00001L8.00001 13.3333L4.66667 10\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CheckIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAsB,kBACjC,QAACC;QAAIC,WAAU;QAAmBC,SAAQ;QAAYC,OAAM;kBAC1D,cAAA,QAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;;;;;;;;;aAGnB"}

package/dist/icons/Chevron/index.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
-export const ChevronIcon = ({ ariaLabel, className, direction, size })=>/*#__PURE__*/ _jsx("svg", {
+export const ChevronIcon = ({ ariaLabel, className, direction, size })=>/*#__PURE__*/ _jsxDEV("svg", {
         "aria-label": ariaLabel,
         className: [
             'icon icon--chevron',
@@ -15,11 +15,19 @@ export const ChevronIcon = ({ ariaLabel, className, direction, size })=>/*#__PUR
         viewBox: "0 0 20 20",
         width: "100%",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M14 8L10 12L6 8",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/Chevron/index.tsx",
+            lineNumber: 31,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/Chevron/index.tsx",
+        lineNumber: 11,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ ariaLabel, className, direction, size }) => (\n  <svg\n    aria-label={ariaLabel}\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 20 20\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 8L10 12L6 8\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","ChevronIcon","ariaLabel","className","direction","size","svg","aria-label","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,cAKR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,IAAI,EAAE,iBAC7C,KAACC;QACCC,cAAYL;QACZC,WAAW;YAAC;YAAsBA;YAAWE,QAAQ,CAAC,WAAW,EAAEA,MAAM;SAAC,CACvEG,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,QAAO;QACPC,OAAO;YACLC,WACET,cAAc,SACV,kBACAA,cAAc,UACZ,mBACAA,cAAc,OACZ,mBACAU;QACZ;QACAC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YAAKf,WAAU;YAASgB,GAAE;YAAkBC,eAAc;;OAE9D"}
+{"version":3,"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ ariaLabel, className, direction, size }) => (\n  <svg\n    aria-label={ariaLabel}\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 20 20\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 8L10 12L6 8\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","ChevronIcon","ariaLabel","className","direction","size","svg","aria-label","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,cAKR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,IAAI,EAAE,iBAC7C,QAACC;QACCC,cAAYL;QACZC,WAAW;YAAC;YAAsBA;YAAWE,QAAQ,CAAC,WAAW,EAAEA,MAAM;SAAC,CACvEG,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,QAAO;QACPC,OAAO;YACLC,WACET,cAAc,SACV,kBACAA,cAAc,UACZ,mBACAA,cAAc,OACZ,mBACAU;QACZ;QACAC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,QAACC;YAAKf,WAAU;YAASgB,GAAE;YAAkBC,eAAc;;;;;;;;;;aAE9D"}

package/dist/icons/CloseMenu/index.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
-export const CloseMenuIcon = ()=>/*#__PURE__*/ _jsx("svg", {
+export const CloseMenuIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         className: "icon icon--close-menu",
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M14 6L6 14M6 6L14 14",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/CloseMenu/index.tsx",
+            lineNumber: 7,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/CloseMenu/index.tsx",
+        lineNumber: 6,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/CloseMenu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CloseMenuIcon: React.FC = () => (\n  <svg className=\"icon icon--close-menu\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","CloseMenuIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA0B,kBACrC,KAACC;QAAIC,WAAU;QAAwBC,SAAQ;QAAYC,OAAM;kBAC/D,cAAA,KAACC;YAAKH,WAAU;YAASI,GAAE;YAAuBC,eAAc;;OAEnE"}
+{"version":3,"sources":["../../../src/icons/CloseMenu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CloseMenuIcon: React.FC = () => (\n  <svg className=\"icon icon--close-menu\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","CloseMenuIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA0B,kBACrC,QAACC;QAAIC,WAAU;QAAwBC,SAAQ;QAAYC,OAAM;kBAC/D,cAAA,QAACC;YAAKH,WAAU;YAASI,GAAE;YAAuBC,eAAc;;;;;;;;;;aAEnE"}

package/dist/icons/CodeBlock/index.js

@@ -1,16 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
-export const CodeBlockIcon = ()=>/*#__PURE__*/ _jsx("svg", {
+export const CodeBlockIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         "aria-hidden": "true",
         className: "graphic code-block-icon",
         focusable: "false",
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M14 12.6667L16.6667 9.99999L14 7.33332M5.99999 7.33332L3.33333 9.99999L5.99999 12.6667M11.6667 4.66666L8.33333 15.3333",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/CodeBlock/index.tsx",
+            lineNumber: 11,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/CodeBlock/index.tsx",
+        lineNumber: 4,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/CodeBlock/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeBlockIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic code-block-icon\"\n    focusable=\"false\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M14 12.6667L16.6667 9.99999L14 7.33332M5.99999 7.33332L3.33333 9.99999L5.99999 12.6667M11.6667 4.66666L8.33333 15.3333\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CodeBlockIcon","svg","aria-hidden","className","focusable","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,KAACC;QACCC,eAAY;QACZC,WAAU;QACVC,WAAU;QACVC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCJ,WAAU;YACVK,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"sources":["../../../src/icons/CodeBlock/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeBlockIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic code-block-icon\"\n    focusable=\"false\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M14 12.6667L16.6667 9.99999L14 7.33332M5.99999 7.33332L3.33333 9.99999L5.99999 12.6667M11.6667 4.66666L8.33333 15.3333\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CodeBlockIcon","svg","aria-hidden","className","focusable","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,QAACC;QACCC,eAAY;QACZC,WAAU;QACVC,WAAU;QACVC,SAAQ;QACRC,OAAM;kBAEN,cAAA,QAACC;YACCJ,WAAU;YACVK,GAAE;YACFC,eAAc;;;;;;;;;;aAGnB"}

package/dist/icons/Copy/index.js

@@ -1,19 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const CopyIcon = ()=>// <svg className="icon icon--copy" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
     //   <rect className="stroke" height="8" width="8" x="6.5" y="10" />
     //   <path className="stroke" d="M10 9.98438V6.5H18V14.5H14" />
     // </svg>
-    /*#__PURE__*/ _jsx("svg", {
+    /*#__PURE__*/ _jsxDEV("svg", {
         className: "icon icon--copy",
         viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             className: "stroke",
             d: "M4.66666 12.6667C3.93333 12.6667 3.33333 12.0667 3.33333 11.3333V4.66668C3.33333 3.93334 3.93333 3.33334 4.66666 3.33334H11.3333C12.0667 3.33334 12.6667 3.93334 12.6667 4.66668M8.66666 7.33334H15.3333C16.0697 7.33334 16.6667 7.9303 16.6667 8.66668V15.3333C16.6667 16.0697 16.0697 16.6667 15.3333 16.6667H8.66666C7.93028 16.6667 7.33333 16.0697 7.33333 15.3333V8.66668C7.33333 7.9303 7.93028 7.33334 8.66666 7.33334Z",
             strokeLinecap: "square"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/Copy/index.tsx",
+            lineNumber: 11,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/Copy/index.tsx",
+        lineNumber: 10,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Copy/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CopyIcon: React.FC = () => (\n  // <svg className=\"icon icon--copy\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n  //   <rect className=\"stroke\" height=\"8\" width=\"8\" x=\"6.5\" y=\"10\" />\n  //   <path className=\"stroke\" d=\"M10 9.98438V6.5H18V14.5H14\" />\n  // </svg>\n  <svg className=\"icon icon--copy\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M4.66666 12.6667C3.93333 12.6667 3.33333 12.0667 3.33333 11.3333V4.66668C3.33333 3.93334 3.93333 3.33334 4.66666 3.33334H11.3333C12.0667 3.33334 12.6667 3.93334 12.6667 4.66668M8.66666 7.33334H15.3333C16.0697 7.33334 16.6667 7.9303 16.6667 8.66668V15.3333C16.6667 16.0697 16.0697 16.6667 15.3333 16.6667H8.66666C7.93028 16.6667 7.33333 16.0697 7.33333 15.3333V8.66668C7.33333 7.9303 7.93028 7.33334 8.66666 7.33334Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CopyIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,IAChC,2FAA2F;IAC3F,oEAAoE;IACpE,+DAA+D;IAC/D,SAAS;kBACT,KAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}
+{"version":3,"sources":["../../../src/icons/Copy/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CopyIcon: React.FC = () => (\n  // <svg className=\"icon icon--copy\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n  //   <rect className=\"stroke\" height=\"8\" width=\"8\" x=\"6.5\" y=\"10\" />\n  //   <path className=\"stroke\" d=\"M10 9.98438V6.5H18V14.5H14\" />\n  // </svg>\n  <svg className=\"icon icon--copy\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M4.66666 12.6667C3.93333 12.6667 3.33333 12.0667 3.33333 11.3333V4.66668C3.33333 3.93334 3.93333 3.33334 4.66666 3.33334H11.3333C12.0667 3.33334 12.6667 3.93334 12.6667 4.66668M8.66666 7.33334H15.3333C16.0697 7.33334 16.6667 7.9303 16.6667 8.66668V15.3333C16.6667 16.0697 16.0697 16.6667 15.3333 16.6667H8.66666C7.93028 16.6667 7.33333 16.0697 7.33333 15.3333V8.66668C7.33333 7.9303 7.93028 7.33334 8.66666 7.33334Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CopyIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,IAChC,2FAA2F;IAC3F,oEAAoE;IACpE,+DAA+D;IAC/D,SAAS;kBACT,QAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,QAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;;;;;;;;;aAGnB"}

package/dist/icons/Document/index.js

@@ -1,21 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const DocumentIcon = ()=>{
-    return /*#__PURE__*/ _jsx("svg", {
+    return /*#__PURE__*/ _jsxDEV("svg", {
         className: "icon icon--document",
         fill: "none",
         height: "16",
         viewBox: "0 0 16 16",
         width: "16",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
+        children: /*#__PURE__*/ _jsxDEV("path", {
             clipRule: "evenodd",
             d: "M3.5 1C2.94772 1 2.5 1.44772 2.5 2V14C2.5 14.5523 2.94771 15 3.5 15H12.5C13.0523 15 13.5 14.5523 13.5 14V4.41421C13.5 4.149 13.3946 3.89464 13.2071 3.70711L10.7929 1.29289C10.6054 1.10536 10.351 1 10.0858 1H3.5ZM5 5.5C5 5.22386 5.22386 5 5.5 5H10.5C10.7761 5 11 5.22386 11 5.5C11 5.77614 10.7761 6 10.5 6H5.5C5.22386 6 5 5.77614 5 5.5ZM5 8.5C5 8.22386 5.22386 8 5.5 8H10.5C10.7761 8 11 8.22386 11 8.5C11 8.77614 10.7761 9 10.5 9H5.5C5.22386 9 5 8.77614 5 8.5ZM5 11.5C5 11.2239 5.22386 11 5.5 11H10.5C10.7761 11 11 11.2239 11 11.5C11 11.7761 10.7761 12 10.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z",
             fill: "currentColor",
             fillRule: "evenodd"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/icons/Document/index.tsx",
+            lineNumber: 15,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/icons/Document/index.tsx",
+        lineNumber: 7,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Document/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DocumentIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--document\"\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d=\"M3.5 1C2.94772 1 2.5 1.44772 2.5 2V14C2.5 14.5523 2.94771 15 3.5 15H12.5C13.0523 15 13.5 14.5523 13.5 14V4.41421C13.5 4.149 13.3946 3.89464 13.2071 3.70711L10.7929 1.29289C10.6054 1.10536 10.351 1 10.0858 1H3.5ZM5 5.5C5 5.22386 5.22386 5 5.5 5H10.5C10.7761 5 11 5.22386 11 5.5C11 5.77614 10.7761 6 10.5 6H5.5C5.22386 6 5 5.77614 5 5.5ZM5 8.5C5 8.22386 5.22386 8 5.5 8H10.5C10.7761 8 11 8.22386 11 8.5C11 8.77614 10.7761 9 10.5 9H5.5C5.22386 9 5 8.77614 5 8.5ZM5 11.5C5 11.2239 5.22386 11 5.5 11H10.5C10.7761 11 11 11.2239 11 11.5C11 11.7761 10.7761 12 10.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","DocumentIcon","svg","className","fill","height","viewBox","width","xmlns","path","clipRule","d","fillRule"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAe;IAC1B,qBACE,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCC,UAAS;YACTC,GAAE;YACFP,MAAK;YACLQ,UAAS;;;AAIjB,EAAC"}
+{"version":3,"sources":["../../../src/icons/Document/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DocumentIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--document\"\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d=\"M3.5 1C2.94772 1 2.5 1.44772 2.5 2V14C2.5 14.5523 2.94771 15 3.5 15H12.5C13.0523 15 13.5 14.5523 13.5 14V4.41421C13.5 4.149 13.3946 3.89464 13.2071 3.70711L10.7929 1.29289C10.6054 1.10536 10.351 1 10.0858 1H3.5ZM5 5.5C5 5.22386 5.22386 5 5.5 5H10.5C10.7761 5 11 5.22386 11 5.5C11 5.77614 10.7761 6 10.5 6H5.5C5.22386 6 5 5.77614 5 5.5ZM5 8.5C5 8.22386 5.22386 8 5.5 8H10.5C10.7761 8 11 8.22386 11 8.5C11 8.77614 10.7761 9 10.5 9H5.5C5.22386 9 5 8.77614 5 8.5ZM5 11.5C5 11.2239 5.22386 11 5.5 11H10.5C10.7761 11 11 11.2239 11 11.5C11 11.7761 10.7761 12 10.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","DocumentIcon","svg","className","fill","height","viewBox","width","xmlns","path","clipRule","d","fillRule"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAe;IAC1B,qBACE,QAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,QAACC;YACCC,UAAS;YACTC,GAAE;YACFP,MAAK;YACLQ,UAAS;;;;;;;;;;;AAIjB,EAAC"}

package/dist/icons/Dots/index.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'dots';
-export const Dots = ({ ariaLabel, className, noBackground, orientation = 'vertical' })=>/*#__PURE__*/ _jsxs("div", {
+export const Dots = ({ ariaLabel, className, noBackground, orientation = 'vertical' })=>/*#__PURE__*/ _jsxDEV("div", {
         "aria-label": ariaLabel,
         className: [
             className,
@@ -11,10 +11,26 @@ export const Dots = ({ ariaLabel, className, noBackground, orientation = 'vertic
             orientation && `${baseClass}--${orientation}`
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx("div", {}),
-            /*#__PURE__*/ _jsx("div", {}),
-            /*#__PURE__*/ _jsx("div", {})
+            /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
+                fileName: "src/icons/Dots/index.tsx",
+                lineNumber: 24,
+                columnNumber: 5
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
+                fileName: "src/icons/Dots/index.tsx",
+                lineNumber: 25,
+                columnNumber: 5
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
+                fileName: "src/icons/Dots/index.tsx",
+                lineNumber: 26,
+                columnNumber: 5
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/icons/Dots/index.tsx",
+        lineNumber: 13,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Dots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dots'\n\nexport const Dots: React.FC<{\n  ariaLabel?: string\n  className?: string\n  noBackground?: boolean\n  orientation?: 'horizontal' | 'vertical'\n}> = ({ ariaLabel, className, noBackground, orientation = 'vertical' }) => (\n  <div\n    aria-label={ariaLabel}\n    className={[\n      className,\n      baseClass,\n      noBackground && `${baseClass}--no-background`,\n      orientation && `${baseClass}--${orientation}`,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n  >\n    <div />\n    <div />\n    <div />\n  </div>\n)\n"],"names":["React","baseClass","Dots","ariaLabel","className","noBackground","orientation","div","aria-label","filter","Boolean","join"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAKR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,cAAc,UAAU,EAAE,iBACpE,MAACC;QACCC,cAAYL;QACZC,WAAW;YACTA;YACAH;YACAI,gBAAgB,GAAGJ,UAAU,eAAe,CAAC;YAC7CK,eAAe,GAAGL,UAAU,EAAE,EAAEK,aAAa;SAC9C,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,KAACJ;0BACD,KAACA;0BACD,KAACA;;OAEJ"}
+{"version":3,"sources":["../../../src/icons/Dots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dots'\n\nexport const Dots: React.FC<{\n  ariaLabel?: string\n  className?: string\n  noBackground?: boolean\n  orientation?: 'horizontal' | 'vertical'\n}> = ({ ariaLabel, className, noBackground, orientation = 'vertical' }) => (\n  <div\n    aria-label={ariaLabel}\n    className={[\n      className,\n      baseClass,\n      noBackground && `${baseClass}--no-background`,\n      orientation && `${baseClass}--${orientation}`,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n  >\n    <div />\n    <div />\n    <div />\n  </div>\n)\n"],"names":["React","baseClass","Dots","ariaLabel","className","noBackground","orientation","div","aria-label","filter","Boolean","join"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAKR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,cAAc,UAAU,EAAE,iBACpE,QAACC;QACCC,cAAYL;QACZC,WAAW;YACTA;YACAH;YACAI,gBAAgB,GAAGJ,UAAU,eAAe,CAAC;YAC7CK,eAAe,GAAGL,UAAU,EAAE,EAAEK,aAAa;SAC9C,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,QAACJ;;;;;0BACD,QAACA;;;;;0BACD,QAACA;;;;;;;;;;aAEJ"}