@digigov/ui 2.0.0-85c27c19 → 2.0.0-aefd0709

package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport BreadcrumbsListItemBase, {\n  BreadcrumbsListItemBaseProps,\n} from '@digigov/react-core/BreadcrumbsListItem';\nimport Link from '@digigov/ui/navigation/Link';\n\nexport interface BreadcrumbsListItemProps extends BreadcrumbsListItemBaseProps {\n  href?: string;\n}\n\nconst BreadcrumbsListItem: React.FC<BreadcrumbsListItemProps> = ({\n  href,\n  children,\n  ...props\n}) => {\n  return (\n    <BreadcrumbsListItemBase {...props}>\n      <Link\n        href={href}\n        defaultStyle={false}\n        className={clsx({\n          'ds-breadcrumbs__link': true,\n          'ds-breadcrumbs__link--inactive': href === undefined,\n        })}\n      >\n        {children}\n      </Link>\n    </BreadcrumbsListItemBase>\n  );\n};\n\nexport { BreadcrumbsListItem };\nexport default BreadcrumbsListItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,iCAEO;AACP,kBAAiB;AAMjB,MAAM,sBAA0D,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6BAAAA,QAAA,cAAC,2BAAAC,SAAA,EAAyB,GAAG,SAC3B,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAC,SAAK;AAAA,QACd,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ;AAGA,IAAO,8BAAQ;",
+  "names": ["React", "BreadcrumbsListItemBase", "Link", "clsx"]
+}

package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js

@@ -0,0 +1,202 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Auto_exports = {};
+__export(Auto_exports, {
+  Auto: () => Auto,
+  default: () => Auto_default
+});
+module.exports = __toCommonJS(Auto_exports);
+var import_react = __toESM(require("react"));
+var import_List = require("@digigov/ui/content/List");
+var import_Button = require("@digigov/ui/form/Button/");
+var import_auto = require("@digigov/ui/navigation/Breadcrumbs/auto");
+var import_typography = require("@digigov/ui/typography");
+const items = [
+  {
+    title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
+    children: [
+      { title: "\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2", pdf: "#" },
+      { title: "\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2" },
+      { title: "\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+      { title: "\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD" },
+      { title: "\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1" },
+      {
+        title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2",
+        children: [
+          {
+            title: "\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2"
+          },
+          {
+            title: "\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5"
+          },
+          { title: "\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+          { title: "\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+          {
+            title: "\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF"
+          },
+          {
+            title: "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD",
+            // href: '/kanonismoi-pyroprostasias',
+            children: [
+              {
+                title: "\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2"
+              },
+              {
+                title: "\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2"
+              },
+              {
+                title: "\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)"
+              },
+              {
+                title: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1"
+              },
+              {
+                title: "\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1"
+              },
+              {
+                title: "\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)"
+              },
+              {
+                title: "\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD"
+              },
+              {
+                title: "\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"
+              },
+              {
+                title: "\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2"
+              },
+              {
+                title: "\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD"
+              },
+              {
+                title: "\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2"
+              },
+              {
+                title: "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"
+              },
+              {
+                title: "\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4."
+              },
+              {
+                title: "\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD"
+              },
+              {
+                title: "\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD"
+              },
+              {
+                title: "\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2",
+                // href: '/metapoiitikes-egkatastaseis',
+                children: [
+                  {
+                    title: "\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018"
+                  },
+                  {
+                    title: "\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018"
+                  },
+                  {
+                    title: "\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018",
+                    children: [
+                      { title: "\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018" },
+                      { title: "\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018" },
+                      {
+                        title: "\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018",
+                        children: [
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
+                            pdf: "#pdf"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+];
+const getListChild = (item, setActive) => {
+  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "sm", mb: 0 }, item.title), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      role: "menuitem",
+      id: item.title,
+      onClick: (e) => {
+        e.preventDefault();
+        setActive(item);
+      }
+    },
+    item.title
+  );
+};
+const Auto = () => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_auto.BreadcrumbsAuto,
+    {
+      items,
+      initialUrlRoute: "/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_auto.BreadcrumbsListAuto, { mb: 8 }),
+    /* @__PURE__ */ import_react.default.createElement(ContentRoutes, null)
+  );
+};
+const ContentRoutes = () => {
+  const { breadcrumbs, setActiveItem } = (0, import_auto.useBreadcrumbsContext)();
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, breadcrumbs[breadcrumbs.length - 1]?.title), items.map((item) => getListChild(item, setActiveItem)));
+};
+var Auto_default = Auto;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Auto
+});
+//# sourceMappingURL=Auto.js.map

package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/Auto.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { Button } from '@digigov/ui/form/Button/';\nimport {\n  BreadcrumbsAuto,\n  BreadcrumbsListAuto,\n  useBreadcrumbsContext,\n} from '@digigov/ui/navigation/Breadcrumbs/auto';\nimport { BreadcrumbItem } from '@digigov/ui/navigation/Breadcrumbs/hooks';\nimport { Heading } from '@digigov/ui/typography';\n\nconst items: BreadcrumbItem[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      { title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2', pdf: '#' },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <>\n      <Heading size=\"sm\" mb={0}>\n        {item.title}\n      </Heading>\n      <List listStyle=\"number\">\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </List>\n    </>\n  ) : (\n    <Button\n      variant=\"link\"\n      role=\"menuitem\"\n      id={item.title}\n      onClick={(e) => {\n        e.preventDefault();\n        setActive(item);\n      }}\n    >\n      {item.title}\n    </Button>\n  );\n};\n\nexport const Auto = () => {\n  return (\n    <BreadcrumbsAuto\n      items={items}\n      initialUrlRoute=\"/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias\"\n    >\n      <BreadcrumbsListAuto mb={8} />\n      <ContentRoutes />\n    </BreadcrumbsAuto>\n  );\n};\n\nconst ContentRoutes = () => {\n  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();\n\n  return (\n    <>\n      {breadcrumbs.length > 0 && (\n        <Heading size=\"xl\">\n          {breadcrumbs[breadcrumbs.length - 1]?.title}\n        </Heading>\n      )}\n      {items.map((item) => getListChild(item, setActiveItem))}\n    </>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js

@@ -0,0 +1,208 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithHook_exports = {};
+__export(WithHook_exports, {
+  WithHook: () => WithHook,
+  default: () => WithHook_default
+});
+module.exports = __toCommonJS(WithHook_exports);
+var import_react = __toESM(require("react"));
+var import_List = require("@digigov/ui/content/List");
+var import_Button = require("@digigov/ui/form/Button");
+var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
+var import_hooks = require("@digigov/ui/navigation/Breadcrumbs/hooks");
+var import_typography = require("@digigov/ui/typography");
+const items = [
+  {
+    title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
+    children: [
+      {
+        title: "\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2",
+        pdf: "#",
+        href: "echiridia-nomothesia-pyroprostasias"
+      },
+      { title: "\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2" },
+      { title: "\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+      { title: "\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD" },
+      { title: "\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1" },
+      {
+        title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2",
+        children: [
+          {
+            title: "\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2"
+          },
+          {
+            title: "\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5"
+          },
+          { title: "\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+          { title: "\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
+          {
+            title: "\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF"
+          },
+          {
+            title: "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD",
+            // href: '/kanonismoi-pyroprostasias',
+            children: [
+              {
+                title: "\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2"
+              },
+              {
+                title: "\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2"
+              },
+              {
+                title: "\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)"
+              },
+              {
+                title: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1"
+              },
+              {
+                title: "\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1"
+              },
+              {
+                title: "\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)"
+              },
+              {
+                title: "\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD"
+              },
+              {
+                title: "\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"
+              },
+              {
+                title: "\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2"
+              },
+              {
+                title: "\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD"
+              },
+              {
+                title: "\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2"
+              },
+              {
+                title: "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"
+              },
+              {
+                title: "\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4."
+              },
+              {
+                title: "\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD"
+              },
+              {
+                title: "\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD"
+              },
+              {
+                title: "\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2",
+                // href: '/metapoiitikes-egkatastaseis',
+                children: [
+                  {
+                    title: "\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018"
+                  },
+                  {
+                    title: "\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018"
+                  },
+                  {
+                    title: "\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018",
+                    children: [
+                      { title: "\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018" },
+                      { title: "\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018" },
+                      {
+                        title: "\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018",
+                        children: [
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
+                            pdf: "#pdf"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988"
+                          },
+                          {
+                            title: "\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+];
+const getListChild = (item, setActive) => {
+  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "sm", mb: 0 }, item.title), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      role: "menuitem",
+      id: item.title,
+      onClick: (e) => {
+        e.preventDefault();
+        setActive(item);
+      }
+    },
+    item.title
+  );
+};
+const WithHook = () => {
+  const { breadcrumbs, setActiveItem } = (0, import_hooks.useBreadcrumbs)(
+    items,
+    "/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias"
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, breadcrumbs.length > 1 && /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { mb: 8 }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ import_react.default.createElement(
+    import_Breadcrumbs.BreadcrumbsListItem,
+    {
+      key: index,
+      href: breadcrumbs.length - 1 === index ? void 0 : "#",
+      onClick: () => setActiveItem(breadcrumb),
+      "aria-current": breadcrumbs.length - 1 === index ? "page" : void 0
+    },
+    breadcrumb.title
+  )))), breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, breadcrumbs[breadcrumbs.length - 1]?.title), items.map((item) => getListChild(item, setActiveItem)));
+};
+var WithHook_default = WithHook;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithHook
+});
+//# sourceMappingURL=WithHook.js.map

package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/WithHook.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { Button } from '@digigov/ui/form/Button';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport {\n  useBreadcrumbs,\n  BreadcrumbItem,\n} from '@digigov/ui/navigation/Breadcrumbs/hooks';\nimport { Heading } from '@digigov/ui/typography';\n\nconst items: BreadcrumbItem[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      {\n        title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        pdf: '#',\n        href: 'echiridia-nomothesia-pyroprostasias',\n      },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\n// creates the ol>li lists for the items data\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <>\n      <Heading size=\"sm\" mb={0}>\n        {item.title}\n      </Heading>\n      <List listStyle=\"number\">\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </List>\n    </>\n  ) : (\n    <Button\n      variant=\"link\"\n      role=\"menuitem\"\n      id={item.title}\n      onClick={(e) => {\n        e.preventDefault();\n        setActive(item);\n      }}\n    >\n      {item.title}\n    </Button>\n  );\n};\n\nexport const WithHook = () => {\n  // initialUrlRoute: '/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias'\n  // is to simulate that the user lands to a specific url\n  const { breadcrumbs, setActiveItem } = useBreadcrumbs(\n    items,\n    '/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias'\n  );\n  return (\n    <>\n      {breadcrumbs.length > 1 && (\n        <Breadcrumbs mb={8}>\n          <BreadcrumbsList>\n            {breadcrumbs.map((breadcrumb, index) => (\n              <BreadcrumbsListItem\n                key={index}\n                href={breadcrumbs.length - 1 === index ? undefined : '#'}\n                onClick={() => setActiveItem(breadcrumb)}\n                aria-current={\n                  breadcrumbs.length - 1 === index ? 'page' : undefined\n                }\n              >\n                {breadcrumb.title}\n              </BreadcrumbsListItem>\n            ))}\n          </BreadcrumbsList>\n        </Breadcrumbs>\n      )}\n      {breadcrumbs.length > 0 && (\n        <Heading size=\"xl\">\n          {breadcrumbs[breadcrumbs.length - 1]?.title}\n        </Heading>\n      )}\n      {items.map((item) => getListChild(item, setActiveItem))}\n    </>\n  );\n};\n\nexport default WithHook;\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/cjs/navigation/Breadcrumbs/__stories__/WithProvider/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithProvider_exports = {};
+__export(WithProvider_exports, {
+  WithProvider: () => WithProvider,
+  default: () => WithProvider_default
+});
+module.exports = __toCommonJS(WithProvider_exports);
+var import_react = __toESM(require("react"));
+var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
+var import_Link = require("@digigov/ui/navigation/Link");
+const CustomLink = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", null, "custom link: ", props.children);
+};
+const WithProvider = () => /* @__PURE__ */ import_react.default.createElement(import_Link.LinkProvider, { component: CustomLink }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { role: "navigation" }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { "aria-current": "page" }, "\u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7"))));
+var WithProvider_default = WithProvider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithProvider
+});
+//# sourceMappingURL=WithProvider.js.map

package/cjs/navigation/Breadcrumbs/__stories__/WithProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/WithProvider.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport { LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>custom link: {props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\n    <Breadcrumbs role=\"navigation\">\n      <BreadcrumbsList>\n        <BreadcrumbsListItem href=\"#\">\u0391\u03C1\u03C7\u03B9\u03BA\u03AE</BreadcrumbsListItem>\n        <BreadcrumbsListItem href=\"#\">\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1</BreadcrumbsListItem>\n        <BreadcrumbsListItem href=\"#\">\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2</BreadcrumbsListItem>\n        <BreadcrumbsListItem aria-current=\"page\">\n          \u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7\n        </BreadcrumbsListItem>\n      </BreadcrumbsList>\n    </Breadcrumbs>\n  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAIO;AACP,kBAA6B;AAE7B,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,6BAAAA,QAAA,cAAC,aAAI,iBAAc,MAAM,QAAS;AAC3C;AAEO,MAAM,eAAe,MAC1B,6BAAAA,QAAA,cAAC,4BAAa,WAAW,cACvB,6BAAAA,QAAA,cAAC,kCAAY,MAAK,gBAChB,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,sCAAM,GACpC,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,8FAAiB,GAC/C,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,iFAAc,GAC5C,6BAAAA,QAAA,cAAC,0CAAoB,gBAAa,UAAO,+GAEzC,CACF,CACF,CACF;AAGF,IAAO,uBAAQ;",
+  "names": ["React"]
+}