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

package/cjs/navigation/NavList/__stories__/HorizontalWithoutDrawer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx"],
-  "sourcesContent": ["import React, { Fragment } from 'react';\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 HorizontalWithoutDrawer = () => {\n  const layout = 'horizontal';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n  return (\n    <Nav\n      border={border}\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n    >\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\nexport default HorizontalWithoutDrawer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAqB;AACrB,qBAUO;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,0BAA0B,MAAM;AAC3C,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,2BAAW;AAC5D,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,yBAAS,OACR,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,6BAAAA,QAAA,cAAC,mCAAc,KAAK,KAAM;AAAA,MAC1B,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,qCAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL,6BAAAA,QAAA;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;AAEJ;AAEA,IAAO,kCAAQ;",
+  "sourcesContent": ["import React, { Fragment } from 'react';\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 HorizontalWithoutDrawer = () => {\n  const layout = 'horizontal';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n  return (\n    <Nav\n      border={border}\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n    >\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\nexport default HorizontalWithoutDrawer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAqB;AACrB,qBAUO;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,0BAA0B,MAAM;AAC3C,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,2BAAW;AAC5D,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,yBAAS,OACR,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,6BAAAA,QAAA,cAAC,mCAAc,KAAK,KAAM;AAAA,MAC1B,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,qCAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL,6BAAAA,QAAA;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;AAEJ;AAEA,IAAO,kCAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/NavList/__stories__/NavListWithoutNav/index.js

@@ -35,19 +35,19 @@ var import_react = __toESM(require("react"));
 var import_NavList = require("@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 NavListWithoutNav = () => {

package/cjs/navigation/NavList/__stories__/NavListWithoutNav.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/NavListWithoutNav.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\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 NavListWithoutNav = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n\n  return (\n    <NavList layout={layout}>\n      {links.map((item, key) => (\n        <NavListItemAction {...registerNavItem(item)} key={key}>\n          {item.label}\n        </NavListItemAction>\n      ))}\n    </NavList>\n  );\n};\n\nexport default NavListWithoutNav;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAIO;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,oBAAoB,MAAM;AACrC,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AAEvC,SACE,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,GAAG,OAC3C,KAAK,KACR,CACD,CACH;AAEJ;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\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 NavListWithoutNav = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n\n  return (\n    <NavList layout={layout}>\n      {links.map((item, key) => (\n        <NavListItemAction {...registerNavItem(item)} key={key}>\n          {item.label}\n        </NavListItemAction>\n      ))}\n    </NavList>\n  );\n};\n\nexport default NavListWithoutNav;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAIO;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,oBAAoB,MAAM;AACrC,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AAEvC,SACE,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,GAAG,OAC3C,KAAK,KACR,CACD,CACH;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js

@@ -32,51 +32,51 @@ __export(UsingNavListAuto_exports, {
 });
 module.exports = __toCommonJS(UsingNavListAuto_exports);
 var import_react = __toESM(require("react"));
-var import_SvgIcon = __toESM(require("@digigov/ui/utils/SvgIcon"));
 var import_Button = require("@digigov/ui/form/Button");
+var import_icons = require("@digigov/ui/icons");
 var import_NavList = require("@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 UsingNavListAuto = () => {
   const layout = "horizontal";
   const drawer = "smDown";
   const border = true;
-  const [open, setOpen] = import_react.default.useState(false);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.default, null)), /* @__PURE__ */ import_react.default.createElement(
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ import_react.default.createElement(import_icons.BurgerIcon, null)), /* @__PURE__ */ import_react.default.createElement(
     import_NavList.NavListAuto,
     {
       layout,

package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/UsingNavListAuto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } 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\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = React.useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AACvB,oBAAuB;AACvB,qBAA4B;AAE5B,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;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC5C,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,eAAAC,SAAA,IAAW,CACvB,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
-  "names": ["React", "BurgerIcon"]
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Button } from '@digigov/ui/form/Button';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport { NavListAuto } 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 UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAuB;AACvB,mBAA2B;AAC3B,qBAA4B;AAE5B,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,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wBAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,6BAAAA,QAAA,cAAC,6BAAW,CACvB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/NavList/__stories__/Vertical/index.js

@@ -35,35 +35,43 @@ var import_react = __toESM(require("react"));
 var import_NavList = require("@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 Vertical = () => {
   const layout = "vertical";
   const { registerNavItem } = (0, import_NavList.useNavList)();
   const [useActive, setUseActive] = (0, import_react.useState)("");
-  return /* @__PURE__ */ import_react.default.createElement(import_NavList.Nav, { "aria-orientation": layout || "horizontal", "aria-label": "navigation list" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
-    import_NavList.NavListItemAction,
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_NavList.Nav,
     {
-      ...registerNavItem(item),
-      key,
-      active: item.name === useActive,
-      onClick: () => setUseActive(item.name)
+      "aria-orientation": layout || "horizontal",
+      "aria-label": "navigation list",
+      border: false
     },
-    item.label
-  ))));
+    /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout }, links.map((item, key) => /* @__PURE__ */ import_react.default.createElement(
+      import_NavList.NavListItemAction,
+      {
+        ...registerNavItem(item),
+        key,
+        active: item.name === useActive,
+        onClick: () => setUseActive(item.name)
+      },
+      item.label
+    )))
+  );
 };
 var Vertical_default = Vertical;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/NavList/__stories__/Vertical.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/Vertical.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 Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav aria-orientation={layout || 'horizontal'} aria-label=\"navigation list\">\n      <NavList layout={layout}>\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 Vertical;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;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,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA,cAAC,sBAAI,oBAAkB,UAAU,cAAc,cAAW,qBACxD,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,gBAAgB,IAAI;AAAA,MACxB;AAAA,MACA,QAAQ,KAAK,SAAS;AAAA,MACtB,SAAS,MAAM,aAAa,KAAK,IAAI;AAAA;AAAA,IAEpC,KAAK;AAAA,EACR,CACD,CACH,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "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 Vertical = () => {\n  const layout = 'vertical';\n  const { registerNavItem } = useNavList();\n  const [useActive, setUseActive] = useState('');\n\n  return (\n    <Nav\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n      border={false}\n    >\n      <NavList layout={layout}>\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 Vertical;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;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,WAAW,MAAM;AAC5B,QAAM,SAAS;AACf,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA,MACX,QAAQ;AAAA;AAAA,IAER,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;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,mBAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/NavList/__stories__/VerticalWithoutDrawer/index.js

@@ -36,40 +36,40 @@ var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
 var import_NavList = require("@digigov/ui/navigation/NavList");
 var import_useNavList = require("@digigov/ui/navigation/NavList/hooks/useNavList");
 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 VerticalWithoutDrawer = () => {
   const layout = "vertical";

package/cjs/navigation/NavList/__stories__/VerticalWithoutDrawer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx"],
-  "sourcesContent": ["import React from 'react';\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} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\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 VerticalWithoutDrawer = () => {\n  const layout = 'vertical';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav\n      border={border}\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n    >\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                paddingLeft={5}\n                paddingRight={5}\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          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default VerticalWithoutDrawer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,qBASO;AACP,wBAA2B;AAE3B,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,wBAAwB,MAAM;AACzC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,8BAAW;AAE5D,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,OACd,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,cAAc;AAAA,QACb,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,6BAAAA,QAAA,cAAC,mCAAc,KAAK,KAAM;AAAA,MAC1B,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,qCAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL,6BAAAA,QAAA;AAAA,YAAC,YAAAC;AAAA,YAAA;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;AAEJ;AAEA,IAAO,gCAAQ;",
+  "sourcesContent": ["import React from 'react';\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} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\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 VerticalWithoutDrawer = () => {\n  const layout = 'vertical';\n  const border = false;\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav\n      border={border}\n      aria-orientation={layout || 'horizontal'}\n      aria-label=\"navigation list\"\n    >\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                paddingLeft={5}\n                paddingRight={5}\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          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default VerticalWithoutDrawer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,qBASO;AACP,wBAA2B;AAE3B,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,wBAAwB,MAAM;AACzC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,EAAE,qBAAqB,gBAAgB,QAAI,8BAAW;AAE5D,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAkB,UAAU;AAAA,MAC5B,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,0BAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,OACd,6BAAAA,QAAA,cAAC,oCAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,cAAc;AAAA,QACb,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,MAEjC,6BAAAA,QAAA,cAAC,mCAAc,KAAK,KAAM;AAAA,MAC1B,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,qCAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,eACE,SAAS,QACP,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,UAEL,6BAAAA,QAAA;AAAA,YAAC,YAAAC;AAAA,YAAA;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;AAEJ;AAEA,IAAO,gCAAQ;",
   "names": ["React", "Link"]
 }

package/cjs/navigation/NavList/__stories__/WithBadge/index.js

@@ -35,20 +35,20 @@ var import_react = __toESM(require("react"));
 var import_NavList = require("@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",
-    "badge": "2"
+    name: "news",
+    href: "#news",
+    label: "\u039D\u03AD\u03B1",
+    badge: "2"
   }
 ];
 const WithBadge = () => {

package/cjs/navigation/NavList/__stories__/WithBadge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/__stories__/WithBadge.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    \"badge\": \"2\"\n  }\n]\n\nexport const WithBadge = () => {\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            badgeText={item.badge}\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 WithBadge;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;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,IACT,SAAS;AAAA,EACX;AACF;AAEO,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,8BACE,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB,WAAW,KAAK;AAAA,QAChB;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,oBAAQ;",
+  "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    badge: '2',\n  },\n];\n\nexport const WithBadge = () => {\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            badgeText={item.badge}\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 WithBadge;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAKO;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,IACP,OAAO;AAAA,EACT;AACF;AAEO,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,gBAAgB,QAAI,2BAAW;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,cAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,8BACE,MAAM,IAAI,CAAC,MAAM,QAChB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,gBAAgB,IAAI;AAAA,QACxB,WAAW,KAAK;AAAA,QAChB;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,oBAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/NavList/hooks/useTogglableNav/index.js

@@ -59,7 +59,7 @@ function useTogglableNav({
             (k) => k !== currentKey
           );
         }
-        setOpened((_) => ({
+        setOpened(() => ({
           ...totalKeys.reduce((acc, cur) => {
             acc[cur] = cur === currentKey ? !selected : true;
             return acc;
@@ -144,7 +144,7 @@ function useTogglableNav({
     const orientation = document.querySelector(`[aria-orientation]`)?.getAttribute("aria-orientation");
     const key = e.target.getAttribute("aria-controls");
     const keys = Object.entries(registered.current).map(
-      ([entryKey, _]) => entryKey
+      ([entryKey]) => entryKey
     );
     const handleArrowRight = () => {
       const arrowRightItem = findRightSibling(key, keys);

package/cjs/navigation/NavList/hooks/useTogglableNav.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/hooks/useTogglableNav.tsx"],
-  "sourcesContent": ["/* eslint-disable no-case-declarations */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableNavInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\n\nexport interface UseTogglableNavReturn {\n  registerButton: (el: string) => any;\n  registerLink: (el: string) => any;\n  registerNavItem: (item: any) => any;\n  registered: { current: Record<string, { el: HTMLElement; type: string }> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableNav({\n  toggleProperty,\n  toggleOpenClose,\n  toggleParentOpen,\n  onToggleProperty,\n  initial,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableNavInterface): UseTogglableNavReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, { el: HTMLElement; type: string }>>(\n    {}\n  );\n  const openedKeys = useRef<string[]>([]);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    const selected = ((e.currentTarget.getAttribute(\n      'aria-selected'\n    ) as string) === 'true') as boolean;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (toggleOpenClose) {\n      if (toggleParentOpen) {\n        const items = key.split('__');\n        const currentKey = items.slice(0, items.length).join('__');\n        const totalKeys = items.map((_, index) => {\n          return items.slice(0, index + 1).join('__');\n        });\n\n        if (!selected && !openedKeys.current.includes(currentKey)) {\n          openedKeys.current.push(currentKey);\n        }\n        if (selected && openedKeys.current.includes(currentKey)) {\n          openedKeys.current = openedKeys.current.filter(\n            (k) => k !== currentKey\n          );\n        }\n\n        setOpened((_) => ({\n          ...totalKeys.reduce((acc, cur) => {\n            acc[cur] = cur === currentKey ? !selected : true;\n            return acc;\n          }, {}),\n        }));\n      } else {\n        setOpened({ [key]: !selected });\n      }\n    } else {\n      setOpened({ [key]: true });\n    }\n  }, []);\n\n  const getMenuItems = (element) => {\n    if (element) {\n      if (element?.role === 'menuitem') {\n        return element;\n      } else {\n        const childrenArray = Array.from(element?.children);\n        const menuItemsArray: any[] = [];\n        childrenArray.forEach((child) => {\n          const menuItem = getMenuItems(child);\n          if (menuItem && !menuItemsArray.includes(menuItem)) {\n            menuItemsArray.push(menuItem);\n          }\n        });\n        return menuItemsArray.flatMap((x) => x);\n      }\n    }\n    return null;\n  };\n\n  const findChildren = (parent, items) => {\n    return items\n      ? items.filter(\n          (child) => child.slice(0, child.lastIndexOf('__')) === parent\n        )\n      : items;\n  };\n\n  const findParent = (child, items) => {\n    const parent = child.slice(0, child.lastIndexOf('__'));\n    return items.find((item) => item === parent) ? parent : null;\n  };\n\n  const findSiblings = (key, items) => {\n    const parent = key.slice(0, key.lastIndexOf('__'));\n    if (key.lastIndexOf('__') > 0) {\n      return items.filter(\n        (child) => child.slice(0, child.lastIndexOf('__')) === parent\n      );\n    }\n    return items.filter((child) => !child.includes('__'));\n  };\n\n  const findLeftSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex > 0 ? siblings[keyIndex - 1] : null;\n    }\n    return null;\n  };\n\n  const findRightSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;\n    }\n    return null;\n  };\n\n  const getOpenItemChildren = (currentItem, items) => {\n    const itemChildrenArray: any[] = [];\n    const itemChildren = findChildren(currentItem, items);\n    itemChildren.forEach((item) => {\n      if (openedKeys.current.includes(item)) {\n        itemChildrenArray.push(item);\n        const internChildren = getOpenItemChildren(item, items);\n        if (internChildren.length > 0) {\n          itemChildrenArray.push(internChildren);\n        }\n      } else {\n        itemChildrenArray.push(item);\n      }\n    });\n    return itemChildrenArray.flatMap((x) => x);\n  };\n\n  const onKeyDown = useCallback((e) => {\n    const orientation = document\n      .querySelector(`[aria-orientation]`)\n      ?.getAttribute('aria-orientation');\n    const key = e.target.getAttribute('aria-controls');\n    const keys = Object.entries(registered.current).map(\n      ([entryKey, _]) => entryKey\n    );\n\n    const handleArrowRight = () => {\n      const arrowRightItem = findRightSibling(key, keys);\n      if (arrowRightItem) {\n        registered.current[arrowRightItem].el.focus();\n      }\n    };\n\n    const handleArrowLeft = () => {\n      const arrowLeftItem = findLeftSibling(key, keys);\n      if (arrowLeftItem) {\n        registered.current[arrowLeftItem].el.focus();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n        handleArrowRight();\n        break;\n      case 'ArrowDown':\n        const openItem = getOpenItemChildren(key, keys);\n        const arrowDownItems = findChildren(key, openItem);\n        const menuItems = getMenuItems(document.getElementById(key));\n\n        if (arrowDownItems.length > 0) {\n          registered.current[arrowDownItems[0]].el.focus();\n        } else {\n          if (orientation === 'vertical') {\n            if (\n              document.activeElement?.getAttribute('aria-selected') ===\n                'true' &&\n              menuItems &&\n              menuItems.length > 0\n            ) {\n              menuItems[0].focus();\n            } else {\n              handleArrowRight();\n            }\n          } else {\n            if (menuItems && menuItems.length > 0) {\n              menuItems[0].focus();\n            }\n          }\n        }\n\n        break;\n      case 'ArrowLeft':\n        handleArrowLeft();\n        break;\n      case 'ArrowUp':\n        if (orientation === 'vertical') {\n          handleArrowLeft();\n        } else {\n          const arrowUpItem = findParent(key, keys);\n          if (arrowUpItem) {\n            registered.current[arrowUpItem].el.focus();\n          }\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        if (registered.current[key].type === 'link') {\n          registered.current[key].el.click();\n        } else {\n          toggle(e);\n        }\n        break;\n    }\n  }, []);\n  const registerButtonRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'button',\n    };\n  }, []);\n\n  const registerLinkRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'link',\n    };\n  }, []);\n  const registerButton = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerButtonRef,\n        [toggleProperty]: isOpen,\n        arrow: true,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n\n  const registerLink = useCallback(\n    (key) => {\n      return {\n        ref: registerLinkRef,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n  const registerNavItem = useCallback(\n    (item) => {\n      if (item.subMenu || item.menu) {\n        return { ...registerButton(item.name), role: 'button' };\n      } else if (item.href) {\n        return { ...registerLink(item.name), href: item.href };\n      } else {\n        console.error(item);\n        throw new Error('Invalid nav item. Must be either button or link');\n      }\n    },\n    [opened]\n  );\n  return useMemo(\n    () => ({\n      registerNavItem,\n      registerButton,\n      registerLink,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-case-declarations */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableNavInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\n\nexport interface UseTogglableNavReturn {\n  registerButton: (el: string) => any;\n  registerLink: (el: string) => any;\n  registerNavItem: (item: any) => any;\n  registered: { current: Record<string, { el: HTMLElement; type: string }> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableNav({\n  toggleProperty,\n  toggleOpenClose,\n  toggleParentOpen,\n  onToggleProperty,\n  initial,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableNavInterface): UseTogglableNavReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, { el: HTMLElement; type: string }>>(\n    {}\n  );\n  const openedKeys = useRef<string[]>([]);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    const selected = ((e.currentTarget.getAttribute(\n      'aria-selected'\n    ) as string) === 'true') as boolean;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (toggleOpenClose) {\n      if (toggleParentOpen) {\n        const items = key.split('__');\n        const currentKey = items.slice(0, items.length).join('__');\n        const totalKeys = items.map((_, index) => {\n          return items.slice(0, index + 1).join('__');\n        });\n\n        if (!selected && !openedKeys.current.includes(currentKey)) {\n          openedKeys.current.push(currentKey);\n        }\n        if (selected && openedKeys.current.includes(currentKey)) {\n          openedKeys.current = openedKeys.current.filter(\n            (k) => k !== currentKey\n          );\n        }\n\n        setOpened(() => ({\n          ...totalKeys.reduce((acc, cur) => {\n            acc[cur] = cur === currentKey ? !selected : true;\n            return acc;\n          }, {}),\n        }));\n      } else {\n        setOpened({ [key]: !selected });\n      }\n    } else {\n      setOpened({ [key]: true });\n    }\n  }, []);\n\n  const getMenuItems = (element) => {\n    if (element) {\n      if (element?.role === 'menuitem') {\n        return element;\n      } else {\n        const childrenArray = Array.from(element?.children);\n        const menuItemsArray: any[] = [];\n        childrenArray.forEach((child) => {\n          const menuItem = getMenuItems(child);\n          if (menuItem && !menuItemsArray.includes(menuItem)) {\n            menuItemsArray.push(menuItem);\n          }\n        });\n        return menuItemsArray.flatMap((x) => x);\n      }\n    }\n    return null;\n  };\n\n  const findChildren = (parent, items) => {\n    return items\n      ? items.filter(\n          (child) => child.slice(0, child.lastIndexOf('__')) === parent\n        )\n      : items;\n  };\n\n  const findParent = (child, items) => {\n    const parent = child.slice(0, child.lastIndexOf('__'));\n    return items.find((item) => item === parent) ? parent : null;\n  };\n\n  const findSiblings = (key, items) => {\n    const parent = key.slice(0, key.lastIndexOf('__'));\n    if (key.lastIndexOf('__') > 0) {\n      return items.filter(\n        (child) => child.slice(0, child.lastIndexOf('__')) === parent\n      );\n    }\n    return items.filter((child) => !child.includes('__'));\n  };\n\n  const findLeftSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex > 0 ? siblings[keyIndex - 1] : null;\n    }\n    return null;\n  };\n\n  const findRightSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;\n    }\n    return null;\n  };\n\n  const getOpenItemChildren = (currentItem, items) => {\n    const itemChildrenArray: any[] = [];\n    const itemChildren = findChildren(currentItem, items);\n    itemChildren.forEach((item) => {\n      if (openedKeys.current.includes(item)) {\n        itemChildrenArray.push(item);\n        const internChildren = getOpenItemChildren(item, items);\n        if (internChildren.length > 0) {\n          itemChildrenArray.push(internChildren);\n        }\n      } else {\n        itemChildrenArray.push(item);\n      }\n    });\n    return itemChildrenArray.flatMap((x) => x);\n  };\n\n  const onKeyDown = useCallback((e) => {\n    const orientation = document\n      .querySelector(`[aria-orientation]`)\n      ?.getAttribute('aria-orientation');\n    const key = e.target.getAttribute('aria-controls');\n    const keys = Object.entries(registered.current).map(\n      ([entryKey]) => entryKey\n    );\n\n    const handleArrowRight = () => {\n      const arrowRightItem = findRightSibling(key, keys);\n      if (arrowRightItem) {\n        registered.current[arrowRightItem].el.focus();\n      }\n    };\n\n    const handleArrowLeft = () => {\n      const arrowLeftItem = findLeftSibling(key, keys);\n      if (arrowLeftItem) {\n        registered.current[arrowLeftItem].el.focus();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n        handleArrowRight();\n        break;\n      case 'ArrowDown':\n        const openItem = getOpenItemChildren(key, keys);\n        const arrowDownItems = findChildren(key, openItem);\n        const menuItems = getMenuItems(document.getElementById(key));\n\n        if (arrowDownItems.length > 0) {\n          registered.current[arrowDownItems[0]].el.focus();\n        } else {\n          if (orientation === 'vertical') {\n            if (\n              document.activeElement?.getAttribute('aria-selected') ===\n                'true' &&\n              menuItems &&\n              menuItems.length > 0\n            ) {\n              menuItems[0].focus();\n            } else {\n              handleArrowRight();\n            }\n          } else {\n            if (menuItems && menuItems.length > 0) {\n              menuItems[0].focus();\n            }\n          }\n        }\n\n        break;\n      case 'ArrowLeft':\n        handleArrowLeft();\n        break;\n      case 'ArrowUp':\n        if (orientation === 'vertical') {\n          handleArrowLeft();\n        } else {\n          const arrowUpItem = findParent(key, keys);\n          if (arrowUpItem) {\n            registered.current[arrowUpItem].el.focus();\n          }\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        if (registered.current[key].type === 'link') {\n          registered.current[key].el.click();\n        } else {\n          toggle(e);\n        }\n        break;\n    }\n  }, []);\n  const registerButtonRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'button',\n    };\n  }, []);\n\n  const registerLinkRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'link',\n    };\n  }, []);\n  const registerButton = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerButtonRef,\n        [toggleProperty]: isOpen,\n        arrow: true,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n\n  const registerLink = useCallback(\n    (key) => {\n      return {\n        ref: registerLinkRef,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n  const registerNavItem = useCallback(\n    (item) => {\n      if (item.subMenu || item.menu) {\n        return { ...registerButton(item.name), role: 'button' };\n      } else if (item.href) {\n        return { ...registerLink(item.name), href: item.href };\n      } else {\n        console.error(item);\n        throw new Error('Invalid nav item. Must be either button or link');\n      }\n    },\n    [opened]\n  );\n  return useMemo(\n    () => ({\n      registerNavItem,\n      registerButton,\n      registerLink,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/cjs/navigation/Pagination/Pagination.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/Pagination.stories.js"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination';\nexport default {\n  title: 'Digigov UI/navigation/Pagination',\n  description:\n    'Use the pagination component to let users browse through a long list.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/pagination',\n  component: Pagination,\n  displayName: 'Pagination',\n};\nexport { Default } from '@digigov/ui/navigation/Pagination/__stories__/Default';\nexport { WithInactiveValues } from '@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues';\nexport { WithResultsPerPage } from '@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage';\nexport { PaginationSmall } from '@digigov/ui/navigation/Pagination/__stories__/PaginationSmall';\nexport { PaginationWithSmallFont } from '@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont';\nexport { WithHook } from '@digigov/ui/navigation/Pagination/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/navigation/Pagination/__stories__/Auto';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAUvB,qBAAwB;AACxB,gCAAmC;AACnC,gCAAmC;AACnC,6BAAgC;AAChC,qCAAwC;AACxC,sBAAyB;AACzB,kBAAqB;AAfrB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination';\nexport default {\n  title: 'Digigov UI/navigation/Pagination',\n  description:\n    'Use the pagination component to let users browse through a long list.',\n  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/pagination',\n  component: Pagination,\n  displayName: 'Pagination',\n};\nexport { Default } from '@digigov/ui/navigation/Pagination/__stories__/Default';\nexport { WithInactiveValues } from '@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues';\nexport { WithResultsPerPage } from '@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage';\nexport { PaginationSmall } from '@digigov/ui/navigation/Pagination/__stories__/PaginationSmall';\nexport { PaginationWithSmallFont } from '@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont';\nexport { WithHook } from '@digigov/ui/navigation/Pagination/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/navigation/Pagination/__stories__/Auto';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AASvB,qBAAwB;AACxB,gCAAmC;AACnC,gCAAmC;AACnC,6BAAgC;AAChC,qCAAwC;AACxC,sBAAyB;AACzB,kBAAqB;AAdrB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Pagination"]
 }