@digigov/ui 2.0.0-113e6661 → 2.0.0-2177f152

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Breadcrumbs/hooks.ts"],
-  "sourcesContent": ["import { useCallback, useMemo, useState, } from 'react';\nimport { flattenRoutes } from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport interface ChildrenData {\n  title: string;\n  href?: string;\n  pdf?: string;\n  children?: ChildrenData[];\n}\n\nexport interface ConfigData {\n  title: string;\n  children?: ChildrenData[];\n\n}\n\nexport interface BreadcrumbItem {\n  title: string;\n  href?: string;\n  active?: boolean;\n}\n\nexport interface CurrentItem {\n  title: string;\n  children: CurrentItem[];\n  parents: string[];\n}\n\nexport interface UseBreadcrumbsReturn {\n  breadcrumbs: Array<BreadcrumbItem>;\n  active: CurrentItem;\n  setActive: (item: string) => void;\n}\n\nexport const useBreadcrumbs = (\n  items: ConfigData[],\n  hrefGenerator: (value: ChildrenData) => string,\n): UseBreadcrumbsReturn => {\n  const routes = useMemo(() => flattenRoutes(items, 100), [items]);\n  const [currentPath, setCurrentPath] = useState('');\n\n  const setActive = useCallback((item) => {\n    const itemHref = item.href ?? hrefGenerator(item)\n    setCurrentPath(() => {\n      const newRoute = Object.keys(routes).find((route) =>\n        route.endsWith(itemHref)\n      );\n      return newRoute || '/';\n    });\n  }, [routes]);\n\n  const getParentPath = useCallback((parent: string): string => {\n    return Object.keys(routes).find(\n      (path) => routes[path].title === parent\n    ) || '#';\n  }, [currentPath]);\n\n  const active = routes[currentPath.replace(/\\/$/, '')];\n  const breadcrumbs = active?.parents.map((parent) => ({\n    title: parent,\n    href: `#${getParentPath(parent)}`\n  })) || [];\n  if (active?.title) {\n    breadcrumbs.push({\n      title: active.title,\n      active: true,\n    });\n  }\n\n  return {\n    breadcrumbs,\n    active,\n    setActive,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAChD,mBAA8B;AAiCvB,MAAM,iBAAiB,CAC5B,OACA,kBACyB;AACzB,QAAM,aAAS,sBAAQ,UAAM,4BAAc,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC;AAC/D,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AAEjD,QAAM,gBAAY,0BAAY,CAAC,SAAS;AACtC,UAAM,WAAW,KAAK,QAAQ,cAAc,IAAI;AAChD,mBAAe,MAAM;AACnB,YAAM,WAAW,OAAO,KAAK,MAAM,EAAE;AAAA,QAAK,CAAC,UACzC,MAAM,SAAS,QAAQ;AAAA,MACzB;AACA,aAAO,YAAY;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,oBAAgB,0BAAY,CAAC,WAA2B;AAC5D,WAAO,OAAO,KAAK,MAAM,EAAE;AAAA,MACzB,CAAC,SAAS,OAAO,IAAI,EAAE,UAAU;AAAA,IACnC,KAAK;AAAA,EACP,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,SAAS,OAAO,YAAY,QAAQ,OAAO,EAAE,CAAC;AACpD,QAAM,cAAc,QAAQ,QAAQ,IAAI,CAAC,YAAY;AAAA,IACnD,OAAO;AAAA,IACP,MAAM,IAAI,cAAc,MAAM,CAAC;AAAA,EACjC,EAAE,KAAK,CAAC;AACR,MAAI,QAAQ,OAAO;AACjB,gBAAY,KAAK;AAAA,MACf,OAAO,OAAO;AAAA,MACd,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
+  "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

@@ -34,7 +34,9 @@ module.exports = __toCommonJS(Breadcrumbs_exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/Breadcrumbs"), module.exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsList"), module.exports);
 __reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItem"), module.exports);
+__reExport(Breadcrumbs_exports, require("@digigov/react-core/BreadcrumbsListItemLink"), module.exports);
 var import_Breadcrumbs = __toESM(require("@digigov/react-core/Breadcrumbs"));
+__reExport(Breadcrumbs_exports, require("@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem"), module.exports);
 __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:
@@ -42,6 +44,8 @@ var Breadcrumbs_default = import_Breadcrumbs.default;
   ...require("@digigov/react-core/Breadcrumbs"),
   ...require("@digigov/react-core/BreadcrumbsList"),
   ...require("@digigov/react-core/BreadcrumbsListItem"),
+  ...require("@digigov/react-core/BreadcrumbsListItemLink"),
+  ...require("@digigov/ui/navigation/Breadcrumbs/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';\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;",
+  "sourcesContent": ["export * from '@digigov/react-core/Breadcrumbs';\nexport * from '@digigov/react-core/BreadcrumbsList';\nexport * from '@digigov/react-core/BreadcrumbsListItem';\nexport * from '@digigov/react-core/BreadcrumbsListItemLink';\nimport Breadcrumbs from '@digigov/react-core/Breadcrumbs';\n\nexport * from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';\nexport * from '@digigov/ui/navigation/Breadcrumbs/utils';\n\nexport default Breadcrumbs;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,4CAAd;AACA,gCAAc,gDADd;AAEA,gCAAc,oDAFd;AAGA,gCAAc,wDAHd;AAIA,yBAAwB;AAExB,gCAAc,mEANd;AAOA,gCAAc,qDAPd;AASA,IAAO,sBAAQ,mBAAAA;",
   "names": ["Breadcrumbs"]
 }

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

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

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

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

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

@@ -1,7 +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,MACzB,MAAM,MAAM,YAAQ,kBAAK,MAAM,OAAO,SAAS;AAAA,MAC/C,GAAG;AAAA,IACL,EAAE,IACA,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;",
+  "sourcesContent": ["// utility.ts\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nexport const flattenRoutes = (\n  items,\n  maxLength = 15,\n  prepend = '',\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,YAAY,IACZ,UAAU,IACV,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

@@ -27,7 +27,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Auto_exports = {};
 __export(Auto_exports, {
-  Auto: () => Auto
+  Auto: () => Auto,
+  default: () => Auto_default
 });
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
@@ -99,6 +100,7 @@ const Auto = () => {
     }
   ))), /* @__PURE__ */ import_react.default.createElement(import_Admin.AdminMain, null)), /* @__PURE__ */ import_react.default.createElement(import_Footer.GovGRFooter, null)));
 };
+var Auto_default = Auto;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Auto

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/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;",
+  "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;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;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

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

@@ -33,9 +33,8 @@ __export(Default_exports, {
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
 var import_Drawer = require("@digigov/ui/navigation/Drawer");
-var import_Drawer2 = require("@digigov/ui/navigation/Drawer");
 var import_NavList = require("@digigov/ui/navigation/NavList");
-var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
+var import_Heading = require("@digigov/ui/typography/Heading");
 function useDrawer() {
   const [open, setOpen] = (0, import_react.useState)(true);
   function toggleDrawer() {
@@ -85,7 +84,7 @@ const Default = () => {
   const layout = "vertical";
   const border = false;
   const fixed = false;
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.Drawer, { upRelative: "md", direction: "left", open }, /* @__PURE__ */ import_react.default.createElement(import_Drawer2.DrawerHeading, { onClick: () => toggleDrawer() }, /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "md" }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2")), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.Drawer, { upRelative: "md", direction: "left", open }, /* @__PURE__ */ import_react.default.createElement(import_Drawer.DrawerHeading, { onClick: () => toggleDrawer() }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2")), /* @__PURE__ */ import_react.default.createElement(
     import_NavList.NavListAuto,
     {
       layout,

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAuB;AACvB,IAAAA,iBAA8B;AAC9B,qBAA4B;AAC5B,qBAAoB;AAEpB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,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,6BAAAC,QAAA,cAAC,wBAAO,YAAW,MAAK,WAAU,QAAO,QACvC,6BAAAA,QAAA,cAAC,gCAAc,SAAS,MAAM,aAAa,KACzC,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AACA,IAAO,kBAAQ;",
-  "names": ["import_Drawer", "React", "Heading"]
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Drawer, 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oBAAsC;AACtC,qBAA4B;AAC5B,qBAAwB;AAExB,SAAS,YAAmC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,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,6BAAAA,QAAA,cAAC,wBAAO,YAAW,MAAK,WAAU,QAAO,QACvC,6BAAAA,QAAA,cAAC,+BAAc,SAAS,MAAM,aAAa,KACzC,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,kDAAQ,CAC7B,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAW;AAAA;AAAA,EACZ,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
+  "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Dropdown/Dropdown.stories.js"],
-  "sourcesContent": ["import Dropdown from '@digigov/ui/navigation/Dropdown';\nexport default {\n  title: 'Digigov UI/navigation/Dropdown',\n  description:\n    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',\n  component: Dropdown,\n  displayName: 'Dropdown',\n};\nexport { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';\nexport { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';\nexport { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';\nexport { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';\nexport { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';\nexport { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';\nexport { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';\nexport { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';\nexport { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';\nexport { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAUrB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,sBAAyB;AACzB,yBAA4B;AAC5B,wBAA2B;AAC3B,0BAA6B;AAC7B,uBAA0B;AAC1B,6BAAgC;AAChC,+BAAkC;AAClC,mBAAsB;AAnBtB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Dropdown from '@digigov/ui/navigation/Dropdown';\nexport default {\n  title: 'Digigov UI/navigation/Dropdown',\n  description:\n    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',\n  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',\n  component: Dropdown,\n  displayName: 'Dropdown',\n};\nexport { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';\nexport { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';\nexport { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';\nexport { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';\nexport { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';\nexport { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';\nexport { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';\nexport { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';\nexport { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';\nexport { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AASrB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,sBAAyB;AACzB,yBAA4B;AAC5B,wBAA2B;AAC3B,0BAA6B;AAC7B,uBAA0B;AAC1B,6BAAgC;AAChC,+BAAkC;AAClC,mBAAsB;AAlBtB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Dropdown"]
 }

package/cjs/navigation/Dropdown/__stories__/AlignRight/index.js

@@ -35,7 +35,6 @@ var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -58,7 +57,7 @@ const AlignRight = () => /* @__PURE__ */ import_react.default.createElement(
       arrow: true
     },
     "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"
-  ), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")))
+  ), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")))
 );
 var AlignRight_default = AlignRight;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Dropdown/__stories__/AlignRight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/AlignRight.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport const AlignRight = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    <Dropdown align=\"right\">\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default AlignRight;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,aAAa,MACxB,6BAAAC,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAEA,6BAAAA,QAAA,cAAC,4BAAS,OAAM,WACd,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,yCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,qBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport const AlignRight = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    <Dropdown align=\"right\">\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default AlignRight;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,aAAa,MACxB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAEA,6BAAAA,QAAA,cAAC,4BAAS,OAAM,WACd,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,qBAAQ;",
+  "names": ["React"]
 }

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

@@ -34,7 +34,6 @@ module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -48,7 +47,7 @@ const Default = () => /* @__PURE__ */ import_react.default.createElement(import_
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
+), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Dropdown/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Default = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAE/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,UAAU,MACrB,6BAAAC,QAAA,cAAC,gCACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,yCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Default = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAE/B,4BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/Dropdown/__stories__/Dense/index.js

@@ -35,7 +35,6 @@ var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -49,7 +48,7 @@ const Dense = () => /* @__PURE__ */ import_react.default.createElement(import_Dr
     arrow: true
   },
   "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"
-), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")));
+), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")));
 var Dense_default = Dense;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Dropdown/__stories__/Dense.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Dense = () => (\n  <Dropdown dense>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n      <SectionBreak role=\"separator\" />\n      <Button role=\"menuitem\" color=\"secondary\">\n        \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n      </Button>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Dense;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,QAAQ,MACnB,6BAAAC,QAAA,cAAC,4BAAS,OAAK,QACb,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,yCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AAGF,IAAO,gBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Dense = () => (\n  <Dropdown dense>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n      <SectionBreak role=\"separator\" />\n      <Button role=\"menuitem\" color=\"secondary\">\n        \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n      </Button>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default Dense;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,QAAQ,MACnB,6BAAAA,QAAA,cAAC,4BAAS,OAAK,QACb,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AAGF,IAAO,gBAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/Dropdown/__stories__/Disabled/index.js

@@ -34,7 +34,6 @@ module.exports = __toCommonJS(Disabled_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -48,7 +47,7 @@ const Disabled = () => /* @__PURE__ */ import_react.default.createElement(import
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
+), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
 var Disabled_default = Disabled;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Dropdown/__stories__/Disabled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/Disabled.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  DropdownBase,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Disabled = () => (\n  <DropdownBase disabled>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </DropdownBase>\n);\n\nexport default Disabled;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAE/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,WAAW,MACtB,6BAAAC,QAAA,cAAC,gCAAa,UAAQ,QACpB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,yCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,mBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  DropdownBase,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const Disabled = () => (\n  <DropdownBase disabled>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\">\n      <FieldContainer role=\"menuitem\">\n        <LabelContainer>\n          <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n          <TextInput name=\"input-name\" />\n        </LabelContainer>\n      </FieldContainer>\n      <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n      <NavList layout=\"vertical\">\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n        </NavListItemAction>\n        <NavListItemAction role=\"menuitem\" href=\"#\">\n          \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n        </NavListItemAction>\n      </NavList>\n    </DropdownContent>\n  </DropdownBase>\n);\n\nexport default Disabled;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAE/B,4BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,gCAAa,UAAQ,QACpB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,CACF,CACF;AAGF,IAAO,mBAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/Dropdown/__stories__/PlacementTop/index.js

@@ -35,7 +35,6 @@ var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -58,7 +57,7 @@ const PlacementTop = () => /* @__PURE__ */ import_react.default.createElement(
       arrow: true
     },
     "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7"
-  ), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")))
+  ), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator" }), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { role: "menuitem", color: "secondary" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1")))
 );
 var PlacementTop_default = PlacementTop;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Dropdown/__stories__/PlacementTop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/PlacementTop.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA+B;AAC/B,IAAAA,yBAA2B;AAC3B,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,eAAe,MAC1B,6BAAAC,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,6BAAAA,QAAA,cAAC,4BAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,yCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
-  "names": ["import_LabelContainer", "React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nexport const PlacementTop = () => (\n  <div\n    style={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    }}\n  >\n    {/* marginTop is here for the demostration. Remove it if you use it. */}\n    <Dropdown placement=\"top\" style={{ marginTop: '22rem' }}>\n      <DropdownButton\n        role=\"button\"\n        aria-haspopup=\"true\"\n        aria-controls=\"menu2\"\n        arrow\n      >\n        \u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\n      </DropdownButton>\n      <DropdownContent role=\"menu\" id=\"menu2\">\n        <FieldContainer role=\"menuitem\">\n          <LabelContainer>\n            <LabelTitle>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5</LabelTitle>\n            <TextInput name=\"input-name\" />\n          </LabelContainer>\n        </FieldContainer>\n        <SectionBreak role=\"separator\" paddingBottom={0} paddingTop={0} />\n        <NavList layout=\"vertical\">\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7\n          </NavListItemAction>\n          <NavListItemAction role=\"menuitem\" href=\"#\">\n            \u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n          </NavListItemAction>\n        </NavList>\n        <SectionBreak role=\"separator\" />\n        <Button role=\"menuitem\" color=\"secondary\">\n          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1\n        </Button>\n      </DropdownContent>\n    </Dropdown>\n  </div>\n);\n\nexport default PlacementTop;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AACvB,4BAA+B;AAE/B,4BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAC7B,sBAIO;AACP,qBAA2C;AAEpC,MAAM,eAAe,MAC1B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA;AAAA,EAGA,6BAAAA,QAAA,cAAC,4BAAS,WAAU,OAAM,OAAO,EAAE,WAAW,QAAQ,KACpD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,OAAK;AAAA;AAAA,IACN;AAAA,EAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,WAC9B,6BAAAA,QAAA,cAAC,wCAAe,MAAK,cACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wCAAW,qEAAY,GACxB,6BAAAA,QAAA,cAAC,8BAAU,MAAK,cAAa,CAC/B,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,eAAe,GAAG,YAAY,GAAG,GAChE,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,oEAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,8DAE5C,GACA,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAK,OAAI,mGAE5C,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,aAAY,GAC/B,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAW,OAAM,eAAY,kDAE1C,CACF,CACF;AACF;AAGF,IAAO,uBAAQ;",
+  "names": ["React"]
 }

package/cjs/navigation/Dropdown/__stories__/ScrollableContent/index.js

@@ -93,7 +93,7 @@ const ScrollableContent = () => /* @__PURE__ */ import_react.default.createEleme
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: item.href }, item.name)))));
+), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2", scrollable: true }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, data.map((item) => /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { key: item.name, role: "menuitem", href: item.href }, item.name)))));
 var ScrollableContent_default = ScrollableContent;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Dropdown/__stories__/ScrollableContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Dropdown/__stories__/ScrollableContent.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAIO;AACP,qBAA2C;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,YAAW,MAAM,KAAK,QAC3C,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';\n\nconst data = [\n  {\n    name: 'Item 1',\n    href: '#',\n  },\n  {\n    name: 'Item 2',\n    href: '#',\n  },\n  {\n    name: 'Item 3',\n    href: '#',\n  },\n  {\n    name: 'Item 4',\n    href: '#',\n  },\n  {\n    name: 'Item 5',\n    href: '#',\n  },\n  {\n    name: 'Item 6',\n    href: '#',\n  },\n  {\n    name: 'Item 7',\n    href: '#',\n  },\n  {\n    name: 'Item 8',\n    href: '#',\n  },\n  {\n    name: 'Item 9',\n    href: '#',\n  },\n  {\n    name: 'Item 10',\n    href: '#',\n  },\n  {\n    name: 'Item 11',\n    href: '#',\n  },\n  {\n    name: 'Item 12',\n    href: '#',\n  },\n];\n\nexport const ScrollableContent = () => (\n  <Dropdown>\n    <DropdownButton\n      role=\"button\"\n      aria-haspopup=\"true\"\n      aria-controls=\"menu2\"\n      arrow\n    >\n      \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n    </DropdownButton>\n    <DropdownContent role=\"menu\" id=\"menu2\" scrollable>\n      <NavList layout=\"vertical\">\n        {data.map((item) => (\n          <NavListItemAction key={item.name} role=\"menuitem\" href={item.href}>\n            {item.name}\n          </NavListItemAction>\n        ))}\n      </NavList>\n    </DropdownContent>\n  </Dropdown>\n);\n\nexport default ScrollableContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAIO;AACP,qBAA2C;AAE3C,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,iBAAc;AAAA,IACd,OAAK;AAAA;AAAA,EACN;AAED,GACA,6BAAAA,QAAA,cAAC,mCAAgB,MAAK,QAAO,IAAG,SAAQ,YAAU,QAChD,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACb,KAAK,IAAI,CAAC,SACT,6BAAAA,QAAA,cAAC,oCAAkB,KAAK,KAAK,MAAM,MAAK,YAAW,MAAM,KAAK,QAC3D,KAAK,IACR,CACD,CACH,CACF,CACF;AAGF,IAAO,4BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Dropdown/__stories__/VariantLink/index.js

@@ -34,7 +34,6 @@ module.exports = __toCommonJS(VariantLink_exports);
 var import_react = __toESM(require("react"));
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
-var import_LabelContainer2 = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
@@ -49,7 +48,7 @@ const VariantLink = () => /* @__PURE__ */ import_react.default.createElement(imp
     arrow: true
   },
   "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
-), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer2.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
+), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, { role: "menu", id: "menu2" }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { role: "menuitem" }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "input-name" }))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { role: "separator", paddingBottom: 0, paddingTop: 0 }), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { role: "menuitem", href: "#" }, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
 var VariantLink_default = VariantLink;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {