@digigov/ui 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/cjs/app/hooks/useTheme/index.js

@@ -23,7 +23,9 @@ __export(useTheme_exports, {
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
 const useTheme = () => {
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const prefersDarkScheme = window.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
   const storedTheme = localStorage.getItem(
     "--theme-palette"
   );

package/cjs/app/hooks/useTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/hooks/useTheme.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n    .matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,8BAA8B,EACvE;AACH,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void,\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia(\n    '(prefers-color-scheme: dark)'\n  ).matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO;AAAA,IAC/B;AAAA,EACF,EAAE;AACF,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/cjs/content/Accordion/Accordion.stories/index.js

@@ -29,12 +29,15 @@ var Accordion_stories_exports = {};
 __export(Accordion_stories_exports, {
   Auto: () => import_Auto.Auto,
   Default: () => import_Default.Default,
+  WithControls: () => WithControls,
   WithHints: () => import_WithHints.WithHints,
   WithHook: () => import_WithHook.WithHook,
   default: () => Accordion_stories_default
 });
 module.exports = __toCommonJS(Accordion_stories_exports);
-var import_Accordion = __toESM(require("@digigov/ui/content/Accordion"));
+var import_react = __toESM(require("react"));
+var import_Accordion = require("@digigov/ui/content/Accordion");
+var import_Hint = require("@digigov/ui/typography/Hint");
 var import_Default = require("@digigov/ui/content/Accordion/__stories__/Default");
 var import_WithHints = require("@digigov/ui/content/Accordion/__stories__/WithHints");
 var import_WithHook = require("@digigov/ui/content/Accordion/__stories__/WithHook");
@@ -44,13 +47,62 @@ var Accordion_stories_default = {
   tags: ["Experimental"],
   description: "The accordion component lets users show and hide sections of related content on a page.",
   link: "https://guide.services.gov.gr/docs/components/accordion",
-  component: import_Accordion.default,
+  component: import_Accordion.Accordion,
   displayName: "Accordion"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Accordion.Accordion,
+      {
+        horizontalBorders: args.horizontalBorders,
+        summaryColor: args.summaryColor,
+        dense: args.dense
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSection, { open: true }, /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionSummary, null, /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionSummaryHeading, { "aria-controls": "content1" }, args.title), args.hint > 0 && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, args.hintMessage)), /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionContent, { id: "content1" }, args.content))
+    );
+  },
+  args: {
+    title: "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF",
+    hint: true,
+    hintMessage: "\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 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.",
+    content: "\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 \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.",
+    horizontalBorders: "top",
+    summaryColor: "primary",
+    dense: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    content: {
+      control: { type: "text" }
+    },
+    horizontalBorders: {
+      options: ["none", "top", "bottom"],
+      control: { type: "select" }
+    },
+    summaryColor: {
+      options: ["primary", "secondary"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Auto,
   Default,
+  WithControls,
   WithHints,
   WithHook
 });

package/cjs/content/Accordion/Accordion.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/content/Accordion/Accordion.stories.js"],
-  "sourcesContent": ["import Accordion from '@digigov/ui/content/Accordion';\nexport default {\n  title: 'Digigov UI/content/Accordion',\n  tags: ['Experimental'],\n  description:\n    'The accordion component lets users show and hide sections of related content on a page.',\n  link: 'https://guide.services.gov.gr/docs/components/accordion',\n  component: Accordion,\n  displayName: 'Accordion',\n};\nexport { Default } from '@digigov/ui/content/Accordion/__stories__/Default';\nexport { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';\nexport { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAUtB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,kBAAqB;AAZrB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,iBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Accordion"]
+  "sources": ["../../../../src/content/Accordion/Accordion.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport default {\n  title: 'Digigov UI/content/Accordion',\n  tags: ['Experimental'],\n  description:\n    'The accordion component lets users show and hide sections of related content on a page.',\n  link: 'https://guide.services.gov.gr/docs/components/accordion',\n  component: Accordion,\n  displayName: 'Accordion',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Accordion\n        horizontalBorders={args.horizontalBorders}\n        summaryColor={args.summaryColor}\n        dense={args.dense}\n      >\n        <AccordionSection open>\n          <AccordionSectionSummary>\n            <AccordionSectionSummaryHeading aria-controls=\"content1\">\n              {args.title}\n            </AccordionSectionSummaryHeading>\n            {args.hint > 0 && <Hint>{args.hintMessage}</Hint>}\n          </AccordionSectionSummary>\n          <AccordionSectionContent id=\"content1\">\n            {args.content}\n          </AccordionSectionContent>\n        </AccordionSection>\n      </Accordion>\n    );\n  },\n  args: {\n    title: '\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF',\n    hint: true,\n    hintMessage:\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 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.',\n    content:\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 \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    horizontalBorders: 'top',\n    summaryColor: 'primary',\n    dense: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    hint: {\n      control: { type: 'boolean' },\n    },\n    hintMessage: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    content: {\n      control: { type: 'text' },\n    },\n    horizontalBorders: {\n      options: ['none', 'top', 'bottom'],\n      control: { type: 'select' },\n    },\n    summaryColor: {\n      options: ['primary', 'secondary'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Accordion/__stories__/Default';\nexport { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';\nexport { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAMO;AACP,kBAAqB;AAyErB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,kBAAqB;AA1ErB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAmB,KAAK;AAAA,QACxB,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA;AAAA,MAEZ,6BAAAA,QAAA,cAAC,qCAAiB,MAAI,QACpB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAC3C,KAAK,KACR,GACC,KAAK,OAAO,KAAK,6BAAAA,QAAA,cAAC,wBAAM,KAAK,WAAY,CAC5C,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cACzB,KAAK,OACR,CACF;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aACE;AAAA,IACF,SACE;AAAA,IACF,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS,CAAC,QAAQ,OAAO,QAAQ;AAAA,MACjC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,CAAC,WAAW,WAAW;AAAA,MAChC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AACF;",
+  "names": ["React"]
 }

package/cjs/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  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"],
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAKO;AACP,kBAKO;AAEP,kBAAqB;AACrB,sBAAyB;AACzB,kBAAqB;AACrB,kBAAqB;AACrB,uBAA0B;AAEnB,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAA,QAAA,cAAC,6BAAc,aAAa,OAC1B,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8CAA2B,UAAQ,GACpC,6BAAAA,QAAA,cAAC,+CAA4B,WAAS,CACxC,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,uHAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,2cAGN,CACF,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,mgBAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,+cAGN,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,8DAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,ySAAuD,CAC/D,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,+qBAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,iQAA6C,CACrD,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,8LAAiC,CACzC,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,mJAAyB,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,wDAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,wNAAuC,CAC/C,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,wdAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,gKAA4B,CACpC,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,+UAEN,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,qHAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,kUAEN,CACF,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,wdAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,kSAAqD,CAC7D,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,yJAA0B,CAClC,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAGO;AASP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,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,6BAAAD,QAAA;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,aAAAA,QAAM,WAG9C,SAASE,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,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,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,6BAAAH,QAAA,cAAC,wBAAO,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAIO;AAOP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,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,6BAAAD,QAAA;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,aAAAA,QAAM,WAG9C,SAASE,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,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,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,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["React", "AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }

package/cjs/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';\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAsB;AAEtB,8BAAc,0CAHd;AAIA,8BAAc,kDAJd;AAKA,8BAAc,iDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,wDAPd;AAQA,8BAAc,+DARd;AASA,8BAAc,gDATd;AAWA,IAAO,oBAAQ,iBAAAA;",
+  "sourcesContent": ["import 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,8BAAc,0CAFd;AAGA,8BAAc,kDAHd;AAIA,8BAAc,iDAJd;AAKA,8BAAc,wDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,+DAPd;AAQA,8BAAc,gDARd;AAUA,IAAO,oBAAQ,iBAAAA;",
   "names": ["Accordion"]
 }

package/cjs/content/Blockquote/Blockquote.stories/index.js

@@ -29,6 +29,7 @@ var Blockquote_stories_exports = {};
 __export(Blockquote_stories_exports, {
   Default: () => import_Default.Default,
   Dense: () => import_Dense.Dense,
+  WithControls: () => WithControls,
   default: () => Blockquote_stories_default
 });
 module.exports = __toCommonJS(Blockquote_stories_exports);
@@ -42,9 +43,27 @@ var Blockquote_stories_default = {
   component: import_Blockquote.default,
   displayName: "Blockquote"
 };
+const WithControls = {
+  args: {
+    children: "\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.",
+    dense: false
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
-  Dense
+  Dense,
+  WithControls
 });
 //# sourceMappingURL=Blockquote.stories.js.map

package/cjs/content/Blockquote/Blockquote.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Blockquote/Blockquote.stories.js"],
-  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AASvB,qBAAwB;AACxB,mBAAsB;AATtB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\n\nexport const WithControls = {\n  args: {\n    children:\n      '\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.',\n    dense: false,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AA6BvB,qBAAwB;AACxB,mBAAsB;AA7BtB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UACE;AAAA,IACF,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
   "names": ["Blockquote"]
 }

package/cjs/content/Card/Card.stories/index.js

@@ -31,6 +31,7 @@ __export(Card_stories_exports, {
   Dense: () => import_Dense.Dense,
   WithClickableContent: () => import_WithClickableContent.WithClickableContent,
   WithClickableLink: () => import_WithClickableLink.WithClickableLink,
+  WithControls: () => WithControls,
   WithDarkBorder: () => import_WithDarkBorder.WithDarkBorder,
   WithDarkTopBorder: () => import_WithDarkTopBorder.WithDarkTopBorder,
   WithDivider: () => import_WithDivider.WithDivider,
@@ -41,7 +42,10 @@ __export(Card_stories_exports, {
   default: () => Card_stories_default
 });
 module.exports = __toCommonJS(Card_stories_exports);
-var import_Card = __toESM(require("@digigov/ui/content/Card"));
+var import_react = __toESM(require("react"));
+var import_Card = require("@digigov/ui/content/Card");
+var import_Button = require("@digigov/ui/form/Button");
+var import_Link = require("@digigov/ui/navigation/Link");
 var import_Default = require("@digigov/ui/content/Card/__stories__/Default");
 var import_WithGrayBorder = require("@digigov/ui/content/Card/__stories__/WithGrayBorder");
 var import_WithDarkBorder = require("@digigov/ui/content/Card/__stories__/WithDarkBorder");
@@ -58,15 +62,87 @@ var Card_stories_default = {
   tags: ["Experimental"],
   description: "Cards can be used to divide and organise interface content for better understandability and readability",
   link: "https://guide.services.gov.gr/docs/components/card",
-  component: import_Card.default,
+  component: import_Card.Card,
   displayName: "Card"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Card.Card,
+      {
+        variant: args.variant,
+        borderColor: args.borderColor,
+        callToAction: args.callToAction,
+        dense: args.dense,
+        fullHeight: args.fullHeight
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_Card.CardHeading, null, args.callToAction || args.action === "title" ? /* @__PURE__ */ import_react.default.createElement(import_Link.LinkBase, { href: "#" }, args.title, " ") : args.title),
+      /* @__PURE__ */ import_react.default.createElement(import_Card.CardContent, null, args.content),
+      args.action === "button" && /* @__PURE__ */ import_react.default.createElement(import_Card.CardAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2")),
+      args.action === "link" && /* @__PURE__ */ import_react.default.createElement(import_Card.CardAction, null, /* @__PURE__ */ import_react.default.createElement(import_Link.LinkBase, { href: "#" }, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1"))
+    );
+  },
+  args: {
+    title: "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1",
+    content: "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1.",
+    action: "button",
+    actionButtonText: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    actionButtonLink: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    variant: "default",
+    borderColor: "light",
+    callToAction: false,
+    dense: false,
+    fullHeight: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    content: {
+      control: { type: "text" }
+    },
+    action: {
+      options: ["button", "link", "title"],
+      control: { type: "select" }
+    },
+    actionButtonText: {
+      control: { type: "text" },
+      if: { arg: "action", eq: "button" }
+    },
+    actionButtonLink: {
+      control: { type: "text" },
+      if: { arg: "action", eq: "link" }
+    },
+    variant: {
+      options: ["border", "divider", "border-top", "default"],
+      control: { type: "select" }
+    },
+    borderColor: {
+      options: ["light", "dark"],
+      control: { type: "inline-radio" },
+      if: { arg: "variant", neq: "default" }
+    },
+    callToAction: {
+      control: { type: "boolean" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    fullHeight: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
   Dense,
   WithClickableContent,
   WithClickableLink,
+  WithControls,
   WithDarkBorder,
   WithDarkTopBorder,
   WithDivider,

package/cjs/content/Card/Card.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/content/Card/Card.stories.js"],
-  "sourcesContent": ["import Card from '@digigov/ui/content/Card';\nexport default {\n  title: 'Digigov UI/content/Card',\n  tags: ['Experimental'],\n  description:\n    'Cards can be used to divide and organise interface content for better understandability and readability',\n  link: 'https://guide.services.gov.gr/docs/components/card',\n  component: Card,\n  displayName: 'Card',\n};\nexport { Default } from '@digigov/ui/content/Card/__stories__/Default';\nexport { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBorder';\nexport { WithDarkBorder } from '@digigov/ui/content/Card/__stories__/WithDarkBorder';\nexport { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';\nexport { WithDarkTopBorder } from '@digigov/ui/content/Card/__stories__/WithDarkTopBorder';\nexport { WithDivider } from '@digigov/ui/content/Card/__stories__/WithDivider';\nexport { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';\nexport { WithClickableLink } from '@digigov/ui/content/Card/__stories__/WithClickableLink';\nexport { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';\nexport { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';\nexport { Dense } from '@digigov/ui/content/Card/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAUjB,qBAAwB;AACxB,4BAA+B;AAC/B,4BAA+B;AAC/B,+BAAkC;AAClC,+BAAkC;AAClC,yBAA4B;AAC5B,kCAAqC;AACrC,+BAAkC;AAClC,6BAAgC;AAChC,sBAAyB;AACzB,mBAAsB;AAnBtB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,YAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Card"]
+  "sources": ["../../../../src/content/Card/Card.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Card,\n  CardHeading,\n  CardContent,\n  CardAction,\n} from '@digigov/ui/content/Card';\nimport { Button } from '@digigov/ui/form/Button';\nimport { LinkBase } from '@digigov/ui/navigation/Link';\n\nexport default {\n  title: 'Digigov UI/content/Card',\n  tags: ['Experimental'],\n  description:\n    'Cards can be used to divide and organise interface content for better understandability and readability',\n  link: 'https://guide.services.gov.gr/docs/components/card',\n  component: Card,\n  displayName: 'Card',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Card\n        variant={args.variant}\n        borderColor={args.borderColor}\n        callToAction={args.callToAction}\n        dense={args.dense}\n        fullHeight={args.fullHeight}\n      >\n        <CardHeading>\n          {args.callToAction || args.action === 'title' ? (\n            <LinkBase href=\"#\">{args.title} </LinkBase>\n          ) : (\n            args.title\n          )}\n        </CardHeading>\n        <CardContent>{args.content}</CardContent>\n        {args.action === 'button' && (\n          <CardAction>\n            <Button>\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2</Button>\n          </CardAction>\n        )}\n        {args.action === 'link' && (\n          <CardAction>\n            <LinkBase href=\"#\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1</LinkBase>\n          </CardAction>\n        )}\n      </Card>\n    );\n  },\n  args: {\n    title: '\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1',\n    content:\n      '\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1.',\n    action: 'button',\n    actionButtonText: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    actionButtonLink: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    variant: 'default',\n    borderColor: 'light',\n    callToAction: false,\n    dense: false,\n    fullHeight: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    content: {\n      control: { type: 'text' },\n    },\n    action: {\n      options: ['button', 'link', 'title'],\n      control: { type: 'select' },\n    },\n    actionButtonText: {\n      control: { type: 'text' },\n      if: { arg: 'action', eq: 'button' },\n    },\n    actionButtonLink: {\n      control: { type: 'text' },\n      if: { arg: 'action', eq: 'link' },\n    },\n    variant: {\n      options: ['border', 'divider', 'border-top', 'default'],\n      control: { type: 'select' },\n    },\n    borderColor: {\n      options: ['light', 'dark'],\n      control: { type: 'inline-radio' },\n      if: { arg: 'variant', neq: 'default' },\n    },\n    callToAction: {\n      control: { type: 'boolean' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    fullHeight: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/content/Card/__stories__/Default';\nexport { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBorder';\nexport { WithDarkBorder } from '@digigov/ui/content/Card/__stories__/WithDarkBorder';\nexport { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';\nexport { WithDarkTopBorder } from '@digigov/ui/content/Card/__stories__/WithDarkTopBorder';\nexport { WithDivider } from '@digigov/ui/content/Card/__stories__/WithDivider';\nexport { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';\nexport { WithClickableLink } from '@digigov/ui/content/Card/__stories__/WithClickableLink';\nexport { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';\nexport { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';\nexport { Dense } from '@digigov/ui/content/Card/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAKO;AACP,oBAAuB;AACvB,kBAAyB;AAkGzB,qBAAwB;AACxB,4BAA+B;AAC/B,4BAA+B;AAC/B,+BAAkC;AAClC,+BAAkC;AAClC,yBAA4B;AAC5B,kCAAqC;AACrC,+BAAkC;AAClC,6BAAgC;AAChC,sBAAyB;AACzB,mBAAsB;AA1GtB,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK;AAAA,QACd,aAAa,KAAK;AAAA,QAClB,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA,QACZ,YAAY,KAAK;AAAA;AAAA,MAEjB,6BAAAA,QAAA,cAAC,+BACE,KAAK,gBAAgB,KAAK,WAAW,UACpC,6BAAAA,QAAA,cAAC,wBAAS,MAAK,OAAK,KAAK,OAAM,GAAC,IAEhC,KAAK,KAET;AAAA,MACA,6BAAAA,QAAA,cAAC,+BAAa,KAAK,OAAQ;AAAA,MAC1B,KAAK,WAAW,YACf,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAAA,MAED,KAAK,WAAW,UACf,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,wBAAS,MAAK,OAAI,oEAAW,CAChC;AAAA,IAEJ;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SACE;AAAA,IACF,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,CAAC,UAAU,QAAQ,OAAO;AAAA,MACnC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,UAAU,IAAI,OAAO;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,UAAU,WAAW,cAAc,SAAS;AAAA,MACtD,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,aAAa;AAAA,MACX,SAAS,CAAC,SAAS,MAAM;AAAA,MACzB,SAAS,EAAE,MAAM,eAAe;AAAA,MAChC,IAAI,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,IACvC;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,YAAY;AAAA,MACV,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
+  "names": ["React"]
 }

package/cjs/content/Chip/Chip.stories/index.js

@@ -32,6 +32,7 @@ __export(Chip_stories_exports, {
   Default: () => import_Default.Default,
   DeletableChip: () => import_DeletableChip.DeletableChip,
   GroupOfChips: () => import_GroupOfChips.GroupOfChips,
+  WithControls: () => WithControls,
   default: () => Chip_stories_default
 });
 module.exports = __toCommonJS(Chip_stories_exports);
@@ -46,12 +47,34 @@ var Chip_stories_default = {
   component: import_Chip.default,
   displayName: "Chip"
 };
+const WithControls = {
+  args: {
+    children: "\u0395\u03C4\u03B9\u03BA\u03AD\u03C4\u03B1",
+    onClick: true,
+    onDelete: true
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    onClick: {
+      control: { type: "boolean" }
+    },
+    onDelete: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClickableChip,
   ClickableDeletableChip,
   Default,
   DeletableChip,
-  GroupOfChips
+  GroupOfChips,
+  WithControls
 });
 //# sourceMappingURL=Chip.stories.js.map

package/cjs/content/Chip/Chip.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Chip/Chip.stories.js"],
-  "sourcesContent": ["import Chip from '@digigov/ui/content/Chip';\nexport default {\n  title: 'Digigov UI/content/Chip',\n  component: Chip,\n  displayName: 'Chip',\n};\nexport { Default } from '@digigov/ui/content/Chip/__stories__/Default';\nexport { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';\nexport { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';\nexport { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';\nexport { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAMjB,qBAAwB;AACxB,2BAA8B;AAC9B,2BAA8B;AAC9B,oCAAuC;AACvC,0BAA6B;AAT7B,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,YAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Chip from '@digigov/ui/content/Chip';\nexport default {\n  title: 'Digigov UI/content/Chip',\n  component: Chip,\n  displayName: 'Chip',\n};\n\nexport const WithControls = {\n  args: {\n    children: '\u0395\u03C4\u03B9\u03BA\u03AD\u03C4\u03B1',\n    onClick: true,\n    onDelete: true,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    onClick: {\n      control: { type: 'boolean' },\n    },\n    onDelete: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/content/Chip/__stories__/Default';\nexport { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';\nexport { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';\nexport { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';\nexport { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AA4BjB,qBAAwB;AACxB,2BAA8B;AAC9B,2BAA8B;AAC9B,oCAAuC;AACvC,0BAA6B;AA/B7B,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,YAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
   "names": ["Chip"]
 }

package/cjs/content/List/List.stories/index.js

@@ -32,11 +32,14 @@ __export(List_stories_exports, {
   HorizontalList: () => import_HorizontalList.HorizontalList,
   NestedBulletList: () => import_NestedBulletList.NestedBulletList,
   NumberedList: () => import_NumberedList.NumberedList,
+  WithControls: () => WithControls,
   WithExtraSpace: () => import_WithExtraSpace.WithExtraSpace,
   default: () => List_stories_default
 });
 module.exports = __toCommonJS(List_stories_exports);
-var import_List = __toESM(require("@digigov/ui/content/List"));
+var import_react = __toESM(require("react"));
+var import_List = require("@digigov/ui/content/List/List");
+var import_ListItem = require("@digigov/ui/content/List/ListItem");
 var import_Default = require("@digigov/ui/content/List/__stories__/Default");
 var import_BulletList = require("@digigov/ui/content/List/__stories__/BulletList");
 var import_NumberedList = require("@digigov/ui/content/List/__stories__/NumberedList");
@@ -47,9 +50,43 @@ var List_stories_default = {
   title: "Digigov UI/content/List",
   description: "Use lists to make blocks of text easier to read, and to break information into manageable chunks.",
   link: "https://guide.services.gov.gr/docs/styles/typography#lists",
-  component: import_List.default,
+  component: import_List.List,
   displayName: "List"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: args.listStyle, dense: args.dense, layout: args.layout }, args.listItems.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_ListItem.ListItem, { key: index }, item)));
+  },
+  args: {
+    listStyle: "none",
+    layout: "vertical",
+    dense: false,
+    listItems: [
+      "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD",
+      "\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2",
+      "\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2"
+    ]
+  },
+  argTypes: {
+    listStyle: {
+      options: ["none", "bullet", "number"],
+      control: { type: "select" }
+    },
+    layout: {
+      options: ["vertical", "horizontal"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    listItems: {
+      control: { type: "object" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BulletList,
@@ -57,6 +94,7 @@ var List_stories_default = {
   HorizontalList,
   NestedBulletList,
   NumberedList,
+  WithControls,
   WithExtraSpace
 });
 //# sourceMappingURL=List.stories.js.map

package/cjs/content/List/List.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/content/List/List.stories.js"],
-  "sourcesContent": ["import List from '@digigov/ui/content/List';\nexport default {\n  title: 'Digigov UI/content/List',\n  description:\n    'Use lists to make blocks of text easier to read, and to break information into manageable chunks.',\n  link: 'https://guide.services.gov.gr/docs/styles/typography#lists',\n  component: List,\n  displayName: 'List',\n};\nexport { Default } from '@digigov/ui/content/List/__stories__/Default';\nexport { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';\nexport { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';\nexport { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';\nexport { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';\nexport { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AASjB,qBAAwB;AACxB,wBAA2B;AAC3B,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA+B;AAC/B,8BAAiC;AAbjC,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,YAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["List"]
+  "sources": ["../../../../src/content/List/List.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport default {\n  title: 'Digigov UI/content/List',\n  description:\n    'Use lists to make blocks of text easier to read, and to break information into manageable chunks.',\n  link: 'https://guide.services.gov.gr/docs/styles/typography#lists',\n  component: List,\n  displayName: 'List',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <List listStyle={args.listStyle} dense={args.dense} layout={args.layout}>\n        {args.listItems.map((item, index) => (\n          <ListItem key={index}>{item}</ListItem>\n        ))}\n      </List>\n    );\n  },\n  args: {\n    listStyle: 'none',\n    layout: 'vertical',\n    dense: false,\n    listItems: [\n      '\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD',\n      '\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2',\n      '\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2',\n    ],\n  },\n  argTypes: {\n    listStyle: {\n      options: ['none', 'bullet', 'number'],\n      control: { type: 'select' },\n    },\n    layout: {\n      options: ['vertical', 'horizontal'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    listItems: {\n      control: { type: 'object' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/List/__stories__/Default';\nexport { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';\nexport { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';\nexport { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';\nexport { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';\nexport { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,sBAAyB;AAoDzB,qBAAwB;AACxB,wBAA2B;AAC3B,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA+B;AAC/B,8BAAiC;AAvDjC,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA,cAAC,oBAAK,WAAW,KAAK,WAAW,OAAO,KAAK,OAAO,QAAQ,KAAK,UAC9D,KAAK,UAAU,IAAI,CAAC,MAAM,UACzB,6BAAAA,QAAA,cAAC,4BAAS,KAAK,SAAQ,IAAK,CAC7B,CACH;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,CAAC,QAAQ,UAAU,QAAQ;AAAA,MACpC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,CAAC,YAAY,YAAY;AAAA,MAClC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
+  "names": ["React"]
 }

package/cjs/content/List/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/List/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport const Default = () => (\n  <List>\n    <ListItem>\n      \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD\n    </ListItem>\n    <ListItem>\n      \u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2\n    </ListItem>\n    <ListItem>\n      \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2\n    </ListItem>\n  </List>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,sBAAyB;AAElB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAS,yRAEV,GACA,6BAAAA,QAAA,cAAC,gCAAS,kLAEV,GACA,6BAAAA,QAAA,cAAC,gCAAS,sQAEV,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport const Default = () => (\n  <List>\n    <ListItem>\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD</ListItem>\n    <ListItem>\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2</ListItem>\n    <ListItem>\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2</ListItem>\n  </List>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,sBAAyB;AAElB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAS,yRAAiD,GAC3D,6BAAAA,QAAA,cAAC,gCAAS,kLAA+B,GACzC,6BAAAA,QAAA,cAAC,gCAAS,sQAAkD,CAC9D;AAGF,IAAO,kBAAQ;",
   "names": ["React"]
 }