@digigov/ui 2.0.0-85c27c19 → 2.0.0-8e254888

package/cjs/typography/CodeBlock/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_core = __toESM(require("highlight.js/lib/core"));
 var import_bash = __toESM(require("highlight.js/lib/languages/bash"));
 var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"));
+var import_json = __toESM(require("highlight.js/lib/languages/json"));
 var import_markdown = __toESM(require("highlight.js/lib/languages/markdown"));
 var import_python = __toESM(require("highlight.js/lib/languages/python"));
 var import_xml = __toESM(require("highlight.js/lib/languages/xml"));
@@ -53,7 +54,8 @@ const languageMap = {
   python: import_python.default,
   bash: import_bash.default,
   xml: import_xml.default,
-  markdown: import_markdown.default
+  markdown: import_markdown.default,
+  json: import_json.default
 };
 const addLineNumbers = (code, highlightLines) => {
   return code.split("\n").map((line, index) => {
@@ -95,7 +97,7 @@ const CodeBlock = import_react.default.forwardRef(
     return /* @__PURE__ */ import_react.default.createElement(import_CodeBlockContainer.default, { ref, ...props }, /* @__PURE__ */ import_react.default.createElement(
       import_CodeBlockHeader.default,
       {
-        justify: phaseBannerTagName && copyToClipboard ? "spaceBetween" : "end"
+        justify: phaseBannerTagName && copyToClipboard ? "space-between" : "end"
       },
       phaseBannerTagName && /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerTag, null, phaseBannerTagName),
       copyToClipboard && /* @__PURE__ */ import_react.default.createElement(

package/cjs/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 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';\n  copyToClipboard?: true | false;\n  highlighted?: true | false;\n  showLineNumbers?: true | false;\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};\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 ? 'spaceBetween' : '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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAe;AACf,sBAAqB;AACrB,oBAAmB;AACnB,iBAAgB;AAEhB,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AAwGvB,8BAAc,iDAtHd;AAuHA,8BAAc,gDAvHd;AAwHA,8BAAc,mDAxHd;AAyBA,MAAM,cAAc;AAAA,EAClB,YAAY,kBAAAA;AAAA,EACZ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AAAA,EACL,UAAU,gBAAAC;AACZ;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,aAAAC,QAAM;AAAA,EACvD,SAASC,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,oBAAAC,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,YAAAA,QAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,sBAAAA,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,YAAAA,QAAK,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,6BAAAF,QAAA,cAAC,0BAAAG,SAAA,EAAmB,KAAW,GAAG,SAChC,6BAAAH,QAAA;AAAA,MAAC,uBAAAI;AAAA,MAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,iBAAiB;AAAA;AAAA,MAG1D,sBACC,6BAAAJ,QAAA,cAAC,yCAAgB,kBAAmB;AAAA,MAErC,mBACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,6BAAAA,QAAA,cAAC,wBAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,6BAAAA,QAAA,cAAC,wBAAAK,SAAA,EAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd,6BAAAL,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAKA,IAAO,oBAAQ;",
-  "names": ["js", "python", "bash", "xml", "markdown", "React", "CodeBlock", "hljs", "CodeBlockContainer", "CodeBlockHeader", "CodeBlockContent"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAe;AACf,kBAAiB;AACjB,sBAAqB;AACrB,oBAAmB;AACnB,iBAAgB;AAEhB,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AAyGvB,8BAAc,iDAxHd;AAyHA,8BAAc,gDAzHd;AA0HA,8BAAc,mDA1Hd;AA0BA,MAAM,cAAc;AAAA,EAClB,YAAY,kBAAAA;AAAA,EACZ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AAAA,EACL,UAAU,gBAAAC;AAAA,EACV,MAAM,YAAAC;AACR;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,aAAAC,QAAM;AAAA,EACvD,SAASC,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,oBAAAC,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,YAAAA,QAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,sBAAAA,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,YAAAA,QAAK,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,6BAAAF,QAAA,cAAC,0BAAAG,SAAA,EAAmB,KAAW,GAAG,SAChC,6BAAAH,QAAA;AAAA,MAAC,uBAAAI;AAAA,MAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,6BAAAJ,QAAA,cAAC,yCAAgB,kBAAmB;AAAA,MAErC,mBACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,6BAAAA,QAAA,cAAC,wBAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,6BAAAA,QAAA,cAAC,wBAAAK,SAAA,EAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd,6BAAAL,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAKA,IAAO,oBAAQ;",
+  "names": ["js", "python", "bash", "xml", "markdown", "json", "React", "CodeBlock", "hljs", "CodeBlockContainer", "CodeBlockHeader", "CodeBlockContent"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,+BAAc,2CAFd;AAGA,IAAO,qBAAQ,kBAAAA;",
   "names": ["Typography"]
 }

package/cjs/utils/Base/index.js

@@ -28,14 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Base_exports = {};
 __export(Base_exports, {
+  basePropGenerator: () => import_utils.basePropGenerator,
   default: () => Base_default
 });
 module.exports = __toCommonJS(Base_exports);
 __reExport(Base_exports, require("@digigov/react-core/Base"), module.exports);
 var import_Base = __toESM(require("@digigov/react-core/Base"));
+var import_utils = require("@digigov/react-core/Base/utils");
 var Base_default = import_Base.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  basePropGenerator,
   ...require("@digigov/react-core/Base")
 });
 //# sourceMappingURL=index.js.map

package/cjs/utils/Base/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/Base/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Base';\nimport Base from '@digigov/react-core/Base';\n\nexport default Base;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAc,qCAAd;AACA,kBAAiB;AAEjB,IAAO,eAAQ,YAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Base';\nimport Base from '@digigov/react-core/Base';\nexport { basePropGenerator } from '@digigov/react-core/Base/utils';\n\nexport default Base;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAc,qCAAd;AACA,kBAAiB;AACjB,mBAAkC;AAElC,IAAO,eAAQ,YAAAA;",
   "names": ["Base"]
 }

package/cjs/utils/hooks/useDebounce/index.js

@@ -39,7 +39,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
@@ -53,7 +53,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/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAsB;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,qBAAiB,iBAAAA,SAAU,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAsB;AAEf,MAAM,sBAAsB,CACjC,UACA,OAAO,KACP,UAAU,UAC4B;AACtC,QAAM,qBAAiB,iBAAAA,SAAU,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": ["useLatest"]
 }

package/cjs/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,YAAuB;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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,YAAuB;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/cjs/utils/hooks/useScreen/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,56 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useScreen_exports = {};
 __export(useScreen_exports, {
-  breakpointKeys: () => breakpointKeys,
-  breakpointValues: () => breakpointValues,
-  useScreenSize: () => useScreenSize
+  default: () => import_useScreen.default
 });
 module.exports = __toCommonJS(useScreen_exports);
-var import_react = require("react");
-var import_screens = __toESM(require("@digigov/css/screens.json"));
-const breakpointKeys = Object.keys(import_screens.default);
-const breakpointValues = Object.values(import_screens.default);
-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] = (0, import_react.useState)(resolveScreenSize(typeof window !== "undefined" ? window.document.body.clientWidth : 0));
-  (0, import_react.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 };
-};
+__reExport(useScreen_exports, require("@digigov/ui/utils/hooks/useScreen.web"), module.exports);
+var import_useScreen = __toESM(require("@digigov/ui/utils/hooks/useScreen.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  breakpointKeys,
-  breakpointValues,
-  useScreenSize
+  ...require("@digigov/ui/utils/hooks/useScreen.web")
 });
 //# sourceMappingURL=useScreen.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,qBAAwB;AAEjB,MAAM,iBAAgC,OAAO,KAAK,eAAAA,OAAW;AAC7D,MAAM,mBAAmB,OAAO,OAAO,eAAAA,OAAW;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,QAAI,uBAAsB,kBAAkB,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC;AAC3I,8BAAU,MAAM;AACd,UAAMC,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": ["breakpoints", "listeners"]
+  "sourcesContent": ["export * from '@digigov/ui/utils/hooks/useScreen.web';\nexport { default as default } from '@digigov/ui/utils/hooks/useScreen.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,kDAAd;AACA,uBAAmC;",
+  "names": []
 }

package/cjs/utils/hooks/useScreen.native/index.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useScreen_native_exports = {};
+__export(useScreen_native_exports, {
+  breakpointKeys: () => breakpointKeys,
+  breakpointValues: () => breakpointValues,
+  default: () => useScreen_native_default,
+  useScreenSize: () => useScreenSize
+});
+module.exports = __toCommonJS(useScreen_native_exports);
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_screens = __toESM(require("@digigov/css/screens.json"));
+const breakpointKeys = Object.keys(
+  import_screens.default
+);
+const breakpointValues = Object.values(import_screens.default);
+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 useScreenSize = () => {
+  const { width } = (0, import_react_native.useWindowDimensions)();
+  const [screenSize, setScreenSize] = (0, import_react.useState)(
+    resolveScreenSize(width)
+  );
+  (0, import_react.useEffect)(() => {
+    setScreenSize(resolveScreenSize(width));
+  }, [width]);
+  return { screenSize, screenWidth: width };
+};
+var useScreen_native_default = useScreenSize;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  breakpointKeys,
+  breakpointValues,
+  useScreenSize
+});
+//# sourceMappingURL=useScreen.native.js.map

package/cjs/utils/hooks/useScreen.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/hooks/useScreen.native.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { useWindowDimensions } from 'react-native';\nimport breakpoints from '@digigov/css/screens.json';\n\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n  breakpoints\n) 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\nexport const useScreenSize = () => {\n  const { width } = useWindowDimensions();\n  const [screenSize, setScreenSize] = useState<Breakpoints>(\n    resolveScreenSize(width)\n  );\n\n  useEffect(() => {\n    setScreenSize(resolveScreenSize(width));\n  }, [width]);\n\n  return { screenSize, screenWidth: width };\n};\n\nexport default useScreenSize;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,0BAAoC;AACpC,qBAAwB;AAGjB,MAAM,iBAAgC,OAAO;AAAA,EAClD,eAAAA;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,eAAAA,OAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,SAAS,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACxE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,MAAM,QAAI,yCAAoB;AACtC,QAAM,CAAC,YAAY,aAAa,QAAI;AAAA,IAClC,kBAAkB,KAAK;AAAA,EACzB;AAEA,8BAAU,MAAM;AACd,kBAAc,kBAAkB,KAAK,CAAC;AAAA,EACxC,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,EAAE,YAAY,aAAa,MAAM;AAC1C;AAEA,IAAO,2BAAQ;",
+  "names": ["breakpoints"]
+}

package/cjs/utils/hooks/useScreen.web/index.js

@@ -0,0 +1,93 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useScreen_web_exports = {};
+__export(useScreen_web_exports, {
+  breakpointKeys: () => breakpointKeys,
+  breakpointValues: () => breakpointValues,
+  default: () => useScreen_web_default,
+  useScreenSize: () => useScreenSize
+});
+module.exports = __toCommonJS(useScreen_web_exports);
+var import_react = require("react");
+var import_screens = __toESM(require("@digigov/css/screens.json"));
+const breakpointKeys = Object.keys(
+  import_screens.default
+);
+const breakpointValues = Object.values(import_screens.default);
+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] = (0, import_react.useState)(
+    resolveScreenSize(
+      typeof window !== "undefined" ? window.document.body.clientWidth : 0
+    )
+  );
+  (0, import_react.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
+  };
+};
+var useScreen_web_default = useScreenSize;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  breakpointKeys,
+  breakpointValues,
+  useScreenSize
+});
+//# sourceMappingURL=useScreen.web.js.map

package/cjs/utils/hooks/useScreen.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/hooks/useScreen.web.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(\n  breakpoints\n) 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<(width: number) => void>();\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}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(\n    resolveScreenSize(\n      typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n    )\n  );\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 {\n    screenSize,\n    screenWidth:\n      typeof window !== 'undefined' && window.document.body.clientWidth,\n  };\n};\n\nexport default useScreenSize;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,qBAAwB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD,eAAAA;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,eAAAA,OAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,SAAS,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACxE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAA6B;AACnD,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;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,QAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,8BAAU,MAAM;AACd,UAAMC,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;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;AAEA,IAAO,wBAAQ;",
+  "names": ["breakpoints", "listeners"]
+}

package/cjs/utils/hooks/useSearch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/utils/hooks/useSearch.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-types */\nimport { useMemo } from 'react';\n\nexport function normalizeGreek(text) {\n  text = text\n    .replace(/\u0386|\u0391|\u03AC/g, '\u03B1')\n    .replace(/\u0388|\u0395|\u03AD/g, '\u03B5')\n    .replace(/\u0389|\u0397|\u03AE/g, '\u03B7')\n    .replace(/\u038A|\u03AA|\u0399|\u03AF|\u0390|\u03CA/g, '\u03B9')\n    .replace(/\u038C|\u039F|\u03CC/g, '\u03BF')\n    .replace(/\u038E|\u03AB|\u03A5|\u03CD|\u03B0|\u03CB/g, '\u03C5')\n    .replace(/\u038F|\u03A9|\u03CE/g, '\u03C9')\n    .replace(/\u03A3|\u03C2/g, '\u03C3');\n  return text;\n}\n\nexport function fullTextSearch(data: Object, search: string): boolean {\n  if (!search) {\n    return true;\n  }\n  const q = normalizeGreek(\n    search\n      .normalize('NFC')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n  const index = Object.keys(data)\n    .map((k) => {\n      return data[k] ? data[k].toString().toLowerCase() : '';\n    })\n    .join('');\n\n  return normalizeGreek(\n    index.normalize('NFC').replace(/[\\u0300-\\u036f]/g, '')\n  ).includes(q);\n}\n\nexport function useSearch(data: Array<Object>, query?: string) {\n  return useMemo(() => {\n    if (!query) return data;\n    return data.filter((t) => fullTextSearch(t, query));\n  }, [data, query]);\n}\n\nexport default useSearch;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAEjB,SAAS,eAAe,MAAM;AACnC,SAAO,KACJ,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,QAAQ,QAAG;AACtB,SAAO;AACT;AAEO,SAAS,eAAe,MAAc,QAAyB;AACpE,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,QAAM,IAAI;AAAA,IACR,OACG,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE,EAC9B,YAAY;AAAA,EACjB;AACA,QAAM,QAAQ,OAAO,KAAK,IAAI,EAC3B,IAAI,CAAC,MAAM;AACV,WAAO,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,IAAI;AAAA,EACtD,CAAC,EACA,KAAK,EAAE;AAEV,SAAO;AAAA,IACL,MAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE;AAAA,EACvD,EAAE,SAAS,CAAC;AACd;AAEO,SAAS,UAAU,MAAqB,OAAgB;AAC7D,aAAO,sBAAQ,MAAM;AACnB,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,KAAK,OAAO,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAAA,EACpD,GAAG,CAAC,MAAM,KAAK,CAAC;AAClB;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nexport function normalizeGreek(text) {\n  text = text\n    .replace(/\u0386|\u0391|\u03AC/g, '\u03B1')\n    .replace(/\u0388|\u0395|\u03AD/g, '\u03B5')\n    .replace(/\u0389|\u0397|\u03AE/g, '\u03B7')\n    .replace(/\u038A|\u03AA|\u0399|\u03AF|\u0390|\u03CA/g, '\u03B9')\n    .replace(/\u038C|\u039F|\u03CC/g, '\u03BF')\n    .replace(/\u038E|\u03AB|\u03A5|\u03CD|\u03B0|\u03CB/g, '\u03C5')\n    .replace(/\u038F|\u03A9|\u03CE/g, '\u03C9')\n    .replace(/\u03A3|\u03C2/g, '\u03C3');\n  return text;\n}\n\nexport function fullTextSearch(data: object, search: string): boolean {\n  if (!search) {\n    return true;\n  }\n  const q = normalizeGreek(\n    search\n      .normalize('NFC')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n  const index = Object.keys(data)\n    .map((k) => {\n      return data[k] ? data[k].toString().toLowerCase() : '';\n    })\n    .join('');\n\n  return normalizeGreek(\n    index.normalize('NFC').replace(/[\\u0300-\\u036f]/g, '')\n  ).includes(q);\n}\n\nexport function useSearch(data: object[], query?: string) {\n  return useMemo(() => {\n    if (!query) return data;\n    return data.filter((t) => fullTextSearch(t, query));\n  }, [data, query]);\n}\n\nexport default useSearch;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAEjB,SAAS,eAAe,MAAM;AACnC,SAAO,KACJ,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,gBAAgB,QAAG,EAC3B,QAAQ,UAAU,QAAG,EACrB,QAAQ,QAAQ,QAAG;AACtB,SAAO;AACT;AAEO,SAAS,eAAe,MAAc,QAAyB;AACpE,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,QAAM,IAAI;AAAA,IACR,OACG,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE,EAC9B,YAAY;AAAA,EACjB;AACA,QAAM,QAAQ,OAAO,KAAK,IAAI,EAC3B,IAAI,CAAC,MAAM;AACV,WAAO,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,IAAI;AAAA,EACtD,CAAC,EACA,KAAK,EAAE;AAEV,SAAO;AAAA,IACL,MAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE;AAAA,EACvD,EAAE,SAAS,CAAC;AACd;AAEO,SAAS,UAAU,MAAgB,OAAgB;AACxD,aAAO,sBAAQ,MAAM;AACnB,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,KAAK,OAAO,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAAA,EACpD,GAAG,CAAC,MAAM,KAAK,CAAC;AAClB;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/cjs/utils/index.js

@@ -15,12 +15,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 module.exports = __toCommonJS(utils_exports);
 __reExport(utils_exports, require("@digigov/ui/utils/Base"), module.exports);
-__reExport(utils_exports, require("@digigov/ui/utils/SvgIcon"), module.exports);
 __reExport(utils_exports, require("@digigov/ui/utils/VisuallyHidden"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("@digigov/ui/utils/Base"),
-  ...require("@digigov/ui/utils/SvgIcon"),
   ...require("@digigov/ui/utils/VisuallyHidden")
 });
 //# sourceMappingURL=index.js.map

package/cjs/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/index.ts"],
-  "sourcesContent": ["export * from '@digigov/ui/utils/Base';\nexport * from '@digigov/ui/utils/SvgIcon';\nexport * from '@digigov/ui/utils/VisuallyHidden';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,mCAAd;AACA,0BAAc,sCADd;AAEA,0BAAc,6CAFd;",
+  "sourcesContent": ["export * from '@digigov/ui/utils/Base';\nexport * from '@digigov/ui/utils/VisuallyHidden';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,mCAAd;AACA,0BAAc,6CADd;",
   "names": []
 }

package/content/Accordion/__stories__/Auto/index.js

@@ -1,14 +1,16 @@
 import React from "react";
 import {
-  AccordionAuto,
   AccordionControls,
-  AccordionSectionAuto,
   AccordionSectionContent,
   AccordionSectionSummary,
-  AccordionSectionSummaryHeading,
+  AccordionSectionSummaryHeading
+} from "@digigov/ui/content/Accordion";
+import {
+  AccordionAuto,
+  AccordionSectionAuto,
   AccordionCloseAllButtonAuto,
   AccordionOpenAllButtonAuto
-} from "@digigov/ui/content/Accordion";
+} from "@digigov/ui/content/Accordion/auto";
 import { List } from "@digigov/ui/content/List/List";
 import { ListItem } from "@digigov/ui/content/List/ListItem";
 import { Link } from "@digigov/ui/navigation/Link";

package/content/Accordion/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  AccordionAuto,\n  AccordionControls,\n  AccordionSectionAuto,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n  AccordionCloseAllButtonAuto,\n  AccordionOpenAllButtonAuto,\n} from '@digigov/ui/content/Accordion';\n\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const Auto = () => {\n  return (\n    <AccordionAuto defaultOpen={'1'}>\n      <AccordionControls>\n        <AccordionOpenAllButtonAuto>Open all</AccordionOpenAllButtonAuto>\n        <AccordionCloseAllButtonAuto>Close all</AccordionCloseAllButtonAuto>\n      </AccordionControls>\n      <AccordionSectionAuto id=\"0\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content1\">\n            \u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7\n            \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content1\">\n          <Paragraph>\n            \u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5\n            \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\n                \u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2\n                \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"1\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content2\">\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content2\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"2\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content3\">\n            \u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content3\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\n                \u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"4\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content4\">\n            \u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content4\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n    </AccordionAuto>\n  );\n};\n\nexport default Auto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAEnB,MAAM,OAAO,MAAM;AACxB,SACE,oCAAC,iBAAc,aAAa,OAC1B,oCAAC,yBACC,oCAAC,kCAA2B,UAAQ,GACpC,oCAAC,mCAA4B,WAAS,CACxC,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,uHAEzD,GACA,oCAAC,YAAK,2cAGN,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,mgBAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,+cAGN,CACF,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,8DAEzD,GACA,oCAAC,YAAK,ySAAuD,CAC/D,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,+qBAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,iQAA6C,CACrD,GACA,oCAAC,gBACC,oCAAC,YAAK,8LAAiC,CACzC,GACA,oCAAC,gBACC,oCAAC,YAAK,mJAAyB,CACjC,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,wDAEzD,GACA,oCAAC,YAAK,wNAAuC,CAC/C,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,wdAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,gKAA4B,CACpC,GACA,oCAAC,gBACC,oCAAC,YAAK,+UAEN,CACF,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,qHAEzD,GACA,oCAAC,YAAK,kUAEN,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,wdAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,kSAAqD,CAC7D,GACA,oCAAC,gBACC,oCAAC,YAAK,yJAA0B,CAClC,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  AccordionControls,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport {\n  AccordionAuto,\n  AccordionSectionAuto,\n  AccordionCloseAllButtonAuto,\n  AccordionOpenAllButtonAuto,\n} from '@digigov/ui/content/Accordion/auto';\n\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const Auto = () => {\n  return (\n    <AccordionAuto defaultOpen={'1'}>\n      <AccordionControls>\n        <AccordionOpenAllButtonAuto>Open all</AccordionOpenAllButtonAuto>\n        <AccordionCloseAllButtonAuto>Close all</AccordionCloseAllButtonAuto>\n      </AccordionControls>\n      <AccordionSectionAuto id=\"0\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content1\">\n            \u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7\n            \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content1\">\n          <Paragraph>\n            \u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5\n            \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\n                \u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2\n                \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"1\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content2\">\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content2\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"2\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content3\">\n            \u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content3\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\n                \u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"4\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content4\">\n            \u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content4\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n    </AccordionAuto>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAEnB,MAAM,OAAO,MAAM;AACxB,SACE,oCAAC,iBAAc,aAAa,OAC1B,oCAAC,yBACC,oCAAC,kCAA2B,UAAQ,GACpC,oCAAC,mCAA4B,WAAS,CACxC,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,uHAEzD,GACA,oCAAC,YAAK,2cAGN,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,mgBAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,+cAGN,CACF,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,8DAEzD,GACA,oCAAC,YAAK,ySAAuD,CAC/D,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,+qBAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,iQAA6C,CACrD,GACA,oCAAC,gBACC,oCAAC,YAAK,8LAAiC,CACzC,GACA,oCAAC,gBACC,oCAAC,YAAK,mJAAyB,CACjC,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,wDAEzD,GACA,oCAAC,YAAK,wNAAuC,CAC/C,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,wdAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,gKAA4B,CACpC,GACA,oCAAC,gBACC,oCAAC,YAAK,+UAEN,CACF,CACF,CACF,CACF,GACA,oCAAC,wBAAqB,IAAG,OACvB,oCAAC,+BACC,oCAAC,kCAA+B,iBAAc,cAAW,qHAEzD,GACA,oCAAC,YAAK,kUAEN,CACF,GACA,oCAAC,2BAAwB,IAAG,cAC1B,oCAAC,iBAAU,wdAGX,GACA,oCAAC,YACC,oCAAC,gBACC,oCAAC,YAAK,kSAAqD,CAC7D,GACA,oCAAC,gBACC,oCAAC,YAAK,yJAA0B,CAClC,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/content/Accordion/auto.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 import { type AccordionSectionProps } from '@digigov/react-core/AccordionSection';
 import { ButtonProps } from '@digigov/react-core/Button';
-import { AccordionItemId } from '@digigov/ui/content/Accordion/hooks';
-import { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';
+import { AccordionItemId, UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';
 export interface ButtonAccordionAutoProps extends ButtonProps {
 }
 export interface AccordionSectionAutoProps extends AccordionSectionProps {
     id: string;
 }
 export declare const AccordionAuto: ({ singleOpen, defaultOpen, children, ...props }: {
-    singleOpen?: boolean | undefined;
-    defaultOpen?: AccordionItemId | undefined;
+    singleOpen?: boolean;
+    defaultOpen?: AccordionItemId;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const useAccordionContext: () => UseAccordionReturn | null;

package/content/Accordion/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Accordion/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n} from '@digigov/ui/content/Accordion/hooks';\n\nimport { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,cAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AASP,MAAM,mBAAmB,MAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,aAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,oCAAC,aAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,MAAM,WAG9C,SAASC,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,MAAM,WAG/C,SAASC,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n  UseAccordionReturn,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,cAA2B;AACpC;AAAA,EAEE;AAAA,OAEK;AAOP,MAAM,mBAAmB,MAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,aAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,oCAAC,aAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,MAAM,WAG9C,SAASC,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,MAAM,WAG/C,SAASC,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }