@digigov/ui 2.0.0-d57821ba → 2.0.0-daaf7bdf

package/cjs/{patterns/FilteredResults/DataTable → typography/CodeBlock/__stories__/WithCopyToClipboard}/index.js

@@ -25,18 +25,33 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DataTable_exports = {};
-__export(DataTable_exports, {
-  DataTable: () => DataTable
+var WithCopyToClipboard_exports = {};
+__export(WithCopyToClipboard_exports, {
+  WithCopyToClipboard: () => WithCopyToClipboard,
+  default: () => WithCopyToClipboard_default
 });
-module.exports = __toCommonJS(DataTable_exports);
+module.exports = __toCommonJS(WithCopyToClipboard_exports);
 var import_react = __toESM(require("react"));
-var import_Table = require("@digigov/ui/content/Table");
-function DataTable({ dataConfig, data }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, dataConfig.map((itenConfig) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key: itenConfig.key }, itenConfig.title)))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data.length > 0 ? data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, dataConfig.map((itemConfig, idx) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key: idx }, itemConfig.displayComponent ? itemConfig.displayComponent(item[itemConfig.key]) : item[itemConfig.key])))) : /* @__PURE__ */ import_react.default.createElement(import_Table.TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1"))));
-}
+var import_CodeBlock = __toESM(require("@digigov/ui/typography/CodeBlock"));
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithCopyToClipboard = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_CodeBlock.default, { highlighted: true, language: "bash", copyToClipboard: true }, bashExample);
+};
+var WithCopyToClipboard_default = WithCopyToClipboard;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DataTable
+  WithCopyToClipboard
 });
-//# sourceMappingURL=DataTable.js.map
+//# sourceMappingURL=WithCopyToClipboard.js.map

package/cjs/typography/CodeBlock/__stories__/WithCopyToClipboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithCopyToClipboard = () => {\n  return (\n    <CodeBlock highlighted language=\"bash\" copyToClipboard>\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithCopyToClipboard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAAsB;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,sBAAsB,MAAM;AACvC,SACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,EAAU,aAAW,MAAC,UAAS,QAAO,iBAAe,QACnD,WACH;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": ["React", "CodeBlock"]
+}

package/cjs/typography/CodeBlock/__stories__/WithPhaseBanner/index.js

@@ -0,0 +1,66 @@
+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 WithPhaseBanner_exports = {};
+__export(WithPhaseBanner_exports, {
+  WithPhaseBanner: () => WithPhaseBanner,
+  default: () => WithPhaseBanner_default
+});
+module.exports = __toCommonJS(WithPhaseBanner_exports);
+var import_react = __toESM(require("react"));
+var import_CodeBlock = __toESM(require("@digigov/ui/typography/CodeBlock"));
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithPhaseBanner = () => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_CodeBlock.default,
+    {
+      highlighted: true,
+      language: "bash",
+      copyToClipboard: true,
+      phaseBannerTagName: "json"
+    },
+    bashExample
+  );
+};
+var WithPhaseBanner_default = WithPhaseBanner;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithPhaseBanner
+});
+//# sourceMappingURL=WithPhaseBanner.js.map

package/cjs/typography/CodeBlock/__stories__/WithPhaseBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/typography/CodeBlock/__stories__/WithPhaseBanner.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithPhaseBanner = () => {\n  return (\n    <CodeBlock\n      highlighted\n      language=\"bash\"\n      copyToClipboard\n      phaseBannerTagName=\"json\"\n    >\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithPhaseBanner;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAAsB;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,kBAAkB,MAAM;AACnC,SACE,6BAAAA,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAS;AAAA,MACT,iBAAe;AAAA,MACf,oBAAmB;AAAA;AAAA,IAElB;AAAA,EACH;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "CodeBlock"]
+}

package/cjs/typography/CodeBlock/index.js

@@ -36,6 +36,8 @@ 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"));
 var import_CodeBlockContainer = __toESM(require("@digigov/react-core/CodeBlockContainer"));
@@ -48,10 +50,12 @@ __reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockContent"), m
 __reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockHeader"), module.exports);
 __reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockContainer"), module.exports);
 const languageMap = {
-  js: import_javascript.default,
+  javascript: import_javascript.default,
   python: import_python.default,
   bash: import_bash.default,
-  xml: import_xml.default
+  xml: import_xml.default,
+  markdown: import_markdown.default,
+  json: import_json.default
 };
 const addLineNumbers = (code, highlightLines) => {
   return code.split("\n").map((line, index) => {
@@ -63,35 +67,37 @@ const addLineNumbers = (code, highlightLines) => {
 const CodeBlock = import_react.default.forwardRef(
   function CodeBlock2({
     children,
-    language = "bash",
+    language,
     copyToClipboard,
     highlighted,
     showLineNumbers,
-    shouldWrapLongLines,
     phaseBannerTagName,
     highlightLines,
     ref,
     ...props
   }) {
     const Tag = "span";
-    import_core.default.registerLanguage(language, languageMap[language]);
     const codeString = typeof children === "string" ? children : "";
     let displayingCode = codeString;
     if (highlighted && codeString) {
       try {
         import_core.default.configure({ classPrefix: "ds-code--" });
-        const highlightedCode = import_core.default.highlight(codeString, {
-          language
-        }).value;
+        let highlightedCode = import_core.default.highlightAuto(codeString).value;
+        if (language) {
+          import_core.default.registerLanguage(language, languageMap[language]);
+          highlightedCode = import_core.default.highlight(codeString, {
+            language
+          }).value;
+        }
         displayingCode = showLineNumbers ? addLineNumbers(highlightedCode, highlightLines || []) : highlightedCode;
       } catch (error) {
         console.error("Highlighting failed:", error);
       }
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_CodeBlockContainer.default, { ref, wrapLines: shouldWrapLongLines, ...props }, /* @__PURE__ */ import_react.default.createElement(
+    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 { default as hljs } from 'highlight.js/lib/core';\nimport { default as bash } from 'highlight.js/lib/languages/bash';\nimport { default as js } from 'highlight.js/lib/languages/javascript';\nimport { default as python } from 'highlight.js/lib/languages/python';\nimport { default as 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?: 'js' | 'bash' | 'xml' | 'python';\n  copyToClipboard?: true | false;\n  highlighted?: true | false;\n  showLineNumbers?: true | false;\n  shouldWrapLongLines?: true | false;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  js: js,\n  python: python,\n  bash: bash,\n  xml: xml,\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 = 'bash',\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    shouldWrapLongLines,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    hljs.registerLanguage(language, languageMap[language]);\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        const highlightedCode = hljs.highlight(codeString, {\n          language: language,\n        }).value;\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} wrapLines={shouldWrapLongLines} {...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,kBAAgC;AAChC,kBAAgC;AAChC,wBAA8B;AAC9B,oBAAkC;AAClC,iBAA+B;AAE/B,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AAsGvB,8BAAc,iDAnHd;AAoHA,8BAAc,gDApHd;AAqHA,8BAAc,mDArHd;AAyBA,MAAM,cAAc;AAAA,EAClB,IAAI,kBAAAA;AAAA,EACJ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AACP;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,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,gBAAAC,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,oBAAAA,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,cAAM,kBAAkB,YAAAA,QAAK,UAAU,YAAY;AAAA,UACjD;AAAA,QACF,CAAC,EAAE;AACH,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,KAAU,WAAW,qBAAsB,GAAG,SAChE,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", "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/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/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

@@ -9,8 +9,8 @@ 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/index.d.ts

@@ -6,5 +6,4 @@ export * from '@digigov/react-core/AccordionSectionContent';
 export * from '@digigov/react-core/AccordionSectionSummary';
 export * from '@digigov/react-core/AccordionSectionSummaryHeading';
 export * from '@digigov/ui/content/Accordion/hooks';
-export * from '@digigov/ui/content/Accordion/auto';
 export default Accordion;

package/content/Accordion/index.js

@@ -6,7 +6,6 @@ export * from "@digigov/react-core/AccordionSectionContent";
 export * from "@digigov/react-core/AccordionSectionSummary";
 export * from "@digigov/react-core/AccordionSectionSummaryHeading";
 export * from "@digigov/ui/content/Accordion/hooks";
-export * from "@digigov/ui/content/Accordion/auto";
 var Accordion_default = Accordion;
 export {
   Accordion_default as default

package/content/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Accordion/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/ui/content/Accordion/auto';\n\nexport default Accordion;\n"],
-  "mappings": "AACA,OAAO,eAAe;AAEtB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,oBAAQ;",
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
+  "mappings": "AACA,OAAO,eAAe;AAEtB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,oBAAQ;",
   "names": []
 }

package/content/Card/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/content/Markdown/Markdown.stories/index.js

@@ -0,0 +1,13 @@
+import Markdown from "@digigov/ui/content/Markdown";
+var Markdown_stories_default = {
+  title: "Digigov UI/content/Markdown",
+  description: "Display markdown content",
+  component: Markdown,
+  displayName: "Markdown"
+};
+import { Default } from "@digigov/ui/content/Markdown/__stories__/Default";
+export {
+  Default,
+  Markdown_stories_default as default
+};
+//# sourceMappingURL=Markdown.stories.js.map

package/{patterns/FilteredResults/DataTable → content/Markdown/Markdown.stories}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../cjs/patterns/FilteredResults/DataTable/index.js"
+  "main": "../../../cjs/content/Markdown/Markdown.stories/index.js"
 }

package/content/Markdown/Markdown.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { Markdown as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/Markdown/__stories__/Default";
+import Markdown from '@digigov/ui/content/Markdown';

package/content/Markdown/Markdown.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Markdown/Markdown.stories.js"],
+  "sourcesContent": ["import Markdown from '@digigov/ui/content/Markdown';\nexport default {\n  title: 'Digigov UI/content/Markdown',\n  description:\n    'Display markdown content',\n  component: Markdown,\n  displayName: 'Markdown',\n};\nexport { Default } from '@digigov/ui/content/Markdown/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/content/Markdown/__stories__/Default/index.js

@@ -0,0 +1,30 @@
+import React from "react";
+import Grid from "@digigov/ui/layouts/Grid";
+import Markdown from "@digigov/ui/content/Markdown";
+import { SectionBreak } from "@digigov/ui/layouts";
+const markdownExamples = [
+  "## \u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h2",
+  "\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>",
+  "[\u03B5\u03B4\u03CE](http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang)",
+  "[https://pki.aped.gov.gr/repository](https://pki.aped.gov.gr/repository)",
+  "**\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC:**",
+  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:
+  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013
+  * \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018
+  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC
+
+`,
+  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7
+  \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5
+  \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,
+  \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`
+];
+const Default = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, markdownExamples.map((markdown, index) => /* @__PURE__ */ React.createElement(Grid, { container: true, key: index, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6 }, markdown), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6 }, /* @__PURE__ */ React.createElement(Markdown, { content: markdown })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SectionBreak, null)))));
+};
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

package/{patterns/FilteredResults/FilterChips → content/Markdown/__stories__/Default}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../cjs/patterns/FilteredResults/FilterChips/index.js"
+  "main": "../../../../cjs/content/Markdown/__stories__/Default/index.js"
 }

package/{patterns/FilteredResults → content/Markdown}/__stories__/Default.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const Default: () => React.JSX.Element;
+export default Default;

package/content/Markdown/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Markdown/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport Markdown from '@digigov/ui/content/Markdown';\nimport { SectionBreak } from '@digigov/ui/layouts';\n\nconst markdownExamples = [\n  '## \u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h2',\n  '\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>',\n  '[\u03B5\u03B4\u03CE](http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang)',\n  '[https://pki.aped.gov.gr/repository](https://pki.aped.gov.gr/repository)',\n  '**\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC:**',\n  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013\n  * \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC\\n\\n`,\n  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\n  \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5\n  \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,\n  \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,\n];\n\nexport const Default = () => {\n  return (\n    <>\n      {markdownExamples.map((markdown, index) => (\n        <Grid container key={index} spacing={4}>\n          <Grid item xs={12} sm={6}>\n            {markdown}\n          </Grid>\n          <Grid item xs={12} sm={6}>\n            <Markdown content={markdown} />\n          </Grid>\n          <Grid item xs={12}>\n            <SectionBreak />\n          </Grid>\n        </Grid>\n      ))}\n    </>);\n};\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA;AAAA;AAAA;AAIF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,0DACG,iBAAiB,IAAI,CAAC,UAAU,UAC/B,oCAAC,QAAK,WAAS,MAAC,KAAK,OAAO,SAAS,KACnC,oCAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACpB,QACH,GACA,oCAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACrB,oCAAC,YAAS,SAAS,UAAU,CAC/B,GACA,oCAAC,QAAK,MAAI,MAAC,IAAI,MACb,oCAAC,kBAAa,CAChB,CACF,CACD,CACH;AACJ;AAEA,IAAO,kBAAQ;",
+  "names": []
+}

package/content/Markdown/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const Markdown: ({ children, content }: {
     children?: React.ReactNode;
-    content?: string | undefined;
+    content?: string;
 }) => React.JSX.Element;
 export default Markdown;

package/content/Markdown/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/content/SafeHTML/SafeHTML.stories/index.js

@@ -0,0 +1,13 @@
+import SafeHTML from "@digigov/ui/content/SafeHTML";
+var SafeHTML_stories_default = {
+  title: "Digigov UI/content/SafeHTML",
+  description: "Display html content",
+  component: SafeHTML,
+  displayName: "SafeHTML"
+};
+import { Default } from "@digigov/ui/content/SafeHTML/__stories__/Default";
+export {
+  Default,
+  SafeHTML_stories_default as default
+};
+//# sourceMappingURL=SafeHTML.stories.js.map

package/content/SafeHTML/SafeHTML.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/content/SafeHTML/SafeHTML.stories/index.js"
+}

package/content/SafeHTML/SafeHTML.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { SafeHTML as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/SafeHTML/__stories__/Default";
+import SafeHTML from '@digigov/ui/content/SafeHTML';

package/content/SafeHTML/SafeHTML.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/SafeHTML/SafeHTML.stories.js"],
+  "sourcesContent": ["import SafeHTML from '@digigov/ui/content/SafeHTML';\nexport default {\n  title: 'Digigov UI/content/SafeHTML',\n  description:\n    'Display html content',\n  component: SafeHTML,\n  displayName: 'SafeHTML',\n};\nexport { Default } from '@digigov/ui/content/SafeHTML/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

package/content/SafeHTML/__stories__/Default/index.js

@@ -0,0 +1,28 @@
+import React from "react";
+import Grid from "@digigov/ui/layouts/Grid";
+import SafeHTML from "@digigov/ui/content/SafeHTML";
+import { SectionBreak } from "@digigov/ui/layouts";
+const htmlExamples = [
+  "<h1>\u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h1</h1>",
+  "\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>",
+  '<a target="_blank" href="http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang">\u03B5\u03B4\u03CE</a>',
+  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:<br/><br/>
+  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013<br/>
+  \u2022 \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018<br/>
+  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC<br/><br/>`,
+  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5
+    \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7
+    \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,
+    \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,
+  "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ul><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ul>",
+  "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ol><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ol>"
+];
+const Default = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, htmlExamples.map((html, index) => /* @__PURE__ */ React.createElement(Grid, { container: true, key: index, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6 }, html), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6 }, /* @__PURE__ */ React.createElement(SafeHTML, { content: html })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SectionBreak, null)))));
+};
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map