@digigov/ui 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/navigation/Dropdown/__stories__/PlacementTop/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/PlacementTop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/PlacementTop.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,eAAe,MAC1B;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,oCAAC,YAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,eAAe,MAC1B;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,oCAAC,YAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,GAC/B,oCAAC,UAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/ScrollableContent/index.js

@@ -64,7 +64,7 @@ const ScrollableContent = () => /* @__PURE__ */ React.createElement(Dropdown, nu
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ React.createElement(DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ React.createElement(NavListItemAction, { role: "menuitem", href: item.href }, item.name)))));
+), /* @__PURE__ */ React.createElement(DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ React.createElement(NavListItemAction, { key: item.name, role: "menuitem", href: item.href }, item.name)))));
 var ScrollableContent_default = ScrollableContent;
 export {
   ScrollableContent,

package/navigation/Dropdown/__stories__/ScrollableContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/ScrollableContent.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,oCAAC,WAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,oCAAC,qBAAkB,MAAK,YAAW,MAAM,KAAK,QAC3C,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction key={item.name} role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,oCAAC,WAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,oCAAC,qBAAkB,KAAK,KAAK,MAAM,MAAK,YAAW,MAAM,KAAK,QAC3D,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
   "names": []
 }

package/navigation/Dropdown/__stories__/VariantLink/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import {

package/navigation/Dropdown/__stories__/VariantLink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/__stories__/VariantLink.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const VariantLink = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      variant=\"link\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default VariantLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,cAAc,MACzB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,SAAQ;AAAA,IACR,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const VariantLink = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      variant=\"link\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default VariantLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,eAAe;AAEpC,MAAM,cAAc,MACzB,oCAAC,gBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,SAAQ;AAAA,IACR,OAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,mBAAgB,MAAK,QAAO,IAAG,WAC9B,oCAAC,kBAAe,MAAK,cACnB,oCAAC,sBACC,oCAAC,kBAAW,qEAAY,GACxB,oCAAC,aAAU,MAAK,cAAa,CAC/B,CACF,GACA,oCAAC,gBAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,oCAAC,qBAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,sBAAQ;",
   "names": []
 }

package/navigation/Link/__stories__/DarkBackground/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Masthead } from "@digigov/ui/layouts/Basic/Masthead";
+import { Masthead } from "@digigov/ui/app/Masthead";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import { Link } from "@digigov/ui/navigation/Link";
 const DarkBackground = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }), /* @__PURE__ */ React.createElement(

package/navigation/Link/__stories__/DarkBackground.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/DarkBackground.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackground;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackground = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackground;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACd,MAAM,iBAAiB,MAC5B,oCAAC,gBACC,oCAAC,gBAAa,SAAS,OAAO,GAC9B;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA;AAAA,EACN;AAED,GACA,oCAAC,gBAAa,SAAS,OAAO,CAChC;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Masthead } from "@digigov/ui/layouts/Basic/Masthead";
+import { Masthead } from "@digigov/ui/app/Masthead";
 import { SectionBreak } from "@digigov/ui/layouts/SectionBreak";
 import { Link } from "@digigov/ui/navigation/Link";
 const DarkBackgroundNoUnderline = () => /* @__PURE__ */ React.createElement(Masthead, null, /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }), /* @__PURE__ */ React.createElement(

package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/layouts/Basic/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n      underline={false}\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Masthead } from '@digigov/ui/app/Masthead';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nexport const DarkBackgroundNoUnderline = () => (\n  <Masthead>\n    <SectionBreak visible={false} />\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n      underline={false}\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n    <SectionBreak visible={false} />\n  </Masthead>\n);\n\nexport default DarkBackgroundNoUnderline;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACd,MAAM,4BAA4B,MACvC,oCAAC,gBACC,oCAAC,gBAAa,SAAS,OAAO,GAC9B;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA;AAAA,EACZ;AAED,GACA,oCAAC,gBAAa,SAAS,OAAO,CAChC;AAGF,IAAO,oCAAQ;",
   "names": []
 }

package/navigation/Link/__stories__/WithProvider/index.js

@@ -3,7 +3,15 @@ import { Link, LinkProvider } from "@digigov/ui/navigation/Link";
 const CustomLink = (props) => {
   return /* @__PURE__ */ React.createElement("div", null, props.children);
 };
-const WithProvider = () => /* @__PURE__ */ React.createElement(LinkProvider, { component: CustomLink }, /* @__PURE__ */ React.createElement(Link, { "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr", role: "link", href: "#" }, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"));
+const WithProvider = () => /* @__PURE__ */ React.createElement(LinkProvider, { component: CustomLink }, /* @__PURE__ */ React.createElement(
+  Link,
+  {
+    "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr",
+    role: "link",
+    href: "#"
+  },
+  "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2"
+));
 var WithProvider_default = WithProvider;
 export {
   WithProvider,

package/navigation/Link/__stories__/WithProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Link/__stories__/WithProvider.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Link, LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>{props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\n    <Link aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\" role=\"link\" href=\"#\">\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,oBAAoB;AAEnC,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,oCAAC,aAAK,MAAM,QAAS;AAC9B;AAEO,MAAM,eAAe,MAC1B,oCAAC,gBAAa,WAAW,cACvB,oCAAC,QAAK,cAAW,+KAAuC,MAAK,QAAO,MAAK,OAAI,wDAE7E,CACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Link, LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>{props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\n    <Link\n      aria-label=\"\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr\"\n      role=\"link\"\n      href=\"#\"\n    >\n      \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2\n    </Link>\n  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,oBAAoB;AAEnC,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,oCAAC,aAAK,MAAM,QAAS;AAC9B;AAEO,MAAM,eAAe,MAC1B,oCAAC,gBAAa,WAAW,cACvB;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,MAAK;AAAA;AAAA,EACN;AAED,CACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/navigation/Link/index.js

@@ -1,7 +1,11 @@
 import React from "react";
 import LinkBase from "@digigov/react-core/LinkBase";
-const CommonLink = (props) => /* @__PURE__ */ React.createElement(LinkBase, { ...props }, props.children);
-const LinkComponentContext = React.createContext(LinkBase);
+const CommonLink = (props) => {
+  const defaultStyle = !props.className;
+  const underline = props.className ? !defaultStyle : defaultStyle;
+  return /* @__PURE__ */ React.createElement(LinkBase, { defaultStyle, underline, ...props }, props.children);
+};
+const LinkComponentContext = React.createContext(CommonLink);
 const LinkProvider = (props) => {
   return /* @__PURE__ */ React.createElement(LinkComponentContext.Provider, { value: props.component }, props.children);
 };

package/navigation/Link/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Link/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => (\n  <LinkBase {...props}>{props.children}</LinkBase>\n);\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(LinkBase);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,cAAiC;AAOjC,MAAM,aAAkC,CAAC,UAC9C,oCAAC,YAAU,GAAG,SAAQ,MAAM,QAAS;AAGvC,MAAM,uBACJ,MAAM,cAA4C,QAAQ;AACrD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,oCAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,MAAM,WAAW,SAASA,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,MAAM,WAAW,oBAAoB;AAC3D,SACE,oCAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\nexport interface LinkComponentContextProps {\n  component: React.ElementType<LinkProps>;\n  children?: React.ReactNode;\n}\n\nexport const CommonLink: React.FC<LinkProps> = (props) => {\n  const defaultStyle = !props.className;\n  const underline = props.className ? !defaultStyle : defaultStyle;\n  return (\n    <LinkBase defaultStyle={defaultStyle} underline={underline} {...props}>\n      {props.children}\n    </LinkBase>\n  );\n};\n\nconst LinkComponentContext =\n  React.createContext<React.ElementType<LinkProps>>(CommonLink);\nexport const LinkProvider: React.FC<LinkComponentContextProps> = (props) => {\n  return (\n    <LinkComponentContext.Provider value={props.component}>\n      {props.children}\n    </LinkComponentContext.Provider>\n  );\n};\n\nexport type LinkProps = Omit<LinkBaseProps, 'ref'> &\n  React.RefAttributes<HTMLAnchorElement>;\n\nconst Link: React.ExoticComponent<LinkProps> = React.forwardRef(function Link(\n  { children, href = '', ...props },\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  const LinkComponent = React.useContext(LinkComponentContext) as any;\n  return (\n    <LinkComponent ref={ref} href={href} {...props}>\n      {children}\n    </LinkComponent>\n  );\n});\n//@ts-ignore\nLink.displayName = 'Link';\nexport default Link;\nexport { Link, LinkBase };\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,cAAiC;AAMjC,MAAM,aAAkC,CAAC,UAAU;AACxD,QAAM,eAAe,CAAC,MAAM;AAC5B,QAAM,YAAY,MAAM,YAAY,CAAC,eAAe;AACpD,SACE,oCAAC,YAAS,cAA4B,WAAuB,GAAG,SAC7D,MAAM,QACT;AAEJ;AAEA,MAAM,uBACJ,MAAM,cAA4C,UAAU;AACvD,MAAM,eAAoD,CAAC,UAAU;AAC1E,SACE,oCAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,aACzC,MAAM,QACT;AAEJ;AAKA,MAAM,OAAyC,MAAM,WAAW,SAASA,MACvE,EAAE,UAAU,OAAO,IAAI,GAAG,MAAM,GAChC,KACA;AACA,QAAM,gBAAgB,MAAM,WAAW,oBAAoB;AAC3D,SACE,oCAAC,iBAAc,KAAU,MAAa,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,KAAK,cAAc;AACnB,IAAO,eAAQ;",
   "names": ["Link"]
 }

package/navigation/NavList/NavListAuto/index.js

@@ -1,14 +1,16 @@
 import React from "react";
-import NavList from "@digigov/react-core/NavList";
-import NavListItemAction from "@digigov/react-core/NavListItemAction";
-import NavMenuContainer from "@digigov/react-core/NavMenuContainer";
-import NavMenuContent from "@digigov/react-core/NavMenuContent";
-import NavMenuContentListItem from "@digigov/react-core/NavMenuContentListItem";
-import NavMenuTitle from "@digigov/react-core/NavMenuTitle";
 import { Link } from "@digigov/ui/navigation/Link";
+import {
+  NavList,
+  NavListItemAction,
+  NavMenuContentList,
+  NavMenuContentListItem,
+  NavMenuContent,
+  NavMenuContainer,
+  NavMenuTitle
+} from "@digigov/ui/navigation/NavList";
 import { useNavList } from "@digigov/ui/navigation/NavList/hooks/useNavList";
-import Nav from "@digigov/ui/navigation/NavList/Nav";
-import NavMenuContentList from "@digigov/ui/navigation/NavList/NavMenuContentList";
+import { Nav } from "@digigov/ui/navigation/NavList/Nav";
 const NavListAuto = ({
   layout,
   links = [],

package/navigation/NavList/NavListAuto/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/NavListAuto/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport NavList from '@digigov/react-core/NavList';\nimport NavListItemAction from '@digigov/react-core/NavListItemAction';\nimport NavMenuContainer from '@digigov/react-core/NavMenuContainer';\nimport NavMenuContent from '@digigov/react-core/NavMenuContent';\nimport NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';\nimport NavMenuTitle from '@digigov/react-core/NavMenuTitle';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport Nav from '@digigov/ui/navigation/NavList/Nav';\nimport NavMenuContentList from '@digigov/ui/navigation/NavList/NavMenuContentList';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,uBAAuB;AAC9B,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,4BAA4B;AACnC,OAAO,kBAAkB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,OAAO,SAAS;AAChB,OAAO,wBAAwB;AAGxB,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAE5D,SACE,oCAAC,OAAK,GAAG,SACP,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,MAAM,UAAN,EAAe,OACd,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,oCAAC,oBACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  NavList,\n  NavListItemAction,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuContent,\n  NavMenuContainer,\n  NavMenuTitle,\n} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport { Nav } from '@digigov/ui/navigation/NavList/Nav';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAGb,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAE5D,SACE,oCAAC,OAAK,GAAG,SACP,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,MAAM,UAAN,EAAe,OACd,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,oCAAC,oBACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/navigation/NavList/NavListItemAction/index.js

@@ -0,0 +1,37 @@
+export * from "@digigov/react-core/NavListItemActionBase";
+import React from "react";
+import {
+  NavListItemButton,
+  NavListItemBadge,
+  NavListItemActionContainer
+} from "@digigov/ui/navigation/NavList";
+import {
+  NavListItemLink
+} from "@digigov/ui/navigation/NavList/NavListItemLink";
+const NavListItemAction = React.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
+    NavListItemLink,
+    {
+      ...props,
+      href,
+      className,
+      ref
+    },
+    children || label
+  ) : /* @__PURE__ */ React.createElement(
+    NavListItemButton,
+    {
+      ...props,
+      arrow,
+      className,
+      ref
+    },
+    children || label
+  ), props.badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: props.badgeText }));
+});
+var NavListItemAction_default = NavListItemAction;
+export {
+  NavListItemAction,
+  NavListItemAction_default as default
+};
+//# sourceMappingURL=NavListItemAction.js.map

package/navigation/NavList/NavListItemAction/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/navigation/NavList/NavListItemAction/index.js"
+}

package/navigation/NavList/NavListItemAction.d.ts

@@ -0,0 +1,27 @@
+export * from '@digigov/react-core/NavListItemActionBase';
+import React from 'react';
+import { NavListItemButtonProps } from '@digigov/ui/navigation/NavList';
+import { NavListItemLinkProps } from '@digigov/ui/navigation/NavList/NavListItemLink';
+export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
+export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
+    /**
+     * label is optional.
+     * The label for the NavListItemActionBase.
+     */
+    label?: string;
+    /**
+     * arrow is optional.
+     * use arrow prop if you want to have arrow at the nav list item.
+     * @value true
+     * @value false
+     * @default false
+     */
+    arrow?: boolean;
+    badgeText?: string;
+}
+/**
+ * NavListItemAction must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export declare const NavListItemAction: React.ForwardRefExoticComponent<Omit<NavListItemActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default NavListItemAction;

package/navigation/NavList/NavListItemAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/NavList/NavListItemAction.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionBase';\nimport React, { ForwardedRef } from 'react';\nimport {\n  NavListItemButton,\n  NavListItemButtonProps,\n  NavListItemBadge,\n  NavListItemActionContainer,\n} from '@digigov/ui/navigation/NavList';\nimport {\n  NavListItemLink,\n  NavListItemLinkProps,\n} from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemAction = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemAction(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLink\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLink>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemAction;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAA6B;AACpC;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,OAEK;AAwBA,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,oCAAC,kCACE,OACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,oCAAC,oBAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["NavListItemAction"]
+}

package/navigation/NavList/NavListItemLink/index.js

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

package/navigation/NavList/NavListItemLink/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/navigation/NavList/NavListItemLink/index.js"
+}

package/navigation/NavList/NavListItemLink.d.ts

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

package/navigation/NavList/NavListItemLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/NavList/NavListItemLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemLinkBase';\nimport React from 'react';\nimport {\n  NavListItemLinkBase,\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface NavListItemLinkProps extends NavListItemLinkBaseProps {}\n\nexport const NavListItemLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavListItemLinkProps\n>(function NavListItemLink({ children, ...props }, ref) {\n  return (\n    <NavListItemLinkBase as={Link} ref={ref} {...props}>\n      {children}\n    </NavListItemLinkBase>\n  );\n});\n\nexport default NavListItemLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,SACE,oCAAC,uBAAoB,IAAI,MAAM,KAAW,GAAG,SAC1C,QACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["NavListItemLink"]
+}

package/navigation/NavList/__stories__/Default/index.js

@@ -7,19 +7,19 @@ import {
 } from "@digigov/ui/navigation/NavList";
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
+    name: "home",
+    href: "#home",
+    label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
   },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "href": "#educational"
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    href: "#educational"
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "\u039D\u03AD\u03B1"
+    name: "news",
+    href: "#news",
+    label: "\u039D\u03AD\u03B1"
   }
 ];
 const Default = () => {

package/navigation/NavList/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/__stories__/Default.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    \"name\": \"home\",\n    \"href\": \"#home\",\n    \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\"\n  },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"href\": \"#educational\"\n  },\n  {\n    \"name\": \"news\",\n    \"href\": \"#news\",\n    \"label\": \"\u039D\u03AD\u03B1\"\n  }\n]\n\nexport const Default = () => {\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav\n      aria-orientation=\"horizontal\"\n      role=\"menubar\"\n      aria-label=\"navigation list\"\n    >\n      <NavList>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,gBAAgB,IAAI,WAAW;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,cAAW;AAAA;AAAA,IAEX,oCAAC,eACE,MAAM,IAAI,CAAC,MAAM,QAChB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA,QAAQ,KAAK,SAAS;AAAA,QACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,MAEpC,KAAK;AAAA,IACR,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  {\n    name: 'home',\n    href: '#home',\n    label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE',\n  },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    href: '#educational',\n  },\n  {\n    name: 'news',\n    href: '#news',\n    label: '\u039D\u03AD\u03B1',\n  },\n];\n\nexport const Default = () => {\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav\n      aria-orientation=\"horizontal\"\n      role=\"menubar\"\n      aria-label=\"navigation list\"\n    >\n      <NavList>\n        {links.map((item, key) => (\n          <NavListItemAction\n            {...registerNavItem(item)}\n            key={key}\n            active={item.name === useActive}\n            onClick={() => setUseActive(item.name)}\n          >\n            {item.label}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,gBAAgB,IAAI,WAAW;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,cAAW;AAAA;AAAA,IAEX,oCAAC,eACE,MAAM,IAAI,CAAC,MAAM,QAChB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA,QAAQ,KAAK,SAAS;AAAA,QACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,MAEpC,KAAK;AAAA,IACR,CACD,CACH;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

package/navigation/NavList/__stories__/HorizontalWithDrawer/index.js

@@ -15,40 +15,40 @@ import {
   useNavList
 } from "@digigov/ui/navigation/NavList";
 const links = [
-  { "name": "home", "href": "#home", "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
+  { name: "home", href: "#home", label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenuHeading": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenu": [
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenuHeading: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
+        name: "elearning",
+        href: "#elearning",
+        label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
+        name: "videos",
+        href: "#videos",
+        label: "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
+        name: "presentations",
+        href: "#presentations",
+        label: "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
+        name: "promoting",
+        href: "#promoting",
+        label: "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
+        name: "other-texts",
+        href: "#other-texts",
+        label: "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
       }
     ]
   },
-  { "name": "news", "href": "#news", "label": "\u039D\u03AD\u03B1" }
+  { name: "news", href: "#news", label: "\u039D\u03AD\u03B1" }
 ];
 const HorizontalWithDrawer = () => {
   const layout = "horizontal";

package/navigation/NavList/__stories__/HorizontalWithDrawer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx"],
-  "sourcesContent": ["import React, { Fragment, useState } from 'react';\nimport CloseButton from '@digigov/react-core/CloseButton';\nimport BurgerIcon from '@digigov/react-icons/BurgerIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  NavMenuContainer,\n  NavMenuContent,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuTitle,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { \"name\": \"home\", \"href\": \"#home\", \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\" },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenuHeading\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenu\": [\n      {\n        \"name\": \"elearning\",\n        \"href\": \"#elearning\",\n        \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1\"\n      },\n      {\n        \"name\": \"videos\",\n        \"href\": \"#videos\",\n        \"label\": \"\u0392\u03AF\u03BD\u03C4\u03B5\u03BF\"\n      },\n      {\n        \"name\": \"presentations\",\n        \"href\": \"#presentations\",\n        \"label\": \"\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2\"\n      },\n      {\n        \"name\": \"promoting\",\n        \"href\": \"#promoting\",\n        \"label\": \"\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC\"\n      },\n      {\n        \"name\": \"other-texts\",\n        \"href\": \"#other-texts\",\n        \"label\": \"\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1\"\n      }\n    ]\n  },\n  { \"name\": \"news\", \"href\": \"#news\", \"label\": \"\u039D\u03AD\u03B1\" }\n]\n\nexport const HorizontalWithDrawer = () => {\n  const layout = 'horizontal';\n  const drawer = 'mdDown';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} mdUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <Nav\n        border={border}\n        aria-orientation={layout || 'horizontal'}\n        aria-label=\"navigation list\"\n        open={open}\n        drawer={drawer}\n      >\n        <CloseButton mdUpHidden onClick={() => setOpen(false)}>\n          \u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF\n        </CloseButton>\n        <NavList layout={layout}>\n          {links.map((item, key) => (\n            <Fragment key={key}>\n              <NavListItemAction {...registerNavItem(item)}>\n                {item.label}\n              </NavListItemAction>\n              {item.subMenu && (\n                <NavMenuContainer\n                  layout={layout}\n                  {...registerNavItemMenu(item.name)}\n                >\n                  <NavMenuTitle>{item.label}</NavMenuTitle>\n                  <NavMenuContent>\n                    <NavMenuContentList role=\"menu\">\n                      {item.subMenu?.map((subMenu, menuIndex) => {\n                        return (\n                          subMenu?.href && (\n                            <NavMenuContentListItem\n                              key={menuIndex}\n                              role=\"presentation\"\n                            >\n                              <Link\n                                role=\"menuitem\"\n                                id={subMenu.name}\n                                href={subMenu.href}\n                              >\n                                {subMenu.label}\n                              </Link>\n                            </NavMenuContentListItem>\n                          )\n                        );\n                      })}\n                    </NavMenuContentList>\n                  </NavMenuContent>\n                </NavMenuContainer>\n              )}\n            </Fragment>\n          ))}\n        </NavList>\n      </Nav>\n    </>\n  );\n};\n\nexport default HorizontalWithDrawer;\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,gBAAgB;AAC1C,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,uCAAS;AAAA,EACrD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,qBAAM;AACpD;AAEO,MAAM,uBAAuB,MAAM;AACxC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,eAAY,YAAU,MAAC,SAAS,MAAM,QAAQ,KAAK,KAAG,kDAEvD;AAAA,IACA,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,YAAS,OACR,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,oCAAC,oBAAc,KAAK,KAAM;AAAA,MAC1B,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAI,QAAQ;AAAA,cACZ,MAAM,QAAQ;AAAA;AAAA,YAEb,QAAQ;AAAA,UACX;AAAA,QACF;AAAA,MAGN,CAAC,CACH,CACF;AAAA,IACF,CAEJ,CACD,CACH;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "sourcesContent": ["import React, { Fragment, useState } from 'react';\nimport CloseButton from '@digigov/react-core/CloseButton';\nimport BurgerIcon from '@digigov/react-icons/BurgerIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Nav,\n  NavList,\n  NavListItemAction,\n  NavMenuContainer,\n  NavMenuContent,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuTitle,\n  useNavList,\n} from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenuHeading: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenu: [\n      {\n        name: 'elearning',\n        href: '#elearning',\n        label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n      },\n      {\n        name: 'videos',\n        href: '#videos',\n        label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n      },\n      {\n        name: 'presentations',\n        href: '#presentations',\n        label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n      },\n      {\n        name: 'promoting',\n        href: '#promoting',\n        label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n      },\n      {\n        name: 'other-texts',\n        href: '#other-texts',\n        label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n      },\n    ],\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const HorizontalWithDrawer = () => {\n  const layout = 'horizontal';\n  const drawer = 'mdDown';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} mdUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <Nav\n        border={border}\n        aria-orientation={layout || 'horizontal'}\n        aria-label=\"navigation list\"\n        open={open}\n        drawer={drawer}\n      >\n        <CloseButton mdUpHidden onClick={() => setOpen(false)}>\n          \u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF\n        </CloseButton>\n        <NavList layout={layout}>\n          {links.map((item, key) => (\n            <Fragment key={key}>\n              <NavListItemAction {...registerNavItem(item)}>\n                {item.label}\n              </NavListItemAction>\n              {item.subMenu && (\n                <NavMenuContainer\n                  layout={layout}\n                  {...registerNavItemMenu(item.name)}\n                >\n                  <NavMenuTitle>{item.label}</NavMenuTitle>\n                  <NavMenuContent>\n                    <NavMenuContentList role=\"menu\">\n                      {item.subMenu?.map((subMenu, menuIndex) => {\n                        return (\n                          subMenu?.href && (\n                            <NavMenuContentListItem\n                              key={menuIndex}\n                              role=\"presentation\"\n                            >\n                              <Link\n                                role=\"menuitem\"\n                                id={subMenu.name}\n                                href={subMenu.href}\n                              >\n                                {subMenu.label}\n                              </Link>\n                            </NavMenuContentListItem>\n                          )\n                        );\n                      })}\n                    </NavMenuContentList>\n                  </NavMenuContent>\n                </NavMenuContainer>\n              )}\n            </Fragment>\n          ))}\n        </NavList>\n      </Nav>\n    </>\n  );\n};\n\nexport default HorizontalWithDrawer;\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,gBAAgB;AAC1C,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,uBAAuB,MAAM;AACxC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAC5D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,eAAY,YAAU,MAAC,SAAS,MAAM,QAAQ,KAAK,KAAG,kDAEvD;AAAA,IACA,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,YAAS,OACR,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,oCAAC,oBAAc,KAAK,KAAM;AAAA,MAC1B,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAI,QAAQ;AAAA,cACZ,MAAM,QAAQ;AAAA;AAAA,YAEb,QAAQ;AAAA,UACX;AAAA,QACF;AAAA,MAGN,CAAC,CACH,CACF;AAAA,IACF,CAEJ,CACD,CACH;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,+BAAQ;",
   "names": []
 }