npm - @digigov/ui - Versions diffs - 2.0.0-6e3977bc → 2.0.0-750aec28 - Mend

@digigov/ui 2.0.0-6e3977bc → 2.0.0-750aec28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1263) hide show

package/navigation/BackLink/index.d.ts CHANGED Viewed

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

package/navigation/BackLink/index.js CHANGED Viewed

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

package/navigation/BackLink/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/BackLink/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/BackLink';\nimport BackLink from '@digigov/react-core/BackLink';\nexport default BackLink;\n"],
-  "mappings": "AAAA,cAAc;AACd,OAAO,cAAc;AACrB,IAAO,mBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/BackLinkBase';\nimport React from 'react';\nimport {\n  BackLinkBase,\n  BackLinkBaseProps,\n} from '@digigov/react-core/BackLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface BackLinkProps extends BackLinkBaseProps {}\n\nexport const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(\n  function BackLink({ children, ...props }, ref) {\n    return (\n      <BackLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </BackLinkBase>\n    );\n  }\n);\nexport default BackLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UAAS,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7C,WACE,oCAAC,gBAAa,IAAI,MAAM,KAAW,GAAG,SACnC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,mBAAQ;",
+  "names": ["BackLink"]
 }

package/navigation/BackToTopLink/index.js CHANGED Viewed

@@ -26,9 +26,7 @@ const BackToTop = React.forwardRef(
     ...props
   }) {
     const [persistent, setPersistent] = useState(false);
-    const callSetPersistent = (value) => {
-      window.scrollY > 0 && setPersistent(value);
-    };
+    const callSetPersistent = (value) => window.scrollY > 0 && setPersistent(value);
     useObserver(topLimitId, callSetPersistent);
     useObserver("back-to-top-element", callSetPersistent);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BackToTopContainer, { persistent, ...props }, /* @__PURE__ */ React.createElement(

package/navigation/BackToTopLink/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/BackToTopLink/index.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport BackToTopContainer from '@digigov/react-core/BackToTopContainer';\nimport BackToTopLink from '@digigov/react-core/BackToTopLink';\nimport { BaseProps } from '@digigov/react-core/Base';\nexport interface BackToTopProps extends BaseProps<'div'> {\n  topLimitId?: string;\n  onScrollToTop?: () => void;\n}\n\nconst createObserver = (observeElement, callback) => {\n  const intersectionObserver = new IntersectionObserver(\n    ([e]) => {\n      return callback(e.intersectionRatio < 1);\n    },\n    { threshold: [1] }\n  );\n  if (observeElement) {\n    intersectionObserver.observe(observeElement);\n  }\n};\n\nconst useObserver = (id, callback) => {\n  useEffect(() => {\n    const el = document.getElementById(id);\n    createObserver(el, callback);\n  }, []);\n};\n\nexport const BackToTop: React.FC<BackToTopProps> = React.forwardRef(\n  function BackToTop({\n    children,\n    topLimitId = 'back-to-top-limit',\n    onScrollToTop,\n    ...props\n  }) {\n    const [persistent, setPersistent] = useState<boolean>(false);\n    const callSetPersistent = (value) => {\n      window.scrollY > 0 && setPersistent(value);\n    };\n    useObserver(topLimitId, callSetPersistent);\n    useObserver('back-to-top-element', callSetPersistent);\n\n    return (\n      <>\n        <BackToTopContainer persistent={persistent} {...props}>\n          <BackToTopLink\n            id=\"back-to-top-link\"\n            onClick={onScrollToTop}\n            href={`#${topLimitId}`}\n          >\n            {children}\n          </BackToTopLink>\n        </BackToTopContainer>\n        <div id=\"back-to-top-element\" />\n      </>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/BackToTopLink';\nexport * from '@digigov/react-core/BackToTopLimit';\nexport * from '@digigov/react-core/BackToTopContainer';\nexport default BackToTopLink;\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,OAAO,wBAAwB;AAC/B,OAAO,mBAAmB;AAO1B,MAAM,iBAAiB,CAAC,gBAAgB,aAAa;AACnD,QAAM,uBAAuB,IAAI;AAAA,IAC/B,CAAC,CAAC,CAAC,MAAM;AACP,aAAO,SAAS,EAAE,oBAAoB,CAAC;AAAA,IACzC;AAAA,IACA,EAAE,WAAW,CAAC,CAAC,EAAE;AAAA,EACnB;AACA,MAAI,gBAAgB;AAClB,yBAAqB,QAAQ,cAAc;AAAA,EAC7C;AACF;AAEA,MAAM,cAAc,CAAC,IAAI,aAAa;AACpC,YAAU,MAAM;AACd,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,mBAAe,IAAI,QAAQ;AAAA,EAC7B,GAAG,CAAC,CAAC;AACP;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WAAU;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAC3D,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,UAAU,KAAK,cAAc,KAAK;AAAA,IAC3C;AACA,gBAAY,YAAY,iBAAiB;AACzC,gBAAY,uBAAuB,iBAAiB;AAEpD,WACE,0DACE,oCAAC,sBAAmB,YAAyB,GAAG,SAC9C;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAS;AAAA,QACT,MAAM,IAAI,UAAU;AAAA;AAAA,MAEnB;AAAA,IACH,CACF,GACA,oCAAC,SAAI,IAAG,uBAAsB,CAChC;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,wBAAQ;",
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport BackToTopContainer from '@digigov/react-core/BackToTopContainer';\nimport BackToTopLink from '@digigov/react-core/BackToTopLink';\nimport { BaseProps } from '@digigov/react-core/Base';\nexport interface BackToTopProps extends BaseProps<'div'> {\n  topLimitId?: string;\n  onScrollToTop?: () => void;\n}\n\nconst createObserver = (observeElement, callback) => {\n  const intersectionObserver = new IntersectionObserver(\n    ([e]) => {\n      return callback(e.intersectionRatio < 1);\n    },\n    { threshold: [1] }\n  );\n  if (observeElement) {\n    intersectionObserver.observe(observeElement);\n  }\n};\n\nconst useObserver = (id, callback) => {\n  useEffect(() => {\n    const el = document.getElementById(id);\n    createObserver(el, callback);\n  }, []);\n};\n\nexport const BackToTop: React.FC<BackToTopProps> = React.forwardRef(\n  function BackToTop({\n    children,\n    topLimitId = 'back-to-top-limit',\n    onScrollToTop,\n    ...props\n  }) {\n    const [persistent, setPersistent] = useState<boolean>(false);\n    const callSetPersistent = (value) =>\n      window.scrollY > 0 && setPersistent(value);\n    useObserver(topLimitId, callSetPersistent);\n    useObserver('back-to-top-element', callSetPersistent);\n\n    return (\n      <>\n        <BackToTopContainer persistent={persistent} {...props}>\n          <BackToTopLink\n            id=\"back-to-top-link\"\n            onClick={onScrollToTop}\n            href={`#${topLimitId}`}\n          >\n            {children}\n          </BackToTopLink>\n        </BackToTopContainer>\n        <div id=\"back-to-top-element\" />\n      </>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/BackToTopLink';\nexport * from '@digigov/react-core/BackToTopLimit';\nexport * from '@digigov/react-core/BackToTopContainer';\nexport default BackToTopLink;\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,OAAO,wBAAwB;AAC/B,OAAO,mBAAmB;AAO1B,MAAM,iBAAiB,CAAC,gBAAgB,aAAa;AACnD,QAAM,uBAAuB,IAAI;AAAA,IAC/B,CAAC,CAAC,CAAC,MAAM;AACP,aAAO,SAAS,EAAE,oBAAoB,CAAC;AAAA,IACzC;AAAA,IACA,EAAE,WAAW,CAAC,CAAC,EAAE;AAAA,EACnB;AACA,MAAI,gBAAgB;AAClB,yBAAqB,QAAQ,cAAc;AAAA,EAC7C;AACF;AAEA,MAAM,cAAc,CAAC,IAAI,aAAa;AACpC,YAAU,MAAM;AACd,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,mBAAe,IAAI,QAAQ;AAAA,EAC7B,GAAG,CAAC,CAAC;AACP;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WAAU;AAAA,IACjB;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAC3D,UAAM,oBAAoB,CAAC,UACzB,OAAO,UAAU,KAAK,cAAc,KAAK;AAC3C,gBAAY,YAAY,iBAAiB;AACzC,gBAAY,uBAAuB,iBAAiB;AAEpD,WACE,0DACE,oCAAC,sBAAmB,YAAyB,GAAG,SAC9C;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAS;AAAA,QACT,MAAM,IAAI,UAAU;AAAA;AAAA,MAEnB;AAAA,IACH,CACF,GACA,oCAAC,SAAI,IAAG,uBAAsB,CAChC;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,wBAAQ;",
   "names": ["BackToTop"]
 }

package/navigation/Breadcrumbs/Breadcrumbs.stories/index.js CHANGED Viewed

@@ -9,11 +9,13 @@ var Breadcrumbs_stories_default = {
 import { Default } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Default";
 import { WithoutCurrentPage } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage";
 import { WithHook } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook";
+import { WithProvider } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithProvider";
 import { Auto } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Auto";
 export {
   Auto,
   Default,
   WithHook,
+  WithProvider,
   WithoutCurrentPage,
   Breadcrumbs_stories_default as default
 };

package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts CHANGED Viewed

@@ -9,5 +9,6 @@ export default _default;
 export { Default } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Default";
 export { WithoutCurrentPage } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage";
 export { WithHook } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook";
+export { WithProvider } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithProvider";
 export { Auto } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Auto";
 import Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';

package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Breadcrumbs/Breadcrumbs.stories.js"],
-  "sourcesContent": ["import Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';\nexport default {\n  title: 'Digigov UI/navigation/Breadcrumbs',\n  description:\n    'Use the breadcrumbs component when you need to help users understand and move between the multiple levels of a website',\n  link: 'https://guide.services.gov.gr/docs/components/breadcrumbs',\n  component: Breadcrumbs,\n  displayName: 'Breadcrumbs',\n};\nexport { Default } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Default';\nexport { WithoutCurrentPage } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage';\nexport { WithHook } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Auto';\n\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,YAAY;",
+  "sourcesContent": ["import Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';\nexport default {\n  title: 'Digigov UI/navigation/Breadcrumbs',\n  description:\n    'Use the breadcrumbs component when you need to help users understand and move between the multiple levels of a website',\n  link: 'https://guide.services.gov.gr/docs/components/breadcrumbs',\n  component: Breadcrumbs,\n  displayName: 'Breadcrumbs',\n};\nexport { Default } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Default';\nexport { WithoutCurrentPage } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage';\nexport { WithHook } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook';\nexport { WithProvider } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithProvider';\nexport { Auto } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Auto';\n"],
+  "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;",
   "names": []
 }

package/navigation/Breadcrumbs/BreadcrumbsListItem/index.js ADDED Viewed

@@ -0,0 +1,30 @@
+import React from "react";
+import clsx from "clsx";
+import {
+  BreadcrumbsListItemWrapper
+} from "@digigov/react-core/BreadcrumbsListItemWrapper";
+import Link from "@digigov/ui/navigation/Link";
+const BreadcrumbsListItem = ({
+  href,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement(BreadcrumbsListItemWrapper, { ...props }, /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      href,
+      defaultStyle: false,
+      className: clsx({
+        "ds-breadcrumbs__link": true,
+        "ds-breadcrumbs__link--inactive": href === void 0
+      })
+    },
+    children
+  ));
+};
+var BreadcrumbsListItem_default = BreadcrumbsListItem;
+export {
+  BreadcrumbsListItem,
+  BreadcrumbsListItem_default as default
+};
+//# sourceMappingURL=BreadcrumbsListItem.js.map

package/navigation/Breadcrumbs/BreadcrumbsListItem/package.json ADDED Viewed

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

package/navigation/Breadcrumbs/BreadcrumbsListItem.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BreadcrumbsListItemWrapperProps } from '@digigov/react-core/BreadcrumbsListItemWrapper';
+export interface BreadcrumbsListItemProps extends BreadcrumbsListItemWrapperProps {
+    href?: string;
+}
+declare const BreadcrumbsListItem: React.FC<BreadcrumbsListItemProps>;
+export { BreadcrumbsListItem };
+export default BreadcrumbsListItem;

package/navigation/Breadcrumbs/BreadcrumbsListItem.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport {\n  BreadcrumbsListItemWrapper,\n  BreadcrumbsListItemWrapperProps,\n} from '@digigov/react-core/BreadcrumbsListItemWrapper';\nimport Link from '@digigov/ui/navigation/Link';\n\nexport interface BreadcrumbsListItemProps\n  extends BreadcrumbsListItemWrapperProps {\n  href?: string;\n}\n\nconst BreadcrumbsListItem: React.FC<BreadcrumbsListItemProps> = ({\n  href,\n  children,\n  ...props\n}) => {\n  return (\n    <BreadcrumbsListItemWrapper {...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    </BreadcrumbsListItemWrapper>\n  );\n};\n\nexport { BreadcrumbsListItem };\nexport default BreadcrumbsListItem;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,OAEK;AACP,OAAO,UAAU;AAOjB,MAAM,sBAA0D,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,oCAAC,8BAA4B,GAAG,SAC9B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK;AAAA,QACd,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ;AAGA,IAAO,8BAAQ;",
+  "names": []
+}

package/navigation/Breadcrumbs/BreadcrumbsListItemLink/index.js ADDED Viewed

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

package/navigation/Breadcrumbs/BreadcrumbsListItemLink/package.json ADDED Viewed

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

package/navigation/Breadcrumbs/BreadcrumbsListItemLink.d.ts ADDED Viewed

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

package/navigation/Breadcrumbs/BreadcrumbsListItemLink.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Breadcrumbs/BreadcrumbsListItemLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/BreadcrumbsListItemLinkBase';\nimport React from 'react';\nimport {\n  BreadcrumbsListItemLinkBase,\n  BreadcrumbsListItemLinkBaseProps,\n} from '@digigov/react-core/BreadcrumbsListItemLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface BreadcrumbsListItemLinkProps\n  extends BreadcrumbsListItemLinkBaseProps {}\n\nexport const BreadcrumbsListItemLink = React.forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsListItemLinkProps\n>(function BreadcrumbsListItemLink({ children, ...props }, ref) {\n  return (\n    <BreadcrumbsListItemLinkBase as={Link} ref={ref} {...props}>\n      {children}\n    </BreadcrumbsListItemLinkBase>\n  );\n});\nexport default BreadcrumbsListItemLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAKd,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBAAwB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,oCAAC,+BAA4B,IAAI,MAAM,KAAW,GAAG,SAClD,QACH;AAEJ,CAAC;AACD,IAAO,kCAAQ;",
+  "names": ["BreadcrumbsListItemLink"]
+}

package/navigation/Breadcrumbs/__stories__/Auto/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import React from "react";
 import { List, ListItem } from "@digigov/ui/content/List";
+import { Button } from "@digigov/ui/form/Button/";
 import {
   BreadcrumbsAuto,
   BreadcrumbsListAuto,
   useBreadcrumbsContext
 } from "@digigov/ui/navigation/Breadcrumbs/auto";
 import { Heading } from "@digigov/ui/typography";
-import { Button } from "@digigov/ui/form/Button/";
 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",
@@ -143,7 +143,8 @@ const getListChild = (item, setActive) => {
       role: "menuitem",
       id: item.title,
       onClick: (e) => {
-        e.preventDefault(), setActive(item);
+        e.preventDefault();
+        setActive(item);
       }
     },
     item.title

package/navigation/Breadcrumbs/__stories__/Auto.js.map CHANGED Viewed

@@ -1,7 +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 {\n  BreadcrumbsAuto,\n  BreadcrumbsListAuto,\n  useBreadcrumbsContext,\n} from '@digigov/ui/navigation/Breadcrumbs/auto';\nimport { Heading } from '@digigov/ui/typography';\nimport { Button } from '@digigov/ui/form/Button/';\nimport { BreadcrumbItem } from '@digigov/ui/navigation/Breadcrumbs/hooks';\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(), 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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",
+  "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": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AAExB,MAAM,QAA0B;AAAA,EAC9B;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,MACR,EAAE,OAAO,sMAAsC,KAAK,IAAI;AAAA,MACxD,EAAE,OAAO,6KAAiC;AAAA,MAC1C,EAAE,OAAO,sMAAsC;AAAA,MAC/C,EAAE,OAAO,oJAA4B;AAAA,MACrC,EAAE,OAAO,wFAAkB;AAAA,MAC3B;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,UACR;AAAA,YACE,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA,EAAE,OAAO,iNAAuC;AAAA,UAChD,EAAE,OAAO,uNAAwC;AAAA,UACjD;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA;AAAA,YACE,OAAO;AAAA;AAAA,YAEP,UAAU;AAAA,cACR;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA;AAAA,gBAEP,UAAU;AAAA,kBACR;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,oBACP,UAAU;AAAA,sBACR,EAAE,OAAO,yHAA+B;AAAA,sBACxC,EAAE,OAAO,4DAA8B;AAAA,sBACvC;AAAA,wBACE,OAAO;AAAA,wBACP,UAAU;AAAA,0BACR;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,4BACP,KAAK;AAAA,0BACP;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,wBACF;AAAA,sBACF;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,MAAM,cAAc;AACxC,SAAO,KAAK,WACV,0DACE,oCAAC,WAAQ,MAAK,MAAK,IAAI,KACpB,KAAK,KACR,GACA,oCAAC,QAAK,WAAU,YACb,KAAK,UAAU,IAAI,CAAC,SAAS,QAC5B,oCAAC,YAAS,OAAW,aAAa,SAAS,SAAS,CAAE,CACvD,CACH,CACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,IAAI,KAAK;AAAA,MACT,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,IAEC,KAAK;AAAA,EACR;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBAAgB;AAAA;AAAA,IAEhB,oCAAC,uBAAoB,IAAI,GAAG;AAAA,IAC5B,oCAAC,mBAAc;AAAA,EACjB;AAEJ;AAEA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,aAAa,cAAc,IAAI,sBAAsB;AAE7D,SACE,0DACG,YAAY,SAAS,KACpB,oCAAC,WAAQ,MAAK,QACX,YAAY,YAAY,SAAS,CAAC,GAAG,KACxC,GAED,MAAM,IAAI,CAAC,SAAS,aAAa,MAAM,aAAa,CAAC,CACxD;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/navigation/Breadcrumbs/__stories__/WithHook/index.js CHANGED Viewed

@@ -6,7 +6,9 @@ import {
   BreadcrumbsList,
   BreadcrumbsListItem
 } from "@digigov/ui/navigation/Breadcrumbs";
-import { useBreadcrumbs } from "@digigov/ui/navigation/Breadcrumbs/hooks";
+import {
+  useBreadcrumbs
+} from "@digigov/ui/navigation/Breadcrumbs/hooks";
 import { Heading } from "@digigov/ui/typography";
 const items = [
   {

package/navigation/Breadcrumbs/__stories__/WithHook.js.map CHANGED Viewed

@@ -1,7 +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 { useBreadcrumbs } from '@digigov/ui/navigation/Breadcrumbs/hooks';\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      {\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": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAExB,MAAM,QAA0B;AAAA,EAC9B;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,EAAE,OAAO,6KAAiC;AAAA,MAC1C,EAAE,OAAO,sMAAsC;AAAA,MAC/C,EAAE,OAAO,oJAA4B;AAAA,MACrC,EAAE,OAAO,wFAAkB;AAAA,MAC3B;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,UACR;AAAA,YACE,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA,EAAE,OAAO,iNAAuC;AAAA,UAChD,EAAE,OAAO,uNAAwC;AAAA,UACjD;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA;AAAA,YACE,OAAO;AAAA;AAAA,YAEP,UAAU;AAAA,cACR;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA;AAAA,gBAEP,UAAU;AAAA,kBACR;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,oBACP,UAAU;AAAA,sBACR,EAAE,OAAO,yHAA+B;AAAA,sBACxC,EAAE,OAAO,4DAA8B;AAAA,sBACvC;AAAA,wBACE,OAAO;AAAA,wBACP,UAAU;AAAA,0BACR;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,4BACP,KAAK;AAAA,0BACP;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,wBACF;AAAA,sBACF;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAGA,MAAM,eAAe,CAAC,MAAM,cAAc;AACxC,SAAO,KAAK,WACV,0DACE,oCAAC,WAAQ,MAAK,MAAK,IAAI,KACpB,KAAK,KACR,GACA,oCAAC,QAAK,WAAU,YACb,KAAK,UAAU,IAAI,CAAC,SAAS,QAC5B,oCAAC,YAAS,OAAW,aAAa,SAAS,SAAS,CAAE,CACvD,CACH,CACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,IAAI,KAAK;AAAA,MACT,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,IAEC,KAAK;AAAA,EACR;AAEJ;AAEO,MAAM,WAAW,MAAM;AAG5B,QAAM,EAAE,aAAa,cAAc,IAAI;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AACA,SACE,0DACG,YAAY,SAAS,KACpB,oCAAC,eAAY,IAAI,KACf,oCAAC,uBACE,YAAY,IAAI,CAAC,YAAY,UAC5B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,YAAY,SAAS,MAAM,QAAQ,SAAY;AAAA,MACrD,SAAS,MAAM,cAAc,UAAU;AAAA,MACvC,gBACE,YAAY,SAAS,MAAM,QAAQ,SAAS;AAAA;AAAA,IAG7C,WAAW;AAAA,EACd,CACD,CACH,CACF,GAED,YAAY,SAAS,KACpB,oCAAC,WAAQ,MAAK,QACX,YAAY,YAAY,SAAS,CAAC,GAAG,KACxC,GAED,MAAM,IAAI,CAAC,SAAS,aAAa,MAAM,aAAa,CAAC,CACxD;AAEJ;AAEA,IAAO,mBAAQ;",
+  "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": []
 }

package/navigation/Breadcrumbs/__stories__/WithProvider/index.js ADDED Viewed

@@ -0,0 +1,17 @@
+import React from "react";
+import {
+  Breadcrumbs,
+  BreadcrumbsList,
+  BreadcrumbsListItem
+} from "@digigov/ui/navigation/Breadcrumbs";
+import { LinkProvider } from "@digigov/ui/navigation/Link";
+const CustomLink = (props) => {
+  return /* @__PURE__ */ React.createElement("div", null, "custom link: ", props.children);
+};
+const WithProvider = () => /* @__PURE__ */ React.createElement(LinkProvider, { component: CustomLink }, /* @__PURE__ */ React.createElement(Breadcrumbs, { role: "navigation" }, /* @__PURE__ */ React.createElement(BreadcrumbsList, null, /* @__PURE__ */ React.createElement(BreadcrumbsListItem, { href: "#" }, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /* @__PURE__ */ React.createElement(BreadcrumbsListItem, { href: "#" }, "\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"), /* @__PURE__ */ React.createElement(BreadcrumbsListItem, { href: "#" }, "\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2"), /* @__PURE__ */ React.createElement(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;
+export {
+  WithProvider,
+  WithProvider_default as default
+};
+//# sourceMappingURL=WithProvider.js.map

package/navigation/Breadcrumbs/__stories__/WithProvider/package.json ADDED Viewed

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

package/navigation/Breadcrumbs/__stories__/WithProvider.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithProvider: () => React.JSX.Element;
+export default WithProvider;

package/navigation/Breadcrumbs/__stories__/WithProvider.js.map ADDED Viewed

@@ -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,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,oCAAC,aAAI,iBAAc,MAAM,QAAS;AAC3C;AAEO,MAAM,eAAe,MAC1B,oCAAC,gBAAa,WAAW,cACvB,oCAAC,eAAY,MAAK,gBAChB,oCAAC,uBACC,oCAAC,uBAAoB,MAAK,OAAI,sCAAM,GACpC,oCAAC,uBAAoB,MAAK,OAAI,8FAAiB,GAC/C,oCAAC,uBAAoB,MAAK,OAAI,iFAAc,GAC5C,oCAAC,uBAAoB,gBAAa,UAAO,+GAEzC,CACF,CACF,CACF;AAGF,IAAO,uBAAQ;",
+  "names": []
+}

package/navigation/Breadcrumbs/auto.d.ts CHANGED Viewed

@@ -4,8 +4,6 @@ import { UseBreadcrumbsReturn, BreadcrumbItem } from '@digigov/ui/navigation/Bre
 export interface BreadcrumbsListAutoProps extends BreadcrumbsProps {
 }
 export interface BreadcrumbsAutoProps extends BreadcrumbsProps {
-}
-export interface BreadcrumbsAutoProps {
     items: BreadcrumbItem[];
     initialUrlRoute?: string;
     children: ReactNode;

package/navigation/Breadcrumbs/auto.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Breadcrumbs/auto.tsx"],
-  "sourcesContent": ["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n  BreadcrumbsProps,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport {\n  useBreadcrumbs,\n  UseBreadcrumbsReturn,\n  BreadcrumbItem,\n} from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nexport interface BreadcrumbsListAutoProps extends BreadcrumbsProps {}\nexport interface BreadcrumbsAutoProps extends BreadcrumbsProps {}\nexport interface BreadcrumbsAutoProps {\n  items: BreadcrumbItem[];\n  initialUrlRoute?: string;\n  children: ReactNode;\n}\nexport const BreadcrumbsContext = createContext<UseBreadcrumbsReturn | null>(\n  null\n);\n\nexport const BreadcrumbsAuto = ({\n  items,\n  initialUrlRoute,\n  children,\n}: BreadcrumbsAutoProps) => {\n  const breadcrumbs = useBreadcrumbs(items, initialUrlRoute);\n\n  return (\n    <BreadcrumbsContext.Provider value={breadcrumbs}>\n      {children}\n    </BreadcrumbsContext.Provider>\n  );\n};\n\nexport const useBreadcrumbsContext = (): UseBreadcrumbsReturn => {\n  const context = useContext(BreadcrumbsContext);\n  if (!context) {\n    throw new Error(\n      'BreadcrumbsContext must be used within an BreadcrumbsProvider'\n    );\n  }\n  return context;\n};\n\nexport const BreadcrumbsListAuto = React.forwardRef<\n  HTMLDivElement,\n  BreadcrumbsListAutoProps\n>(function BreadcrumbsListAuto(props, ref) {\n  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();\n  return (\n    <Breadcrumbs ref={ref} role=\"navigation\" {...props}>\n      <BreadcrumbsList>\n        {breadcrumbs.map((breadcrumb, index) => (\n          <BreadcrumbsListItem\n            key={index}\n            href={\n              breadcrumbs.length - 1 === index ? undefined : breadcrumb.href\n            }\n            onClick={() => setActiveItem(breadcrumb)}\n            aria-current={breadcrumbs.length - 1 === index ? 'page' : undefined}\n          >\n            {breadcrumb.title}\n          </BreadcrumbsListItem>\n        ))}\n      </BreadcrumbsList>\n    </Breadcrumbs>\n  );\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe,kBAA6B;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAGK;AASA,MAAM,qBAAqB;AAAA,EAChC;AACF;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,cAAc,eAAe,OAAO,eAAe;AAEzD,SACE,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,eACjC,QACH;AAEJ;AAEO,MAAM,wBAAwB,MAA4B;AAC/D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,OAAO,KAAK;AACzC,QAAM,EAAE,aAAa,cAAc,IAAI,sBAAsB;AAC7D,SACE,oCAAC,eAAY,KAAU,MAAK,cAAc,GAAG,SAC3C,oCAAC,uBACE,YAAY,IAAI,CAAC,YAAY,UAC5B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MACE,YAAY,SAAS,MAAM,QAAQ,SAAY,WAAW;AAAA,MAE5D,SAAS,MAAM,cAAc,UAAU;AAAA,MACvC,gBAAc,YAAY,SAAS,MAAM,QAAQ,SAAS;AAAA;AAAA,IAEzD,WAAW;AAAA,EACd,CACD,CACH,CACF;AAEJ,CAAC;",
+  "sourcesContent": ["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n  BreadcrumbsProps,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport {\n  useBreadcrumbs,\n  UseBreadcrumbsReturn,\n  BreadcrumbItem,\n} from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nexport interface BreadcrumbsListAutoProps extends BreadcrumbsProps {}\nexport interface BreadcrumbsAutoProps extends BreadcrumbsProps {\n  items: BreadcrumbItem[];\n  initialUrlRoute?: string;\n  children: ReactNode;\n}\nexport const BreadcrumbsContext = createContext<UseBreadcrumbsReturn | null>(\n  null\n);\n\nexport const BreadcrumbsAuto = ({\n  items,\n  initialUrlRoute,\n  children,\n}: BreadcrumbsAutoProps) => {\n  const breadcrumbs = useBreadcrumbs(items, initialUrlRoute);\n\n  return (\n    <BreadcrumbsContext.Provider value={breadcrumbs}>\n      {children}\n    </BreadcrumbsContext.Provider>\n  );\n};\n\nexport const useBreadcrumbsContext = (): UseBreadcrumbsReturn => {\n  const context = useContext(BreadcrumbsContext);\n  if (!context) {\n    throw new Error(\n      'BreadcrumbsContext must be used within an BreadcrumbsProvider'\n    );\n  }\n  return context;\n};\n\nexport const BreadcrumbsListAuto = React.forwardRef<\n  HTMLDivElement,\n  BreadcrumbsListAutoProps\n>(function BreadcrumbsListAuto(props, ref) {\n  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();\n  return (\n    <Breadcrumbs ref={ref} role=\"navigation\" {...props}>\n      <BreadcrumbsList>\n        {breadcrumbs.map((breadcrumb, index) => (\n          <BreadcrumbsListItem\n            key={index}\n            href={\n              breadcrumbs.length - 1 === index ? undefined : breadcrumb.href\n            }\n            onClick={() => setActiveItem(breadcrumb)}\n            aria-current={breadcrumbs.length - 1 === index ? 'page' : undefined}\n          >\n            {breadcrumb.title}\n          </BreadcrumbsListItem>\n        ))}\n      </BreadcrumbsList>\n    </Breadcrumbs>\n  );\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,eAAe,kBAA6B;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAGK;AAQA,MAAM,qBAAqB;AAAA,EAChC;AACF;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,cAAc,eAAe,OAAO,eAAe;AAEzD,SACE,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,eACjC,QACH;AAEJ;AAEO,MAAM,wBAAwB,MAA4B;AAC/D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,OAAO,KAAK;AACzC,QAAM,EAAE,aAAa,cAAc,IAAI,sBAAsB;AAC7D,SACE,oCAAC,eAAY,KAAU,MAAK,cAAc,GAAG,SAC3C,oCAAC,uBACE,YAAY,IAAI,CAAC,YAAY,UAC5B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MACE,YAAY,SAAS,MAAM,QAAQ,SAAY,WAAW;AAAA,MAE5D,SAAS,MAAM,cAAc,UAAU;AAAA,MACvC,gBAAc,YAAY,SAAS,MAAM,QAAQ,SAAS;AAAA;AAAA,IAEzD,WAAW;AAAA,EACd,CACD,CACH,CACF;AAEJ,CAAC;",
   "names": ["BreadcrumbsListAuto"]
 }

package/navigation/Breadcrumbs/index.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
-export * from '@digigov/react-core/BreadcrumbsListItem';
+export * from '@digigov/react-core/BreadcrumbsListItemWrapper';
+export * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink';
 import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
+export * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';
 export * from '@digigov/ui/navigation/Breadcrumbs/utils';
 export default Breadcrumbs;

package/navigation/Breadcrumbs/index.js CHANGED Viewed

@@ -1,7 +1,9 @@
 export * from "@digigov/react-core/Breadcrumbs";
 export * from "@digigov/react-core/BreadcrumbsList";
-export * from "@digigov/react-core/BreadcrumbsListItem";
+export * from "@digigov/react-core/BreadcrumbsListItemWrapper";
+export * from "@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink";
 import Breadcrumbs from "@digigov/react-core/Breadcrumbs";
+export * from "@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem";
 export * from "@digigov/ui/navigation/Breadcrumbs/utils";
 var Breadcrumbs_default = Breadcrumbs;
 export {

package/navigation/Breadcrumbs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Breadcrumbs/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Breadcrumbs';\nexport * from '@digigov/react-core/BreadcrumbsList';\nexport * from '@digigov/react-core/BreadcrumbsListItem';\nimport Breadcrumbs from '@digigov/react-core/Breadcrumbs';\n\nexport * from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport default Breadcrumbs;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,iBAAiB;AAExB,cAAc;AAEd,IAAO,sBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/Breadcrumbs';\nexport * from '@digigov/react-core/BreadcrumbsList';\nexport * from '@digigov/react-core/BreadcrumbsListItemWrapper';\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItemLink';\nimport Breadcrumbs from '@digigov/react-core/Breadcrumbs';\n\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';\nexport * from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport default Breadcrumbs;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,iBAAiB;AAExB,cAAc;AACd,cAAc;AAEd,IAAO,sBAAQ;",
   "names": []
 }

package/navigation/Breadcrumbs/slug/index.js CHANGED Viewed

@@ -71,7 +71,7 @@ function slug(text, maxWidth = 50) {
     \u03AB: "Y"
   };
   const latinText = text.split("").map((char) => greekToLatinMap[char] || char).join("");
-  const processedText = latinText.toLowerCase().replace(/\s+/g, "-").replace(/[^\w\-]+/g, "").replace(/\-\-+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
+  const processedText = latinText.toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
   let slug2 = processedText.substring(0, maxWidth);
   const remainingText = processedText.substring(maxWidth);
   slug2 = slug2.replace(/-+$/, "");

package/navigation/Breadcrumbs/slug.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigation/Breadcrumbs/slug.ts"],
-  "sourcesContent": ["export function slug(text: string, maxWidth = 50): string {\n  // Greek to Latin character mapping\n  const greekToLatinMap: { [key: string]: string } = {\n    \u03B1: 'a',\n    \u03B2: 'b',\n    \u03B3: 'g',\n    \u03B4: 'd',\n    \u03B5: 'e',\n    \u03B6: 'z',\n    \u03B7: 'i',\n    \u03B8: 'th',\n    \u03B9: 'i',\n    \u03BA: 'k',\n    \u03BB: 'l',\n    \u03BC: 'm',\n    \u03BD: 'n',\n    \u03BE: 'x',\n    \u03BF: 'o',\n    \u03C0: 'p',\n    \u03C1: 'r',\n    \u03C3: 's',\n    \u03C4: 't',\n    \u03C5: 'y',\n    \u03C6: 'f',\n    \u03C7: 'ch',\n    \u03C8: 'ps',\n    \u03C9: 'o',\n    \u03AC: 'a',\n    \u03AD: 'e',\n    \u03AF: 'i',\n    \u03CC: 'o',\n    \u03CD: 'y',\n    \u03AE: 'i',\n    \u03CE: 'o',\n    \u03C2: 's',\n    \u03CA: 'i',\n    \u03B0: 'y',\n    \u03CB: 'y',\n    \u0390: 'i',\n    \u0391: 'A',\n    \u0392: 'B',\n    \u0393: 'G',\n    \u0394: 'D',\n    \u0395: 'E',\n    \u0396: 'Z',\n    \u0397: 'I',\n    \u0398: 'TH',\n    \u0399: 'I',\n    \u039A: 'K',\n    \u039B: 'L',\n    \u039C: 'M',\n    \u039D: 'N',\n    \u039E: 'X',\n    \u039F: 'O',\n    \u03A0: 'P',\n    \u03A1: 'R',\n    \u03A3: 'S',\n    \u03A4: 'T',\n    \u03A5: 'Y',\n    \u03A6: 'F',\n    \u03A7: 'CH',\n    \u03A8: 'PS',\n    \u03A9: 'O',\n    \u0386: 'A',\n    \u0388: 'E',\n    \u038A: 'I',\n    \u038C: 'O',\n    \u038E: 'Y',\n    \u0389: 'I',\n    \u038F: 'O',\n    \u03AA: 'I',\n    \u03AB: 'Y',\n  };\n\n  // Convert Greek characters to Latin\n  const latinText = text\n    .split('')\n    .map((char) => greekToLatinMap[char] || char)\n    .join('');\n\n  // Convert to lowercase, replace spaces with hyphens, remove special characters\n  const processedText = latinText\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^\\w\\-]+/g, '')\n    .replace(/\\-\\-+/g, '-')\n    .replace(/^-+/, '')\n    .replace(/-+$/, '');\n\n  // Calculate the available width for the slug (subtracting 1 for the hyphen and at least 8 for the ID)\n  // const availableWidth = Math.max(0, maxWidth - 9);\n\n  // Split the processed text into slug and remaining text for ID\n  let slug = processedText.substring(0, maxWidth);\n  const remainingText = processedText.substring(maxWidth);\n\n  // Remove trailing hyphens from the slug\n  slug = slug.replace(/-+$/, '');\n\n  // Generate ID from the remaining text\n  const id = generateIDFromText(remainingText);\n\n  // Combine the slug and ID\n  return `${slug}${id && '-'}${id}`;\n}\n\nfunction generateIDFromText(text: string): string {\n  // If text is empty or maxLength is 0 or less, return a default ID\n  if (!text) return '';\n\n  // Remove hyphens and take only alphanumeric characters\n  let processedText = text.replace(/-/g, '').replace(/[^a-z0-9]/g, '');\n\n  // If processed text is empty, use a default base\n  if (!processedText) processedText = 'default';\n\n  // Calculate a simple hash of the processed text\n  let hash = 0;\n  for (let i = 0; i < processedText.length; i++) {\n    const char = processedText.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32-bit integer\n  }\n\n  // Convert hash to a positive number and then to base 36 (0-9 and a-z)\n  const id = Math.abs(hash).toString(36);\n\n  // Ensure the ID is at least 8 characters long, padding with '0' if necessary\n  return id;\n  // return id.padEnd(8, '0').substring(0, maxLength);\n}\n\n// Test the function\n// console.log(createSlugWithID('\u039A\u03B1\u03BB\u03B7\u03BC\u03AD\u03C1\u03B1 \u03BA\u03CC\u03C3\u03BC\u03B5! Hello world!', 10));\n// console.log(createSlugWithID('\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC \u03BA\u03B1\u03B9 English mixed', 80));\n// console.log(\n//   createSlugWithID(\n//     '\u0391\u03C5\u03C4\u03CC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03BF\u03BB\u03CD \u03BC\u03B5\u03B3\u03AC\u03BB\u03BF \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B4\u03BF\u03BA\u03B9\u03BC\u03AC\u03C3\u03BF\u03C5\u03BC\u03B5 \u03C4\u03BF \u03CC\u03C1\u03B9\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C5\u03C2',\n//     90\n//   )\n// );\n"],
-  "mappings": "AAAO,SAAS,KAAK,MAAc,WAAW,IAAY;AAExD,QAAM,kBAA6C;AAAA,IACjD,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,EACL;AAGA,QAAM,YAAY,KACf,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,gBAAgB,IAAI,KAAK,IAAI,EAC3C,KAAK,EAAE;AAGV,QAAM,gBAAgB,UACnB,YAAY,EACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,aAAa,EAAE,EACvB,QAAQ,UAAU,GAAG,EACrB,QAAQ,OAAO,EAAE,EACjB,QAAQ,OAAO,EAAE;AAMpB,MAAIA,QAAO,cAAc,UAAU,GAAG,QAAQ;AAC9C,QAAM,gBAAgB,cAAc,UAAU,QAAQ;AAGtD,EAAAA,QAAOA,MAAK,QAAQ,OAAO,EAAE;AAG7B,QAAM,KAAK,mBAAmB,aAAa;AAG3C,SAAO,GAAGA,KAAI,GAAG,MAAM,GAAG,GAAG,EAAE;AACjC;AAEA,SAAS,mBAAmB,MAAsB;AAEhD,MAAI,CAAC,KAAM,QAAO;AAGlB,MAAI,gBAAgB,KAAK,QAAQ,MAAM,EAAE,EAAE,QAAQ,cAAc,EAAE;AAGnE,MAAI,CAAC,cAAe,iBAAgB;AAGpC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AAC7C,UAAM,OAAO,cAAc,WAAW,CAAC;AACvC,YAAQ,QAAQ,KAAK,OAAO;AAC5B,WAAO,OAAO;AAAA,EAChB;AAGA,QAAM,KAAK,KAAK,IAAI,IAAI,EAAE,SAAS,EAAE;AAGrC,SAAO;AAET;",
+  "sourcesContent": ["export function slug(text: string, maxWidth = 50): string {\n  // Greek to Latin character mapping\n  const greekToLatinMap: Record<string, string> = {\n    \u03B1: 'a',\n    \u03B2: 'b',\n    \u03B3: 'g',\n    \u03B4: 'd',\n    \u03B5: 'e',\n    \u03B6: 'z',\n    \u03B7: 'i',\n    \u03B8: 'th',\n    \u03B9: 'i',\n    \u03BA: 'k',\n    \u03BB: 'l',\n    \u03BC: 'm',\n    \u03BD: 'n',\n    \u03BE: 'x',\n    \u03BF: 'o',\n    \u03C0: 'p',\n    \u03C1: 'r',\n    \u03C3: 's',\n    \u03C4: 't',\n    \u03C5: 'y',\n    \u03C6: 'f',\n    \u03C7: 'ch',\n    \u03C8: 'ps',\n    \u03C9: 'o',\n    \u03AC: 'a',\n    \u03AD: 'e',\n    \u03AF: 'i',\n    \u03CC: 'o',\n    \u03CD: 'y',\n    \u03AE: 'i',\n    \u03CE: 'o',\n    \u03C2: 's',\n    \u03CA: 'i',\n    \u03B0: 'y',\n    \u03CB: 'y',\n    \u0390: 'i',\n    \u0391: 'A',\n    \u0392: 'B',\n    \u0393: 'G',\n    \u0394: 'D',\n    \u0395: 'E',\n    \u0396: 'Z',\n    \u0397: 'I',\n    \u0398: 'TH',\n    \u0399: 'I',\n    \u039A: 'K',\n    \u039B: 'L',\n    \u039C: 'M',\n    \u039D: 'N',\n    \u039E: 'X',\n    \u039F: 'O',\n    \u03A0: 'P',\n    \u03A1: 'R',\n    \u03A3: 'S',\n    \u03A4: 'T',\n    \u03A5: 'Y',\n    \u03A6: 'F',\n    \u03A7: 'CH',\n    \u03A8: 'PS',\n    \u03A9: 'O',\n    \u0386: 'A',\n    \u0388: 'E',\n    \u038A: 'I',\n    \u038C: 'O',\n    \u038E: 'Y',\n    \u0389: 'I',\n    \u038F: 'O',\n    \u03AA: 'I',\n    \u03AB: 'Y',\n  };\n\n  // Convert Greek characters to Latin\n  const latinText = text\n    .split('')\n    .map((char) => greekToLatinMap[char] || char)\n    .join('');\n\n  // Convert to lowercase, replace spaces with hyphens, remove special characters\n  const processedText = latinText\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^\\w-]+/g, '')\n    .replace(/--+/g, '-')\n    .replace(/^-+/, '')\n    .replace(/-+$/, '');\n\n  // Calculate the available width for the slug (subtracting 1 for the hyphen and at least 8 for the ID)\n  // const availableWidth = Math.max(0, maxWidth - 9);\n\n  // Split the processed text into slug and remaining text for ID\n  let slug = processedText.substring(0, maxWidth);\n  const remainingText = processedText.substring(maxWidth);\n\n  // Remove trailing hyphens from the slug\n  slug = slug.replace(/-+$/, '');\n\n  // Generate ID from the remaining text\n  const id = generateIDFromText(remainingText);\n\n  // Combine the slug and ID\n  return `${slug}${id && '-'}${id}`;\n}\n\nfunction generateIDFromText(text: string): string {\n  // If text is empty or maxLength is 0 or less, return a default ID\n  if (!text) return '';\n\n  // Remove hyphens and take only alphanumeric characters\n  let processedText = text.replace(/-/g, '').replace(/[^a-z0-9]/g, '');\n\n  // If processed text is empty, use a default base\n  if (!processedText) processedText = 'default';\n\n  // Calculate a simple hash of the processed text\n  let hash = 0;\n  for (let i = 0; i < processedText.length; i++) {\n    const char = processedText.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32-bit integer\n  }\n\n  // Convert hash to a positive number and then to base 36 (0-9 and a-z)\n  const id = Math.abs(hash).toString(36);\n\n  // Ensure the ID is at least 8 characters long, padding with '0' if necessary\n  return id;\n  // return id.padEnd(8, '0').substring(0, maxLength);\n}\n\n// Test the function\n// console.log(createSlugWithID('\u039A\u03B1\u03BB\u03B7\u03BC\u03AD\u03C1\u03B1 \u03BA\u03CC\u03C3\u03BC\u03B5! Hello world!', 10));\n// console.log(createSlugWithID('\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC \u03BA\u03B1\u03B9 English mixed', 80));\n// console.log(\n//   createSlugWithID(\n//     '\u0391\u03C5\u03C4\u03CC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03BF\u03BB\u03CD \u03BC\u03B5\u03B3\u03AC\u03BB\u03BF \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B4\u03BF\u03BA\u03B9\u03BC\u03AC\u03C3\u03BF\u03C5\u03BC\u03B5 \u03C4\u03BF \u03CC\u03C1\u03B9\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C5\u03C2',\n//     90\n//   )\n// );\n"],
+  "mappings": "AAAO,SAAS,KAAK,MAAc,WAAW,IAAY;AAExD,QAAM,kBAA0C;AAAA,IAC9C,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,IACH,QAAG;AAAA,EACL;AAGA,QAAM,YAAY,KACf,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,gBAAgB,IAAI,KAAK,IAAI,EAC3C,KAAK,EAAE;AAGV,QAAM,gBAAgB,UACnB,YAAY,EACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,YAAY,EAAE,EACtB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,OAAO,EAAE,EACjB,QAAQ,OAAO,EAAE;AAMpB,MAAIA,QAAO,cAAc,UAAU,GAAG,QAAQ;AAC9C,QAAM,gBAAgB,cAAc,UAAU,QAAQ;AAGtD,EAAAA,QAAOA,MAAK,QAAQ,OAAO,EAAE;AAG7B,QAAM,KAAK,mBAAmB,aAAa;AAG3C,SAAO,GAAGA,KAAI,GAAG,MAAM,GAAG,GAAG,EAAE;AACjC;AAEA,SAAS,mBAAmB,MAAsB;AAEhD,MAAI,CAAC,KAAM,QAAO;AAGlB,MAAI,gBAAgB,KAAK,QAAQ,MAAM,EAAE,EAAE,QAAQ,cAAc,EAAE;AAGnE,MAAI,CAAC,cAAe,iBAAgB;AAGpC,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AAC7C,UAAM,OAAO,cAAc,WAAW,CAAC;AACvC,YAAQ,QAAQ,KAAK,OAAO;AAC5B,WAAO,OAAO;AAAA,EAChB;AAGA,QAAM,KAAK,KAAK,IAAI,IAAI,EAAE,SAAS,EAAE;AAGrC,SAAO;AAET;",
   "names": ["slug"]
 }