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

package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/layouts/Basic/Bottom/__stories__/Default.tsx"],
-  "sourcesContent": ["\nimport React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\nimport Bottom from '@digigov/ui/layouts/Basic/Bottom';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF\n          Bottom component\n        </Paragraph>\n      </Main>\n    </Container>\n    <Bottom>\n      <GovGRFooter></GovGRFooter>\n    </Bottom>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,oBAA4B;AAC5B,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,wBAAmC;AACnC,oBAAmB;AACnB,uBAAsB;AACtB,iBAAgB;AAChB,oBAAmB;AAEZ,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,WAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,cAAAE,SAAA,MACC,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,IAAU,CACb,CACF,GACA,6BAAAH,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,iFAAc,GACvB,6BAAAA,QAAA,cAAC,mCAAU,qQAGX,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,+BAAY,CACf,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["React", "Top", "Header", "GovGRLogo", "Bottom"]
+  "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 { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Bottom component\n        </Paragraph>\n      </Main>\n    </Container>\n    <Bottom>\n      <GovGRFooter></GovGRFooter>\n    </Bottom>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,2BAA8B;AAC9B,oBAA4B;AAC5B,uBAA0B;AAC1B,mBAAuB;AACvB,oBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,iBAAoB;AACpB,wBAAmC;AAE5B,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,gCAAU,CACb,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,iFAAc,GACvB,6BAAAA,QAAA,cAAC,mCAAU,qQAEX,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,+BAAY,CACf,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/layouts/Basic/Container/__stories__/Default/index.js

@@ -32,14 +32,16 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
+var import_Header = require("@digigov/ui/app/Header");
+var import_HeaderContent = require("@digigov/ui/app/Header/HeaderContent");
+var import_HeaderSection = require("@digigov/ui/app/Header/HeaderSection");
+var import_GovGRLogo = require("@digigov/ui/govgr/GovGRLogo");
 var import_Basic = require("@digigov/ui/layouts/Basic");
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
+var import_Top = require("@digigov/ui/layouts/Basic/Top");
 var import_typography = require("@digigov/ui/typography");
-var import_Header = __toESM(require("@digigov/ui/app/Header"));
-var import_GovGRLogo = __toESM(require("@digigov/ui/govgr/GovGRLogo"));
-var import_Top = __toESM(require("@digigov/ui/layouts/Basic/Top"));
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.default, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.default, null))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.Top, null, /* @__PURE__ */ import_react.default.createElement(import_Header.Header, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderContent.HeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderSection.HeaderSection, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, null))))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/layouts/Basic/Container/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/layouts/Basic/Container/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD,\n          \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,wBAAmC;AACnC,oBAAmB;AACnB,uBAAsB;AACtB,iBAAgB;AAET,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,WAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,cAAAE,SAAA,MACC,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,IAAU,CACb,CACF,GACA,6BAAAH,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,oHAA6B,GACtC,6BAAAA,QAAA,cAAC,mCAAU,onCAIX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["React", "Top", "Header", "GovGRLogo"]
+  "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 { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD\n          \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,2BAA8B;AAC9B,uBAA0B;AAC1B,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,iBAAoB;AACpB,wBAAmC;AAE5B,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,gCAAU,CACb,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,oHAA6B,GACtC,6BAAAA,QAAA,cAAC,mCAAU,onCAKX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/layouts/Basic/Main/__stories__/Default/index.js

@@ -32,14 +32,16 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
+var import_Header = require("@digigov/ui/app/Header");
+var import_HeaderContent = require("@digigov/ui/app/Header/HeaderContent");
+var import_HeaderSection = require("@digigov/ui/app/Header/HeaderSection");
+var import_GovGRLogo = require("@digigov/ui/govgr/GovGRLogo");
 var import_Basic = require("@digigov/ui/layouts/Basic");
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
+var import_Top = require("@digigov/ui/layouts/Basic/Top");
 var import_typography = require("@digigov/ui/typography");
-var import_Header = __toESM(require("@digigov/ui/app/Header"));
-var import_GovGRLogo = __toESM(require("@digigov/ui/govgr/GovGRLogo"));
-var import_Top = __toESM(require("@digigov/ui/layouts/Basic/Top"));
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.default, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.default, null))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.Top, null, /* @__PURE__ */ import_react.default.createElement(import_Header.Header, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderContent.HeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderSection.HeaderSection, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, null))))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/layouts/Basic/Main/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/layouts/Basic/Main/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD,\n          \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,wBAAmC;AACnC,oBAAmB;AACnB,uBAAsB;AACtB,iBAAgB;AAET,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,WAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,cAAAE,SAAA,MACC,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,IAAU,CACb,CACF,GACA,6BAAAH,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,2CAAW,GACpB,6BAAAA,QAAA,cAAC,mCAAU,onCAIX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["React", "Top", "Header", "GovGRLogo"]
+  "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 { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD\n          \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,2BAA8B;AAC9B,uBAA0B;AAC1B,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,iBAAoB;AACpB,wBAAmC;AAE5B,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,gCAAU,CACb,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,2CAAW,GACpB,6BAAAA,QAAA,cAAC,mCAAU,onCAKX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/layouts/Basic/Top/__stories__/Default/index.js

@@ -32,14 +32,16 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
+var import_Header = require("@digigov/ui/app/Header");
+var import_HeaderContent = require("@digigov/ui/app/Header/HeaderContent");
+var import_HeaderSection = require("@digigov/ui/app/Header/HeaderSection");
+var import_GovGRLogo = require("@digigov/ui/govgr/GovGRLogo");
 var import_Basic = require("@digigov/ui/layouts/Basic");
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
+var import_Top = require("@digigov/ui/layouts/Basic/Top");
 var import_typography = require("@digigov/ui/typography");
-var import_Header = __toESM(require("@digigov/ui/app/Header"));
-var import_GovGRLogo = __toESM(require("@digigov/ui/govgr/GovGRLogo"));
-var import_Top = __toESM(require("@digigov/ui/layouts/Basic/Top"));
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.default, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.default, null))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component"))));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.Layout, null, /* @__PURE__ */ import_react.default.createElement(import_Top.Top, null, /* @__PURE__ */ import_react.default.createElement(import_Header.Header, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderContent.HeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderSection.HeaderSection, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, null))))), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component"))));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/layouts/Basic/Top/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/layouts/Basic/Top/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,wBAAmC;AACnC,oBAAmB;AACnB,uBAAsB;AACtB,iBAAgB;AAET,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,WAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,cAAAE,SAAA,MACC,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,IAAU,CACb,CACF,GACA,6BAAAH,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,iFAAc,GACvB,6BAAAA,QAAA,cAAC,mCAAU,wVAEX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["React", "Top", "Header", "GovGRLogo"]
+  "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 { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF\n          Top component\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,2BAA8B;AAC9B,uBAA0B;AAC1B,mBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,iBAAoB;AACpB,wBAAmC;AAE5B,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,gCAAU,CACb,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,iCAAQ,iFAAc,GACvB,6BAAAA,QAAA,cAAC,mCAAU,wVAGX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/layouts/Basic/__stories__/WithBasicLayout/index.js

@@ -32,12 +32,12 @@ __export(WithBasicLayout_exports, {
 });
 module.exports = __toCommonJS(WithBasicLayout_exports);
 var import_react = __toESM(require("react"));
+var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
 var import_Aside = require("@digigov/ui/layouts/Basic/Aside");
+var import_Bottom = require("@digigov/ui/layouts/Basic/Bottom");
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
-var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
 var import_Top = require("@digigov/ui/layouts/Basic/Top");
-var import_Bottom = require("@digigov/ui/layouts/Basic/Bottom");
 const WithBasicLayout = () => /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Top.Top, null, "Header content"), /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, "Main content"), /* @__PURE__ */ import_react.default.createElement(import_Aside.Aside, null, "Side content")), /* @__PURE__ */ import_react.default.createElement(import_Bottom.Bottom, null, "Bottom content"));
 var WithBasicLayout_default = WithBasicLayout;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/layouts/Basic/__stories__/WithBasicLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Basic/__stories__/WithBasicLayout.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Aside } from '@digigov/ui/layouts/Basic/Aside';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport BasicLayout from '@digigov/ui/layouts/Basic';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\n\nexport const WithBasicLayout = () => (\n  <BasicLayout>\n    <Top>Header content</Top>\n    <Container>\n      <Main>Main content</Main>\n      <Aside>Side content</Aside>\n    </Container>\n    <Bottom>Bottom content</Bottom>\n  </BasicLayout>\n);\n\nexport default WithBasicLayout;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,uBAA0B;AAC1B,kBAAqB;AACrB,mBAAwB;AACxB,iBAAoB;AACpB,oBAAuB;AAEhB,MAAM,kBAAkB,MAC7B,6BAAAA,QAAA,cAAC,aAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,sBAAI,gBAAc,GACnB,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBAAK,cAAY,GAClB,6BAAAA,QAAA,cAAC,0BAAM,cAAY,CACrB,GACA,6BAAAA,QAAA,cAAC,4BAAO,gBAAc,CACxB;AAGF,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport BasicLayout from '@digigov/ui/layouts/Basic';\nimport { Aside } from '@digigov/ui/layouts/Basic/Aside';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\n\nexport const WithBasicLayout = () => (\n  <BasicLayout>\n    <Top>Header content</Top>\n    <Container>\n      <Main>Main content</Main>\n      <Aside>Side content</Aside>\n    </Container>\n    <Bottom>Bottom content</Bottom>\n  </BasicLayout>\n);\n\nexport default WithBasicLayout;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AACxB,mBAAsB;AACtB,oBAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,iBAAoB;AAEb,MAAM,kBAAkB,MAC7B,6BAAAA,QAAA,cAAC,aAAAC,SAAA,MACC,6BAAAD,QAAA,cAAC,sBAAI,gBAAc,GACnB,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBAAK,cAAY,GAClB,6BAAAA,QAAA,cAAC,0BAAM,cAAY,CACrB,GACA,6BAAAA,QAAA,cAAC,4BAAO,gBAAc,CACxB;AAGF,IAAO,0BAAQ;",
   "names": ["React", "BasicLayout"]
 }

package/cjs/layouts/Basic/index.js

@@ -37,7 +37,6 @@ __reExport(Basic_exports, require("@digigov/ui/layouts/Basic/Aside"), module.exp
 __reExport(Basic_exports, require("@digigov/ui/layouts/Basic/Main"), module.exports);
 __reExport(Basic_exports, require("@digigov/ui/layouts/Basic/Container"), module.exports);
 __reExport(Basic_exports, require("@digigov/ui/layouts/Basic/Bottom"), module.exports);
-__reExport(Basic_exports, require("@digigov/ui/layouts/Basic/Masthead"), module.exports);
 var import_Layout = __toESM(require("@digigov/react-core/Layout"));
 var Basic_default = import_Layout.default;
 // Annotate the CommonJS export names for ESM import in node:
@@ -47,7 +46,6 @@ var Basic_default = import_Layout.default;
   ...require("@digigov/ui/layouts/Basic/Aside"),
   ...require("@digigov/ui/layouts/Basic/Main"),
   ...require("@digigov/ui/layouts/Basic/Container"),
-  ...require("@digigov/ui/layouts/Basic/Bottom"),
-  ...require("@digigov/ui/layouts/Basic/Masthead")
+  ...require("@digigov/ui/layouts/Basic/Bottom")
 });
 //# sourceMappingURL=index.js.map

package/cjs/layouts/Basic/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Basic/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Layout';\nexport * from '@digigov/ui/layouts/Basic/Top';\nexport * from '@digigov/ui/layouts/Basic/Aside';\nexport * from '@digigov/ui/layouts/Basic/Main';\nexport * from '@digigov/ui/layouts/Basic/Container';\nexport * from '@digigov/ui/layouts/Basic/Bottom';\nexport * from '@digigov/ui/layouts/Basic/Masthead';\n\nimport Layout from '@digigov/react-core/Layout';\nexport default Layout;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,uCAAd;AACA,0BAAc,0CADd;AAEA,0BAAc,4CAFd;AAGA,0BAAc,2CAHd;AAIA,0BAAc,gDAJd;AAKA,0BAAc,6CALd;AAMA,0BAAc,+CANd;AAQA,oBAAmB;AACnB,IAAO,gBAAQ,cAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Layout';\nexport * from '@digigov/ui/layouts/Basic/Top';\nexport * from '@digigov/ui/layouts/Basic/Aside';\nexport * from '@digigov/ui/layouts/Basic/Main';\nexport * from '@digigov/ui/layouts/Basic/Container';\nexport * from '@digigov/ui/layouts/Basic/Bottom';\n\nimport Layout from '@digigov/react-core/Layout';\nexport default Layout;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,uCAAd;AACA,0BAAc,0CADd;AAEA,0BAAc,4CAFd;AAGA,0BAAc,2CAHd;AAIA,0BAAc,gDAJd;AAKA,0BAAc,6CALd;AAOA,oBAAmB;AACnB,IAAO,gBAAQ,cAAAA;",
   "names": ["Layout"]
 }

package/cjs/layouts/Screen/Screen.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/Screen.stories.js"],
-  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';"],
+  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAMnB,qBAAwB;AACxB,gCAAmC;AACnC,wBAA2B;AAC3B,sBAAyB;AARzB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Screen"]
 }

package/cjs/layouts/Screen/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Screen/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size='mdUp'>\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size='mdDown'>\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size='xs'>\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size='sm'>\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size=\"mdUp\">\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size=\"mdDown\">\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size=\"xs\">\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size=\"sm\">\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,MAAK,UACX,6BAAAA,QAAA,cAAC,aAAI,uBAAqB,CAC5B,GACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YACX,6BAAAA,QAAA,cAAC,aAAI,yBAAuB,CAC9B,GACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,QACX,6BAAAA,QAAA,cAAC,aAAI,qBAAmB,CAC1B,GACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,QACX,6BAAAA,QAAA,cAAC,aAAI,qBAAmB,CAC1B,CACF;AAEJ;AACA,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/layouts/Screen/__stories__/ScreenDown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Screen/__stories__/ScreenDown.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size='mdDown'>\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size=\"mdDown\">\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AAEhB,MAAM,aAAa,MAAM;AAC9B,SACE,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YACX,6BAAAA,QAAA,cAAC,aAAI,yBAAuB,CAC9B;AAEJ;AACA,IAAO,qBAAQ;",
   "names": ["React"]
 }

package/cjs/layouts/Screen/__stories__/ScreenUp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Screen/__stories__/ScreenUp.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size='mdUp'>\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size=\"mdUp\">\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AAEhB,MAAM,WAAW,MAAM;AAC5B,SACE,6BAAAA,QAAA,cAAC,wBAAO,MAAK,UACX,6BAAAA,QAAA,cAAC,aAAI,uBAAqB,CAC5B;AAEJ;AACA,IAAO,mBAAQ;",
   "names": ["React"]
 }

package/cjs/layouts/Screen/__stories__/SpecificScreenSize.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Screen/__stories__/SpecificScreenSize.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size='md'>\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size=\"md\">\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AAEhB,MAAM,qBAAqB,MAAM;AACtC,SACE,6BAAAA,QAAA,cAAC,wBAAO,MAAK,QACX,6BAAAA,QAAA,cAAC,aAAI,qBAAmB,CAC1B;AAEJ;AACA,IAAO,6BAAQ;",
   "names": ["React"]
 }

package/cjs/layouts/Screen/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n\n"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAIO;AAsBA,MAAM,SAAgC,CAAC,EAAE,MAAM,SAAS,MAAM;AACnE,QAAM,EAAE,WAAW,QAAI,gCAAc;AACrC,MAAI,MAAM,SAAS,IAAI,GAAG;AACxB,UAAM,aAAa,KAAK,QAAQ,MAAM,EAAE;AACxC,QACE,gCAAe,QAAQ,UAAU,KAAK,gCAAe,QAAQ,UAAU,GACvE;AACA,aAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,KAAK,SAAS,MAAM,GAAG;AAChC,UAAM,aAAa,KAAK,QAAQ,QAAQ,EAAE;AAC1C,QACE,gCAAe,QAAQ,UAAU,IAAI,gCAAe,QAAQ,UAAU,GACtE;AACA,aAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,QAAQ,SAAS,YAAY;AACtC,WAAO;AAAA,EACT;AACA,SAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AACrB;AAEA,IAAO,iBAAQ;",
   "names": ["React"]
 }