@digigov/ui 2.0.0-6c42d5eb → 2.0.0-6e3977bc

package/cjs/navigation/Breadcrumbs/hooks/index.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  useBreadcrumbs: () => useBreadcrumbs
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_slug = require("@digigov/ui/navigation/Breadcrumbs/slug");
+var import_utils = require("@digigov/ui/navigation/Breadcrumbs/utils");
+const useBreadcrumbs = (items, initialUrlRoute) => {
+  const routes = (0, import_react.useMemo)(() => (0, import_utils.flattenRoutes)(items, 100), [items]);
+  const [currentRoute, setCurrentRoute] = (0, import_react.useState)(initialUrlRoute || "");
+  const setActiveItem = (0, import_react.useCallback)(
+    (item) => {
+      const itemHref = item.href ?? (0, import_slug.slug)(item.title, 100);
+      setCurrentRoute(() => {
+        const selectedRoute = Object.keys(routes).find(
+          (route) => route.endsWith(itemHref)
+        );
+        return selectedRoute || "/";
+      });
+    },
+    [routes]
+  );
+  const constructBreadcrumbs = (0, import_react.useCallback)(
+    (routes2) => {
+      if (currentRoute) {
+        const selectedBreadcrumb = routes2[currentRoute];
+        return [
+          ...selectedBreadcrumb?.parents?.map((parent) => {
+            return {
+              title: parent,
+              href: Object.keys(routes2).find((route) => {
+                return routes2[route].title === parent;
+              })
+            };
+          }) || [],
+          {
+            title: selectedBreadcrumb?.title,
+            href: currentRoute
+          }
+        ];
+      }
+      return [];
+    },
+    [currentRoute]
+  );
+  return {
+    breadcrumbs: constructBreadcrumbs(routes),
+    currentRoute,
+    setActiveItem
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBreadcrumbs
+});
+//# sourceMappingURL=hooks.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAC/C,kBAAqB;AACrB,mBAA8B;AAcvB,MAAM,iBAAiB,CAC5B,OACA,oBACyB;AACzB,QAAM,aAAS,sBAAQ,UAAM,4BAAc,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC;AAC/D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,mBAAmB,EAAE;AAEtE,QAAM,oBAAgB;AAAA,IACpB,CAAC,SAAS;AACR,YAAM,WAAW,KAAK,YAAQ,kBAAK,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,2BAAuB;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/cjs/navigation/Breadcrumbs/index.js

@@ -35,11 +35,13 @@ __reExport(Breadcrumbs_exports, require("@digigov/react-core/Breadcrumbs"), modu
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsList"), module.exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItem"), module.exports);
 var import_Breadcrumbs = __toESM(require("@digigov/react-core/Breadcrumbs"));
+__reExport(Breadcrumbs_exports, require("@digigov/ui/navigation/Breadcrumbs/utils"), module.exports);
 var Breadcrumbs_default = import_Breadcrumbs.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("@digigov/react-core/Breadcrumbs"),
   ...require("@digigov/react-core/BreadcrumbsList"),
-  ...require("@digigov/react-core/BreadcrumbsListItem")
+  ...require("@digigov/react-core/BreadcrumbsListItem"),
+  ...require("@digigov/ui/navigation/Breadcrumbs/utils")
 });
 //# sourceMappingURL=index.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,4CAAd;AACA,gCAAc,gDADd;AAEA,gCAAc,oDAFd;AAGA,yBAAwB;AACxB,IAAO,sBAAQ,mBAAAA;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,4CAAd;AACA,gCAAc,gDADd;AAEA,gCAAc,oDAFd;AAGA,yBAAwB;AAExB,gCAAc,qDALd;AAOA,IAAO,sBAAQ,mBAAAA;",
   "names": ["Breadcrumbs"]
 }

package/cjs/navigation/Breadcrumbs/slug/index.js

@@ -0,0 +1,120 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var slug_exports = {};
+__export(slug_exports, {
+  slug: () => slug
+});
+module.exports = __toCommonJS(slug_exports);
+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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  slug
+});
+//# sourceMappingURL=slug.js.map

package/cjs/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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/cjs/navigation/Breadcrumbs/utils/index.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  flattenRoutes: () => flattenRoutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_slug = require("@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 || (0, import_slug.slug)(title, maxLength)].join("/");
+    const routeChildren = children ? children.map((child) => ({
+      href: child.href || (0, import_slug.slug)(child.title, maxLength),
+      ...child
+    })) : [];
+    flattened[route] = {
+      ...rest,
+      title,
+      children: routeChildren,
+      parents
+    };
+    if (children) {
+      flattened = {
+        ...flattened,
+        ...flattenRoutes(children, maxLength, route, [...parents, title])
+      };
+    }
+  });
+  return flattened;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  flattenRoutes
+});
+//# sourceMappingURL=utils.js.map

package/cjs/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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;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,YAAQ,kBAAK,OAAO,SAAS,CAAC,EAAE,KAAK,GAAG;AAEhE,UAAM,gBAAgB,WAClB,SAAS,IAAI,CAAC,WAAW;AAAA,MACvB,MAAM,MAAM,YAAQ,kBAAK,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/cjs/navigation/Drawer/__stories__/Auto/index.js

@@ -35,7 +35,7 @@ var import_Footer = require("@digigov/ui/govgr/Footer");
 var import_GovGRLogo = require("@digigov/ui/govgr/GovGRLogo");
 var import_icons = require("@digigov/ui/icons");
 var import_Admin = require("@digigov/ui/layouts/Admin");
-var import_Drawer = require("@digigov/ui/navigation/Drawer");
+var import_auto = require("@digigov/ui/navigation/Drawer/auto");
 var import_NavList = require("@digigov/ui/navigation/NavList");
 var import_Heading = require("@digigov/ui/typography/Heading");
 const links = [
@@ -75,8 +75,8 @@ const Auto = () => {
   const layout = "vertical";
   const border = false;
   const fixed = false;
-  return /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminLayout, null, /* @__PURE__ */ import_react.default.createElement(import_Drawer.DrawerProvider, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminHeader, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminHeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, null), /* @__PURE__ */ import_react.default.createElement(
-    import_Drawer.DrawerButtonAuto,
+  return /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminLayout, null, /* @__PURE__ */ import_react.default.createElement(import_auto.DrawerProvider, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminHeader, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminHeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, null), /* @__PURE__ */ import_react.default.createElement(
+    import_auto.DrawerButtonAuto,
     {
       drawer: "drawer-1",
       className: "md:hidden",
@@ -87,7 +87,7 @@ const Auto = () => {
       }
     },
     /* @__PURE__ */ import_react.default.createElement(import_icons.BurgerIcon, null)
-  ))), /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminAside, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminTopSection, null), /* @__PURE__ */ import_react.default.createElement(import_Drawer.DrawerAuto, { id: "drawer-1", upRelative: "md", direction: "left" }, /* @__PURE__ */ import_react.default.createElement(import_Drawer.DrawerHeadingAuto, { drawer: "drawer-1" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "Menu")), /* @__PURE__ */ import_react.default.createElement(
+  ))), /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminAside, null, /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminTopSection, null), /* @__PURE__ */ import_react.default.createElement(import_auto.DrawerAuto, { id: "drawer-1", upRelative: "md", direction: "left" }, /* @__PURE__ */ import_react.default.createElement(import_auto.DrawerHeadingAuto, { drawer: "drawer-1" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "Menu")), /* @__PURE__ */ import_react.default.createElement(
     import_NavList.NavListAuto,
     {
       layout,

package/cjs/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';\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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAA4B;AAC5B,uBAA0B;AAC1B,mBAA2B;AAC3B,mBAQO;AACP,oBAKO;AACP,qBAA4B;AAC5B,qBAAwB;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,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,gCAAU,GACX,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,6BAAW;AAAA,EACd,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,kCAAgB,GACjB,6BAAAA,QAAA,cAAC,4BAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,6BAAAA,QAAA,cAAC,mCAAkB,QAAO,cACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,MAAI,CACzB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAU,CACb,GACA,6BAAAA,QAAA,cAAC,+BAAY,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></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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAA4B;AAC5B,uBAA0B;AAC1B,mBAA2B;AAC3B,mBAQO;AACP,kBAKO;AACP,qBAA4B;AAC5B,qBAAwB;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,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,gCAAU,GACX,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,6BAAW;AAAA,EACd,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,kCAAgB,GACjB,6BAAAA,QAAA,cAAC,0BAAW,IAAG,YAAW,YAAW,MAAK,WAAU,UAClD,6BAAAA,QAAA,cAAC,iCAAkB,QAAO,cACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,MAAI,CACzB,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA;AAAA,EACN,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAU,CACb,GACA,6BAAAA,QAAA,cAAC,+BAAY,CACf,CACF;AAEJ;",
   "names": ["React"]
 }

package/cjs/navigation/Drawer/index.js

@@ -33,13 +33,11 @@ __export(Drawer_exports, {
 module.exports = __toCommonJS(Drawer_exports);
 __reExport(Drawer_exports, require("@digigov/react-core/Drawer"), module.exports);
 __reExport(Drawer_exports, require("@digigov/react-core/DrawerHeading"), module.exports);
-__reExport(Drawer_exports, require("@digigov/ui/navigation/Drawer/auto"), module.exports);
 var import_Drawer = __toESM(require("@digigov/react-core/Drawer"));
 var Drawer_default = import_Drawer.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("@digigov/react-core/Drawer"),
-  ...require("@digigov/react-core/DrawerHeading"),
-  ...require("@digigov/ui/navigation/Drawer/auto")
+  ...require("@digigov/react-core/DrawerHeading")
 });
 //# sourceMappingURL=index.js.map

package/cjs/navigation/Drawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Drawer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Drawer';\nexport * from '@digigov/react-core/DrawerHeading';\nexport * from '@digigov/ui/navigation/Drawer/auto';\nimport Drawer from '@digigov/react-core/Drawer';\nexport default Drawer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,uCAAd;AACA,2BAAc,8CADd;AAEA,2BAAc,+CAFd;AAGA,oBAAmB;AACnB,IAAO,iBAAQ,cAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Drawer';\nexport * from '@digigov/react-core/DrawerHeading';\nimport Drawer from '@digigov/react-core/Drawer';\nexport default Drawer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,uCAAd;AACA,2BAAc,8CADd;AAEA,oBAAmB;AACnB,IAAO,iBAAQ,cAAAA;",
   "names": ["Drawer"]
 }

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

@@ -37,12 +37,13 @@ var import_Basic = __toESM(require("@digigov/ui/layouts/Basic"));
 var import_Basic2 = __toESM(require("@digigov/ui/layouts/Basic"));
 var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
+var import_auto = require("@digigov/ui/navigation/Pagination/auto");
 const fetchedData = [];
 for (let i = 0; i < 78; i++) {
   fetchedData.push({ id: i });
 }
 const MyContainer = ({ data }) => {
-  const { offset, limit } = (0, import_Pagination.usePaginationContext)();
+  const { offset, limit } = (0, import_auto.usePaginationContext)();
   return data.filter((item, index) => {
     index > offset && index < offset + limit;
     console.log(item);
@@ -52,14 +53,14 @@ const MyContainer = ({ data }) => {
 };
 const Auto = () => {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_Pagination.PaginationContextAuto,
+    import_auto.PaginationContextAuto,
     {
       total: fetchedData.length,
       resultsPerPageOptions: [15, 25],
       previousLabel: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7",
       nextLabel: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7"
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Basic2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListAuto, null))))
+    /* @__PURE__ */ import_react.default.createElement(import_Basic.default, null, /* @__PURE__ */ import_react.default.createElement(import_Basic2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(MyContainer, { data: fetchedData })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationLabelAuto, null), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationResultsPerPageSelectAuto, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.PaginationListAuto, null))))
   );
 };
 var Auto_default = Auto;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Pagination/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic';\nimport Main from '@digigov/ui/layouts/Basic';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst MyContainer = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return data\n    .filter((item, index) => {\n      index > offset && index < offset + limit;\n      console.log(item);\n    })\n    .map((item, index) => {\n      return (\n        <Grid item xs={4} md={2} key={index}>\n          <Card variant=\"border\"> {item.id}</Card>\n        </Grid>\n      );\n    });\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container>\n        <Main>\n          <Grid container spacing={4}>\n            <MyContainer data={fetchedData} />\n          </Grid>\n          <Pagination>\n            <PaginationLabelAuto />\n            <PaginationResultsPerPageSelectAuto>\n              \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n            </PaginationResultsPerPageSelectAuto>\n            <PaginationListAuto />\n          </Pagination>\n        </Main>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AACtB,IAAAA,gBAAiB;AACjB,kBAAiB;AACjB,wBAOO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,cAAc,CAAC,EAAE,KAAK,MAAM;AAChC,QAAM,EAAE,QAAQ,MAAM,QAAI,wCAAqB;AAE/C,SAAO,KACJ,OAAO,CAAC,MAAM,UAAU;AACvB,YAAQ,UAAU,QAAQ,SAAS;AACnC,YAAQ,IAAI,IAAI;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,aAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,KACvB,6BAAAD,QAAA,cAAC,eAAY,MAAM,aAAa,CAClC,GACA,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,2CAAoB,GACrB,6BAAAA,QAAA,cAAC,4DAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,0CAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Container from '@digigov/ui/layouts/Basic';\nimport Main from '@digigov/ui/layouts/Basic';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n} from '@digigov/ui/navigation/Pagination';\nimport {\n  PaginationContextAuto,\n  PaginationLabelAuto,\n  PaginationListAuto,\n  PaginationResultsPerPageSelectAuto,\n  usePaginationContext,\n} from '@digigov/ui/navigation/Pagination/auto';\n\nconst fetchedData: { id: number }[] = [];\n\nfor (let i = 0; i < 78; i++) {\n  fetchedData.push({ id: i });\n}\n\nconst MyContainer = ({ data }) => {\n  const { offset, limit } = usePaginationContext();\n\n  return data\n    .filter((item, index) => {\n      index > offset && index < offset + limit;\n      console.log(item);\n    })\n    .map((item, index) => {\n      return (\n        <Grid item xs={4} md={2} key={index}>\n          <Card variant=\"border\"> {item.id}</Card>\n        </Grid>\n      );\n    });\n};\n\nexport const Auto = () => {\n  return (\n    <PaginationContextAuto\n      total={fetchedData.length}\n      resultsPerPageOptions={[15, 25]}\n      previousLabel=\"\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7\"\n      nextLabel=\"\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7\"\n    >\n      <Container>\n        <Main>\n          <Grid container spacing={4}>\n            <MyContainer data={fetchedData} />\n          </Grid>\n          <Pagination>\n            <PaginationLabelAuto />\n            <PaginationResultsPerPageSelectAuto>\n              \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n            </PaginationResultsPerPageSelectAuto>\n            <PaginationListAuto />\n          </Pagination>\n        </Main>\n      </Container>\n    </PaginationContextAuto>\n  );\n};\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AACtB,IAAAA,gBAAiB;AACjB,kBAAiB;AACjB,wBAEO;AACP,kBAMO;AAEP,MAAM,cAAgC,CAAC;AAEvC,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,cAAY,KAAK,EAAE,IAAI,EAAE,CAAC;AAC5B;AAEA,MAAM,cAAc,CAAC,EAAE,KAAK,MAAM;AAChC,QAAM,EAAE,QAAQ,MAAM,QAAI,kCAAqB;AAE/C,SAAO,KACJ,OAAO,CAAC,MAAM,UAAU;AACvB,YAAQ,UAAU,QAAQ,SAAS;AACnC,YAAQ,IAAI,IAAI;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,UAAU;AACpB,WACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC;AACL;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB,uBAAuB,CAAC,IAAI,EAAE;AAAA,MAC9B,eAAc;AAAA,MACd,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,aAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,cAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,KACvB,6BAAAD,QAAA,cAAC,eAAY,MAAM,aAAa,CAClC,GACA,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAoB,GACrB,6BAAAA,QAAA,cAAC,sDAAmC,kIAEpC,GACA,6BAAAA,QAAA,cAAC,oCAAmB,CACtB,CACF,CACF;AAAA,EACF;AAEJ;AACA,IAAO,eAAQ;",
   "names": ["import_Basic", "React", "Grid", "Card", "Container", "Main"]
 }

package/cjs/navigation/Pagination/index.js

@@ -38,7 +38,6 @@ __reExport(Pagination_exports, require("@digigov/react-core/Pagination"), module
 __reExport(Pagination_exports, require("@digigov/react-core/PaginationList"), module.exports);
 __reExport(Pagination_exports, require("@digigov/react-core/PaginationListItem"), module.exports);
 __reExport(Pagination_exports, require("@digigov/ui/navigation/Pagination/hooks"), module.exports);
-__reExport(Pagination_exports, require("@digigov/ui/navigation/Pagination/auto"), module.exports);
 var import_PaginationLabelContainer = require("@digigov/react-core/PaginationLabelContainer");
 var Pagination_default = import_Pagination.default;
 // Annotate the CommonJS export names for ESM import in node:
@@ -48,7 +47,6 @@ var Pagination_default = import_Pagination.default;
   ...require("@digigov/react-core/Pagination"),
   ...require("@digigov/react-core/PaginationList"),
   ...require("@digigov/react-core/PaginationListItem"),
-  ...require("@digigov/ui/navigation/Pagination/hooks"),
-  ...require("@digigov/ui/navigation/Pagination/auto")
+  ...require("@digigov/ui/navigation/Pagination/hooks")
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/index.tsx"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport * from '@digigov/ui/navigation/Pagination/auto';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAGvB,+BAAc,yDAHd;AAIA,+BAAc,2CAJd;AAKA,+BAAc,+CALd;AAMA,+BAAc,mDANd;AAOA,+BAAc,oDAPd;AAQA,+BAAc,mDARd;AASA,sCAAyC;AARzC,IAAO,qBAAQ,kBAAAA;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination/Pagination';\nexport default Pagination;\n\nexport * from '@digigov/ui/navigation/Pagination/Pagination';\nexport * from '@digigov/react-core/Pagination';\nexport * from '@digigov/react-core/PaginationList';\nexport * from '@digigov/react-core/PaginationListItem';\nexport * from '@digigov/ui/navigation/Pagination/hooks';\nexport { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAGvB,+BAAc,yDAHd;AAIA,+BAAc,2CAJd;AAKA,+BAAc,+CALd;AAMA,+BAAc,mDANd;AAOA,+BAAc,oDAPd;AAQA,sCAAyC;AAPzC,IAAO,qBAAQ,kBAAAA;",
   "names": ["Pagination"]
 }

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

@@ -35,10 +35,11 @@ var import_react = __toESM(require("react"));
 var import_SummaryList = require("@digigov/ui/content/SummaryList");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Tabs = require("@digigov/ui/navigation/Tabs");
+var import_auto = require("@digigov/ui/navigation/Tabs/auto");
 var import_Heading = require("@digigov/ui/typography/Heading");
 var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 function Auto() {
-  return /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsAuto, { defaultOpen: "b" }, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { id: "a" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { id: "b" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { tab: "a" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { tab: "b" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
+  return /* @__PURE__ */ import_react.default.createElement(import_auto.TabsAuto, { defaultOpen: "b" }, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { id: "a" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { id: "b" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { tab: "a" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { tab: "b" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
 }
 var Auto_default = Auto;
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Tabs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsAuto,\n  TabsHeading,\n  TabsList,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs';\n\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAMO;AAEP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsHeading,\n  TabsList,\n\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAIO;AACP,kBAIO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Default/index.js

@@ -35,12 +35,13 @@ var import_react = __toESM(require("react"));
 var import_SummaryList = require("@digigov/ui/content/SummaryList");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Tabs = require("@digigov/ui/navigation/Tabs");
+var import_auto = require("@digigov/ui/navigation/Tabs/auto");
 var import_Heading = require("@digigov/ui/typography/Heading");
 var import_Paragraph = require("@digigov/ui/typography/Paragraph");
 var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 function Default() {
   const { register, panel } = (0, import_Tabs.useTabs)({ defaultOpen: "a" });
-  return /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tabs, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { ...register("a") }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { ...register("b") }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { ...register("c") }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsListItem, { ...register("d") }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { ...panel("a") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { ...panel("b") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { ...panel("c") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsPanel, { ...panel("d") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
+  return /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tabs, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("a") }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("b") }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("c") }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("d") }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("a") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("b") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("c") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("d") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
 }
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node: