@transferwise/components 46.119.5 → 46.120.0

package/build/common/hooks/useEffectEvent.mjs

@@ -6,6 +6,7 @@ import { useRef, useEffect, useCallback } from 'react';
  * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
  * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
  */
+
 function useEffectEvent(callback) {
   const ref = useRef(() => {
     throw new Error('Cannot call an event handler while rendering.');

package/build/common/hooks/useEffectEvent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectEvent.mjs","sources":["../../../src/common/hooks/useEffectEvent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/*\n * Inspired by:\n *\n * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\n\nexport function useEffectEvent<A extends unknown[], R>(\n  callback: (...args: A) => R,\n): typeof callback {\n  const ref = useRef<typeof callback>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useEffect(() => {\n    ref.current = callback;\n  });\n\n  return useCallback((...args) => ref.current(...args), []);\n}\n"],"names":["useEffectEvent","callback","ref","useRef","Error","useEffect","current","useCallback","args"],"mappings":";;AAEA;;;;;AAKG;AAEG,SAAUA,cAAcA,CAC5BC,QAA2B,EAAA;AAE3B,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAkB,MAAK;AACvC,IAAA,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC;AAClE,EAAA,CAAC,CAAC;AAEFC,EAAAA,SAAS,CAAC,MAAK;IACbH,GAAG,CAACI,OAAO,GAAGL,QAAQ;AACxB,EAAA,CAAC,CAAC;AAEF,EAAA,OAAOM,WAAW,CAAC,CAAC,GAAGC,IAAI,KAAKN,GAAG,CAACI,OAAO,CAAC,GAAGE,IAAI,CAAC,EAAE,EAAE,CAAC;AAC3D;;;;"}
+{"version":3,"file":"useEffectEvent.mjs","sources":["../../../src/common/hooks/useEffectEvent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/*\n * Inspired by:\n *\n * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\n\nexport function useEffectEvent<A extends unknown[], R>(\n  callback: (...args: A) => R,\n): typeof callback {\n  const ref = useRef<typeof callback>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useEffect(() => {\n    ref.current = callback;\n  });\n\n  return useCallback((...args) => ref.current(...args), []);\n}\n"],"names":["useEffectEvent","callback","ref","useRef","Error","useEffect","current","useCallback","args"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,cAAcA,CAC5BC,QAA2B,EACV;AACjB,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAkB,MAAM;AACxC,IAAA,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC;AAClE,EAAA,CAAC,CAAC;AAEFC,EAAAA,SAAS,CAAC,MAAM;IACdH,GAAG,CAACI,OAAO,GAAGL,QAAQ;AACxB,EAAA,CAAC,CAAC;AAEF,EAAA,OAAOM,WAAW,CAAC,CAAC,GAAGC,IAAI,KAAKN,GAAG,CAACI,OAAO,CAAC,GAAGE,IAAI,CAAC,EAAE,EAAE,CAAC;AAC3D;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.js

@@ -5,6 +5,7 @@ var React = require('react');
 const ObserverParams = {
   threshold: 0.1
 };
+
 /**
  * useHasIntersected.
  * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
@@ -40,6 +41,7 @@ const useHasIntersected = ({
   React.useEffect(() => {
     let observer;
     let didCancel = false;
+
     // Check if window is defined for SSR and Old browsers fallback
     if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
       setHasIntersected(true);

package/build/common/hooks/useHasIntersected/useHasIntersected.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasIntersected.js","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;;;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;EACH,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAK;IAC5B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}
+{"version":3,"file":"useHasIntersected.js","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;;;AAEA,MAAMA,cAAwC,GAAG;AAC/CC,EAAAA,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAIZ,CAAC,KAAK;EACJ,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAQ,GAAC,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAM;IAC7B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAA+C,GAAGA,CAACC,OAAO,EAAEC,QAAQ,KAAK;AAC7ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAK;MACzB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAM;AACXU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs

@@ -3,6 +3,7 @@ import { useState, useEffect } from 'react';
 const ObserverParams = {
   threshold: 0.1
 };
+
 /**
  * useHasIntersected.
  * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
@@ -38,6 +39,7 @@ const useHasIntersected = ({
   useEffect(() => {
     let observer;
     let didCancel = false;
+
     // Check if window is defined for SSR and Old browsers fallback
     if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
       setHasIntersected(true);

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHasIntersected.mjs","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;EACH,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAK;IAC5B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}
+{"version":3,"file":"useHasIntersected.mjs","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;AAEA,MAAMA,cAAwC,GAAG;AAC/CC,EAAAA,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAIZ,CAAC,KAAK;EACJ,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAQ,GAAC,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAM;IAC7B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAA+C,GAAGA,CAACC,OAAO,EAAEC,QAAQ,KAAK;AAC7ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAK;MACzB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAM;AACXU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}

package/build/common/hooks/useLayout/useLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayout.js","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;;;AAGA;;AAEG;AACI,MAAMA,SAAS,GAAGA,MAOrB;AACF,EAAA,MAAMC,QAAQ,GAAGC,2BAAa,CAACC,qBAAU,CAACC,WAAW,CAAC;AACtD,EAAA,MAAMC,QAAQ,GAAGH,2BAAa,CAACC,qBAAU,CAACG,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGL,2BAAa,CAACC,qBAAU,CAACK,MAAM,CAAC;AACjD,EAAA,MAAMC,QAAQ,GAAGP,2BAAa,CAACC,qBAAU,CAACO,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGT,2BAAa,CAACC,qBAAU,CAACS,WAAW,CAAC;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER;GACf;AACH;;;;"}
+{"version":3,"file":"useLayout.js","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;;;AAGA;AACA;AACA;AACO,MAAMA,SAAS,GAAGA,MAOpB;AACH,EAAA,MAAMC,QAAQ,GAAGC,2BAAa,CAACC,qBAAU,CAACC,WAAW,CAAC;AACtD,EAAA,MAAMC,QAAQ,GAAGH,2BAAa,CAACC,qBAAU,CAACG,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGL,2BAAa,CAACC,qBAAU,CAACK,MAAM,CAAC;AACjD,EAAA,MAAMC,QAAQ,GAAGP,2BAAa,CAACC,qBAAU,CAACO,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGT,2BAAa,CAACC,qBAAU,CAACS,WAAW,CAAC;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER;GACf;AACH;;;;"}

package/build/common/hooks/useLayout/useLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLayout.mjs","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;AAGA;;AAEG;AACI,MAAMA,SAAS,GAAGA,MAOrB;AACF,EAAA,MAAMC,QAAQ,GAAGC,aAAa,CAACC,UAAU,CAACC,WAAW,CAAC;AACtD,EAAA,MAAMC,QAAQ,GAAGH,aAAa,CAACC,UAAU,CAACG,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGL,aAAa,CAACC,UAAU,CAACK,MAAM,CAAC;AACjD,EAAA,MAAMC,QAAQ,GAAGP,aAAa,CAACC,UAAU,CAACO,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGT,aAAa,CAACC,UAAU,CAACS,WAAW,CAAC;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER;GACf;AACH;;;;"}
+{"version":3,"file":"useLayout.mjs","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;AAGA;AACA;AACA;AACO,MAAMA,SAAS,GAAGA,MAOpB;AACH,EAAA,MAAMC,QAAQ,GAAGC,aAAa,CAACC,UAAU,CAACC,WAAW,CAAC;AACtD,EAAA,MAAMC,QAAQ,GAAGH,aAAa,CAACC,UAAU,CAACG,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGL,aAAa,CAACC,UAAU,CAACK,MAAM,CAAC;AACjD,EAAA,MAAMC,QAAQ,GAAGP,aAAa,CAACC,UAAU,CAACO,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGT,aAAa,CAACC,UAAU,CAACS,WAAW,CAAC;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER;GACf;AACH;;;;"}

package/build/common/hooks/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.js","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;;;AAEM,SAAUA,QAAQA,CAACC,KAAa,EAAA;EACpC,OAAOC,0BAAoB,CACxBC,aAAa,IAAI;AAChB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;AACxD,IAAA,OAAO,MAAK;AACVC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SAAS,CAChB;AACH;;;;"}
+{"version":3,"file":"useMedia.js","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;;;AAEO,SAASA,QAAQA,CAACC,KAAa,EAAE;EACtC,OAAOC,0BAAoB,CACxBC,aAAa,IAAK;AACjB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;AACxD,IAAA,OAAO,MAAM;AACXC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SACR,CAAC;AACH;;;;"}

package/build/common/hooks/useMedia.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.mjs","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;AAEM,SAAUA,QAAQA,CAACC,KAAa,EAAA;EACpC,OAAOC,oBAAoB,CACxBC,aAAa,IAAI;AAChB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;AACxD,IAAA,OAAO,MAAK;AACVC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SAAS,CAChB;AACH;;;;"}
+{"version":3,"file":"useMedia.mjs","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,KAAa,EAAE;EACtC,OAAOC,oBAAoB,CACxBC,aAAa,IAAK;AACjB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC;AACxD,IAAA,OAAO,MAAM;AACXC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SACR,CAAC;AACH;;;;"}

package/build/common/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;;;AAIM,SAAUA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAAA;AAE9C,EAAA,MAAMC,cAAc,GAAGC,6BAAc,CAACF,QAAQ,CAAC;AAC/CG,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAI;QACpDN,cAAc,CAACM,KAAK,CAAC;AACvB,MAAA,CAAC,CAAC;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE;AAAY,OAAE,CAAC;AAC1D,MAAA,OAAO,MAAK;QACVJ,cAAc,CAACK,UAAU,EAAE;MAC7B,CAAC;AACH,IAAA;IACA,OAAO,MAAK,CAAE,CAAC;AACjB,EAAA,CAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;;;AAIO,SAASA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAC9C;AACA,EAAA,MAAMC,cAAc,GAAGC,6BAAc,CAACF,QAAQ,CAAC;AAC/CG,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK;QACrDN,cAAc,CAACM,KAAK,CAAC;AACvB,MAAA,CAAC,CAAC;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE;AAAa,OAAC,CAAC;AAC1D,MAAA,OAAO,MAAM;QACXJ,cAAc,CAACK,UAAU,EAAE;MAC7B,CAAC;AACH,IAAA;IACA,OAAO,MAAM,CAAC,CAAC;AACjB,EAAA,CAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC;AAC3B;;;;"}

package/build/common/hooks/useResizeObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.mjs","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;AAIM,SAAUA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAAA;AAE9C,EAAA,MAAMC,cAAc,GAAGC,cAAc,CAACF,QAAQ,CAAC;AAC/CG,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAI;QACpDN,cAAc,CAACM,KAAK,CAAC;AACvB,MAAA,CAAC,CAAC;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE;AAAY,OAAE,CAAC;AAC1D,MAAA,OAAO,MAAK;QACVJ,cAAc,CAACK,UAAU,EAAE;MAC7B,CAAC;AACH,IAAA;IACA,OAAO,MAAK,CAAE,CAAC;AACjB,EAAA,CAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"useResizeObserver.mjs","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;AAIO,SAASA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAC9C;AACA,EAAA,MAAMC,cAAc,GAAGC,cAAc,CAACF,QAAQ,CAAC;AAC/CG,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK;QACrDN,cAAc,CAACM,KAAK,CAAC;AACvB,MAAA,CAAC,CAAC;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE;AAAa,OAAC,CAAC;AAC1D,MAAA,OAAO,MAAM;QACXJ,cAAc,CAACK,UAAU,EAAE;MAC7B,CAAC;AACH,IAAA;IACA,OAAO,MAAM,CAAC,CAAC;AACjB,EAAA,CAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC;AAC3B;;;;"}

package/build/common/hooks/useScreenSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenSize.js","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;;;AAIM,SAAUA,aAAaA,CAACC,IAAgB,EAAA;AAC5C,EAAA,OAAOC,iBAAQ,CAAC,CAAA,YAAA,EAAeD,IAAI,KAAK,CAAC;AAC3C;;;;"}
+{"version":3,"file":"useScreenSize.js","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;;;AAIO,SAASA,aAAaA,CAACC,IAAgB,EAAE;AAC9C,EAAA,OAAOC,iBAAQ,CAAC,CAAA,YAAA,EAAeD,IAAI,KAAK,CAAC;AAC3C;;;;"}

package/build/common/hooks/useScreenSize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenSize.mjs","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;AAIM,SAAUA,aAAaA,CAACC,IAAgB,EAAA;AAC5C,EAAA,OAAOC,QAAQ,CAAC,CAAA,YAAA,EAAeD,IAAI,KAAK,CAAC;AAC3C;;;;"}
+{"version":3,"file":"useScreenSize.mjs","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;AAIO,SAASA,aAAaA,CAACC,IAAgB,EAAE;AAC9C,EAAA,OAAOC,QAAQ,CAAC,CAAA,YAAA,EAAeD,IAAI,KAAK,CAAC;AAC3C;;;;"}

package/build/common/hooks/useVirtualKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualKeyboard.js","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n * @param open - Controls whether the virtual keyboard should overlay content\n */\nexport function useVirtualKeyboard(open: boolean) {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = open;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, [open]);\n}\n"],"names":["useVirtualKeyboard","open","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;;;AAEA;;;;;AAKG;AACG,SAAUA,kBAAkBA,CAACC,IAAa,EAAA;AAC9CC,EAAAA,eAAS,CAAC,MAAK;AACb;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAe,GAAQD,SAAS,CAACC,eAAe;AACtD,MAAA,MAAMC,sBAAsB,GAAYD,eAAe,CAACE,eAAe;MACvEF,eAAe,CAACE,eAAe,GAAGL,IAAI;AACtC,MAAA,OAAO,MAAK;QACVG,eAAe,CAACE,eAAe,GAAGD,sBAAsB;MAC1D,CAAC;AACH,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;AACZ;;;;"}
+{"version":3,"file":"useVirtualKeyboard.js","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n * @param open - Controls whether the virtual keyboard should overlay content\n */\nexport function useVirtualKeyboard(open: boolean) {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = open;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, [open]);\n}\n"],"names":["useVirtualKeyboard","open","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAACC,IAAa,EAAE;AAChDC,EAAAA,eAAS,CAAC,MAAM;AACd;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAoB,GAAGD,SAAS,CAACC,eAAe;AACtD,MAAA,MAAMC,sBAA+B,GAAGD,eAAe,CAACE,eAAe;MACvEF,eAAe,CAACE,eAAe,GAAGL,IAAI;AACtC,MAAA,OAAO,MAAM;QACXG,eAAe,CAACE,eAAe,GAAGD,sBAAsB;MAC1D,CAAC;AACH,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;AACZ;;;;"}

package/build/common/hooks/useVirtualKeyboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualKeyboard.mjs","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n * @param open - Controls whether the virtual keyboard should overlay content\n */\nexport function useVirtualKeyboard(open: boolean) {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = open;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, [open]);\n}\n"],"names":["useVirtualKeyboard","open","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;AAEA;;;;;AAKG;AACG,SAAUA,kBAAkBA,CAACC,IAAa,EAAA;AAC9CC,EAAAA,SAAS,CAAC,MAAK;AACb;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAe,GAAQD,SAAS,CAACC,eAAe;AACtD,MAAA,MAAMC,sBAAsB,GAAYD,eAAe,CAACE,eAAe;MACvEF,eAAe,CAACE,eAAe,GAAGL,IAAI;AACtC,MAAA,OAAO,MAAK;QACVG,eAAe,CAACE,eAAe,GAAGD,sBAAsB;MAC1D,CAAC;AACH,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;AACZ;;;;"}
+{"version":3,"file":"useVirtualKeyboard.mjs","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n * @param open - Controls whether the virtual keyboard should overlay content\n */\nexport function useVirtualKeyboard(open: boolean) {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = open;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, [open]);\n}\n"],"names":["useVirtualKeyboard","open","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAACC,IAAa,EAAE;AAChDC,EAAAA,SAAS,CAAC,MAAM;AACd;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAoB,GAAGD,SAAS,CAACC,eAAe;AACtD,MAAA,MAAMC,sBAA+B,GAAGD,eAAe,CAACE,eAAe;MACvEF,eAAe,CAACE,eAAe,GAAGL,IAAI;AACtC,MAAA,OAAO,MAAM;QACXG,eAAe,CAACE,eAAe,GAAGD,sBAAsB;MAC1D,CAAC;AACH,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACJ,IAAI,CAAC,CAAC;AACZ;;;;"}

package/build/common/initials.js

@@ -1,17 +1,30 @@
 'use strict';
 
+function startsWithParenthesis(part) {
+  return /^[({[<]/.test(part);
+}
+
+// Reuse a single Intl.Segmenter instance to avoid repeated allocations
+const GRAPHEME_SEGMENTER = new Intl.Segmenter('en', {
+  granularity: 'grapheme'
+});
+
+// Helper to split the string into grapheme clusters, which handles complex characters correctly
+function getGraphemes(str) {
+  return Array.from(GRAPHEME_SEGMENTER.segment(str), s => s.segment);
+}
 function getInitials(name) {
   if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {
     return name;
   }
-  const allInitials = name.split(' ').filter(part => !startsWithParenthesis(part)).map(part => part[0]).join('').toUpperCase();
-  if (allInitials.length === 1) {
-    return allInitials[0];
-  }
-  return allInitials[0] + allInitials.slice(-1);
-  function startsWithParenthesis(part) {
-    return /^[({[<]/.test(part);
+  const allInitials = name.split(' ').filter(part => !startsWithParenthesis(part)).map(part => getGraphemes(part)[0]).join('').toUpperCase();
+
+  // Get graphemes of the initials string to handle complex characters correctly
+  const graphemes = getGraphemes(allInitials);
+  if (graphemes.length === 1) {
+    return graphemes[0];
   }
+  return graphemes[0] + graphemes[graphemes.length - 1];
 }
 
 exports.getInitials = getInitials;

package/build/common/initials.js.map

@@ -1 +1 @@
-{"version":3,"file":"initials.js","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .filter((part) => !startsWithParenthesis(part))\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n\n  function startsWithParenthesis(part: string) {\n    return /^[({[<]/.test(part);\n  }\n}\n"],"names":["getInitials","name","length","test","allInitials","split","filter","part","startsWithParenthesis","map","join","toUpperCase","slice"],"mappings":";;AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;AACtC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACC,IAAI,CAACF,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb,EAAA;AAEA,EAAA,MAAMG,WAAW,GAAGH,IAAI,CACrBI,KAAK,CAAC,GAAG,CAAC,CACVC,MAAM,CAAEC,IAAI,IAAK,CAACC,qBAAqB,CAACD,IAAI,CAAC,CAAC,CAC9CE,GAAG,CAAEF,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBG,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIP,WAAW,CAACF,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOE,WAAW,CAAC,CAAC,CAAC;AACvB,EAAA;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACQ,KAAK,CAAC,EAAE,CAAC;EAE7C,SAASJ,qBAAqBA,CAACD,IAAY,EAAA;AACzC,IAAA,OAAO,SAAS,CAACJ,IAAI,CAACI,IAAI,CAAC;AAC7B,EAAA;AACF;;;;"}
+{"version":3,"file":"initials.js","sources":["../../src/common/initials.ts"],"sourcesContent":["function startsWithParenthesis(part: string) {\n  return /^[({[<]/.test(part);\n}\n\n// Reuse a single Intl.Segmenter instance to avoid repeated allocations\nconst GRAPHEME_SEGMENTER = new Intl.Segmenter('en', { granularity: 'grapheme' });\n\n// Helper to split the string into grapheme clusters, which handles complex characters correctly\nfunction getGraphemes(str: string): string[] {\n  return Array.from(GRAPHEME_SEGMENTER.segment(str), (s) => s.segment);\n}\n\nexport function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .filter((part) => !startsWithParenthesis(part))\n    .map((part) => getGraphemes(part)[0])\n    .join('')\n    .toUpperCase();\n\n  // Get graphemes of the initials string to handle complex characters correctly\n  const graphemes = getGraphemes(allInitials);\n\n  if (graphemes.length === 1) {\n    return graphemes[0];\n  }\n\n  return graphemes[0] + graphemes[graphemes.length - 1];\n}\n"],"names":["startsWithParenthesis","part","test","GRAPHEME_SEGMENTER","Intl","Segmenter","granularity","getGraphemes","str","Array","from","segment","s","getInitials","name","length","allInitials","split","filter","map","join","toUpperCase","graphemes"],"mappings":";;AAAA,SAASA,qBAAqBA,CAACC,IAAY,EAAE;AAC3C,EAAA,OAAO,SAAS,CAACC,IAAI,CAACD,IAAI,CAAC;AAC7B;;AAEA;AACA,MAAME,kBAAkB,GAAG,IAAIC,IAAI,CAACC,SAAS,CAAC,IAAI,EAAE;AAAEC,EAAAA,WAAW,EAAE;AAAW,CAAC,CAAC;;AAEhF;AACA,SAASC,YAAYA,CAACC,GAAW,EAAY;AAC3C,EAAA,OAAOC,KAAK,CAACC,IAAI,CAACP,kBAAkB,CAACQ,OAAO,CAACH,GAAG,CAAC,EAAGI,CAAC,IAAKA,CAAC,CAACD,OAAO,CAAC;AACtE;AAEO,SAASE,WAAWA,CAACC,IAAY,EAAE;AACxC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACb,IAAI,CAACY,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb,EAAA;AAEA,EAAA,MAAME,WAAW,GAAGF,IAAI,CACrBG,KAAK,CAAC,GAAG,CAAC,CACVC,MAAM,CAAEjB,IAAI,IAAK,CAACD,qBAAqB,CAACC,IAAI,CAAC,CAAC,CAC9CkB,GAAG,CAAElB,IAAI,IAAKM,YAAY,CAACN,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACpCmB,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;;AAEhB;AACA,EAAA,MAAMC,SAAS,GAAGf,YAAY,CAACS,WAAW,CAAC;AAE3C,EAAA,IAAIM,SAAS,CAACP,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOO,SAAS,CAAC,CAAC,CAAC;AACrB,EAAA;AAEA,EAAA,OAAOA,SAAS,CAAC,CAAC,CAAC,GAAGA,SAAS,CAACA,SAAS,CAACP,MAAM,GAAG,CAAC,CAAC;AACvD;;;;"}

package/build/common/initials.mjs

@@ -1,15 +1,28 @@
+function startsWithParenthesis(part) {
+  return /^[({[<]/.test(part);
+}
+
+// Reuse a single Intl.Segmenter instance to avoid repeated allocations
+const GRAPHEME_SEGMENTER = new Intl.Segmenter('en', {
+  granularity: 'grapheme'
+});
+
+// Helper to split the string into grapheme clusters, which handles complex characters correctly
+function getGraphemes(str) {
+  return Array.from(GRAPHEME_SEGMENTER.segment(str), s => s.segment);
+}
 function getInitials(name) {
   if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {
     return name;
   }
-  const allInitials = name.split(' ').filter(part => !startsWithParenthesis(part)).map(part => part[0]).join('').toUpperCase();
-  if (allInitials.length === 1) {
-    return allInitials[0];
-  }
-  return allInitials[0] + allInitials.slice(-1);
-  function startsWithParenthesis(part) {
-    return /^[({[<]/.test(part);
+  const allInitials = name.split(' ').filter(part => !startsWithParenthesis(part)).map(part => getGraphemes(part)[0]).join('').toUpperCase();
+
+  // Get graphemes of the initials string to handle complex characters correctly
+  const graphemes = getGraphemes(allInitials);
+  if (graphemes.length === 1) {
+    return graphemes[0];
   }
+  return graphemes[0] + graphemes[graphemes.length - 1];
 }
 
 export { getInitials };

package/build/common/initials.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"initials.mjs","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .filter((part) => !startsWithParenthesis(part))\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n\n  function startsWithParenthesis(part: string) {\n    return /^[({[<]/.test(part);\n  }\n}\n"],"names":["getInitials","name","length","test","allInitials","split","filter","part","startsWithParenthesis","map","join","toUpperCase","slice"],"mappings":"AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;AACtC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACC,IAAI,CAACF,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb,EAAA;AAEA,EAAA,MAAMG,WAAW,GAAGH,IAAI,CACrBI,KAAK,CAAC,GAAG,CAAC,CACVC,MAAM,CAAEC,IAAI,IAAK,CAACC,qBAAqB,CAACD,IAAI,CAAC,CAAC,CAC9CE,GAAG,CAAEF,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBG,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIP,WAAW,CAACF,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOE,WAAW,CAAC,CAAC,CAAC;AACvB,EAAA;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACQ,KAAK,CAAC,EAAE,CAAC;EAE7C,SAASJ,qBAAqBA,CAACD,IAAY,EAAA;AACzC,IAAA,OAAO,SAAS,CAACJ,IAAI,CAACI,IAAI,CAAC;AAC7B,EAAA;AACF;;;;"}
+{"version":3,"file":"initials.mjs","sources":["../../src/common/initials.ts"],"sourcesContent":["function startsWithParenthesis(part: string) {\n  return /^[({[<]/.test(part);\n}\n\n// Reuse a single Intl.Segmenter instance to avoid repeated allocations\nconst GRAPHEME_SEGMENTER = new Intl.Segmenter('en', { granularity: 'grapheme' });\n\n// Helper to split the string into grapheme clusters, which handles complex characters correctly\nfunction getGraphemes(str: string): string[] {\n  return Array.from(GRAPHEME_SEGMENTER.segment(str), (s) => s.segment);\n}\n\nexport function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .filter((part) => !startsWithParenthesis(part))\n    .map((part) => getGraphemes(part)[0])\n    .join('')\n    .toUpperCase();\n\n  // Get graphemes of the initials string to handle complex characters correctly\n  const graphemes = getGraphemes(allInitials);\n\n  if (graphemes.length === 1) {\n    return graphemes[0];\n  }\n\n  return graphemes[0] + graphemes[graphemes.length - 1];\n}\n"],"names":["startsWithParenthesis","part","test","GRAPHEME_SEGMENTER","Intl","Segmenter","granularity","getGraphemes","str","Array","from","segment","s","getInitials","name","length","allInitials","split","filter","map","join","toUpperCase","graphemes"],"mappings":"AAAA,SAASA,qBAAqBA,CAACC,IAAY,EAAE;AAC3C,EAAA,OAAO,SAAS,CAACC,IAAI,CAACD,IAAI,CAAC;AAC7B;;AAEA;AACA,MAAME,kBAAkB,GAAG,IAAIC,IAAI,CAACC,SAAS,CAAC,IAAI,EAAE;AAAEC,EAAAA,WAAW,EAAE;AAAW,CAAC,CAAC;;AAEhF;AACA,SAASC,YAAYA,CAACC,GAAW,EAAY;AAC3C,EAAA,OAAOC,KAAK,CAACC,IAAI,CAACP,kBAAkB,CAACQ,OAAO,CAACH,GAAG,CAAC,EAAGI,CAAC,IAAKA,CAAC,CAACD,OAAO,CAAC;AACtE;AAEO,SAASE,WAAWA,CAACC,IAAY,EAAE;AACxC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACb,IAAI,CAACY,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb,EAAA;AAEA,EAAA,MAAME,WAAW,GAAGF,IAAI,CACrBG,KAAK,CAAC,GAAG,CAAC,CACVC,MAAM,CAAEjB,IAAI,IAAK,CAACD,qBAAqB,CAACC,IAAI,CAAC,CAAC,CAC9CkB,GAAG,CAAElB,IAAI,IAAKM,YAAY,CAACN,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACpCmB,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;;AAEhB;AACA,EAAA,MAAMC,SAAS,GAAGf,YAAY,CAACS,WAAW,CAAC;AAE3C,EAAA,IAAIM,SAAS,CAACP,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOO,SAAS,CAAC,CAAC,CAAC;AACrB,EAAA;AAEA,EAAA,OAAOA,SAAS,CAAC,CAAC,CAAC,GAAGA,SAAS,CAACA,SAAS,CAACP,MAAM,GAAG,CAAC,CAAC;AACvD;;;;"}

package/build/common/locale/index.js

@@ -4,14 +4,17 @@ var direction = require('../direction.js');
 
 const DEFAULT_LANG = 'en';
 const DEFAULT_LOCALE = 'en-GB';
+
 /**
  * Languages written right-to-left.
  */
 const RTL_LANGUAGES = ['ar', 'he'];
+
 /**
  * @deprecated The source of truth for supported languages lives in Crab.
  */
 const SUPPORTED_LANGUAGES = [DEFAULT_LANG, 'cs', 'de', 'es', 'fr', 'hu', 'id', 'it', 'ja', 'nl', 'pl', 'pt', 'ro', 'ru', 'th', 'tr', 'uk', 'zh'];
+
 /**
  * Verifies and adjusts locale, replacing `_` with `-`.
  *
@@ -30,6 +33,7 @@ function adjustLocale(locale) {
   }
   return null;
 }
+
 /**
  * Provides corresponding lang (iso2) for provided locale.
  *
@@ -53,6 +57,7 @@ function getLangFromLocale(locale) {
   }
   return null;
 }
+
 /**
  * Provides corresponding country code (iso2) for locales code with explicit region value.
  *
@@ -63,6 +68,7 @@ function getCountryFromLocale(locale) {
   const adjustedLocale = adjustLocale(locale);
   return adjustedLocale != null ? new Intl.Locale(adjustedLocale).region ?? null : null;
 }
+
 /**
  * Provides the layout direction for a given locale.
  *

package/build/common/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/common/locale/index.ts"],"sourcesContent":["import { Direction } from '../direction';\n\nexport const DEFAULT_LANG = 'en';\nexport const DEFAULT_LOCALE = 'en-GB';\n\n/**\n * Languages written right-to-left.\n */\nexport const RTL_LANGUAGES = ['ar', 'he'];\n\n/**\n * @deprecated The source of truth for supported languages lives in Crab.\n */\nexport const SUPPORTED_LANGUAGES = [\n  DEFAULT_LANG,\n  'cs',\n  'de',\n  'es',\n  'fr',\n  'hu',\n  'id',\n  'it',\n  'ja',\n  'nl',\n  'pl',\n  'pt',\n  'ro',\n  'ru',\n  'th',\n  'tr',\n  'uk',\n  'zh',\n];\n\n/**\n * Verifies and adjusts locale, replacing `_` with `-`.\n *\n * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns `null` if locale is unrecognized by `Intl.Locale`.\n */\nexport function adjustLocale(locale: string) {\n  const localeTrimmed = locale?.trim();\n  if (localeTrimmed) {\n    try {\n      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding lang (iso2) for provided locale.\n *\n * @deprecated The use of this function almost always breaks language variants\n * e.g. Simplified and Traditional Chinese.\n * There should be no use case for this function.\n * To select the correct translations from a translations object, pass the\n * locale directly into Crab's getLocalisedMessages.\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.\n */\nexport function getLangFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  if (adjustedLocale != null) {\n    const { language } = new Intl.Locale(adjustedLocale);\n    if (SUPPORTED_LANGUAGES.includes(language)) {\n      return language;\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding country code (iso2) for locales code with explicit region value.\n *\n * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.\n * @returns `null` if the locale is invalid or the region can‘t be identified.\n */\nexport function getCountryFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null ? (new Intl.Locale(adjustedLocale).region ?? null) : null;\n}\n\n/**\n * Provides the layout direction for a given locale.\n *\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.\n */\nexport function getDirectionFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)\n    ? Direction.RTL\n    : Direction.LTR;\n}\n"],"names":["DEFAULT_LANG","DEFAULT_LOCALE","RTL_LANGUAGES","SUPPORTED_LANGUAGES","adjustLocale","locale","localeTrimmed","trim","Intl","Locale","replace","baseName","error","console","getLangFromLocale","adjustedLocale","language","includes","getCountryFromLocale","region","getDirectionFromLocale","Direction","RTL","LTR"],"mappings":";;;;AAEO,MAAMA,YAAY,GAAG;AACrB,MAAMC,cAAc,GAAG;AAE9B;;AAEG;MACUC,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI;AAExC;;AAEG;MACUC,mBAAmB,GAAG,CACjCH,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI;AAGN;;;;;AAKG;AACG,SAAUI,YAAYA,CAACC,MAAc,EAAA;AACzC,EAAA,MAAMC,aAAa,GAAGD,MAAM,EAAEE,IAAI,EAAE;AACpC,EAAA,IAAID,aAAa,EAAE;IACjB,IAAI;AACF,MAAA,OAAO,IAAIE,IAAI,CAACC,MAAM,CAACH,aAAa,CAACI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACC,QAAQ;IAClE,CAAC,CAAC,OAAOC,KAAK,EAAE;AACd;AACAC,MAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;AAEA;;;;;;;;;;AAUG;AACG,SAAUE,iBAAiBA,CAACT,MAAc,EAAA;AAC9C,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,IAAIU,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM;AAAEC,MAAAA;AAAQ,KAAE,GAAG,IAAIR,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC;AACpD,IAAA,IAAIZ,mBAAmB,CAACc,QAAQ,CAACD,QAAQ,CAAC,EAAE;AAC1C,MAAA,OAAOA,QAAQ;AACjB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;AAEA;;;;;AAKG;AACG,SAAUE,oBAAoBA,CAACb,MAAc,EAAA;AACjD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;AAC3C,EAAA,OAAOU,cAAc,IAAI,IAAI,GAAI,IAAIP,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACI,MAAM,IAAI,IAAI,GAAI,IAAI;AACzF;AAEA;;;;;AAKG;AACG,SAAUC,sBAAsBA,CAACf,MAAc,EAAA;AACnD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,OAAOU,cAAc,IAAI,IAAI,IAAIb,aAAa,CAACe,QAAQ,CAAC,IAAIT,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACC,QAAQ,CAAC,GAC7FK,mBAAS,CAACC,GAAG,GACbD,mBAAS,CAACE,GAAG;AACnB;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/common/locale/index.ts"],"sourcesContent":["import { Direction } from '../direction';\n\nexport const DEFAULT_LANG = 'en';\nexport const DEFAULT_LOCALE = 'en-GB';\n\n/**\n * Languages written right-to-left.\n */\nexport const RTL_LANGUAGES = ['ar', 'he'];\n\n/**\n * @deprecated The source of truth for supported languages lives in Crab.\n */\nexport const SUPPORTED_LANGUAGES = [\n  DEFAULT_LANG,\n  'cs',\n  'de',\n  'es',\n  'fr',\n  'hu',\n  'id',\n  'it',\n  'ja',\n  'nl',\n  'pl',\n  'pt',\n  'ro',\n  'ru',\n  'th',\n  'tr',\n  'uk',\n  'zh',\n];\n\n/**\n * Verifies and adjusts locale, replacing `_` with `-`.\n *\n * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns `null` if locale is unrecognized by `Intl.Locale`.\n */\nexport function adjustLocale(locale: string) {\n  const localeTrimmed = locale?.trim();\n  if (localeTrimmed) {\n    try {\n      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding lang (iso2) for provided locale.\n *\n * @deprecated The use of this function almost always breaks language variants\n * e.g. Simplified and Traditional Chinese.\n * There should be no use case for this function.\n * To select the correct translations from a translations object, pass the\n * locale directly into Crab's getLocalisedMessages.\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.\n */\nexport function getLangFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  if (adjustedLocale != null) {\n    const { language } = new Intl.Locale(adjustedLocale);\n    if (SUPPORTED_LANGUAGES.includes(language)) {\n      return language;\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding country code (iso2) for locales code with explicit region value.\n *\n * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.\n * @returns `null` if the locale is invalid or the region can‘t be identified.\n */\nexport function getCountryFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null ? (new Intl.Locale(adjustedLocale).region ?? null) : null;\n}\n\n/**\n * Provides the layout direction for a given locale.\n *\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.\n */\nexport function getDirectionFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)\n    ? Direction.RTL\n    : Direction.LTR;\n}\n"],"names":["DEFAULT_LANG","DEFAULT_LOCALE","RTL_LANGUAGES","SUPPORTED_LANGUAGES","adjustLocale","locale","localeTrimmed","trim","Intl","Locale","replace","baseName","error","console","getLangFromLocale","adjustedLocale","language","includes","getCountryFromLocale","region","getDirectionFromLocale","Direction","RTL","LTR"],"mappings":";;;;AAEO,MAAMA,YAAY,GAAG;AACrB,MAAMC,cAAc,GAAG;;AAE9B;AACA;AACA;MACaC,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI;;AAExC;AACA;AACA;MACaC,mBAAmB,GAAG,CACjCH,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI;;AAGN;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,YAAYA,CAACC,MAAc,EAAE;AAC3C,EAAA,MAAMC,aAAa,GAAGD,MAAM,EAAEE,IAAI,EAAE;AACpC,EAAA,IAAID,aAAa,EAAE;IACjB,IAAI;AACF,MAAA,OAAO,IAAIE,IAAI,CAACC,MAAM,CAACH,aAAa,CAACI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACC,QAAQ;IAClE,CAAC,CAAC,OAAOC,KAAK,EAAE;AACd;AACAC,MAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,iBAAiBA,CAACT,MAAc,EAAE;AAChD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,IAAIU,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM;AAAEC,MAAAA;AAAS,KAAC,GAAG,IAAIR,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC;AACpD,IAAA,IAAIZ,mBAAmB,CAACc,QAAQ,CAACD,QAAQ,CAAC,EAAE;AAC1C,MAAA,OAAOA,QAAQ;AACjB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAACb,MAAc,EAAE;AACnD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;AAC3C,EAAA,OAAOU,cAAc,IAAI,IAAI,GAAI,IAAIP,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACI,MAAM,IAAI,IAAI,GAAI,IAAI;AACzF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAACf,MAAc,EAAE;AACrD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,OAAOU,cAAc,IAAI,IAAI,IAAIb,aAAa,CAACe,QAAQ,CAAC,IAAIT,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACC,QAAQ,CAAC,GAC7FK,mBAAS,CAACC,GAAG,GACbD,mBAAS,CAACE,GAAG;AACnB;;;;;;;;;;;"}

package/build/common/locale/index.mjs

@@ -2,14 +2,17 @@ import { Direction } from '../direction.mjs';
 
 const DEFAULT_LANG = 'en';
 const DEFAULT_LOCALE = 'en-GB';
+
 /**
  * Languages written right-to-left.
  */
 const RTL_LANGUAGES = ['ar', 'he'];
+
 /**
  * @deprecated The source of truth for supported languages lives in Crab.
  */
 const SUPPORTED_LANGUAGES = [DEFAULT_LANG, 'cs', 'de', 'es', 'fr', 'hu', 'id', 'it', 'ja', 'nl', 'pl', 'pt', 'ro', 'ru', 'th', 'tr', 'uk', 'zh'];
+
 /**
  * Verifies and adjusts locale, replacing `_` with `-`.
  *
@@ -28,6 +31,7 @@ function adjustLocale(locale) {
   }
   return null;
 }
+
 /**
  * Provides corresponding lang (iso2) for provided locale.
  *
@@ -51,6 +55,7 @@ function getLangFromLocale(locale) {
   }
   return null;
 }
+
 /**
  * Provides corresponding country code (iso2) for locales code with explicit region value.
  *
@@ -61,6 +66,7 @@ function getCountryFromLocale(locale) {
   const adjustedLocale = adjustLocale(locale);
   return adjustedLocale != null ? new Intl.Locale(adjustedLocale).region ?? null : null;
 }
+
 /**
  * Provides the layout direction for a given locale.
  *

package/build/common/locale/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/common/locale/index.ts"],"sourcesContent":["import { Direction } from '../direction';\n\nexport const DEFAULT_LANG = 'en';\nexport const DEFAULT_LOCALE = 'en-GB';\n\n/**\n * Languages written right-to-left.\n */\nexport const RTL_LANGUAGES = ['ar', 'he'];\n\n/**\n * @deprecated The source of truth for supported languages lives in Crab.\n */\nexport const SUPPORTED_LANGUAGES = [\n  DEFAULT_LANG,\n  'cs',\n  'de',\n  'es',\n  'fr',\n  'hu',\n  'id',\n  'it',\n  'ja',\n  'nl',\n  'pl',\n  'pt',\n  'ro',\n  'ru',\n  'th',\n  'tr',\n  'uk',\n  'zh',\n];\n\n/**\n * Verifies and adjusts locale, replacing `_` with `-`.\n *\n * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns `null` if locale is unrecognized by `Intl.Locale`.\n */\nexport function adjustLocale(locale: string) {\n  const localeTrimmed = locale?.trim();\n  if (localeTrimmed) {\n    try {\n      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding lang (iso2) for provided locale.\n *\n * @deprecated The use of this function almost always breaks language variants\n * e.g. Simplified and Traditional Chinese.\n * There should be no use case for this function.\n * To select the correct translations from a translations object, pass the\n * locale directly into Crab's getLocalisedMessages.\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.\n */\nexport function getLangFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  if (adjustedLocale != null) {\n    const { language } = new Intl.Locale(adjustedLocale);\n    if (SUPPORTED_LANGUAGES.includes(language)) {\n      return language;\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding country code (iso2) for locales code with explicit region value.\n *\n * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.\n * @returns `null` if the locale is invalid or the region can‘t be identified.\n */\nexport function getCountryFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null ? (new Intl.Locale(adjustedLocale).region ?? null) : null;\n}\n\n/**\n * Provides the layout direction for a given locale.\n *\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.\n */\nexport function getDirectionFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)\n    ? Direction.RTL\n    : Direction.LTR;\n}\n"],"names":["DEFAULT_LANG","DEFAULT_LOCALE","RTL_LANGUAGES","SUPPORTED_LANGUAGES","adjustLocale","locale","localeTrimmed","trim","Intl","Locale","replace","baseName","error","console","getLangFromLocale","adjustedLocale","language","includes","getCountryFromLocale","region","getDirectionFromLocale","Direction","RTL","LTR"],"mappings":";;AAEO,MAAMA,YAAY,GAAG;AACrB,MAAMC,cAAc,GAAG;AAE9B;;AAEG;MACUC,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI;AAExC;;AAEG;MACUC,mBAAmB,GAAG,CACjCH,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI;AAGN;;;;;AAKG;AACG,SAAUI,YAAYA,CAACC,MAAc,EAAA;AACzC,EAAA,MAAMC,aAAa,GAAGD,MAAM,EAAEE,IAAI,EAAE;AACpC,EAAA,IAAID,aAAa,EAAE;IACjB,IAAI;AACF,MAAA,OAAO,IAAIE,IAAI,CAACC,MAAM,CAACH,aAAa,CAACI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACC,QAAQ;IAClE,CAAC,CAAC,OAAOC,KAAK,EAAE;AACd;AACAC,MAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;AAEA;;;;;;;;;;AAUG;AACG,SAAUE,iBAAiBA,CAACT,MAAc,EAAA;AAC9C,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,IAAIU,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM;AAAEC,MAAAA;AAAQ,KAAE,GAAG,IAAIR,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC;AACpD,IAAA,IAAIZ,mBAAmB,CAACc,QAAQ,CAACD,QAAQ,CAAC,EAAE;AAC1C,MAAA,OAAOA,QAAQ;AACjB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;AAEA;;;;;AAKG;AACG,SAAUE,oBAAoBA,CAACb,MAAc,EAAA;AACjD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;AAC3C,EAAA,OAAOU,cAAc,IAAI,IAAI,GAAI,IAAIP,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACI,MAAM,IAAI,IAAI,GAAI,IAAI;AACzF;AAEA;;;;;AAKG;AACG,SAAUC,sBAAsBA,CAACf,MAAc,EAAA;AACnD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,OAAOU,cAAc,IAAI,IAAI,IAAIb,aAAa,CAACe,QAAQ,CAAC,IAAIT,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACC,QAAQ,CAAC,GAC7FK,SAAS,CAACC,GAAG,GACbD,SAAS,CAACE,GAAG;AACnB;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/common/locale/index.ts"],"sourcesContent":["import { Direction } from '../direction';\n\nexport const DEFAULT_LANG = 'en';\nexport const DEFAULT_LOCALE = 'en-GB';\n\n/**\n * Languages written right-to-left.\n */\nexport const RTL_LANGUAGES = ['ar', 'he'];\n\n/**\n * @deprecated The source of truth for supported languages lives in Crab.\n */\nexport const SUPPORTED_LANGUAGES = [\n  DEFAULT_LANG,\n  'cs',\n  'de',\n  'es',\n  'fr',\n  'hu',\n  'id',\n  'it',\n  'ja',\n  'nl',\n  'pl',\n  'pt',\n  'ro',\n  'ru',\n  'th',\n  'tr',\n  'uk',\n  'zh',\n];\n\n/**\n * Verifies and adjusts locale, replacing `_` with `-`.\n *\n * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns `null` if locale is unrecognized by `Intl.Locale`.\n */\nexport function adjustLocale(locale: string) {\n  const localeTrimmed = locale?.trim();\n  if (localeTrimmed) {\n    try {\n      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding lang (iso2) for provided locale.\n *\n * @deprecated The use of this function almost always breaks language variants\n * e.g. Simplified and Traditional Chinese.\n * There should be no use case for this function.\n * To select the correct translations from a translations object, pass the\n * locale directly into Crab's getLocalisedMessages.\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.\n */\nexport function getLangFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  if (adjustedLocale != null) {\n    const { language } = new Intl.Locale(adjustedLocale);\n    if (SUPPORTED_LANGUAGES.includes(language)) {\n      return language;\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding country code (iso2) for locales code with explicit region value.\n *\n * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.\n * @returns `null` if the locale is invalid or the region can‘t be identified.\n */\nexport function getCountryFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null ? (new Intl.Locale(adjustedLocale).region ?? null) : null;\n}\n\n/**\n * Provides the layout direction for a given locale.\n *\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.\n */\nexport function getDirectionFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)\n    ? Direction.RTL\n    : Direction.LTR;\n}\n"],"names":["DEFAULT_LANG","DEFAULT_LOCALE","RTL_LANGUAGES","SUPPORTED_LANGUAGES","adjustLocale","locale","localeTrimmed","trim","Intl","Locale","replace","baseName","error","console","getLangFromLocale","adjustedLocale","language","includes","getCountryFromLocale","region","getDirectionFromLocale","Direction","RTL","LTR"],"mappings":";;AAEO,MAAMA,YAAY,GAAG;AACrB,MAAMC,cAAc,GAAG;;AAE9B;AACA;AACA;MACaC,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI;;AAExC;AACA;AACA;MACaC,mBAAmB,GAAG,CACjCH,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI;;AAGN;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,YAAYA,CAACC,MAAc,EAAE;AAC3C,EAAA,MAAMC,aAAa,GAAGD,MAAM,EAAEE,IAAI,EAAE;AACpC,EAAA,IAAID,aAAa,EAAE;IACjB,IAAI;AACF,MAAA,OAAO,IAAIE,IAAI,CAACC,MAAM,CAACH,aAAa,CAACI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACC,QAAQ;IAClE,CAAC,CAAC,OAAOC,KAAK,EAAE;AACd;AACAC,MAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,iBAAiBA,CAACT,MAAc,EAAE;AAChD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,IAAIU,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM;AAAEC,MAAAA;AAAS,KAAC,GAAG,IAAIR,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC;AACpD,IAAA,IAAIZ,mBAAmB,CAACc,QAAQ,CAACD,QAAQ,CAAC,EAAE;AAC1C,MAAA,OAAOA,QAAQ;AACjB,IAAA;AACF,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAACb,MAAc,EAAE;AACnD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;AAC3C,EAAA,OAAOU,cAAc,IAAI,IAAI,GAAI,IAAIP,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACI,MAAM,IAAI,IAAI,GAAI,IAAI;AACzF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAACf,MAAc,EAAE;AACrD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC;EAC3C,OAAOU,cAAc,IAAI,IAAI,IAAIb,aAAa,CAACe,QAAQ,CAAC,IAAIT,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACC,QAAQ,CAAC,GAC7FK,SAAS,CAACC,GAAG,GACbD,SAAS,CAACE,GAAG;AACnB;;;;"}

package/build/common/panel/Panel.js

@@ -5,25 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var clsx = require('clsx');
 var React = require('react');
 var reactPopper = require('react-popper');
-require('../theme.js');
-require('../direction.js');
-require('../propsValues/control.js');
-require('../propsValues/breakpoint.js');
-require('../propsValues/size.js');
-require('../propsValues/typography.js');
-require('../propsValues/width.js');
-require('../propsValues/type.js');
-require('../propsValues/dateMode.js');
-require('../propsValues/monthFormat.js');
 var position = require('../propsValues/position.js');
-require('../propsValues/layouts.js');
-require('../propsValues/status.js');
-require('../propsValues/sentiment.js');
-require('../propsValues/profileType.js');
-require('../propsValues/variant.js');
-require('../propsValues/scroll.js');
-require('../propsValues/markdownNodeType.js');
-require('../fileType.js');
 require('@transferwise/icons');
 require('react-intl');
 require('../closeButton/CloseButton.messages.js');
@@ -32,6 +14,7 @@ var Dimmer = require('../../dimmer/Dimmer.js');
 var OverlayIdProvider = require('../../provider/overlay/OverlayIdProvider.js');
 
 const POPOVER_OFFSET = [0, 16];
+
 // By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
 // the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.
 // This mapping forces popover to try the four available positions before going back to the initial chosen one.
@@ -101,6 +84,7 @@ const Panel = /*#__PURE__*/React.forwardRef(function Panel({
     placement: position$1,
     modifiers
   });
+
   // If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
   // it is most simple just to always position before opening
   React.useEffect(() => {

package/build/common/panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../src/common/panel/Panel.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  MutableRefObject,\n  PropsWithChildren,\n  SyntheticEvent,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { Position, PositionBottom, PositionLeft, PositionRight, PositionTop } from '..';\nimport Dimmer from '../../dimmer';\nimport { OverlayIdContext } from '../../provider/overlay/OverlayIdProvider';\n\nconst POPOVER_OFFSET = [0, 16];\n\n// By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space\n// the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.\n// This mapping forces popover to try the four available positions before going back to the initial chosen one.\nconst fallbackPlacements = {\n  [Position.TOP]: [Position.BOTTOM, Position.RIGHT, Position.LEFT],\n  [Position.BOTTOM]: [Position.TOP, Position.RIGHT, Position.LEFT],\n  [Position.LEFT]: [Position.RIGHT, Position.TOP, Position.BOTTOM],\n  [Position.RIGHT]: [Position.LEFT, Position.TOP, Position.BOTTOM],\n};\n\nexport type PanelProps = PropsWithChildren<{\n  arrow?: boolean;\n  flip?: boolean;\n  altAxis?: boolean;\n  open?: boolean;\n  onClose?: (event: Event | SyntheticEvent) => void;\n  position?: PositionBottom | PositionLeft | PositionRight | PositionTop;\n  anchorRef: MutableRefObject<Element | null>;\n  anchorWidth?: boolean;\n  considerHeight?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nconst Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  {\n    arrow = false,\n    flip = true,\n    altAxis = false,\n    children,\n    open = false,\n    onClose,\n    position = Position.BOTTOM,\n    anchorRef,\n    anchorWidth = false,\n    considerHeight = false,\n    ...rest\n  }: PanelProps,\n  reference,\n) {\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n\n  const modifiers = [];\n\n  if (altAxis) {\n    modifiers.push({\n      // https://popper.js.org/docs/v2/modifiers/prevent-overflow\n      name: 'preventOverflow',\n      options: {\n        altAxis: true,\n        tether: false,\n      },\n    });\n  }\n\n  if (arrow) {\n    modifiers.push({\n      name: 'arrow',\n      options: {\n        element: arrowElement,\n        options: {\n          padding: 8, // 8px from the edges of the popper\n        },\n      },\n    });\n    // This lets you displace a popper element from its reference element.\n    modifiers.push({ name: 'offset', options: { offset: POPOVER_OFFSET } });\n  }\n  if (flip && fallbackPlacements[position]) {\n    modifiers.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: fallbackPlacements[position],\n      },\n    });\n  }\n\n  const { styles, attributes, forceUpdate } = usePopper(anchorRef.current, popperElement, {\n    placement: position,\n    modifiers,\n  });\n\n  // If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),\n  // it is most simple just to always position before opening\n  useEffect(() => {\n    if (open && forceUpdate) {\n      forceUpdate();\n    }\n  }, [open]);\n\n  const contentStyle: CSSProperties = {\n    ...(anchorWidth ? { width: anchorRef.current?.clientWidth } : undefined),\n  };\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return (\n    <Dimmer open={open} transparent fadeContentOnEnter fadeContentOnExit onClose={onClose}>\n      <div\n        id={overlayId}\n        {...rest}\n        ref={setPopperElement}\n        role=\"dialog\"\n        style={{ ...styles.popper }}\n        {...attributes.popper}\n        className={clsx('np-panel', { 'np-panel--open': open }, rest.className)}\n      >\n        <div ref={reference} style={contentStyle} className={clsx('np-panel__content')}>\n          {children}\n          {/* Arrow has to stay inside content to get the same animations as the \"dialog\" and to get hidden when panel is closed. */}\n          {arrow && (\n            <div ref={setArrowElement} className={clsx('np-panel__arrow')} style={styles.arrow} />\n          )}\n        </div>\n      </div>\n    </Dimmer>\n  );\n});\n\nexport default Panel;\n"],"names":["POPOVER_OFFSET","fallbackPlacements","Position","TOP","BOTTOM","RIGHT","LEFT","Panel","forwardRef","arrow","flip","altAxis","children","open","onClose","position","anchorRef","anchorWidth","considerHeight","rest","reference","arrowElement","setArrowElement","useState","popperElement","setPopperElement","modifiers","push","name","options","tether","element","padding","offset","styles","attributes","forceUpdate","usePopper","current","placement","useEffect","contentStyle","width","clientWidth","undefined","overlayId","useContext","OverlayIdContext","_jsx","Dimmer","transparent","fadeContentOnEnter","fadeContentOnExit","id","ref","role","style","popper","className","clsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Panel.js","sources":["../../../src/common/panel/Panel.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  MutableRefObject,\n  PropsWithChildren,\n  SyntheticEvent,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { Position, PositionBottom, PositionLeft, PositionRight, PositionTop } from '..';\nimport Dimmer from '../../dimmer';\nimport { OverlayIdContext } from '../../provider/overlay/OverlayIdProvider';\n\nconst POPOVER_OFFSET = [0, 16];\n\n// By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space\n// the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.\n// This mapping forces popover to try the four available positions before going back to the initial chosen one.\nconst fallbackPlacements = {\n  [Position.TOP]: [Position.BOTTOM, Position.RIGHT, Position.LEFT],\n  [Position.BOTTOM]: [Position.TOP, Position.RIGHT, Position.LEFT],\n  [Position.LEFT]: [Position.RIGHT, Position.TOP, Position.BOTTOM],\n  [Position.RIGHT]: [Position.LEFT, Position.TOP, Position.BOTTOM],\n};\n\nexport type PanelProps = PropsWithChildren<{\n  arrow?: boolean;\n  flip?: boolean;\n  altAxis?: boolean;\n  open?: boolean;\n  onClose?: (event: Event | SyntheticEvent) => void;\n  position?: PositionBottom | PositionLeft | PositionRight | PositionTop;\n  anchorRef: MutableRefObject<Element | null>;\n  anchorWidth?: boolean;\n  considerHeight?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nconst Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  {\n    arrow = false,\n    flip = true,\n    altAxis = false,\n    children,\n    open = false,\n    onClose,\n    position = Position.BOTTOM,\n    anchorRef,\n    anchorWidth = false,\n    considerHeight = false,\n    ...rest\n  }: PanelProps,\n  reference,\n) {\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n\n  const modifiers = [];\n\n  if (altAxis) {\n    modifiers.push({\n      // https://popper.js.org/docs/v2/modifiers/prevent-overflow\n      name: 'preventOverflow',\n      options: {\n        altAxis: true,\n        tether: false,\n      },\n    });\n  }\n\n  if (arrow) {\n    modifiers.push({\n      name: 'arrow',\n      options: {\n        element: arrowElement,\n        options: {\n          padding: 8, // 8px from the edges of the popper\n        },\n      },\n    });\n    // This lets you displace a popper element from its reference element.\n    modifiers.push({ name: 'offset', options: { offset: POPOVER_OFFSET } });\n  }\n  if (flip && fallbackPlacements[position]) {\n    modifiers.push({\n      name: 'flip',\n      options: {\n        fallbackPlacements: fallbackPlacements[position],\n      },\n    });\n  }\n\n  const { styles, attributes, forceUpdate } = usePopper(anchorRef.current, popperElement, {\n    placement: position,\n    modifiers,\n  });\n\n  // If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),\n  // it is most simple just to always position before opening\n  useEffect(() => {\n    if (open && forceUpdate) {\n      forceUpdate();\n    }\n  }, [open]);\n\n  const contentStyle: CSSProperties = {\n    ...(anchorWidth ? { width: anchorRef.current?.clientWidth } : undefined),\n  };\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return (\n    <Dimmer open={open} transparent fadeContentOnEnter fadeContentOnExit onClose={onClose}>\n      <div\n        id={overlayId}\n        {...rest}\n        ref={setPopperElement}\n        role=\"dialog\"\n        style={{ ...styles.popper }}\n        {...attributes.popper}\n        className={clsx('np-panel', { 'np-panel--open': open }, rest.className)}\n      >\n        <div ref={reference} style={contentStyle} className={clsx('np-panel__content')}>\n          {children}\n          {/* Arrow has to stay inside content to get the same animations as the \"dialog\" and to get hidden when panel is closed. */}\n          {arrow && (\n            <div ref={setArrowElement} className={clsx('np-panel__arrow')} style={styles.arrow} />\n          )}\n        </div>\n      </div>\n    </Dimmer>\n  );\n});\n\nexport default Panel;\n"],"names":["POPOVER_OFFSET","fallbackPlacements","Position","TOP","BOTTOM","RIGHT","LEFT","Panel","forwardRef","arrow","flip","altAxis","children","open","onClose","position","anchorRef","anchorWidth","considerHeight","rest","reference","arrowElement","setArrowElement","useState","popperElement","setPopperElement","modifiers","push","name","options","tether","element","padding","offset","styles","attributes","forceUpdate","usePopper","current","placement","useEffect","contentStyle","width","clientWidth","undefined","overlayId","useContext","OverlayIdContext","_jsx","Dimmer","transparent","fadeContentOnEnter","fadeContentOnExit","id","ref","role","style","popper","className","clsx","_jsxs"],"mappings":"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"}

package/build/common/panel/Panel.mjs

@@ -1,25 +1,7 @@
 import { clsx } from 'clsx';
 import { forwardRef, useState, useEffect, useContext } from 'react';
 import { usePopper } from 'react-popper';
-import '../theme.mjs';
-import '../direction.mjs';
-import '../propsValues/control.mjs';
-import '../propsValues/breakpoint.mjs';
-import '../propsValues/size.mjs';
-import '../propsValues/typography.mjs';
-import '../propsValues/width.mjs';
-import '../propsValues/type.mjs';
-import '../propsValues/dateMode.mjs';
-import '../propsValues/monthFormat.mjs';
 import { Position } from '../propsValues/position.mjs';
-import '../propsValues/layouts.mjs';
-import '../propsValues/status.mjs';
-import '../propsValues/sentiment.mjs';
-import '../propsValues/profileType.mjs';
-import '../propsValues/variant.mjs';
-import '../propsValues/scroll.mjs';
-import '../propsValues/markdownNodeType.mjs';
-import '../fileType.mjs';
 import '@transferwise/icons';
 import 'react-intl';
 import '../closeButton/CloseButton.messages.mjs';
@@ -28,6 +10,7 @@ import Dimmer from '../../dimmer/Dimmer.mjs';
 import { OverlayIdContext } from '../../provider/overlay/OverlayIdProvider.mjs';
 
 const POPOVER_OFFSET = [0, 16];
+
 // By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
 // the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.
 // This mapping forces popover to try the four available positions before going back to the initial chosen one.
@@ -97,6 +80,7 @@ const Panel = /*#__PURE__*/forwardRef(function Panel({
     placement: position,
     modifiers
   });
+
   // If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
   // it is most simple just to always position before opening
   useEffect(() => {