@digigov/ui 2.0.0-834daea4 → 2.0.0-87b6232d

package/src/typography/Code/index.tsx

@@ -1,4 +1,4 @@
 export * from '@digigov/react-core/Code';
 
 import Code from '@digigov/react-core/Code';
-export default Code;
+export default Code;

package/src/typography/CodeBlock/doc.mdx

@@ -27,4 +27,4 @@ Use the CodeBlock component to display code.
 
 See below for a complete reference to all of the props available to the components mentioned here.
 
-<ComponentProps componentName={["CodeBlock"]} /> 
+<ComponentProps componentName={["CodeBlock", "CodeBlockContainer", "CodeBlockContent", "CodeBlockHeader"]} /> 

package/src/typography/CodeBlock/index.test.tsx

@@ -26,6 +26,10 @@ test('renders the All CodeBlock variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/CodeBlock/index.tsx

@@ -45,17 +45,19 @@ const addLineNumbers = (code: string, highlightLines: number[]): string => {
 };
 
 export const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(
-  function CodeBlock({
-    children,
-    language,
-    copyToClipboard,
-    highlighted,
-    showLineNumbers,
-    phaseBannerTagName,
-    highlightLines,
-    ref,
-    ...props
-  }) {
+  function CodeBlock(
+    {
+      children,
+      language,
+      copyToClipboard,
+      highlighted,
+      showLineNumbers,
+      phaseBannerTagName,
+      highlightLines,
+      ...props
+    },
+    ref
+  ) {
     const Tag = 'span';
     const codeString = typeof children === 'string' ? children : '';
     let displayingCode = codeString;

package/src/typography/Heading/index.test.tsx

@@ -14,6 +14,10 @@ test('renders the All Heading variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/HeadingCaption/index.test.tsx

@@ -18,6 +18,10 @@ test('renders the All HeadingCaption variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/Hint/index.test.tsx

@@ -18,6 +18,10 @@ test('renders the All Hint variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/NormalText/index.test.tsx

@@ -26,6 +26,10 @@ test('renders the All NormalText variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/Paragraph/index.test.tsx

@@ -30,6 +30,10 @@ test('renders the All Paragraph variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/typography/Typography/index.tsx

@@ -1,4 +1,4 @@
 import Typography from '@digigov/react-core/Typography';
 
 export * from '@digigov/react-core/Typography';
-export default Typography;
+export default Typography;

package/src/utils/Base/doc.mdx

@@ -3,11 +3,64 @@ id: base
 title: Base
 ---
 
-Base component is the `parent` component from which all `digigov` components inherit 
+# Base
 
+Base component is the `parent` component from which all `digigov` components inherit
 
 ## API
 
-See below for a complete reference to all of the props  available to the components mentioned here.
+See below for a complete reference to all of the props available to the components mentioned here.
 
-<ComponentProps componentName={["Base"]} /> 
+The type `SpacingValues` is used to define the spacing values in the `Base` component. It is a union type that includes various numeric values representing spacing units.
+
+```
+export type SpacingValues =
+  | 0
+  | 0.5
+  | 1
+  | 1.5
+  | 2
+  | 2.5
+  | 3
+  | 3.5
+  | 4
+  | 5
+  | 6
+  | 7
+  | 8
+  | 9
+  | 10
+  | 11
+  | 12
+  | 14
+  | 16
+  | 20
+  | 24
+  | 28
+  | 32
+  | 36
+  | 40
+  | 44
+  | 48
+  | 52
+  | 56
+  | 60
+  | 64
+  | 72
+  | 80
+  | 96;
+```
+
+The interface `SpacingMediaValues` use the `SpacingValues` type to define the spacing values for different media queries.
+
+```
+export interface SpacingMediaValues {
+  xs?: SpacingValues;
+  sm?: SpacingValues;
+  md?: SpacingValues;
+  lg?: SpacingValues;
+  xl?: SpacingValues;
+}
+```
+
+<ComponentProps componentName={['Base']} />{' '}

package/src/utils/VisuallyHidden/index.test.tsx

@@ -14,6 +14,10 @@ test('renders the All VisuallyHidden variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/utils/hooks/useDebounce.ts

@@ -12,7 +12,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   // Cleans up pending timeouts when the deps change
   React.useEffect(
     () => () => {
-      timeout.current && clearTimeout(timeout.current);
+      if (timeout.current) clearTimeout(timeout.current);
       timeout.current = void 0;
     },
     deps
@@ -27,11 +27,11 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
       timeout.current = setTimeout(() => {
         timeout.current = void 0;
       }, wait);
-      // eslint-disable-next-line prefer-spread
+
       return storedCallback.current.apply(null, args as any);
     }
     // Clear the timeout every call and start waiting again
-    current && clearTimeout(current);
+    if (current) clearTimeout(current);
     // Waits for `wait` before invoking the callback
     timeout.current = setTimeout(() => {
       timeout.current = void 0;
@@ -40,7 +40,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   }, deps);
 };
 
-export const useDebounce = <State extends any>(
+export const useDebounce = <State>(
   initialState: State | (() => State),
   wait?: number,
   leading?: boolean

package/src/utils/hooks/useLatest.ts

@@ -1,7 +1,7 @@
 // copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx
 import * as React from 'react';
 
-const useLatest = <T extends any>(current: T) => {
+const useLatest = <T>(current: T) => {
   const storedValue = React.useRef(current);
   React.useEffect(() => {
     storedValue.current = current;

package/src/utils/hooks/useScreen.native.ts

@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+import { useWindowDimensions } from 'react-native';
+import breakpoints from '@digigov/css/screens.json';
+
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export const breakpointKeys: Breakpoints[] = Object.keys(
+  breakpoints
+) as Breakpoints[];
+export const breakpointValues = Object.values(breakpoints) as number[];
+
+function resolveScreenSize(width: number): Breakpoints {
+  let breakpointIndex = 0;
+  for (const breakpoint of breakpointValues) {
+    if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {
+      return breakpointKeys[breakpointIndex];
+    }
+    breakpointIndex++;
+  }
+  return 'xl';
+}
+
+export const useScreenSize = () => {
+  const { width } = useWindowDimensions();
+  const [screenSize, setScreenSize] = useState<Breakpoints>(
+    resolveScreenSize(width)
+  );
+
+  useEffect(() => {
+    setScreenSize(resolveScreenSize(width));
+  }, [width]);
+
+  return { screenSize, screenWidth: width };
+};
+
+export default useScreenSize;

package/src/utils/hooks/useScreen.ts

@@ -1,45 +1,2 @@
-import { useEffect, useState } from "react";
-import breakpoints from '@digigov/css/screens.json'
-export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];
-export const breakpointValues = Object.values(breakpoints) as number[];
-
-function resolveScreenSize(width: number): Breakpoints {
-  let breakpointIndex = 0
-  for (const breakpoint of breakpointValues) {
-    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
-      return breakpointKeys[breakpointIndex]
-    }
-    breakpointIndex++
-  }
-  return 'xl'
-}
-
-const listeners = new Set<Function>()
-let resizeObserver: ResizeObserver | null = null
-function createResizeObserver() {
-  if (resizeObserver === null && typeof window !== 'undefined') {
-    resizeObserver = new ResizeObserver(([body]) => {
-      listeners.forEach((listener) => {
-        listener(body.contentRect.width)
-      })
-    })
-    resizeObserver.observe(window.document?.body);
-  }
-  return listeners
-
-}
-export const useScreenSize = () => {
-  const [screenSize, setSize] = useState<Breakpoints>(resolveScreenSize(typeof window !== 'undefined' ? window.document.body.clientWidth : 0))
-  useEffect(() => {
-    const listeners = createResizeObserver()
-    const listener = (width: number) => {
-      setSize(resolveScreenSize(width))
-    }
-    listeners.add(listener)
-    return () => {
-      listeners.delete(listener)
-    }
-  }, [])
-  return { screenSize, screenWidth: typeof window !== 'undefined' && window.document.body.clientWidth }
-}
+export * from '@digigov/ui/utils/hooks/useScreen.web';
+export { default as default } from '@digigov/ui/utils/hooks/useScreen.web';

package/src/utils/hooks/useScreen.web.ts

@@ -0,0 +1,56 @@
+import { useEffect, useState } from 'react';
+import breakpoints from '@digigov/css/screens.json';
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export const breakpointKeys: Breakpoints[] = Object.keys(
+  breakpoints
+) as Breakpoints[];
+export const breakpointValues = Object.values(breakpoints) as number[];
+
+function resolveScreenSize(width: number): Breakpoints {
+  let breakpointIndex = 0;
+  for (const breakpoint of breakpointValues) {
+    if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {
+      return breakpointKeys[breakpointIndex];
+    }
+    breakpointIndex++;
+  }
+  return 'xl';
+}
+
+const listeners = new Set<(width: number) => void>();
+let resizeObserver: ResizeObserver | null = null;
+function createResizeObserver() {
+  if (resizeObserver === null && typeof window !== 'undefined') {
+    resizeObserver = new ResizeObserver(([body]) => {
+      listeners.forEach((listener) => {
+        listener(body.contentRect.width);
+      });
+    });
+    resizeObserver.observe(window.document?.body);
+  }
+  return listeners;
+}
+export const useScreenSize = () => {
+  const [screenSize, setSize] = useState<Breakpoints>(
+    resolveScreenSize(
+      typeof window !== 'undefined' ? window.document.body.clientWidth : 0
+    )
+  );
+  useEffect(() => {
+    const listeners = createResizeObserver();
+    const listener = (width: number) => {
+      setSize(resolveScreenSize(width));
+    };
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  }, []);
+  return {
+    screenSize,
+    screenWidth:
+      typeof window !== 'undefined' && window.document.body.clientWidth,
+  };
+};
+
+export default useScreenSize;

package/src/utils/hooks/useSearch.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { useMemo } from 'react';
 
 export function normalizeGreek(text) {
@@ -14,7 +13,7 @@ export function normalizeGreek(text) {
   return text;
 }
 
-export function fullTextSearch(data: Object, search: string): boolean {
+export function fullTextSearch(data: object, search: string): boolean {
   if (!search) {
     return true;
   }
@@ -35,7 +34,7 @@ export function fullTextSearch(data: Object, search: string): boolean {
   ).includes(q);
 }
 
-export function useSearch(data: Array<Object>, query?: string) {
+export function useSearch(data: object[], query?: string) {
   return useMemo(() => {
     if (!query) return data;
     return data.filter((t) => fullTextSearch(t, query));

package/src/utils/index.ts

@@ -1,3 +1,2 @@
 export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
 export * from '@digigov/ui/utils/VisuallyHidden';

package/typography/Code/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/Code/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Code';\n\nimport Code from '@digigov/react-core/Code';\nexport default Code;"],
+  "sourcesContent": ["export * from '@digigov/react-core/Code';\n\nimport Code from '@digigov/react-core/Code';\nexport default Code;\n"],
   "mappings": "AAAA,cAAc;AAEd,OAAO,UAAU;AACjB,IAAO,eAAQ;",
   "names": []
 }

package/typography/CodeBlock/index.js

@@ -36,9 +36,8 @@ const CodeBlock = React.forwardRef(
     showLineNumbers,
     phaseBannerTagName,
     highlightLines,
-    ref,
     ...props
-  }) {
+  }, ref) {
     const Tag = "span";
     const codeString = typeof children === "string" ? children : "";
     let displayingCode = codeString;

package/typography/CodeBlock/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/CodeBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock({\n    children,\n    language,\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock(\n    {\n      children,\n      language,\n      copyToClipboard,\n      highlighted,\n      showLineNumbers,\n      phaseBannerTagName,\n      highlightLines,\n      ...props\n    },\n    ref\n  ) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
   "names": ["CodeBlock"]
 }

package/typography/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/Typography/index.tsx"],
-  "sourcesContent": ["import Typography from '@digigov/react-core/Typography';\n\nexport * from '@digigov/react-core/Typography';\nexport default Typography;"],
+  "sourcesContent": ["import Typography from '@digigov/react-core/Typography';\n\nexport * from '@digigov/react-core/Typography';\nexport default Typography;\n"],
   "mappings": "AAAA,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
   "names": []
 }

package/utils/hooks/useDebounce/index.js

@@ -6,7 +6,7 @@ const useDebounceCallback = (callback, wait = 100, leading = false) => {
   const deps = [wait, leading, storedCallback];
   React.useEffect(
     () => () => {
-      timeout.current && clearTimeout(timeout.current);
+      if (timeout.current) clearTimeout(timeout.current);
       timeout.current = void 0;
     },
     deps
@@ -20,7 +20,7 @@ const useDebounceCallback = (callback, wait = 100, leading = false) => {
       }, wait);
       return storedCallback.current.apply(null, args);
     }
-    current && clearTimeout(current);
+    if (current) clearTimeout(current);
     timeout.current = setTimeout(() => {
       timeout.current = void 0;
       storedCallback.current.apply(null, args);

package/utils/hooks/useDebounce.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => ((...args: CallbackArgs) => void);
-export declare const useDebounce: <State extends unknown>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];
+export declare const useDebounce: <State>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];

package/utils/hooks/useDebounce.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useDebounce.ts"],
-  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      timeout.current && clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n      // eslint-disable-next-line prefer-spread\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    current && clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State extends any>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,eAAe;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,iBAAiB,UAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC;AAC5D,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,cAAQ,WAAW,aAAa,QAAQ,OAAO;AAC/C,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,eAAW,aAAa,OAAO;AAE/B,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
+  "sourcesContent": ["import * as React from 'react';\nimport useLatest from '@digigov/ui/utils/hooks/useLatest';\n\nexport const useDebounceCallback = <CallbackArgs extends any[]>(\n  callback: (...args: CallbackArgs) => void,\n  wait = 100,\n  leading = false\n): ((...args: CallbackArgs) => void) => {\n  const storedCallback = useLatest(callback);\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const deps = [wait, leading, storedCallback];\n  // Cleans up pending timeouts when the deps change\n  React.useEffect(\n    () => () => {\n      if (timeout.current) clearTimeout(timeout.current);\n      timeout.current = void 0;\n    },\n    deps\n  );\n\n  return React.useCallback(function () {\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const { current } = timeout;\n    // Calls on leading edge\n    if (current === void 0 && leading) {\n      timeout.current = setTimeout(() => {\n        timeout.current = void 0;\n      }, wait);\n\n      return storedCallback.current.apply(null, args as any);\n    }\n    // Clear the timeout every call and start waiting again\n    if (current) clearTimeout(current);\n    // Waits for `wait` before invoking the callback\n    timeout.current = setTimeout(() => {\n      timeout.current = void 0;\n      storedCallback.current.apply(null, args as any);\n    }, wait);\n  }, deps);\n};\n\nexport const useDebounce = <State>(\n  initialState: State | (() => State),\n  wait?: number,\n  leading?: boolean\n): [State, React.Dispatch<React.SetStateAction<State>>] => {\n  const state = React.useState(initialState);\n  return [state[0], useDebounceCallback(state[1], wait, leading)];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,eAAe;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,iBAAiB,UAAU,QAAQ;AACzC,QAAM,UAAU,MAAM,OAAsC;AAC5D,QAAM,OAAO,CAAC,MAAM,SAAS,cAAc;AAE3C,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,QAAQ,QAAS,cAAa,QAAQ,OAAO;AACjD,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,MAAM,YAAY,WAAY;AAEnC,UAAM,OAAO;AACb,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAI,YAAY,UAAU,SAAS;AACjC,cAAQ,UAAU,WAAW,MAAM;AACjC,gBAAQ,UAAU;AAAA,MACpB,GAAG,IAAI;AAEP,aAAO,eAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IACvD;AAEA,QAAI,QAAS,cAAa,OAAO;AAEjC,YAAQ,UAAU,WAAW,MAAM;AACjC,cAAQ,UAAU;AAClB,qBAAe,QAAQ,MAAM,MAAM,IAAW;AAAA,IAChD,GAAG,IAAI;AAAA,EACT,GAAG,IAAI;AACT;AAEO,MAAM,cAAc,CACzB,cACA,MACA,YACyD;AACzD,QAAM,QAAQ,MAAM,SAAS,YAAY;AACzC,SAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC;AAChE;",
   "names": []
 }

package/utils/hooks/useLatest.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const useLatest: <T extends unknown>(current: T) => React.MutableRefObject<T>;
+declare const useLatest: <T>(current: T) => React.MutableRefObject<T>;
 export default useLatest;

package/utils/hooks/useLatest.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useLatest.ts"],
-  "sourcesContent": ["// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx\nimport * as React from 'react';\n\nconst useLatest = <T extends any>(current: T) => {\n  const storedValue = React.useRef(current);\n  React.useEffect(() => {\n    storedValue.current = current;\n  });\n  return storedValue;\n};\n\nexport default useLatest;\n"],
-  "mappings": "AACA,YAAY,WAAW;AAEvB,MAAM,YAAY,CAAgB,YAAe;AAC/C,QAAM,cAAc,MAAM,OAAO,OAAO;AACxC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AACD,SAAO;AACT;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx\nimport * as React from 'react';\n\nconst useLatest = <T>(current: T) => {\n  const storedValue = React.useRef(current);\n  React.useEffect(() => {\n    storedValue.current = current;\n  });\n  return storedValue;\n};\n\nexport default useLatest;\n"],
+  "mappings": "AACA,YAAY,WAAW;AAEvB,MAAM,YAAY,CAAI,YAAe;AACnC,QAAM,cAAc,MAAM,OAAO,OAAO;AACxC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,CAAC;AACD,SAAO;AACT;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/utils/hooks/useScreen/index.js

@@ -1,47 +1,6 @@
-import { useEffect, useState } from "react";
-import breakpoints from "@digigov/css/screens.json";
-const breakpointKeys = Object.keys(breakpoints);
-const breakpointValues = Object.values(breakpoints);
-function resolveScreenSize(width) {
-  let breakpointIndex = 0;
-  for (const breakpoint of breakpointValues) {
-    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
-      return breakpointKeys[breakpointIndex];
-    }
-    breakpointIndex++;
-  }
-  return "xl";
-}
-const listeners = /* @__PURE__ */ new Set();
-let resizeObserver = null;
-function createResizeObserver() {
-  if (resizeObserver === null && typeof window !== "undefined") {
-    resizeObserver = new ResizeObserver(([body]) => {
-      listeners.forEach((listener) => {
-        listener(body.contentRect.width);
-      });
-    });
-    resizeObserver.observe(window.document?.body);
-  }
-  return listeners;
-}
-const useScreenSize = () => {
-  const [screenSize, setSize] = useState(resolveScreenSize(typeof window !== "undefined" ? window.document.body.clientWidth : 0));
-  useEffect(() => {
-    const listeners2 = createResizeObserver();
-    const listener = (width) => {
-      setSize(resolveScreenSize(width));
-    };
-    listeners2.add(listener);
-    return () => {
-      listeners2.delete(listener);
-    };
-  }, []);
-  return { screenSize, screenWidth: typeof window !== "undefined" && window.document.body.clientWidth };
-};
+export * from "@digigov/ui/utils/hooks/useScreen.web";
+import { default as default2 } from "@digigov/ui/utils/hooks/useScreen.web";
 export {
-  breakpointKeys,
-  breakpointValues,
-  useScreenSize
+  default2 as default
 };
 //# sourceMappingURL=useScreen.js.map

package/utils/hooks/useScreen.d.ts

@@ -1,7 +1,2 @@
-export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const breakpointKeys: Breakpoints[];
-export declare const breakpointValues: number[];
-export declare const useScreenSize: () => {
-    screenSize: Breakpoints;
-    screenWidth: number | false;
-};
+export * from '@digigov/ui/utils/hooks/useScreen.web';
+export { default as default } from '@digigov/ui/utils/hooks/useScreen.web';

package/utils/hooks/useScreen.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useScreen.ts"],
-  "sourcesContent": ["import { useEffect, useState } from \"react\";\nimport breakpoints from '@digigov/css/screens.json'\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n  let breakpointIndex = 0\n  for (const breakpoint of breakpointValues) {\n    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n      return breakpointKeys[breakpointIndex]\n    }\n    breakpointIndex++\n  }\n  return 'xl'\n}\n\nconst listeners = new Set<Function>()\nlet resizeObserver: ResizeObserver | null = null\nfunction createResizeObserver() {\n  if (resizeObserver === null && typeof window !== 'undefined') {\n    resizeObserver = new ResizeObserver(([body]) => {\n      listeners.forEach((listener) => {\n        listener(body.contentRect.width)\n      })\n    })\n    resizeObserver.observe(window.document?.body);\n  }\n  return listeners\n\n}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(resolveScreenSize(typeof window !== 'undefined' ? window.document.body.clientWidth : 0))\n  useEffect(() => {\n    const listeners = createResizeObserver()\n    const listener = (width: number) => {\n      setSize(resolveScreenSize(width))\n    }\n    listeners.add(listener)\n    return () => {\n      listeners.delete(listener)\n    }\n  }, [])\n  return { screenSize, screenWidth: typeof window !== 'undefined' && window.document.body.clientWidth }\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO,KAAK,WAAW;AAC7D,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,QAAQ,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACvE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAAc;AACpC,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AAET;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI,SAAsB,kBAAkB,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC;AAC3I,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO,EAAE,YAAY,aAAa,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK,YAAY;AACtG;",
-  "names": ["listeners"]
+  "sourcesContent": ["export * from '@digigov/ui/utils/hooks/useScreen.web';\nexport { default as default } from '@digigov/ui/utils/hooks/useScreen.web';\n"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }