@digigov/ui 2.0.0-rc.21 → 2.0.0-rc.22

package/navigation/Breadcrumbs/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Breadcrumbs/hooks.ts"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nimport { flattenRoutes } from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport interface BreadcrumbItem {\n  title: string;\n  href?: string;\n  [key: string]: unknown;\n}\n\nexport interface UseBreadcrumbsReturn {\n  breadcrumbs: BreadcrumbItem[];\n  currentRoute: string;\n  setActiveItem: (item: BreadcrumbItem) => void;\n}\n\nexport const useBreadcrumbs = (\n  items: BreadcrumbItem[],\n  initialUrlRoute?: string\n): UseBreadcrumbsReturn => {\n  const routes = useMemo(() => flattenRoutes(items, 100), [items]);\n  const [currentRoute, setCurrentRoute] = useState(initialUrlRoute || '');\n\n  const setActiveItem = useCallback(\n    (item) => {\n      const itemHref = item.href ?? slug(item.title, 100);\n      setCurrentRoute(() => {\n        const selectedRoute = Object.keys(routes).find((route) =>\n          route.endsWith(itemHref)\n        );\n        return selectedRoute || '/';\n      });\n    },\n    [routes]\n  );\n\n  const constructBreadcrumbs = useCallback(\n    (routes): BreadcrumbItem[] => {\n      if (currentRoute) {\n        const selectedBreadcrumb = routes[currentRoute];\n        return [\n          ...(selectedBreadcrumb?.parents?.map((parent) => {\n            return {\n              title: parent,\n              href: Object.keys(routes).find((route) => {\n                return routes[route].title === parent;\n              }),\n            };\n          }) || []),\n          {\n            title: selectedBreadcrumb?.title,\n            href: currentRoute,\n          },\n        ];\n      }\n      return [];\n    },\n    [currentRoute]\n  );\n\n  return {\n    breadcrumbs: constructBreadcrumbs(routes),\n    currentRoute,\n    setActiveItem,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,SAAS,gBAAgB;AAC/C,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAcvB,MAAM,iBAAiB,CAC5B,OACA,oBACyB;AACzB,QAAM,SAAS,QAAQ,MAAM,cAAc,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,mBAAmB,EAAE;AAEtE,QAAM,gBAAgB;AAAA,IACpB,CAAC,SAAS;AACR,YAAM,WAAW,KAAK,QAAQ,KAAK,KAAK,OAAO,GAAG;AAClD,sBAAgB,MAAM;AACpB,cAAM,gBAAgB,OAAO,KAAK,MAAM,EAAE;AAAA,UAAK,CAAC,UAC9C,MAAM,SAAS,QAAQ;AAAA,QACzB;AACA,eAAO,iBAAiB;AAAA,MAC1B,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,uBAAuB;AAAA,IAC3B,CAACA,YAA6B;AAC5B,UAAI,cAAc;AAChB,cAAM,qBAAqBA,QAAO,YAAY;AAC9C,eAAO;AAAA,UACL,GAAI,oBAAoB,SAAS,IAAI,CAAC,WAAW;AAC/C,mBAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM,OAAO,KAAKA,OAAM,EAAE,KAAK,CAAC,UAAU;AACxC,uBAAOA,QAAO,KAAK,EAAE,UAAU;AAAA,cACjC,CAAC;AAAA,YACH;AAAA,UACF,CAAC,KAAK,CAAC;AAAA,UACP;AAAA,YACE,OAAO,oBAAoB;AAAA,YAC3B,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC;AAAA,IACV;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SAAO;AAAA,IACL,aAAa,qBAAqB,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["routes"]
+}

package/navigation/Breadcrumbs/index.d.ts

@@ -2,4 +2,5 @@ export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
 export * from '@digigov/react-core/BreadcrumbsListItem';
 import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
+export * from '@digigov/ui/navigation/Breadcrumbs/utils';
 export default Breadcrumbs;

package/navigation/Breadcrumbs/index.js

@@ -2,6 +2,7 @@ export * from "@digigov/react-core/Breadcrumbs";
 export * from "@digigov/react-core/BreadcrumbsList";
 export * from "@digigov/react-core/BreadcrumbsListItem";
 import Breadcrumbs from "@digigov/react-core/Breadcrumbs";
+export * from "@digigov/ui/navigation/Breadcrumbs/utils";
 var Breadcrumbs_default = Breadcrumbs;
 export {
   Breadcrumbs_default as default

package/navigation/Breadcrumbs/index.js.map

@@ -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';\nexport default Breadcrumbs;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,iBAAiB;AACxB,IAAO,sBAAQ;",
+  "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;",
   "names": []
 }

package/navigation/Breadcrumbs/slug/index.js

@@ -0,0 +1,97 @@
+function slug(text, maxWidth = 50) {
+  const greekToLatinMap = {
+    \u03B1: "a",
+    \u03B2: "b",
+    \u03B3: "g",
+    \u03B4: "d",
+    \u03B5: "e",
+    \u03B6: "z",
+    \u03B7: "i",
+    \u03B8: "th",
+    \u03B9: "i",
+    \u03BA: "k",
+    \u03BB: "l",
+    \u03BC: "m",
+    \u03BD: "n",
+    \u03BE: "x",
+    \u03BF: "o",
+    \u03C0: "p",
+    \u03C1: "r",
+    \u03C3: "s",
+    \u03C4: "t",
+    \u03C5: "y",
+    \u03C6: "f",
+    \u03C7: "ch",
+    \u03C8: "ps",
+    \u03C9: "o",
+    \u03AC: "a",
+    \u03AD: "e",
+    \u03AF: "i",
+    \u03CC: "o",
+    \u03CD: "y",
+    \u03AE: "i",
+    \u03CE: "o",
+    \u03C2: "s",
+    \u03CA: "i",
+    \u03B0: "y",
+    \u03CB: "y",
+    \u0390: "i",
+    \u0391: "A",
+    \u0392: "B",
+    \u0393: "G",
+    \u0394: "D",
+    \u0395: "E",
+    \u0396: "Z",
+    \u0397: "I",
+    \u0398: "TH",
+    \u0399: "I",
+    \u039A: "K",
+    \u039B: "L",
+    \u039C: "M",
+    \u039D: "N",
+    \u039E: "X",
+    \u039F: "O",
+    \u03A0: "P",
+    \u03A1: "R",
+    \u03A3: "S",
+    \u03A4: "T",
+    \u03A5: "Y",
+    \u03A6: "F",
+    \u03A7: "CH",
+    \u03A8: "PS",
+    \u03A9: "O",
+    \u0386: "A",
+    \u0388: "E",
+    \u038A: "I",
+    \u038C: "O",
+    \u038E: "Y",
+    \u0389: "I",
+    \u038F: "O",
+    \u03AA: "I",
+    \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(/-+$/, "");
+  let slug2 = processedText.substring(0, maxWidth);
+  const remainingText = processedText.substring(maxWidth);
+  slug2 = slug2.replace(/-+$/, "");
+  const id = generateIDFromText(remainingText);
+  return `${slug2}${id && "-"}${id}`;
+}
+function generateIDFromText(text) {
+  if (!text) return "";
+  let processedText = text.replace(/-/g, "").replace(/[^a-z0-9]/g, "");
+  if (!processedText) processedText = "default";
+  let hash = 0;
+  for (let i = 0; i < processedText.length; i++) {
+    const char = processedText.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  const id = Math.abs(hash).toString(36);
+  return id;
+}
+export {
+  slug
+};
+//# sourceMappingURL=slug.js.map

package/{api/APIErrors → navigation/Breadcrumbs/slug}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/APIErrors/index.js"
+  "main": "../../../cjs/navigation/Breadcrumbs/slug/index.js"
 }

package/navigation/Breadcrumbs/slug.d.ts

@@ -0,0 +1 @@
+export declare function slug(text: string, maxWidth?: number): string;

package/navigation/Breadcrumbs/slug.js.map

@@ -0,0 +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;",
+  "names": ["slug"]
+}

package/navigation/Breadcrumbs/utils/index.js

@@ -0,0 +1,29 @@
+import { slug } from "@digigov/ui/navigation/Breadcrumbs/slug";
+const flattenRoutes = (items, maxLength = 15, prepend = "", parents = []) => {
+  let flattened = {};
+  items.forEach((value) => {
+    const { title, href, children, ...rest } = value;
+    const route = [prepend, href || slug(title, maxLength)].join("/");
+    const routeChildren = children ? children.map((child) => ({
+      href: child.href || slug(child.title, maxLength),
+      ...child
+    })) : [];
+    flattened[route] = {
+      ...rest,
+      title,
+      children: routeChildren,
+      parents
+    };
+    if (children) {
+      flattened = {
+        ...flattened,
+        ...flattenRoutes(children, maxLength, route, [...parents, title])
+      };
+    }
+  });
+  return flattened;
+};
+export {
+  flattenRoutes
+};
+//# sourceMappingURL=utils.js.map

package/navigation/Breadcrumbs/utils/package.json

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

package/navigation/Breadcrumbs/utils.d.ts

@@ -0,0 +1 @@
+export declare const flattenRoutes: (items: any, maxLength?: number, prepend?: string, parents?: string[]) => {};

package/navigation/Breadcrumbs/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/Breadcrumbs/utils.ts"],
+  "sourcesContent": ["// utility.ts\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nexport const flattenRoutes = (\n  items,\n  maxLength: number = 15,\n  prepend: string = '',\n  parents: string[] = []\n) => {\n  let flattened = {};\n\n  items.forEach((value) => {\n    const { title, href, children, ...rest } = value;\n\n    const route = [prepend, href || slug(title, maxLength)].join('/');\n\n    const routeChildren = children\n      ? children.map((child) => ({\n          href: child.href || slug(child.title, maxLength),\n          ...child,\n        }))\n      : [];\n\n    flattened[route] = {\n      ...rest,\n      title,\n      children: routeChildren,\n      parents,\n    };\n\n    if (children) {\n      flattened = {\n        ...flattened,\n        ...flattenRoutes(children, maxLength, route, [...parents, title]),\n      };\n    }\n  });\n\n  return flattened;\n};\n"],
+  "mappings": "AACA,SAAS,YAAY;AACd,MAAM,gBAAgB,CAC3B,OACA,YAAoB,IACpB,UAAkB,IAClB,UAAoB,CAAC,MAClB;AACH,MAAI,YAAY,CAAC;AAEjB,QAAM,QAAQ,CAAC,UAAU;AACvB,UAAM,EAAE,OAAO,MAAM,UAAU,GAAG,KAAK,IAAI;AAE3C,UAAM,QAAQ,CAAC,SAAS,QAAQ,KAAK,OAAO,SAAS,CAAC,EAAE,KAAK,GAAG;AAEhE,UAAM,gBAAgB,WAClB,SAAS,IAAI,CAAC,WAAW;AAAA,MACvB,MAAM,MAAM,QAAQ,KAAK,MAAM,OAAO,SAAS;AAAA,MAC/C,GAAG;AAAA,IACL,EAAE,IACF,CAAC;AAEL,cAAU,KAAK,IAAI;AAAA,MACjB,GAAG;AAAA,MACH;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,kBAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,cAAc,UAAU,WAAW,OAAO,CAAC,GAAG,SAAS,KAAK,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

package/navigation/Drawer/__stories__/Auto/index.js

@@ -80,7 +80,9 @@ const Auto = () => {
     }
   ))), /* @__PURE__ */ React.createElement(AdminMain, null)), /* @__PURE__ */ React.createElement(GovGRFooter, null)));
 };
+var Auto_default = Auto;
 export {
-  Auto
+  Auto,
+  Auto_default as default
 };
 //# sourceMappingURL=Auto.js.map

package/navigation/Drawer/__stories__/Auto.d.ts

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

package/navigation/Drawer/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n  AdminAside,\n  AdminContainer,\n  AdminLayout,\n  AdminMain,\n  AdminTopSection,\n  AdminHeader,\n  AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n  DrawerProvider,\n  DrawerAuto,\n  DrawerHeadingAuto,\n  DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n  { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n  {\n    name: 'Nav2',\n    href: '#',\n    label: 'Nav list item 2',\n    menu: {\n      links: [\n        {\n          name: 'Nav2.1',\n          href: '#',\n          label: 'Nav list item 2.1',\n        },\n        {\n          name: 'Nav2.2',\n          href: '#',\n          label: 'Nav list item 2.2',\n        },\n        {\n          name: 'Nav2.3',\n          href: '#',\n          label: 'Nav list item 2.3',\n        },\n        {\n          name: 'Nav2.4',\n          href: '#',\n          label: 'Nav list item 2.4',\n        },\n      ],\n    },\n  },\n  { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <AdminLayout>\n      <DrawerProvider>\n        <AdminHeader>\n          <AdminHeaderContent>\n            <GovGRLogo></GovGRLogo>\n            <DrawerButtonAuto\n              drawer=\"drawer-1\"\n              className=\"md:hidden\"\n              open\n              color=\"secondary\"\n              style={{\n                marginBottom: 0,\n              }}\n            >\n              <BurgerIcon />\n            </DrawerButtonAuto>\n          </AdminHeaderContent>\n        </AdminHeader>\n        <AdminContainer>\n          <AdminAside>\n            <AdminTopSection></AdminTopSection>\n            <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n              <DrawerHeadingAuto drawer=\"drawer-1\">\n                <Heading size=\"md\">Menu</Heading>\n              </DrawerHeadingAuto>\n              <NavListAuto\n                layout={layout}\n                border={border}\n                links={links}\n                fixed={fixed}\n                aria-label=\"Nav list\"\n                role=\"menu\"\n              ></NavListAuto>\n            </DrawerAuto>\n          </AdminAside>\n          <AdminMain></AdminMain>\n        </AdminContainer>\n        <GovGRFooter />\n      </DrawerProvider>\n    </AdminLayout>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,mBACC,oCAAC,sBACC,oCAAC,mBACC,oCAAC,0BACC,oCAAC,eAAU,GACX;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,oCAAC,gBAAW;AAAA,EACd,CACF,CACF,GACA,oCAAC,sBACC,oCAAC,kBACC,oCAAC,qBAAgB,GACjB,oCAAC,cAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,oCAAC,qBAAkB,QAAO,cACxB,oCAAC,WAAQ,MAAK,QAAK,MAAI,CACzB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,oCAAC,eAAU,CACb,GACA,oCAAC,iBAAY,CACf,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { BurgerIcon } from '@digigov/ui/icons';\nimport {\n  AdminAside,\n  AdminContainer,\n  AdminLayout,\n  AdminMain,\n  AdminTopSection,\n  AdminHeader,\n  AdminHeaderContent,\n} from '@digigov/ui/layouts/Admin';\nimport {\n  DrawerProvider,\n  DrawerAuto,\n  DrawerHeadingAuto,\n  DrawerButtonAuto,\n} from '@digigov/ui/navigation/Drawer/auto';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nconst links = [\n  { name: 'Nav1', href: '#', label: 'Nav list item 1' },\n  {\n    name: 'Nav2',\n    href: '#',\n    label: 'Nav list item 2',\n    menu: {\n      links: [\n        {\n          name: 'Nav2.1',\n          href: '#',\n          label: 'Nav list item 2.1',\n        },\n        {\n          name: 'Nav2.2',\n          href: '#',\n          label: 'Nav list item 2.2',\n        },\n        {\n          name: 'Nav2.3',\n          href: '#',\n          label: 'Nav list item 2.3',\n        },\n        {\n          name: 'Nav2.4',\n          href: '#',\n          label: 'Nav list item 2.4',\n        },\n      ],\n    },\n  },\n  { name: 'Nav3', href: '#', label: 'Nav list item 3' },\n];\n\nexport const Auto = () => {\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <AdminLayout>\n      <DrawerProvider>\n        <AdminHeader>\n          <AdminHeaderContent>\n            <GovGRLogo />\n            <DrawerButtonAuto\n              drawer=\"drawer-1\"\n              className=\"md:hidden\"\n              open\n              color=\"secondary\"\n              style={{\n                marginBottom: 0,\n              }}\n            >\n              <BurgerIcon />\n            </DrawerButtonAuto>\n          </AdminHeaderContent>\n        </AdminHeader>\n        <AdminContainer>\n          <AdminAside>\n            <AdminTopSection></AdminTopSection>\n            <DrawerAuto id=\"drawer-1\" upRelative=\"md\" direction=\"left\">\n              <DrawerHeadingAuto drawer=\"drawer-1\">\n                <Heading size=\"md\">Menu</Heading>\n              </DrawerHeadingAuto>\n              <NavListAuto\n                layout={layout}\n                border={border}\n                links={links}\n                fixed={fixed}\n                aria-label=\"Nav list\"\n                role=\"menu\"\n              ></NavListAuto>\n            </DrawerAuto>\n          </AdminAside>\n          <AdminMain></AdminMain>\n        </AdminContainer>\n        <GovGRFooter />\n      </DrawerProvider>\n    </AdminLayout>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AAAA,EACpD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,KAAK,OAAO,kBAAkB;AACtD;AAEO,MAAM,OAAO,MAAM;AACxB,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,mBACC,oCAAC,sBACC,oCAAC,mBACC,oCAAC,0BACC,oCAAC,eAAU,GACX;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc;AAAA,MAChB;AAAA;AAAA,IAEA,oCAAC,gBAAW;AAAA,EACd,CACF,CACF,GACA,oCAAC,sBACC,oCAAC,kBACC,oCAAC,qBAAgB,GACjB,oCAAC,cAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,oCAAC,qBAAkB,QAAO,cACxB,oCAAC,WAAQ,MAAK,QAAK,MAAI,CACzB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,oCAAC,eAAU,CACb,GACA,oCAAC,iBAAY,CACf,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": []
 }

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

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Drawer } from "@digigov/ui/navigation/Drawer";
 import { DrawerHeading } from "@digigov/ui/navigation/Drawer";
 import { NavListAuto } from "@digigov/ui/navigation/NavList";
-import Heading from "@digigov/ui/typography/Heading";
+import { Heading } from "@digigov/ui/typography/Heading";
 function useDrawer() {
   const [open, setOpen] = useState(true);
   function toggleDrawer() {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/__stories__/Default.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport Heading from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n  const [open, setOpen] = useState(true);\n  function toggleDrawer() {\n    setOpen(!open);\n  }\n  return [open, toggleDrawer];\n}\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    menu: {\n      links: [\n        {\n          name: 'elearning',\n          href: '#elearning',\n          label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n        },\n        {\n          name: 'videos',\n          href: '#videos',\n          label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n        },\n        {\n          name: 'presentations',\n          href: '#presentations',\n          label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n        },\n        {\n          name: 'promoting',\n          href: '#promoting',\n          label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n        },\n        {\n          name: 'other-texts',\n          href: '#other-texts',\n          label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n        },\n      ],\n    },\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n  const [open, toggleDrawer] = useDrawer();\n\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n      <DrawerHeading onClick={() => toggleDrawer()}>\n        <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n      </DrawerHeading>\n      <NavListAuto\n        layout={layout}\n        links={links}\n        border={border}\n        fixed={fixed}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </Drawer>\n  );\n};\nexport default Default;\n"],
-  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,OAAO,aAAa;AAEpB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AAEvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,UAAO,YAAW,MAAK,WAAU,QAAO,QACvC,oCAAC,iBAAc,SAAS,MAAM,aAAa,KACzC,oCAAC,WAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AACA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer } from '@digigov/ui/navigation/Drawer';\nimport { DrawerHeading } from '@digigov/ui/navigation/Drawer';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nfunction useDrawer(): [boolean, () => void] {\n  const [open, setOpen] = useState(true);\n  function toggleDrawer() {\n    setOpen(!open);\n  }\n  return [open, toggleDrawer];\n}\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    menu: {\n      links: [\n        {\n          name: 'elearning',\n          href: '#elearning',\n          label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n        },\n        {\n          name: 'videos',\n          href: '#videos',\n          label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n        },\n        {\n          name: 'presentations',\n          href: '#presentations',\n          label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n        },\n        {\n          name: 'promoting',\n          href: '#promoting',\n          label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n        },\n        {\n          name: 'other-texts',\n          href: '#other-texts',\n          label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n        },\n      ],\n    },\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const Default = () => {\n  const [open, toggleDrawer] = useDrawer();\n  const layout = 'vertical';\n  const border = false;\n  const fixed = false;\n\n  return (\n    <Drawer upRelative=\"md\" direction=\"left\" open={open}>\n      <DrawerHeading onClick={() => toggleDrawer()}>\n        <Heading size=\"md\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</Heading>\n      </DrawerHeading>\n      <NavListAuto\n        layout={layout}\n        links={links}\n        border={border}\n        fixed={fixed}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </Drawer>\n  );\n};\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AACrC,WAAS,eAAe;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf;AACA,SAAO,CAAC,MAAM,YAAY;AAC5B;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,CAAC,MAAM,YAAY,IAAI,UAAU;AACvC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,QAAQ;AAEd,SACE,oCAAC,UAAO,YAAW,MAAK,WAAU,QAAO,QACvC,oCAAC,iBAAc,SAAS,MAAM,aAAa,KACzC,oCAAC,WAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,48 +1,48 @@
-import React from "react";
+import React, { useState } from "react";
 import BurgerIcon from "@digigov/ui/utils/SvgIcon";
 import { Button } from "@digigov/ui/form/Button";
 import { NavListAuto } from "@digigov/ui/navigation/NavList";
 const links = [
-  { "name": "home", "href": "#home", "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
+  { name: "home", href: "#home", label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE" },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenuHeading": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "subMenu": [
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenuHeading: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
+        name: "elearning",
+        href: "#elearning",
+        label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1"
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
+        name: "videos",
+        href: "#videos",
+        label: "\u0392\u03AF\u03BD\u03C4\u03B5\u03BF"
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
+        name: "presentations",
+        href: "#presentations",
+        label: "\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2"
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
+        name: "promoting",
+        href: "#promoting",
+        label: "\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC"
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
+        name: "other-texts",
+        href: "#other-texts",
+        label: "\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1"
       }
     ]
   },
-  { "name": "news", "href": "#news", "label": "\u039D\u03AD\u03B1" }
+  { name: "news", href: "#news", label: "\u039D\u03AD\u03B1" }
 ];
 const UsingNavListAuto = () => {
   const layout = "horizontal";
   const drawer = "smDown";
   const border = true;
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = useState(false);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { color: "secondary", onClick: () => setOpen(!open), smUpHidden: true }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", /* @__PURE__ */ React.createElement(BurgerIcon, null)), /* @__PURE__ */ React.createElement(
     NavListAuto,
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/__stories__/UsingNavListAuto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { \"name\": \"home\", \"href\": \"#home\", \"label\": \"\u0391\u03C1\u03C7\u03B9\u03BA\u03AE\" },\n  {\n    \"name\": \"educational\",\n    \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenuHeading\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC\",\n    \"subMenu\": [\n      {\n        \"name\": \"elearning\",\n        \"href\": \"#elearning\",\n        \"label\": \"\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1\"\n      },\n      {\n        \"name\": \"videos\",\n        \"href\": \"#videos\",\n        \"label\": \"\u0392\u03AF\u03BD\u03C4\u03B5\u03BF\"\n      },\n      {\n        \"name\": \"presentations\",\n        \"href\": \"#presentations\",\n        \"label\": \"\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2\"\n      },\n      {\n        \"name\": \"promoting\",\n        \"href\": \"#promoting\",\n        \"label\": \"\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC\"\n      },\n      {\n        \"name\": \"other-texts\",\n        \"href\": \"#other-texts\",\n        \"label\": \"\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1\"\n      }\n    ]\n  },\n  { \"name\": \"news\", \"href\": \"#news\", \"label\": \"\u039D\u03AD\u03B1\" }\n]\n\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = React.useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,uCAAS;AAAA,EACrD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,QAAQ,QAAQ,QAAQ,SAAS,SAAS,qBAAM;AACpD;AAGO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport BurgerIcon from '@digigov/ui/utils/SvgIcon';\nimport { Button } from '@digigov/ui/form/Button';\nimport { NavListAuto } from '@digigov/ui/navigation/NavList';\n\nconst links = [\n  { name: 'home', href: '#home', label: '\u0391\u03C1\u03C7\u03B9\u03BA\u03AE' },\n  {\n    name: 'educational',\n    label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenuHeading: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC',\n    subMenu: [\n      {\n        name: 'elearning',\n        href: '#elearning',\n        label: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1',\n      },\n      {\n        name: 'videos',\n        href: '#videos',\n        label: '\u0392\u03AF\u03BD\u03C4\u03B5\u03BF',\n      },\n      {\n        name: 'presentations',\n        href: '#presentations',\n        label: '\u03A0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03B5\u03B9\u03C2',\n      },\n      {\n        name: 'promoting',\n        href: '#promoting',\n        label: '\u03A0\u03C1\u03BF\u03C9\u03B8\u03CE\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03B8\u03BB\u03B7\u03C4\u03B9\u03BA\u03AE \u03B1\u03BA\u03B5\u03C1\u03B1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03C4\u03B7\u03BD \u03BD\u03AD\u03B1 \u03B3\u03B5\u03BD\u03B9\u03AC',\n      },\n      {\n        name: 'other-texts',\n        href: '#other-texts',\n        label: '\u0386\u03BB\u03BB\u03B1 \u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03B1',\n      },\n    ],\n  },\n  { name: 'news', href: '#news', label: '\u039D\u03AD\u03B1' },\n];\n\nexport const UsingNavListAuto = () => {\n  const layout = 'horizontal';\n  const drawer = 'smDown';\n  const border = true;\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button color=\"secondary\" onClick={() => setOpen(!open)} smUpHidden>\n        \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 <BurgerIcon />\n      </Button>\n      <NavListAuto\n        layout={layout}\n        border={border}\n        drawer={drawer}\n        open={open}\n        links={links}\n        onClose={() => setOpen(false)}\n        aria-label=\"Nav list\"\n      ></NavListAuto>\n    </>\n  );\n};\n\nexport default UsingNavListAuto;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAE5B,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,uCAAS;AAAA,EAC/C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,QAAQ,MAAM,SAAS,OAAO,qBAAM;AAC9C;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,SAAS;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,0DACE,oCAAC,UAAO,OAAM,aAAY,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAG,YAAU,QAAC,qDACzD,oCAAC,gBAAW,CACvB,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": []
 }

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

@@ -7,35 +7,43 @@ import {
 } from "@digigov/ui/navigation/NavList";
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
+    name: "home",
+    href: "#home",
+    label: "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"
   },
   {
-    "name": "educational",
-    "label": "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
-    "href": "#educational"
+    name: "educational",
+    label: "\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC \u03C5\u03BB\u03B9\u03BA\u03CC",
+    href: "#educational"
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "\u039D\u03AD\u03B1"
+    name: "news",
+    href: "#news",
+    label: "\u039D\u03AD\u03B1"
   }
 ];
 const Vertical = () => {
   const layout = "vertical";
   const { registerNavItem } = useNavList();
   const [useActive, setUseActive] = useState("");
-  return /* @__PURE__ */ React.createElement(Nav, { "aria-orientation": layout || "horizontal", "aria-label": "navigation list" }, /* @__PURE__ */ React.createElement(NavList, { layout }, links.map((item, key) => /* @__PURE__ */ React.createElement(
-    NavListItemAction,
+  return /* @__PURE__ */ React.createElement(
+    Nav,
     {
-      ...registerNavItem(item),
-      key,
-      active: item.name === useActive,
-      onClick: () => setUseActive(item.name)
+      "aria-orientation": layout || "horizontal",
+      "aria-label": "navigation list",
+      border: false
     },
-    item.label
-  ))));
+    /* @__PURE__ */ React.createElement(NavList, { layout }, links.map((item, key) => /* @__PURE__ */ React.createElement(
+      NavListItemAction,
+      {
+        ...registerNavItem(item),
+        key,
+        active: item.name === useActive,
+        onClick: () => setUseActive(item.name)
+      },
+      item.label
+    )))
+  );
 };
 var Vertical_default = Vertical;
 export {

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

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

package/package.json

@@ -1,22 +1,21 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-rc.21",
+  "version": "2.0.0-rc.22",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.0.1-rc.21",
-    "@digigov/react-icons": "2.0.0-rc.21",
+    "@uides/react-qr-reader": "3.0.1-rc.22",
+    "@digigov/react-icons": "2.0.0-rc.22",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
   "peerDependencies": {
-    "react-query": "2.26.4",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0",
-    "@digigov/react-core": "2.0.0-rc.21",
-    "@digigov/css": "2.0.0-rc.21"
+    "@digigov/react-core": "2.0.0-rc.22",
+    "@digigov/css": "2.0.0-rc.22"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/registry/index.js

@@ -1,11 +1,3 @@
-import * as _digigov_ui_api_APIErrors from "@digigov/ui/api/APIErrors";
-import * as _digigov_ui_api_APIProvider from "@digigov/ui/api/APIProvider";
-import * as _digigov_ui_api_fetchAPI from "@digigov/ui/api/fetchAPI";
-import * as _digigov_ui_api from "@digigov/ui/api";
-import * as _digigov_ui_api_useResource from "@digigov/ui/api/useResource";
-import * as _digigov_ui_api_useResourceAction from "@digigov/ui/api/useResourceAction";
-import * as _digigov_ui_api_useResourceQuery from "@digigov/ui/api/useResourceQuery";
-import * as _digigov_ui_api_utils from "@digigov/ui/api/utils";
 import * as _digigov_ui_app_App from "@digigov/ui/app/App";
 import * as _digigov_ui_app_BannerContainer from "@digigov/ui/app/BannerContainer";
 import * as _digigov_ui_app_BottomInfo from "@digigov/ui/app/BottomInfo";
@@ -27,6 +19,7 @@ import * as _digigov_ui_app_hooks_useTheme from "@digigov/ui/app/hooks/useTheme"
 import * as _digigov_ui_app_hooks_useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
 import * as _digigov_ui_app from "@digigov/ui/app";
 import * as _digigov_ui_app_Loader from "@digigov/ui/app/Loader";
+import * as _digigov_ui_app_Loader_index_web from "@digigov/ui/app/Loader/index.web";
 import * as _digigov_ui_app_Masthead from "@digigov/ui/app/Masthead";
 import * as _digigov_ui_app_Modal_auto from "@digigov/ui/app/Modal/auto";
 import * as _digigov_ui_app_Modal_hooks from "@digigov/ui/app/Modal/hooks";
@@ -139,7 +132,11 @@ import * as _digigov_ui_layouts_SectionBreak from "@digigov/ui/layouts/SectionBr
 import * as _digigov_ui_layouts_Stack from "@digigov/ui/layouts/Stack";
 import * as _digigov_ui_navigation_BackLink from "@digigov/ui/navigation/BackLink";
 import * as _digigov_ui_navigation_BackToTopLink from "@digigov/ui/navigation/BackToTopLink";
+import * as _digigov_ui_navigation_Breadcrumbs_auto from "@digigov/ui/navigation/Breadcrumbs/auto";
+import * as _digigov_ui_navigation_Breadcrumbs_hooks from "@digigov/ui/navigation/Breadcrumbs/hooks";
 import * as _digigov_ui_navigation_Breadcrumbs from "@digigov/ui/navigation/Breadcrumbs";
+import * as _digigov_ui_navigation_Breadcrumbs_slug from "@digigov/ui/navigation/Breadcrumbs/slug";
+import * as _digigov_ui_navigation_Breadcrumbs_utils from "@digigov/ui/navigation/Breadcrumbs/utils";
 import * as _digigov_ui_navigation_Drawer_auto from "@digigov/ui/navigation/Drawer/auto";
 import * as _digigov_ui_navigation_Drawer_hooks from "@digigov/ui/navigation/Drawer/hooks";
 import * as _digigov_ui_navigation_Drawer from "@digigov/ui/navigation/Drawer";
@@ -201,14 +198,6 @@ function lazyImport(pkgImport) {
   );
 }
 var registry_default = {
-  "@digigov/ui/api/APIErrors": lazyImport(_digigov_ui_api_APIErrors),
-  "@digigov/ui/api/APIProvider": lazyImport(_digigov_ui_api_APIProvider),
-  "@digigov/ui/api/fetchAPI": lazyImport(_digigov_ui_api_fetchAPI),
-  "@digigov/ui/api": lazyImport(_digigov_ui_api),
-  "@digigov/ui/api/useResource": lazyImport(_digigov_ui_api_useResource),
-  "@digigov/ui/api/useResourceAction": lazyImport(_digigov_ui_api_useResourceAction),
-  "@digigov/ui/api/useResourceQuery": lazyImport(_digigov_ui_api_useResourceQuery),
-  "@digigov/ui/api/utils": lazyImport(_digigov_ui_api_utils),
   "@digigov/ui/app/App": lazyImport(_digigov_ui_app_App),
   "@digigov/ui/app/BannerContainer": lazyImport(_digigov_ui_app_BannerContainer),
   "@digigov/ui/app/BottomInfo": lazyImport(_digigov_ui_app_BottomInfo),
@@ -230,6 +219,7 @@ var registry_default = {
   "@digigov/ui/app/hooks/useVariantVars": lazyImport(_digigov_ui_app_hooks_useVariantVars),
   "@digigov/ui/app": lazyImport(_digigov_ui_app),
   "@digigov/ui/app/Loader": lazyImport(_digigov_ui_app_Loader),
+  "@digigov/ui/app/Loader/index.web": lazyImport(_digigov_ui_app_Loader_index_web),
   "@digigov/ui/app/Masthead": lazyImport(_digigov_ui_app_Masthead),
   "@digigov/ui/app/Modal/auto": lazyImport(_digigov_ui_app_Modal_auto),
   "@digigov/ui/app/Modal/hooks": lazyImport(_digigov_ui_app_Modal_hooks),
@@ -342,7 +332,11 @@ var registry_default = {
   "@digigov/ui/layouts/Stack": lazyImport(_digigov_ui_layouts_Stack),
   "@digigov/ui/navigation/BackLink": lazyImport(_digigov_ui_navigation_BackLink),
   "@digigov/ui/navigation/BackToTopLink": lazyImport(_digigov_ui_navigation_BackToTopLink),
+  "@digigov/ui/navigation/Breadcrumbs/auto": lazyImport(_digigov_ui_navigation_Breadcrumbs_auto),
+  "@digigov/ui/navigation/Breadcrumbs/hooks": lazyImport(_digigov_ui_navigation_Breadcrumbs_hooks),
   "@digigov/ui/navigation/Breadcrumbs": lazyImport(_digigov_ui_navigation_Breadcrumbs),
+  "@digigov/ui/navigation/Breadcrumbs/slug": lazyImport(_digigov_ui_navigation_Breadcrumbs_slug),
+  "@digigov/ui/navigation/Breadcrumbs/utils": lazyImport(_digigov_ui_navigation_Breadcrumbs_utils),
   "@digigov/ui/navigation/Drawer/auto": lazyImport(_digigov_ui_navigation_Drawer_auto),
   "@digigov/ui/navigation/Drawer/hooks": lazyImport(_digigov_ui_navigation_Drawer_hooks),
   "@digigov/ui/navigation/Drawer": lazyImport(_digigov_ui_navigation_Drawer),
@@ -425,6 +419,7 @@ import * as _digigov_ui_form_DateInputContainer_DateInputContainer_stories from
 import * as _digigov_ui_form_ErrorMessage_ErrorMessage_stories from "@digigov/ui/form/ErrorMessage/ErrorMessage.stories";
 import * as _digigov_ui_form_FileUpload_FileUpload_stories from "@digigov/ui/form/FileUpload/FileUpload.stories";
 import * as _digigov_ui_form_RadioContainer_RadioContainer_stories from "@digigov/ui/form/RadioContainer/RadioContainer.stories";
+import * as _digigov_ui_form_SearchContainer_SearchContainer_stories from "@digigov/ui/form/SearchContainer/SearchContainer.stories";
 import * as _digigov_ui_form_SelectContainer_SelectContainer_stories from "@digigov/ui/form/SelectContainer/SelectContainer.stories";
 import * as _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories from "@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories";
 import * as _digigov_ui_form_TextArea_TextArea_stories from "@digigov/ui/form/TextArea/TextArea.stories";
@@ -488,6 +483,7 @@ const stories = {
   "@digigov/ui/form/ErrorMessage/ErrorMessage.stories": _digigov_ui_form_ErrorMessage_ErrorMessage_stories,
   "@digigov/ui/form/FileUpload/FileUpload.stories": _digigov_ui_form_FileUpload_FileUpload_stories,
   "@digigov/ui/form/RadioContainer/RadioContainer.stories": _digigov_ui_form_RadioContainer_RadioContainer_stories,
+  "@digigov/ui/form/SearchContainer/SearchContainer.stories": _digigov_ui_form_SearchContainer_SearchContainer_stories,
   "@digigov/ui/form/SelectContainer/SelectContainer.stories": _digigov_ui_form_SelectContainer_SelectContainer_stories,
   "@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories": _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
   "@digigov/ui/form/TextArea/TextArea.stories": _digigov_ui_form_TextArea_TextArea_stories,