@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/app/Header/__stories__/WithServiceName.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithServiceName: () => JSX.Element;
+import React from 'react';
+export declare const WithServiceName: () => React.JSX.Element;
 export default WithServiceName;

package/app/Header/__stories__/WithServiceName.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Header/__stories__/WithServiceName.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\n\nexport const WithServiceName = () => (\n  <Header>\n    <HeaderContent>\n      <HeaderSection>\n        <GovGRLogo href=\"#\" />\n        <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n      </HeaderSection>\n    </HeaderContent>\n  </Header>\n);\n\nexport default WithServiceName;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,MAC7B,oCAAC,QAAD,MACE,oCAAC,eAAD,MACE,oCAAC,eAAD,MACE,oCAAC,WAAD;AAAA,EAAW,MAAK;AAAA,IAChB,oCAAC,aAAD,MAAa;AAMrB,IAAO,0BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAEnB,MAAM,kBAAkB,MAC7B,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,aAAU,MAAK,KAAI,GACpB,oCAAC,mBAAY,kDAAQ,CACvB,CACF,CACF;AAGF,IAAO,0BAAQ;",
   "names": []
 }

package/app/Header/__stories__/WithServiceNameAndLogo/index.js

@@ -1,18 +1,13 @@
 import React from "react";
-import {Header} from "@digigov/ui/app/Header";
-import {HeaderContent} from "@digigov/ui/app/Header/HeaderContent";
-import {HeaderSecondaryLogo} from "@digigov/ui/app/Header/HeaderSecondaryLogo";
-import {HeaderSection} from "@digigov/ui/app/Header/HeaderSection";
-import {HeaderTitle} from "@digigov/ui/app/Header/HeaderTitle";
-import {GovGRLogo} from "@digigov/ui/govgr/GovGRLogo";
+import { Header } from "@digigov/ui/app/Header";
+import { HeaderContent } from "@digigov/ui/app/Header/HeaderContent";
+import { HeaderSecondaryLogo } from "@digigov/ui/app/Header/HeaderSecondaryLogo";
+import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
+import { HeaderTitle } from "@digigov/ui/app/Header/HeaderTitle";
+import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
 import logo3 from "@digigov/ui/govgr/images/minedu-logo-base64";
 const WithServiceNameAndLogo = () => {
-  return /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, {
-    href: "#"
-  }), /* @__PURE__ */ React.createElement(HeaderSecondaryLogo, {
-    src: logo3,
-    href: "#"
-  }), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2"))));
+  return /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "#" }), /* @__PURE__ */ React.createElement(HeaderSecondaryLogo, { src: logo3, href: "#" }), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2"))));
 };
 var WithServiceNameAndLogo_default = WithServiceNameAndLogo;
 export {

package/app/Header/__stories__/WithServiceNameAndLogo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithServiceNameAndLogo: () => JSX.Element;
+import React from 'react';
+export declare const WithServiceNameAndLogo: () => React.JSX.Element;
 export default WithServiceNameAndLogo;

package/app/Header/__stories__/WithServiceNameAndLogo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Header/__stories__/WithServiceNameAndLogo.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={logo3} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,SACE,oCAAC,QAAD,MACE,oCAAC,eAAD,MACE,oCAAC,eAAD,MACE,oCAAC,WAAD;AAAA,IAAW,MAAK;AAAA,MAChB,oCAAC,qBAAD;AAAA,IAAqB,KAAK;AAAA,IAAO,MAAK;AAAA,MACtC,oCAAC,aAAD,MAAa;AAAA;AAOvB,IAAO,iCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAEX,MAAM,yBAAyB,MAAM;AAC1C,SACE,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,aAAU,MAAK,KAAI,GACpB,oCAAC,uBAAoB,KAAK,OAAO,MAAK,KAAI,GAC1C,oCAAC,mBAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
   "names": []
 }

package/app/Header/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/Header/index.tsx"],
   "sourcesContent": ["import Header from '@digigov/react-core/Header';\n\nexport * from '@digigov/react-core/Header';\nexport * from '@digigov/ui/app/Header/HeaderTitle';\nexport * from '@digigov/ui/app/Header/HeaderLogo';\nexport * from '@digigov/ui/app/Header/HeaderSection';\nexport * from '@digigov/ui/app/Header/HeaderContent';\nexport * from '@digigov/ui/app/Header/HeaderNavMenuContent';\nexport * from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nexport default Header;\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAO,iBAAQ;",
+  "mappings": "AAAA,OAAO,YAAY;AAEnB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,iBAAQ;",
   "names": []
 }

package/app/Header/index.test.d.ts

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

package/app/Loader/Loader.stories/index.js

@@ -4,8 +4,9 @@ var Loader_stories_default = {
   component: CircularProgress,
   displayName: "CircularProgress"
 };
-export * from "@digigov/ui/app/Loader/__stories__/Default";
+import { Default } from "@digigov/ui/app/Loader/__stories__/Default";
 export {
+  Default,
   Loader_stories_default as default
 };
 //# sourceMappingURL=Loader.stories.js.map

package/app/Loader/Loader.stories.d.ts

@@ -4,5 +4,5 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/app/Loader/__stories__/Default";
+export { Default } from "@digigov/ui/app/Loader/__stories__/Default";
 import CircularProgress from '@digigov/ui/app/Loader';

package/app/Loader/Loader.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Loader/Loader.stories.js"],
-  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport * from '@digigov/ui/app/Loader/__stories__/Default';\n"],
-  "mappings": "AAAA;AACA,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;",
+  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport { Default } from '@digigov/ui/app/Loader/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,sBAAsB;AAC7B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
   "names": []
 }

package/app/Loader/__stories__/Default/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import {LoaderContainer, CircularProgress} from "@digigov/ui/app/Loader";
+import { LoaderContainer, CircularProgress } from "@digigov/ui/app/Loader";
 const Default = () => {
   return /* @__PURE__ */ React.createElement(LoaderContainer, null, /* @__PURE__ */ React.createElement(CircularProgress, null));
 };

package/app/Loader/__stories__/Default.d.ts

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

package/app/Loader/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Loader/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';\n\nexport const Default = () => {\n  return (\n    <LoaderContainer>\n      <CircularProgress />\n    </LoaderContainer>\n  );\n};\nexport default Default;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,iBAAD,MACE,oCAAC,kBAAD;AAAA;AAIN,IAAO,kBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,uBACC,oCAAC,sBAAiB,CACpB;AAEJ;AACA,IAAO,kBAAQ;",
   "names": []
 }

package/app/Loader/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/Loader/index.tsx"],
   "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/CircularProgress';\nexport * from '@digigov/react-core/FullPageBackground';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA;AACA,IAAO,iBAAQ;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,qBAAqB;AAC5B,IAAO,iBAAQ;",
   "names": []
 }

package/app/Loader/index.test.d.ts

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

package/app/Masthead/Masthead.stories/index.js

@@ -7,10 +7,13 @@ var Masthead_stories_default = {
   component: Masthead,
   displayName: "Masthead"
 };
-export * from "@digigov/ui/app/Masthead/__stories__/Default";
-export * from "@digigov/ui/app/Masthead/__stories__/WithLogo";
-export * from "@digigov/ui/app/Masthead/__stories__/WithElements";
+import { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
+import { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
+import { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
 export {
+  Default,
+  WithElements,
+  WithLogo,
   Masthead_stories_default as default
 };
 //# sourceMappingURL=Masthead.stories.js.map

package/app/Masthead/Masthead.stories.d.ts

@@ -7,7 +7,7 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/app/Masthead/__stories__/Default";
-export * from "@digigov/ui/app/Masthead/__stories__/WithLogo";
-export * from "@digigov/ui/app/Masthead/__stories__/WithElements";
+export { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
+export { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
+export { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
 import Masthead from '@digigov/ui/app/Masthead';

package/app/Masthead/Masthead.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Masthead/Masthead.stories.js"],
-  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport * from '@digigov/ui/app/Masthead/__stories__/Default';\nexport * from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport * from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
-  "mappings": "AAAA;AACA,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;",
+  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;",
   "names": []
 }

package/app/Masthead/__stories__/Default/index.js

@@ -1,12 +1,10 @@
 import React from "react";
-import {CallToAction} from "@digigov/ui/form/Button/CallToAction";
-import {Container} from "@digigov/ui/layouts/Basic/Container";
-import {Main} from "@digigov/ui/layouts/Basic/Main";
-import {Masthead, MastheadBody} from "@digigov/ui/layouts/Basic/Masthead";
-import {Heading} from "@digigov/ui/typography/Heading";
-const Default = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ React.createElement(CallToAction, {
-  href: "#"
-}, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
+import { CallToAction } from "@digigov/ui/form/Button/CallToAction";
+import { Container } from "@digigov/ui/layouts/Basic/Container";
+import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Masthead, MastheadBody } from "@digigov/ui/layouts/Basic/Masthead";
+import { Heading } from "@digigov/ui/typography/Heading";
+const Default = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ React.createElement(CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
 var Default_default = Default;
 export {
   Default,

package/app/Masthead/__stories__/Default.d.ts

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

package/app/Masthead/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Masthead/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Default = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default Default;\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,UAAD,MACE,oCAAC,WAAD,MACE,oCAAC,MAAD,MACE,oCAAC,SAAD,MAAS,gOACT,oCAAC,cAAD,MAAc,+iCAMd,oCAAC,cAAD;AAAA,EAAc,MAAK;AAAA,GAAI;AAM/B,IAAO,kBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,UAAU,oBAAoB;AACvC,SAAS,eAAe;AAEjB,MAAM,UAAU,MACrB,oCAAC,gBACC,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,6NAAiD,GAC1D,oCAAC,oBAAa,4iCAKd,GACA,oCAAC,gBAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/app/Masthead/__stories__/WithElements/index.js

@@ -1,22 +1,17 @@
 import React from "react";
-import {CallToAction} from "@digigov/ui/form/Button/CallToAction";
+import { CallToAction } from "@digigov/ui/form/Button/CallToAction";
 import mineduLogo from "@digigov/ui/govgr/images/minedu-logo-base64";
-import {Container} from "@digigov/ui/layouts/Basic/Container";
-import {Main} from "@digigov/ui/layouts/Basic/Main";
+import { Container } from "@digigov/ui/layouts/Basic/Container";
+import { Main } from "@digigov/ui/layouts/Basic/Main";
 import {
   Masthead,
   MastheadBody,
   MastheadLogo
 } from "@digigov/ui/layouts/Basic/Masthead";
 import Link from "@digigov/ui/navigation/Link";
-import {Heading} from "@digigov/ui/typography/Heading";
+import { Heading } from "@digigov/ui/typography/Heading";
 import Hint from "@digigov/ui/typography/Hint";
-const WithElements = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(MastheadLogo, {
-  src: mineduLogo,
-  alt: "minedu logo"
-}), /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9. ", /* @__PURE__ */ React.createElement(Link, null, "\u03A0\u03C1\u03BF\u03C4\u03B5\u03AF\u03BD\u03B5\u03C4\u03B5 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2.")), /* @__PURE__ */ React.createElement(Hint, null, "\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03B5\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7: 08/12/2021"), /* @__PURE__ */ React.createElement(CallToAction, {
-  href: "#"
-}, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
+const WithElements = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(MastheadLogo, { src: mineduLogo, alt: "minedu logo" }), /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9. ", /* @__PURE__ */ React.createElement(Link, null, "\u03A0\u03C1\u03BF\u03C4\u03B5\u03AF\u03BD\u03B5\u03C4\u03B5 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2.")), /* @__PURE__ */ React.createElement(Hint, null, "\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03B5\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7: 08/12/2021"), /* @__PURE__ */ React.createElement(CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
 var WithElements_default = WithElements;
 export {
   WithElements,

package/app/Masthead/__stories__/WithElements.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithElements: () => JSX.Element;
+import React from 'react';
+export declare const WithElements: () => React.JSX.Element;
 export default WithElements;

package/app/Masthead/__stories__/WithElements.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Masthead/__stories__/WithElements.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport mineduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport {\n  Masthead,\n  MastheadBody,\n  MastheadLogo,\n} from '@digigov/ui/layouts/Basic/Masthead';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport Hint from '@digigov/ui/typography/Hint';\n\nexport const WithElements = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={mineduLogo} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9. <Link>\u03A0\u03C1\u03BF\u03C4\u03B5\u03AF\u03BD\u03B5\u03C4\u03B5 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2.</Link>\n        </MastheadBody>\n        <Hint>\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03B5\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7: 08/12/2021</Hint>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithElements;\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEO,MAAM,eAAe,MAC1B,oCAAC,UAAD,MACE,oCAAC,WAAD,MACE,oCAAC,MAAD,MACE,oCAAC,cAAD;AAAA,EAAc,KAAK;AAAA,EAAY,KAAI;AAAA,IACnC,oCAAC,SAAD,MAAS,gOACT,oCAAC,cAAD,MAAc,+iCAID,oCAAC,MAAD,MAAM,gIAEnB,oCAAC,MAAD,MAAM,8HACN,oCAAC,cAAD;AAAA,EAAc,MAAK;AAAA,GAAI;AAM/B,IAAO,uBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,OAAO,UAAU;AAEV,MAAM,eAAe,MAC1B,oCAAC,gBACC,oCAAC,iBACC,oCAAC,YACC,oCAAC,gBAAa,KAAK,YAAY,KAAI,eAAc,GACjD,oCAAC,eAAQ,6NAAiD,GAC1D,oCAAC,oBAAa,+iCAID,oCAAC,YAAK,4HAAsB,CACzC,GACA,oCAAC,YAAK,2HAA+B,GACrC,oCAAC,gBAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/app/Masthead/__stories__/WithLogo/index.js

@@ -1,20 +1,15 @@
 import React from "react";
-import {CallToAction} from "@digigov/ui/form/Button/CallToAction";
+import { CallToAction } from "@digigov/ui/form/Button/CallToAction";
 import logo3 from "@digigov/ui/govgr/images/minedu-logo-base64";
-import {Container} from "@digigov/ui/layouts/Basic/Container";
-import {Main} from "@digigov/ui/layouts/Basic/Main";
+import { Container } from "@digigov/ui/layouts/Basic/Container";
+import { Main } from "@digigov/ui/layouts/Basic/Main";
 import {
   Masthead,
   MastheadBody,
   MastheadLogo
 } from "@digigov/ui/layouts/Basic/Masthead";
-import {Heading} from "@digigov/ui/typography/Heading";
-const WithLogo = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(MastheadLogo, {
-  src: logo3,
-  alt: "minedu logo"
-}), /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ React.createElement(CallToAction, {
-  href: "#"
-}, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
+import { Heading } from "@digigov/ui/typography/Heading";
+const WithLogo = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(MastheadLogo, { src: logo3, alt: "minedu logo" }), /* @__PURE__ */ React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ React.createElement(CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
 var WithLogo_default = WithLogo;
 export {
   WithLogo,

package/app/Masthead/__stories__/WithLogo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithLogo: () => JSX.Element;
+import React from 'react';
+export declare const WithLogo: () => React.JSX.Element;
 export default WithLogo;

package/app/Masthead/__stories__/WithLogo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/Masthead/__stories__/WithLogo.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport {\n  Masthead,\n  MastheadBody,\n  MastheadLogo,\n} from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const WithLogo = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={logo3} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithLogo;\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEO,MAAM,WAAW,MACtB,oCAAC,UAAD,MACE,oCAAC,WAAD,MACE,oCAAC,MAAD,MACE,oCAAC,cAAD;AAAA,EAAc,KAAK;AAAA,EAAO,KAAI;AAAA,IAC9B,oCAAC,SAAD,MAAS,gOACT,oCAAC,cAAD,MAAc,+iCAMd,oCAAC,cAAD;AAAA,EAAc,MAAK;AAAA,GAAI;AAM/B,IAAO,mBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAEjB,MAAM,WAAW,MACtB,oCAAC,gBACC,oCAAC,iBACC,oCAAC,YACC,oCAAC,gBAAa,KAAK,OAAO,KAAI,eAAc,GAC5C,oCAAC,eAAQ,6NAAiD,GAC1D,oCAAC,oBAAa,4iCAKd,GACA,oCAAC,gBAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,mBAAQ;",
   "names": []
 }

package/app/Masthead/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/Masthead/index.tsx"],
   "sourcesContent": ["export * from '@digigov/react-core/Masthead';\nexport * from '@digigov/react-core/MastheadBody';\nexport * from '@digigov/react-core/MastheadLogo';\nimport Masthead from '@digigov/react-core/Masthead';\nexport default Masthead;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA,IAAO,mBAAQ;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,cAAc;AACrB,IAAO,mBAAQ;",
   "names": []
 }

package/app/Masthead/index.test.d.ts

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

package/app/Masthead/interaction.test.d.ts

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

package/app/Modal/Modal/index.js

@@ -0,0 +1,51 @@
+import React, { useCallback, useEffect, useRef } from "react";
+import ModalContainer from "@digigov/react-core/ModalContainer";
+import useKeypress from "@digigov/ui/utils/hooks/useKeypress";
+const Modal = React.forwardRef(
+  function Modal2({ ...props }, ref) {
+    if (props.open) {
+      return /* @__PURE__ */ React.createElement(ModalBase, { ...props, ref });
+    } else {
+      return null;
+    }
+  }
+);
+const ModalBase = React.forwardRef(
+  function ModalBase2({ open, children, onEscape, ...props }, ref) {
+    const firstModalElement = useRef();
+    const lastModalElement = useRef();
+    const handleFocus = useCallback(() => {
+      firstModalElement.current.focus();
+    }, []);
+    useKeypress("Escape", onEscape);
+    useEffect(() => {
+      const lastModalElementInstance = lastModalElement.current;
+      handleFocus();
+      lastModalElementInstance.addEventListener("focus", handleFocus);
+      return () => {
+        lastModalElementInstance.removeEventListener("focus", handleFocus);
+      };
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      ModalContainer,
+      {
+        open,
+        role: "dialog",
+        ref,
+        "aria-hidden": "false",
+        "aria-modal": "true",
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("span", { tabIndex: -1, ref: firstModalElement, "aria-hidden": "true" }),
+      open && children,
+      /* @__PURE__ */ React.createElement("span", { tabIndex: 0, ref: lastModalElement, "aria-hidden": "true" })
+    );
+  }
+);
+var Modal_default = Modal;
+export {
+  Modal,
+  ModalBase,
+  Modal_default as default
+};
+//# sourceMappingURL=Modal.js.map

package/app/{Header/index.spec → Modal/Modal}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../cjs/app/Header/index.spec/index.js"
+  "main": "../../../cjs/app/Modal/Modal/index.js"
 }

package/app/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ModalContainerProps } from '@digigov/react-core/ModalContainer';
+export interface ModalProps extends ModalContainerProps {
+    onEscape?: () => void;
+}
+export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBase: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/app/Modal/Modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Modal/Modal.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const lastModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const handleFocus = useCallback(() => {\n      firstModalElement.current.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBACJ,OAAO;AACT,UAAM,mBACJ,OAAO;AACT,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
+  "names": ["Modal", "ModalBase"]
+}

package/app/Modal/Modal.stories/index.js

@@ -6,12 +6,19 @@ var Modal_stories_default = {
   component: Modal,
   displayName: "Modal"
 };
-export * from "@digigov/ui/app/Modal/__stories__/Default";
-export * from "@digigov/ui/app/Modal/__stories__/AlertDialog";
-export * from "@digigov/ui/app/Modal/__stories__/Dense";
-export * from "@digigov/ui/app/Modal/__stories__/WithHooks";
-export * from "@digigov/ui/app/Modal/__stories__/Auto";
+import { Default } from "@digigov/ui/app/Modal/__stories__/Default";
+import { AlertDialog } from "@digigov/ui/app/Modal/__stories__/AlertDialog";
+import { Dense } from "@digigov/ui/app/Modal/__stories__/Dense";
+import { WithHooks } from "@digigov/ui/app/Modal/__stories__/WithHooks";
+import { Auto } from "@digigov/ui/app/Modal/__stories__/Auto";
+import { WithoutModalGaps } from "@digigov/ui/app/Modal/__stories__/WithoutModalGaps";
 export {
+  AlertDialog,
+  Auto,
+  Default,
+  Dense,
+  WithHooks,
+  WithoutModalGaps,
   Modal_stories_default as default
 };
 //# sourceMappingURL=Modal.stories.js.map

package/app/Modal/Modal.stories.d.ts

@@ -6,9 +6,10 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/app/Modal/__stories__/Default";
-export * from "@digigov/ui/app/Modal/__stories__/AlertDialog";
-export * from "@digigov/ui/app/Modal/__stories__/Dense";
-export * from "@digigov/ui/app/Modal/__stories__/WithHooks";
-export * from "@digigov/ui/app/Modal/__stories__/Auto";
+export { Default } from "@digigov/ui/app/Modal/__stories__/Default";
+export { AlertDialog } from "@digigov/ui/app/Modal/__stories__/AlertDialog";
+export { Dense } from "@digigov/ui/app/Modal/__stories__/Dense";
+export { WithHooks } from "@digigov/ui/app/Modal/__stories__/WithHooks";
+export { Auto } from "@digigov/ui/app/Modal/__stories__/Auto";
+export { WithoutModalGaps } from "@digigov/ui/app/Modal/__stories__/WithoutModalGaps";
 import Modal from '@digigov/ui/app/Modal';

package/app/Modal/Modal.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/Modal.stories.js"],
-  "sourcesContent": ["import Modal from '@digigov/ui/app/Modal';\nexport default {\n  title: 'Digigov UI/app/Modal',\n  description:\n    'Use the modal component with caution when you need to provide critical information or ask for a decision.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',\n  component: Modal,\n  displayName: 'Modal',\n};\nexport * from '@digigov/ui/app/Modal/__stories__/Default';\nexport * from '@digigov/ui/app/Modal/__stories__/AlertDialog';\nexport * from '@digigov/ui/app/Modal/__stories__/Dense';\nexport * from '@digigov/ui/app/Modal/__stories__/WithHooks';\nexport * from '@digigov/ui/app/Modal/__stories__/Auto';\n"],
-  "mappings": "AAAA;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["import Modal from '@digigov/ui/app/Modal';\nexport default {\n  title: 'Digigov UI/app/Modal',\n  description:\n    'Use the modal component with caution when you need to provide critical information or ask for a decision.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',\n  component: Modal,\n  displayName: 'Modal',\n};\nexport { Default } from '@digigov/ui/app/Modal/__stories__/Default';\nexport { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';\nexport { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';\nexport { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';\nexport { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';\nexport { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,wBAAwB;",
   "names": []
 }

package/app/Modal/__stories__/AlertDialog/index.js

@@ -1,38 +1,44 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 import {
   Modal,
   ModalHeading,
   ModalContent,
   ModalAction
 } from "@digigov/ui/app/Modal";
-import {Button} from "@digigov/ui/form/Button";
-import {Paragraph} from "@digigov/ui/typography/Paragraph";
+import { Button } from "@digigov/ui/form/Button";
+import { Paragraph } from "@digigov/ui/typography/Paragraph";
 const AlertDialog = () => {
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
-    color: "warning",
-    onClick: () => {
-      setOpen(!open);
-    }
-  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2"), /* @__PURE__ */ React.createElement(Modal, {
-    open,
-    role: "alertdialog",
-    "aria-labelledby": "modal-label",
-    "aria-describedby": "modal-content"
-  }, /* @__PURE__ */ React.createElement(ModalHeading, {
-    id: "modal-label"
-  }, "\u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7"), /* @__PURE__ */ React.createElement(ModalContent, {
-    id: "modal-content"
-  }, /* @__PURE__ */ React.createElement(Paragraph, {
-    margin: 0
-  }, "\u0395\u03AF\u03C3\u03C4\u03B5 \u03C3\u03AF\u03B3\u03BF\u03C5\u03C1\u03BF\u03B9 \u03CC\u03C4\u03B9 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B9\u03B1\u03B3\u03C1\u03AC\u03C8\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE;")), /* @__PURE__ */ React.createElement(ModalAction, null, /* @__PURE__ */ React.createElement(Button, {
-    color: "warning"
-  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /* @__PURE__ */ React.createElement(Button, {
-    variant: "link",
-    onClick: () => {
-      setOpen(!open);
-    }
-  }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: "warning",
+      onClick: () => {
+        setOpen(!open);
+      }
+    },
+    "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2"
+  ), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      open,
+      role: "alertdialog",
+      "aria-labelledby": "modal-label",
+      "aria-describedby": "modal-content"
+    },
+    /* @__PURE__ */ React.createElement(ModalHeading, { id: "modal-label" }, "\u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7"),
+    /* @__PURE__ */ React.createElement(ModalContent, { id: "modal-content" }, /* @__PURE__ */ React.createElement(Paragraph, { margin: 0 }, "\u0395\u03AF\u03C3\u03C4\u03B5 \u03C3\u03AF\u03B3\u03BF\u03C5\u03C1\u03BF\u03B9 \u03CC\u03C4\u03B9 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B9\u03B1\u03B3\u03C1\u03AC\u03C8\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE;")),
+    /* @__PURE__ */ React.createElement(ModalAction, null, /* @__PURE__ */ React.createElement(Button, { color: "warning" }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "link",
+        onClick: () => {
+          setOpen(!open);
+        }
+      },
+      "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"
+    ))
+  ));
 };
 var AlertDialog_default = AlertDialog;
 export {