@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/app/Footer/Footer.stories/index.js

@@ -1,4 +1,26 @@
-import Footer from "@digigov/ui/app/Footer";
+import React from "react";
+import {
+  Footer,
+  FooterContainer,
+  FooterInfo,
+  FooterInfoSection,
+  FooterContent,
+  FooterNavigation,
+  FooterNavigationSection,
+  FooterHeading,
+  FooterList,
+  FooterListItem,
+  FooterLink,
+  FooterContentLogos,
+  FooterImage
+} from "@digigov/ui/app/Footer";
+import Copyright from "@digigov/ui/govgr/Footer/Copyright";
+import HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
+import govgrBlueLogo from "@digigov/ui/govgr/images/govgr-logo-blue-base64";
+import mineduBlackLogo from "@digigov/ui/govgr/images/minedu-logo-black-base64";
+import SectionBreak from "@digigov/ui/layouts/SectionBreak";
+import Link from "@digigov/ui/navigation/Link";
+import VisuallyHidden from "@digigov/ui/utils/VisuallyHidden";
 var Footer_stories_default = {
   title: "Digigov UI/app/Footer",
   description: "The footer provides copyright, licensing and other information about your service and department.",
@@ -7,6 +29,31 @@ var Footer_stories_default = {
   component: Footer,
   displayName: "Footer"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(Footer, null, /* @__PURE__ */ React.createElement(FooterContainer, null, args.withSecondaryNav && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FooterNavigation, null, /* @__PURE__ */ React.createElement(FooterNavigationSection, { "aria-label": "footer navigation section" }, /* @__PURE__ */ React.createElement(FooterHeading, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ React.createElement(FooterList, { columns: 2 }, /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u03A6\u03BF\u03C1\u03B5\u03AF\u03C2")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u0391\u03C1\u03C7\u03AD\u03C2")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u038C\u03C1\u03BF\u03B9 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC \u03B1\u03C0\u03CC\u03C1\u03C1\u03B7\u03C4\u03BF")))), /* @__PURE__ */ React.createElement(FooterNavigationSection, { "aria-label": "footer navigation section" }, /* @__PURE__ */ React.createElement(FooterHeading, null, "\u0395\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AD\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2"), /* @__PURE__ */ React.createElement(FooterList, null, /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u0395\u039C\u0394\u0394 - \u039C\u0399\u03A4\u039F\u03A3")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "EUGO"))))), /* @__PURE__ */ React.createElement(SectionBreak, { visible: false, size: "md" })), /* @__PURE__ */ React.createElement(FooterInfo, null, /* @__PURE__ */ React.createElement(FooterInfoSection, { grow: true, "aria-label": "footer info section" }, /* @__PURE__ */ React.createElement(FooterContent, null, args.withHorizontalNav && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ React.createElement(FooterList, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /* @__PURE__ */ React.createElement(FooterListItem, null, /* @__PURE__ */ React.createElement(FooterLink, { href: "#" }, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")))), args.withExtraLogos && /* @__PURE__ */ React.createElement(FooterContentLogos, null, /* @__PURE__ */ React.createElement(FooterImage, { src: govgrBlueLogo }), /* @__PURE__ */ React.createElement(FooterImage, { src: mineduBlackLogo })), args.withExtraText && /* @__PURE__ */ React.createElement(Copyright, null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5", " ", /* @__PURE__ */ React.createElement(Link, { href: "https://gsis.gr/dimosia-dioikisi/ked" }, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), " ", "\u03C4\u03B7\u03C2", " ", /* @__PURE__ */ React.createElement(Link, { href: "https://www.gsis.gr/" }, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), "."), /* @__PURE__ */ React.createElement(Copyright, null, `\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `, /* @__PURE__ */ React.createElement(Link, { href: "https://grnet.gr/", target: "_blank" }, "\u0395\u0394\u03A5\u03A4\u0395", /* @__PURE__ */ React.createElement(VisuallyHidden, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ React.createElement(Link, { href: "https://mindigital.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ React.createElement(VisuallyHidden, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ React.createElement(Link, { href: "https://www.minedu.gov.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD", /* @__PURE__ */ React.createElement(VisuallyHidden, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`))))), /* @__PURE__ */ React.createElement(FooterInfoSection, null, /* @__PURE__ */ React.createElement(HellenicRepublicLogo, null)))));
+  },
+  args: {
+    withSecondaryNav: false,
+    withHorizontalNav: false,
+    withExtraLogos: false,
+    withExtraText: false
+  },
+  argTypes: {
+    withSecondaryNav: {
+      control: { type: "boolean" }
+    },
+    withHorizontalNav: {
+      control: { type: "boolean" }
+    },
+    withExtraLogos: {
+      control: { type: "boolean" }
+    },
+    withExtraText: {
+      control: { type: "boolean" }
+    }
+  }
+};
 import { Default } from "@digigov/ui/app/Footer/__stories__/Default";
 import { FooterWithLogo } from "@digigov/ui/app/Footer/__stories__/FooterWithLogo";
 import { FooterWithLink } from "@digigov/ui/app/Footer/__stories__/FooterWithLink";
@@ -23,6 +70,7 @@ export {
   FooterWithLogo,
   FooterWithSecondaryNavigation,
   FooterWithText,
+  WithControls,
   YearCopyright,
   Footer_stories_default as default
 };

package/app/Footer/Footer.stories.d.ts

@@ -7,6 +7,47 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let withSecondaryNav: boolean;
+        let withHorizontalNav: boolean;
+        let withExtraLogos: boolean;
+        let withExtraText: boolean;
+    }
+    namespace argTypes {
+        export namespace withSecondaryNav_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { withSecondaryNav_1 as withSecondaryNav };
+        export namespace withHorizontalNav_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { withHorizontalNav_1 as withHorizontalNav };
+        export namespace withExtraLogos_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { withExtraLogos_1 as withExtraLogos };
+        export namespace withExtraText_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { withExtraText_1 as withExtraText };
+    }
+}
 export { Default } from "@digigov/ui/app/Footer/__stories__/Default";
 export { FooterWithLogo } from "@digigov/ui/app/Footer/__stories__/FooterWithLogo";
 export { FooterWithLink } from "@digigov/ui/app/Footer/__stories__/FooterWithLink";
@@ -15,4 +56,5 @@ export { FooterWithSecondaryNavigation } from "@digigov/ui/app/Footer/__stories_
 export { FooterWithText } from "@digigov/ui/app/Footer/__stories__/FooterWithText";
 export { FooterAllInclusive } from "@digigov/ui/app/Footer/__stories__/FooterAllInclusive";
 export { YearCopyright } from "@digigov/ui/app/Footer/__stories__/YearCopyright";
-import Footer from '@digigov/ui/app/Footer';
+import { Footer } from '@digigov/ui/app/Footer';
+import React from 'react';

package/app/Footer/Footer.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/app/Footer/Footer.stories.js"],
-  "sourcesContent": ["import Footer from '@digigov/ui/app/Footer';\nexport default {\n  title: 'Digigov UI/app/Footer',\n  description:\n    'The footer provides copyright, licensing and other information about your service and department.',\n  link: 'https://guide.services.gov.gr/docs/components/footer',\n  defaultWidth: 'lg',\n  component: Footer,\n  displayName: 'Footer',\n};\nexport { Default } from '@digigov/ui/app/Footer/__stories__/Default';\nexport { FooterWithLogo } from '@digigov/ui/app/Footer/__stories__/FooterWithLogo';\nexport { FooterWithLink } from '@digigov/ui/app/Footer/__stories__/FooterWithLink';\nexport { DefaultCopyright } from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';\nexport { FooterWithSecondaryNavigation } from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';\nexport { FooterWithText } from '@digigov/ui/app/Footer/__stories__/FooterWithText';\nexport { FooterAllInclusive } from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';\nexport { YearCopyright } from '@digigov/ui/app/Footer/__stories__/YearCopyright';\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,qCAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;",
+  "sources": ["../../../src/app/Footer/Footer.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  Footer,\n  FooterContainer,\n  FooterInfo,\n  FooterInfoSection,\n  FooterContent,\n  FooterNavigation,\n  FooterNavigationSection,\n  FooterHeading,\n  FooterList,\n  FooterListItem,\n  FooterLink,\n  FooterContentLogos,\n  FooterImage,\n} from '@digigov/ui/app/Footer';\nimport Copyright from '@digigov/ui/govgr/Footer/Copyright';\nimport HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';\nimport govgrBlueLogo from '@digigov/ui/govgr/images/govgr-logo-blue-base64';\nimport mineduBlackLogo from '@digigov/ui/govgr/images/minedu-logo-black-base64';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/app/Footer',\n  description:\n    'The footer provides copyright, licensing and other information about your service and department.',\n  link: 'https://guide.services.gov.gr/docs/components/footer',\n  defaultWidth: 'lg',\n  component: Footer,\n  displayName: 'Footer',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Footer>\n        <FooterContainer>\n          {args.withSecondaryNav && (\n            <>\n              <FooterNavigation>\n                <FooterNavigationSection aria-label=\"footer navigation section\">\n                  <FooterHeading>\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</FooterHeading>\n                  <FooterList columns={2}>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A6\u03BF\u03C1\u03B5\u03AF\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0391\u03C1\u03C7\u03AD\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u038C\u03C1\u03BF\u03B9 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC \u03B1\u03C0\u03CC\u03C1\u03C1\u03B7\u03C4\u03BF</FooterLink>\n                    </FooterListItem>\n                  </FooterList>\n                </FooterNavigationSection>\n                <FooterNavigationSection aria-label=\"footer navigation section\">\n                  <FooterHeading>\u0395\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AD\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2</FooterHeading>\n                  <FooterList>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0395\u039C\u0394\u0394 - \u039C\u0399\u03A4\u039F\u03A3</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">EUGO</FooterLink>\n                    </FooterListItem>\n                  </FooterList>\n                </FooterNavigationSection>\n              </FooterNavigation>\n              <SectionBreak visible={false} size=\"md\" />\n            </>\n          )}\n          <FooterInfo>\n            <FooterInfoSection grow aria-label=\"footer info section\">\n              <FooterContent>\n                {args.withHorizontalNav && (\n                  <>\n                    <VisuallyHidden>\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</VisuallyHidden>\n                    <FooterList layout=\"horizontal\">\n                      <FooterListItem>\n                        <FooterLink href=\"#\">\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</FooterLink>\n                      </FooterListItem>\n                      <FooterListItem>\n                        <FooterLink href=\"#\">\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr</FooterLink>\n                      </FooterListItem>\n                    </FooterList>\n                  </>\n                )}\n                {args.withExtraLogos && (\n                  <FooterContentLogos>\n                    <FooterImage src={govgrBlueLogo} />\n                    <FooterImage src={mineduBlackLogo} />\n                  </FooterContentLogos>\n                )}\n                {args.withExtraText && (\n                  <Copyright>\n                    \u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9\n                    \u03C4\u03BF\u03C5{' '}\n                    <Link href=\"https://gsis.gr/dimosia-dioikisi/ked\">\n                      \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2\n                    </Link>{' '}\n                    \u03C4\u03B7\u03C2{' '}\n                    <Link href=\"https://www.gsis.gr/\">\n                      \u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2\n                      \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2\n                    </Link>\n                    .\n                  </Copyright>\n                )}\n                <Copyright>\n                  {`\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `}\n                  <Link href=\"https://grnet.gr/\" target=\"_blank\">\n                    \u0395\u0394\u03A5\u03A4\u0395\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                  {` \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                  <Link href=\"https://mindigital.gr/\" target=\"_blank\">\n                    \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                  {` \u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                  <Link href=\"https://www.minedu.gov.gr/\" target=\"_blank\">\n                    \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                </Copyright>\n              </FooterContent>\n            </FooterInfoSection>\n            <FooterInfoSection>\n              <HellenicRepublicLogo />\n            </FooterInfoSection>\n          </FooterInfo>\n        </FooterContainer>\n      </Footer>\n    );\n  },\n  args: {\n    withSecondaryNav: false,\n    withHorizontalNav: false,\n    withExtraLogos: false,\n    withExtraText: false,\n  },\n  argTypes: {\n    withSecondaryNav: {\n      control: { type: 'boolean' },\n    },\n    withHorizontalNav: {\n      control: { type: 'boolean' },\n    },\n    withExtraLogos: {\n      control: { type: 'boolean' },\n    },\n    withExtraText: {\n      control: { type: 'boolean' },\n    },\n  },\n};\nexport { Default } from '@digigov/ui/app/Footer/__stories__/Default';\nexport { FooterWithLogo } from '@digigov/ui/app/Footer/__stories__/FooterWithLogo';\nexport { FooterWithLink } from '@digigov/ui/app/Footer/__stories__/FooterWithLink';\nexport { DefaultCopyright } from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';\nexport { FooterWithSecondaryNavigation } from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';\nexport { FooterWithText } from '@digigov/ui/app/Footer/__stories__/FooterWithText';\nexport { FooterAllInclusive } from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';\nexport { YearCopyright } from '@digigov/ui/app/Footer/__stories__/YearCopyright';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,eAAe;AACtB,OAAO,0BAA0B;AACjC,OAAO,mBAAmB;AAC1B,OAAO,qBAAqB;AAC5B,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,oBAAoB;AAE3B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,cACC,oCAAC,uBACE,KAAK,oBACJ,0DACE,oCAAC,wBACC,oCAAC,2BAAwB,cAAW,+BAClC,oCAAC,qBAAc,kDAAQ,GACvB,oCAAC,cAAW,SAAS,KACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,wDAAS,CAChC,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,sCAAM,CAC7B,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,gCAAK,CAC5B,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,6EAAoB,CAC3C,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,+DAAW,CAClC,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,mGAAiB,CACxC,CACF,CACF,GACA,oCAAC,2BAAwB,cAAW,+BAClC,oCAAC,qBAAc,qHAAoB,GACnC,oCAAC,kBACC,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,2DAAY,CACnC,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,MAAI,CAC3B,CACF,CACF,CACF,GACA,oCAAC,gBAAa,SAAS,OAAO,MAAK,MAAK,CAC1C,GAEF,oCAAC,kBACC,oCAAC,qBAAkB,MAAI,MAAC,cAAW,yBACjC,oCAAC,qBACE,KAAK,qBACJ,0DACE,oCAAC,sBAAe,2HAAqB,GACrC,oCAAC,cAAW,QAAO,gBACjB,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,sHAAqB,CAC5C,GACA,oCAAC,sBACC,oCAAC,cAAW,MAAK,OAAI,6EAAoB,CAC3C,CACF,CACF,GAED,KAAK,kBACJ,oCAAC,0BACC,oCAAC,eAAY,KAAK,eAAe,GACjC,oCAAC,eAAY,KAAK,iBAAiB,CACrC,GAED,KAAK,iBACJ,oCAAC,iBAAU,+UAEL,KACJ,oCAAC,QAAK,MAAK,0CAAuC,+JAElD,GAAQ,KAAI,sBACR,KACJ,oCAAC,QAAK,MAAK,0BAAuB,mWAGlC,GAAO,GAET,GAEF,oCAAC,iBACE,2FACD,oCAAC,QAAK,MAAK,qBAAoB,QAAO,YAAS,kCAE7C,oCAAC,sBACE,8JACH,CACF,GACC,qCACD,oCAAC,QAAK,MAAK,0BAAyB,QAAO,YAAS,0LAElD,oCAAC,sBACE,8JACH,CACF,GACC,wDACD,oCAAC,QAAK,MAAK,8BAA6B,QAAO,YAAS,uMAEtD,oCAAC,sBACE,8JACH,CACF,CACF,CACF,CACF,GACA,oCAAC,yBACC,oCAAC,0BAAqB,CACxB,CACF,CACF,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,gBAAgB;AAAA,MACd,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,eAAe;AAAA,MACb,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AACF;AACA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,qCAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;",
   "names": []
 }

package/app/Footer/FooterLink/index.js

@@ -0,0 +1,17 @@
+export * from "@digigov/react-core/FooterLinkBase";
+import React from "react";
+import {
+  FooterLinkBase
+} from "@digigov/react-core/FooterLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const FooterLink = React.forwardRef(
+  function FooterLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(FooterLinkBase, { as: Link, ref, ...props }, children);
+  }
+);
+var FooterLink_default = FooterLink;
+export {
+  FooterLink,
+  FooterLink_default as default
+};
+//# sourceMappingURL=FooterLink.js.map

package/app/Footer/FooterLink/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Footer/FooterLink/index.js"
+}

package/app/Footer/FooterLink.d.ts

@@ -0,0 +1,7 @@
+export * from '@digigov/react-core/FooterLinkBase';
+import React from 'react';
+import { FooterLinkBaseProps } from '@digigov/react-core/FooterLinkBase';
+export interface FooterLinkProps extends FooterLinkBaseProps {
+}
+export declare const FooterLink: React.ForwardRefExoticComponent<Omit<FooterLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default FooterLink;

package/app/Footer/FooterLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Footer/FooterLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/FooterLinkBase';\nimport React from 'react';\nimport {\n  FooterLinkBase,\n  FooterLinkBaseProps,\n} from '@digigov/react-core/FooterLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface FooterLinkProps extends FooterLinkBaseProps {}\n\nexport const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(\n  function FooterLink({ children, ...props }, ref) {\n    return (\n      <FooterLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </FooterLinkBase>\n    );\n  }\n);\nexport default FooterLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["FooterLink"]
+}

package/app/Footer/index.d.ts

@@ -4,12 +4,12 @@ export * from '@digigov/react-core/FooterContent';
 export * from '@digigov/react-core/FooterContentLogos';
 export * from '@digigov/react-core/FooterHeading';
 export * from '@digigov/react-core/FooterImage';
-export * from '@digigov/react-core/FooterLink';
 export * from '@digigov/react-core/FooterList';
 export * from '@digigov/react-core/FooterListItem';
 export * from '@digigov/react-core/FooterInfo';
 export * from '@digigov/react-core/FooterInfoSection';
 export * from '@digigov/react-core/FooterNavigation';
 export * from '@digigov/react-core/FooterNavigationSection';
+export * from '@digigov/ui/app/Footer/FooterLink';
 import Footer from '@digigov/react-core/Footer';
 export default Footer;

package/app/Footer/index.js

@@ -4,13 +4,13 @@ export * from "@digigov/react-core/FooterContent";
 export * from "@digigov/react-core/FooterContentLogos";
 export * from "@digigov/react-core/FooterHeading";
 export * from "@digigov/react-core/FooterImage";
-export * from "@digigov/react-core/FooterLink";
 export * from "@digigov/react-core/FooterList";
 export * from "@digigov/react-core/FooterListItem";
 export * from "@digigov/react-core/FooterInfo";
 export * from "@digigov/react-core/FooterInfoSection";
 export * from "@digigov/react-core/FooterNavigation";
 export * from "@digigov/react-core/FooterNavigationSection";
+export * from "@digigov/ui/app/Footer/FooterLink";
 import Footer from "@digigov/react-core/Footer";
 var Footer_default = Footer;
 export {

package/app/Footer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Footer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterLink';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
+  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\nexport * from '@digigov/ui/app/Footer/FooterLink';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,YAAY;AACnB,IAAO,iBAAQ;",
   "names": []
 }

package/app/Header/Header.stories/index.js

@@ -1,4 +1,18 @@
-import Header from "@digigov/ui/app/Header/";
+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 minEduLogo from "@digigov/ui/govgr/images/minedu-logo-base64";
+import { MoreVertIcon } from "@digigov/ui/icons";
+import {
+  Dropdown,
+  DropdownButton,
+  DropdownContent
+} from "@digigov/ui/navigation/Dropdown";
+import { NavList, NavListItemAction } from "@digigov/ui/navigation/NavList";
 var Header_stories_default = {
   title: "Digigov UI/app/Header",
   component: Header,
@@ -11,6 +25,43 @@ var Header_stories_default = {
     layout: "fullscreen"
   }
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "govgr.gr" }), args.withSecondaryLogo && /* @__PURE__ */ React.createElement(HeaderSecondaryLogo, { src: minEduLogo, href: "#" }), args.withServiceName && /* @__PURE__ */ React.createElement(HeaderTitle, null, args.serviceNameTitle)), args.withUser && /* @__PURE__ */ React.createElement(Dropdown, { align: "right" }, /* @__PURE__ */ React.createElement(DropdownButton, { variant: "link" }, args.userText, /* @__PURE__ */ React.createElement(MoreVertIcon, { size: "md" })), /* @__PURE__ */ React.createElement(DropdownContent, null, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, /* @__PURE__ */ React.createElement(NavListItemAction, { href: "#" }, "\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ React.createElement(NavListItemAction, { href: "#" }, "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2"))))));
+  },
+  args: {
+    withSecondaryLogo: false,
+    withServiceName: false,
+    serviceNameTitle: "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2",
+    withUser: false,
+    userText: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2"
+  },
+  argTypes: {
+    withSecondaryLogo: {
+      control: "boolean"
+    },
+    withServiceName: {
+      control: "boolean"
+    },
+    serviceNameTitle: {
+      control: "text",
+      if: {
+        arg: "withServiceName",
+        truthy: true
+      }
+    },
+    withUser: {
+      control: "boolean"
+    },
+    userText: {
+      control: "text",
+      if: {
+        arg: "withUser",
+        truthy: true
+      }
+    }
+  }
+};
 import { Default } from "@digigov/ui/app/Header/__stories__/Default";
 import { WithServiceName } from "@digigov/ui/app/Header/__stories__/WithServiceName";
 import { WithServiceNameAndLogo } from "@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo";
@@ -18,6 +69,7 @@ import { WithNavigation } from "@digigov/ui/app/Header/__stories__/WithNavigatio
 import { WithHeaderNavigation } from "@digigov/ui/app/Header/__stories__/WithHeaderNavigation";
 export {
   Default,
+  WithControls,
   WithHeaderNavigation,
   WithNavigation,
   WithServiceName,

package/app/Header/Header.stories.d.ts

@@ -10,9 +10,58 @@ declare namespace _default {
     }
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let withSecondaryLogo: boolean;
+        let withServiceName: boolean;
+        let serviceNameTitle: string;
+        let withUser: boolean;
+        let userText: string;
+    }
+    namespace argTypes {
+        export namespace withSecondaryLogo_1 {
+            let control: string;
+        }
+        export { withSecondaryLogo_1 as withSecondaryLogo };
+        export namespace withServiceName_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { withServiceName_1 as withServiceName };
+        export namespace serviceNameTitle_1 {
+            let control_2: string;
+            export { control_2 as control };
+            export namespace _if {
+                let arg: string;
+                let truthy: boolean;
+            }
+            export { _if as if };
+        }
+        export { serviceNameTitle_1 as serviceNameTitle };
+        export namespace withUser_1 {
+            let control_3: string;
+            export { control_3 as control };
+        }
+        export { withUser_1 as withUser };
+        export namespace userText_1 {
+            let control_4: string;
+            export { control_4 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let truthy_1: boolean;
+                export { truthy_1 as truthy };
+            }
+            export { _if_1 as if };
+        }
+        export { userText_1 as userText };
+    }
+}
 export { Default } from "@digigov/ui/app/Header/__stories__/Default";
 export { WithServiceName } from "@digigov/ui/app/Header/__stories__/WithServiceName";
 export { WithServiceNameAndLogo } from "@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo";
 export { WithNavigation } from "@digigov/ui/app/Header/__stories__/WithNavigation";
 export { WithHeaderNavigation } from "@digigov/ui/app/Header/__stories__/WithHeaderNavigation";
-import Header from '@digigov/ui/app/Header/';
+import { Header } from '@digigov/ui/app/Header';
+import React from 'react';

package/app/Header/Header.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/app/Header/Header.stories.js"],
-  "sourcesContent": ["import Header from '@digigov/ui/app/Header/';\nexport default {\n  title: 'Digigov UI/app/Header',\n  component: Header,\n  displayName: 'Header',\n  description:\n    'You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.',\n  link: 'https://guide.services.gov.gr/docs/components/header',\n  defaultWidth: 'lg',\n  parameters: {\n    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout\n    layout: 'fullscreen',\n  },\n};\n\nexport { Default } from '@digigov/ui/app/Header/__stories__/Default';\nexport { WithServiceName } from '@digigov/ui/app/Header/__stories__/WithServiceName';\nexport { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';\nexport { WithNavigation } from '@digigov/ui/app/Header/__stories__/WithNavigation';\nexport { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA,EACV;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;",
+  "sources": ["../../../src/app/Header/Header.stories.jsx"],
+  "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 minEduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { MoreVertIcon } from '@digigov/ui/icons';\n\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport default {\n  title: 'Digigov UI/app/Header',\n  component: Header,\n  displayName: 'Header',\n  description:\n    'You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.',\n  link: 'https://guide.services.gov.gr/docs/components/header',\n  defaultWidth: 'lg',\n  parameters: {\n    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout\n    layout: 'fullscreen',\n  },\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo href=\"govgr.gr\" />\n            {args.withSecondaryLogo && (\n              <HeaderSecondaryLogo src={minEduLogo} href=\"#\" />\n            )}\n            {args.withServiceName && (\n              <HeaderTitle>{args.serviceNameTitle}</HeaderTitle>\n            )}\n          </HeaderSection>\n          {args.withUser && (\n            <Dropdown align=\"right\">\n              <DropdownButton variant=\"link\">\n                {args.userText}\n                <MoreVertIcon size=\"md\" />\n              </DropdownButton>\n              <DropdownContent>\n                <NavList layout=\"vertical\">\n                  <NavListItemAction href=\"#\">\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2</NavListItemAction>\n                  <NavListItemAction href=\"#\">\u0388\u03BE\u03BF\u03B4\u03BF\u03C2</NavListItemAction>\n                </NavList>\n              </DropdownContent>\n            </Dropdown>\n          )}\n        </HeaderContent>\n      </Header>\n    );\n  },\n  args: {\n    withSecondaryLogo: false,\n    withServiceName: false,\n    serviceNameTitle: '\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2',\n    withUser: false,\n    userText: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n  },\n  argTypes: {\n    withSecondaryLogo: {\n      control: 'boolean',\n    },\n    withServiceName: {\n      control: 'boolean',\n    },\n    serviceNameTitle: {\n      control: 'text',\n      if: {\n        arg: 'withServiceName',\n        truthy: true,\n      },\n    },\n    withUser: {\n      control: 'boolean',\n    },\n    userText: {\n      control: 'text',\n      if: {\n        arg: 'withUser',\n        truthy: true,\n      },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/app/Header/__stories__/Default';\nexport { WithServiceName } from '@digigov/ui/app/Header/__stories__/WithServiceName';\nexport { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';\nexport { WithNavigation } from '@digigov/ui/app/Header/__stories__/WithNavigation';\nexport { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,yBAAyB;AAE3C,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,aAAU,MAAK,YAAW,GAC1B,KAAK,qBACJ,oCAAC,uBAAoB,KAAK,YAAY,MAAK,KAAI,GAEhD,KAAK,mBACJ,oCAAC,mBAAa,KAAK,gBAAiB,CAExC,GACC,KAAK,YACJ,oCAAC,YAAS,OAAM,WACd,oCAAC,kBAAe,SAAQ,UACrB,KAAK,UACN,oCAAC,gBAAa,MAAK,MAAK,CAC1B,GACA,oCAAC,uBACC,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,OAAI,wDAAS,GACrC,oCAAC,qBAAkB,MAAK,OAAI,sCAAM,CACpC,CACF,CACF,CAEJ,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,mBAAmB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS;AAAA,MACT,IAAI;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;",
   "names": []
 }

package/app/Header/HeaderLogo/index.js

@@ -1,7 +1,17 @@
-import HeaderLogo from "@digigov/react-core/HeaderLogo";
-export * from "@digigov/react-core/HeaderLogo";
+export * from "@digigov/react-core/HeaderLogoBase";
+import React from "react";
+import {
+  HeaderLogoBase
+} from "@digigov/react-core/HeaderLogoBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderLogo = React.forwardRef(
+  function HeaderLogo2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(HeaderLogoBase, { as: Link, ref, ...props }, children);
+  }
+);
 var HeaderLogo_default = HeaderLogo;
 export {
+  HeaderLogo,
   HeaderLogo_default as default
 };
 //# sourceMappingURL=HeaderLogo.js.map

package/app/Header/HeaderLogo.d.ts

@@ -1,3 +1,7 @@
-import HeaderLogo from '@digigov/react-core/HeaderLogo';
-export * from '@digigov/react-core/HeaderLogo';
+export * from '@digigov/react-core/HeaderLogoBase';
+import React from 'react';
+import { HeaderLogoBaseProps } from '@digigov/react-core/HeaderLogoBase';
+export interface HeaderLogoProps extends HeaderLogoBaseProps {
+}
+export declare const HeaderLogo: React.ForwardRefExoticComponent<Omit<HeaderLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderLogo;

package/app/Header/HeaderLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderLogo.tsx"],
-  "sourcesContent": ["import HeaderLogo from '@digigov/react-core/HeaderLogo';\n\nexport * from '@digigov/react-core/HeaderLogo';\nexport default HeaderLogo;\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderLogoBase';\nimport React from 'react';\nimport {\n  HeaderLogoBase,\n  HeaderLogoBaseProps,\n} from '@digigov/react-core/HeaderLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderLogoProps extends HeaderLogoBaseProps {}\n\nexport const HeaderLogo = React.forwardRef<HTMLAnchorElement, HeaderLogoProps>(\n  function HeaderLogo({ children, ...props }, ref) {\n    return (\n      <HeaderLogoBase as={Link} ref={ref} {...props}>\n        {children}\n      </HeaderLogoBase>\n    );\n  }\n);\nexport default HeaderLogo;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["HeaderLogo"]
 }

package/app/Header/HeaderSecondaryLogo/index.js

@@ -1,4 +1,12 @@
-import HeaderSecondaryLogo from "@digigov/react-core/HeaderSecondaryLogo";
+export * from "@digigov/react-core/HeaderSecondaryLogoBase";
+import React from "react";
+import {
+  HeaderSecondaryLogoBase
+} from "@digigov/react-core/HeaderSecondaryLogoBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(HeaderSecondaryLogoBase, { as: Link, ref, ...props }, children);
+});
 var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
 export {
   HeaderSecondaryLogo,

package/app/Header/HeaderSecondaryLogo.d.ts

@@ -1,3 +1,7 @@
-import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
-export { HeaderSecondaryLogo };
+export * from '@digigov/react-core/HeaderSecondaryLogoBase';
+import React from 'react';
+import { HeaderSecondaryLogoBaseProps } from '@digigov/react-core/HeaderSecondaryLogoBase';
+export interface HeaderSecondaryLogoProps extends HeaderSecondaryLogoBaseProps {
+}
+export declare const HeaderSecondaryLogo: React.ForwardRefExoticComponent<Omit<HeaderSecondaryLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderSecondaryLogo;

package/app/Header/HeaderSecondaryLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderSecondaryLogo.tsx"],
-  "sourcesContent": ["import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';\n\nexport { HeaderSecondaryLogo };\nexport default HeaderSecondaryLogo;\n"],
-  "mappings": "AAAA,OAAO,yBAAyB;AAGhC,IAAO,8BAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport React from 'react';\nimport {\n  HeaderSecondaryLogoBase,\n  HeaderSecondaryLogoBaseProps,\n} from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderSecondaryLogoProps\n  extends HeaderSecondaryLogoBaseProps {}\n\nexport const HeaderSecondaryLogo = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoProps\n>(function HeaderSecondaryLogo({ children, ...props }, ref) {\n  return (\n    <HeaderSecondaryLogoBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderSecondaryLogoBase>\n  );\n});\nexport default HeaderSecondaryLogo;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAKd,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,SACE,oCAAC,2BAAwB,IAAI,MAAM,KAAW,GAAG,SAC9C,QACH;AAEJ,CAAC;AACD,IAAO,8BAAQ;",
+  "names": ["HeaderSecondaryLogo"]
 }

package/app/Header/HeaderTitle/index.js

@@ -1,7 +1,15 @@
-import HeaderTitle from "@digigov/react-core/HeaderTitle";
-export * from "@digigov/react-core/HeaderTitle";
+export * from "@digigov/react-core/HeaderTitleBase";
+import React from "react";
+import {
+  HeaderTitleBase
+} from "@digigov/react-core/HeaderTitleBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderTitle = React.forwardRef(function HeaderTitle2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(HeaderTitleBase, { as: Link, ref, ...props }, children);
+});
 var HeaderTitle_default = HeaderTitle;
 export {
+  HeaderTitle,
   HeaderTitle_default as default
 };
 //# sourceMappingURL=HeaderTitle.js.map

package/app/Header/HeaderTitle.d.ts

@@ -1,3 +1,7 @@
-import HeaderTitle from '@digigov/react-core/HeaderTitle';
-export * from '@digigov/react-core/HeaderTitle';
+export * from '@digigov/react-core/HeaderTitleBase';
+import React from 'react';
+import { HeaderTitleBaseProps } from '@digigov/react-core/HeaderTitleBase';
+export interface HeaderTitleProps extends HeaderTitleBaseProps {
+}
+export declare const HeaderTitle: React.ForwardRefExoticComponent<Omit<HeaderTitleProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderTitle;

package/app/Header/HeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderTitle.tsx"],
-  "sourcesContent": ["import HeaderTitle from '@digigov/react-core/HeaderTitle';\n\nexport * from '@digigov/react-core/HeaderTitle';\nexport default HeaderTitle;\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AAExB,cAAc;AACd,IAAO,sBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderTitleBase';\nimport React from 'react';\nimport {\n  HeaderTitleBase,\n  HeaderTitleBaseProps,\n} from '@digigov/react-core/HeaderTitleBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderTitleProps extends HeaderTitleBaseProps {}\n\nexport const HeaderTitle = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleProps\n>(function HeaderTitle({ children, ...props }, ref) {\n  return (\n    <HeaderTitleBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderTitleBase>\n  );\n});\n\nexport default HeaderTitle;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,cAAc,MAAM,WAG/B,SAASA,aAAY,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAClD,SACE,oCAAC,mBAAgB,IAAI,MAAM,KAAW,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
+  "names": ["HeaderTitle"]
 }

package/app/Modal/hooks/index.js

@@ -1,12 +1,8 @@
 import React, { useState, useRef, useCallback } from "react";
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = useState(null);
-  const modalsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
+  const modalsRef = useRef(/* @__PURE__ */ new Map());
+  const buttonsRef = useRef(/* @__PURE__ */ new Map());
   const open = useCallback((id) => {
     setCurrentOpen(id);
   }, []);

package/app/Modal/hooks.d.ts

@@ -13,14 +13,14 @@ export interface UseModalReturn {
         id: string;
         'aria-modal': boolean;
         'aria-labelledby': string;
-        ref?: React.RefObject<HTMLDivElement>;
+        ref?: React.RefObject<HTMLDivElement | null>;
     };
     registerAction: (id: ModalId, type: 'open' | 'close', options?: {
         variant?: string;
         color?: string;
     }) => {
         onClick: () => void;
-        ref?: React.RefObject<HTMLButtonElement>;
+        ref?: React.RefObject<HTMLButtonElement | null>;
     };
 }
 export declare const useModal: () => UseModalReturn;

package/app/Modal/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<Map<ModalId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<ModalId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement | null>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement | null>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY,OAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }